:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #f8f7f3;--paper: #fffdf8;--panel: #ffffff;--panel-soft: #f1f5f6;--ink: #17232f;--muted: #63717d;--faint: #d9dedb;--blue: #315f73;--blue-dark: #24495a;--blue-soft: #e6eff2;--gold: #b78a3d;--gold-soft: #f3ead7;--danger: #7b352f;--shadow: 0 18px 48px rgba(35, 54, 63, .1)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(49,95,115,.11),transparent 34rem),linear-gradient(135deg,#fbfaf6 0%,var(--bg) 52%,#eef4f5 100%);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(183,138,61,.34);outline-offset:2px}.app-shell{min-height:100vh;padding:22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1480px;margin:0 auto 18px;padding:14px 16px;border:1px solid rgba(217,222,219,.9);border-radius:8px;background:#fffdf8e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand,.topbar-actions,.list-heading,.panel-heading,.write-in-actions,.nav-actions,.entry-controls{display:flex;align-items:center}.brand{gap:12px}.brand-mark{position:relative;display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(183,138,61,.35);border-radius:8px;background:linear-gradient(145deg,#fffaf0,#eaf2f3)}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";position:absolute;border-radius:999px;background:var(--blue)}.brand-mark:before{width:3px;height:24px}.brand-mark:after{width:16px;height:3px;top:14px}.brand-mark span{width:5px;height:5px;bottom:8px;background:var(--gold)}.brand h1,.list-heading h2,.exam-panel h2{margin:0;font-family:Georgia,Times New Roman,serif;letter-spacing:0}.brand h1{font-size:1.45rem}.brand p,.depth-card p,.intro,.list-helper,.empty,.guidance p{color:var(--muted)}.brand p{margin:2px 0 0;font-size:.88rem}.topbar-actions{gap:10px}.privacy-pill{padding:8px 11px;border:1px solid rgba(49,95,115,.2);border-radius:999px;background:var(--blue-soft);color:var(--blue-dark);font-size:.82rem;font-weight:700}.ghost-button,.secondary-button,.primary-button,.menu-button,.drawer-close{min-height:40px;border-radius:8px;border:1px solid transparent;padding:0 14px;font-size:.9rem;font-weight:750}.ghost-button,.secondary-button,.menu-button,.drawer-close{border-color:#315f732e;background:#fff;color:var(--blue-dark)}.menu-button{min-width:56px;padding:0 12px}.primary-button{background:var(--blue);color:#fff;box-shadow:0 10px 26px #315f732e}.workspace{max-width:980px;margin:0 auto}.exam-panel,.list-panel{border:1px solid rgba(217,222,219,.92);border-radius:8px;background:#fffdf8eb;box-shadow:var(--shadow)}.drawer-layer{position:fixed;inset:0;z-index:50;pointer-events:none;visibility:hidden}.drawer-layer.open{pointer-events:auto;visibility:visible}.drawer-backdrop{position:absolute;inset:0;border:0;background:#17232f00;cursor:default;transition:background .16s ease}.drawer-layer.open .drawer-backdrop{background:#17232f47}.drawer-panel{position:relative;display:flex;flex-direction:column;gap:14px;width:min(420px,calc(100vw - 28px));height:100%;overflow:auto;padding:16px;border-right:1px solid rgba(217,222,219,.92);background:#fffdf8fa;box-shadow:18px 0 48px #23363f2e;transform:translate(-104%);transition:transform .18s ease}.drawer-layer.open .drawer-panel{transform:translate(0)}.drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.drawer-heading span{color:var(--gold);font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.drawer-heading h2{margin:2px 0 0;font-family:Georgia,Times New Roman,serif;font-size:1.45rem}.drawer-close{min-height:34px;padding:0 11px;font-size:.8rem}.depth-card{padding:14px;border-radius:8px;background:var(--panel);border:1px solid rgba(217,222,219,.85)}.depth-card h2,.entry-group h3{margin:0 0 10px;font-size:.84rem;text-transform:uppercase;letter-spacing:.08em;color:var(--blue-dark)}.depth-card p{margin:10px 0 0;font-size:.84rem;line-height:1.45}.depth-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.depth{min-height:36px;border:1px solid rgba(49,95,115,.16);border-radius:8px;background:#fff;color:var(--blue-dark);font-size:.83rem;font-weight:750}.depth.active{background:var(--blue);color:#fff}.journey{margin:18px 0;display:grid;gap:10px}.journey-step{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;color:var(--muted)}.journey-step strong{display:block;color:var(--ink);font-size:.9rem}.journey-step span:last-child{display:block;margin-top:2px;font-size:.78rem}.step-dot{width:12px;height:12px;margin-top:4px;border:2px solid var(--faint);border-radius:999px;background:#fff}.journey-step.active .step-dot{border-color:var(--gold);background:var(--gold);box-shadow:0 0 0 5px #b78a3d29}.section-list{display:grid;gap:6px;max-height:38vh;overflow:auto;padding-right:2px}.section-link{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;width:100%;padding:9px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);text-align:left;font-size:.86rem}.section-link span{color:var(--gold);font-size:.76rem;font-weight:800}.section-link.active{border-color:#315f7329;background:#fff;color:var(--ink)}.exam-panel{min-height:calc(100vh - 92px);padding:26px}.panel-heading{justify-content:space-between;gap:12px;margin-bottom:18px}.panel-heading span,.panel-heading strong{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.panel-heading span{color:var(--gold)}.panel-heading strong{color:var(--muted)}.exam-panel h2{font-size:clamp(1.7rem,3vw,2.75rem);line-height:1.02;color:var(--ink)}.intro{margin:12px 0 22px;max-width:760px;font-size:1.02rem;line-height:1.62}.prep-note{margin:-6px 0 18px;padding:14px 16px;border:1px solid rgba(49,95,115,.16);border-radius:8px;background:var(--panel-soft);color:var(--blue-dark)}.prep-note h3{margin:0 0 6px;font-size:.96rem}.prep-note p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.48}.criteria-list{display:grid;gap:9px}.criteria-row{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;padding:13px 14px;border:1px solid rgba(217,222,219,.9);border-radius:8px;background:#ffffffc7;line-height:1.45}.criteria-row span{width:9px;height:9px;margin-top:8px;border-radius:999px;background:var(--gold);box-shadow:0 0 0 5px #b78a3d21}.criteria-row p{margin:0}.note-list .criteria-row{border-color:#315f7324;background:var(--panel-soft)}.note-list .criteria-row span{background:var(--blue);box-shadow:0 0 0 5px #315f731f}.write-in-row,.final-statement,.guidance,.nav-actions{margin-top:18px}.write-in-row{padding:14px;border:1px solid rgba(183,138,61,.28);border-radius:8px;background:linear-gradient(180deg,#fffdf8,var(--gold-soft))}.write-in-actions{align-items:end;justify-content:space-between;gap:12px;margin-top:10px}.category-picker{display:grid;flex:1;gap:8px;min-width:0;margin:0;padding:0;border:0}.category-picker legend{margin-bottom:7px;color:var(--blue-dark);font-size:.82rem;font-weight:800}.category-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.category-choice{display:grid;place-items:center;gap:2px;min-height:38px;padding:7px 8px;border:1px solid rgba(49,95,115,.18);border-radius:8px;background:#fff;color:var(--blue-dark);font-size:.82rem;font-weight:750;line-height:1.15}.category-choice small{color:inherit;font-size:.68rem;font-weight:700;opacity:.82}.category-choice.recommended{border-color:#315f7352;background:var(--blue-soft)}.category-choice.active{border-color:#315f7375;background:var(--blue);color:#fff;box-shadow:0 8px 20px #315f732e}.category-picker p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.35}.field-label{display:grid;gap:7px;color:var(--blue-dark);font-size:.82rem;font-weight:800}.field-label.compact{min-width:190px}.final-statement{padding:16px;border:1px solid rgba(49,95,115,.18);border-radius:8px;background:#fff}.final-statement-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.final-statement-heading span{color:var(--gold);font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.final-statement-heading h3{margin:2px 0 0;font-family:Georgia,Times New Roman,serif;font-size:1.35rem}.final-statement textarea{min-height:320px}.final-statement p{margin:12px 0 0;color:var(--muted);font-size:.9rem;line-height:1.45}input,select,textarea{width:100%;border:1px solid rgba(49,95,115,.2);border-radius:8px;background:#fff;color:var(--ink);font-weight:500}input,select{min-height:40px;padding:0 11px}textarea{resize:vertical;padding:11px;line-height:1.45}.last-confession{margin-bottom:18px;max-width:420px}.guidance{display:grid;gap:8px;padding:14px;border-left:3px solid var(--gold);border-radius:8px;background:#f1f5f6db}.guidance p{margin:0;font-size:.9rem;line-height:1.45}.nav-actions{justify-content:flex-end;gap:10px}.list-panel{max-height:none;overflow:auto;padding:18px}.drawer-panel .list-panel{overflow:visible;padding:14px;background:#ffffffb8;box-shadow:none}.list-heading{justify-content:space-between;gap:14px}.list-heading span{color:var(--gold);font-size:.82rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.list-heading h2{margin-top:3px;font-size:1.5rem}.list-heading strong{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:var(--blue);color:#fff}.list-helper{margin:14px 0 18px;font-size:.9rem;line-height:1.48}.entry-group{padding:14px 0;border-top:1px solid rgba(217,222,219,.88)}.entry-group h3{margin-bottom:8px}.empty{margin:0;font-size:.86rem}.entry-stack{display:grid;gap:10px}.entry-card{padding:11px;border:1px solid rgba(217,222,219,.92);border-radius:8px;background:#fff}.entry-card p{margin:0 0 10px;font-size:.9rem;line-height:1.45}.entry-controls{display:grid;grid-template-columns:1fr;gap:7px}.drawer-panel .entry-controls{grid-template-columns:1fr}.entry-controls button{min-height:34px;border:1px solid rgba(123,53,47,.2);border-radius:8px;background:#fff8f6;color:var(--danger);font-size:.82rem;font-weight:800}.closing-line{margin-top:14px;padding:14px;border-radius:8px;background:var(--panel-soft);color:var(--blue-dark);font-family:Georgia,Times New Roman,serif;line-height:1.35}@media(max-width:1180px){.entry-controls{grid-template-columns:1fr 1fr auto}}@media(max-width:820px){.app-shell{padding:12px}.topbar,.workspace{display:grid;grid-template-columns:1fr}.topbar{gap:12px}.topbar-actions{justify-content:space-between}.brand{min-width:0}.brand h1{font-size:1.18rem}.brand p{display:none}.exam-panel{min-height:auto;padding:18px}.section-list{max-height:260px}.category-options{grid-template-columns:repeat(2,minmax(0,1fr))}.write-in-actions,.final-statement-heading,.entry-controls{grid-template-columns:1fr;display:grid}.field-label.compact{min-width:0}.nav-actions{justify-content:stretch}.nav-actions button{width:100%}}