/* Art direction: recovered correspondence inside a mutable midnight theatre.
   Palette: ink blue, paper cream, tarnished gold. Typography: Boska + Satoshi. Density: editorial and focused. */
:root{
  --text-xs:clamp(.75rem,.7rem + .25vw,.875rem);--text-sm:clamp(.875rem,.8rem + .35vw,1rem);--text-base:clamp(1rem,.95rem + .25vw,1.125rem);--text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);--text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);--text-2xl:clamp(2rem,1.2rem + 2.5vw,3.5rem);--text-hero:clamp(3rem,.5rem + 7vw,7rem);
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;
  --font-display:'Boska','Georgia',serif;--font-body:'Satoshi','Helvetica Neue',sans-serif;
  --color-bg:#f1ecdf;--color-surface:#faf7ee;--color-surface-2:#e9e1cf;--color-surface-offset:#ded4c0;--color-text:#111827;--color-muted:#555c67;--color-faint:#74767a;--color-border:#c7bda9;--color-primary:#8c5c15;--color-primary-hover:#6e450c;--color-primary-active:#523207;--color-inverse:#fff9ec;--color-danger:#913f47;--shadow:0 18px 55px oklch(.22 .025 70/.18);--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--transition:400ms cubic-bezier(.16,1,.3,1);
}
[data-theme="dark"]{--color-bg:#071019;--color-surface:#101b26;--color-surface-2:#182837;--color-surface-offset:#203344;--color-text:#eee9df;--color-muted:#b7c0c7;--color-faint:#8d9aa5;--color-border:#34485a;--color-primary:#d2a85c;--color-primary-hover:#e1bd79;--color-primary-active:#b98a3d;--color-inverse:#10151b;--color-danger:#dc8f97;--shadow:0 22px 70px rgba(0,0,0,.45)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{min-height:100dvh;overflow:hidden;font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;background:var(--color-bg);color:var(--color-text)}img,svg{display:block;max-width:100%;height:auto}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}p{max-width:72ch}h1,h2,h3{font-family:var(--font-display);font-weight:500;line-height:1.05;text-wrap:balance}.skip-link{position:fixed;z-index:1000;left:var(--space-4);top:-100px;padding:var(--space-3);background:var(--color-primary);color:var(--color-inverse)}.skip-link:focus{top:var(--space-4)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:color-mix(in oklab,var(--color-primary) 35%,transparent)}
.opening{position:fixed;z-index:100;inset:0;display:grid;place-items:center;background:url('./assets/theatre.png') center/cover no-repeat;color:#f9f0df;transition:opacity 900ms cubic-bezier(.16,1,.3,1),visibility 900ms}.opening.dismissed{opacity:0;visibility:hidden;pointer-events:none}.opening-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,9,15,.9) 0%,rgba(3,9,15,.61) 48%,rgba(3,9,15,.2)),linear-gradient(0deg,rgba(0,0,0,.45),transparent 55%)}.opening-copy{position:relative;width:min(1160px,100%);padding:var(--space-8);margin:auto}.lark-logo{width:72px;color:var(--color-primary);margin-bottom:var(--space-5)}.opening .lark-logo{color:#d2a85c}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:var(--text-xs);font-weight:700;color:var(--color-primary)}.opening h1{font-size:var(--text-hero);max-width:780px;margin:var(--space-4) 0 var(--space-6);letter-spacing:-.025em}.opening h1 em{font-weight:400;color:#d8b979}.premise{font-size:var(--text-lg);max-width:56ch;color:#e6dfd4;margin-bottom:var(--space-8)}.primary,.secondary{min-height:48px;padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:700}.primary{background:var(--color-primary);color:var(--color-inverse)}.primary:hover{background:var(--color-primary-hover)}.primary:active{background:var(--color-primary-active);transform:translateY(1px)}.secondary{border:1px solid var(--color-border);background:var(--color-surface)}.start-button{min-width:220px}.duration{font-size:var(--text-sm);color:#b7b1a7;margin-top:var(--space-3)}
.dream-scene{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(circle at 72% 22%,color-mix(in oklab,var(--color-primary) 14%,transparent),transparent 25%),linear-gradient(150deg,var(--color-bg),color-mix(in oklab,var(--color-surface-2) 70%,#06111c));transition:background 1.4s}.dream-scene::after{content:"";position:absolute;inset:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.moon{position:absolute;width:34vw;aspect-ratio:1;border-radius:50%;right:-8vw;top:-12vw;background:color-mix(in oklab,var(--color-primary) 18%,transparent);filter:blur(2px);transition:all 1.4s}.stage-light{position:absolute;width:40vw;height:140vh;left:48%;top:-30%;transform:rotate(12deg);background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--color-primary) 7%,transparent),transparent);filter:blur(25px);transition:transform 1.2s}.paper{position:absolute;width:34px;height:46px;border:1px solid color-mix(in oklab,var(--color-primary) 30%,transparent);background:color-mix(in oklab,var(--color-surface) 18%,transparent);opacity:.28;animation:drift 12s ease-in-out infinite}.p1{left:7%;top:16%;transform:rotate(9deg)}.p2{right:28%;top:14%;animation-delay:-3s}.p3{left:43%;bottom:8%;animation-delay:-7s}.p4{right:5%;bottom:22%;animation-delay:-10s}@keyframes drift{0%,100%{translate:0 0;rotate:-4deg}50%{translate:10px -32px;rotate:8deg}}body[data-act="1"] .moon{right:28vw;top:48vh;width:18vw}body[data-act="1"] .stage-light{transform:rotate(-14deg) translateX(-14vw)}body[data-act="2"] .moon{right:62vw;top:8vh;width:26vw;background:color-mix(in oklab,var(--color-primary) 28%,transparent)}body[data-act="2"] .dream-scene{background:radial-gradient(circle at 20% 20%,color-mix(in oklab,var(--color-primary) 16%,transparent),transparent 25%),linear-gradient(40deg,var(--color-bg),color-mix(in oklab,var(--color-surface-2) 80%,#0a1825))}
.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);border-bottom:1px solid color-mix(in oklab,var(--color-text) 10%,transparent);background:color-mix(in oklab,var(--color-bg) 78%,transparent);backdrop-filter:blur(18px);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:var(--space-3);color:inherit;text-decoration:none}.brand svg{width:42px;color:var(--color-primary)}.brand span{display:grid}.brand b{font-size:var(--text-sm)}.brand small{font-size:var(--text-xs);color:var(--color-muted)}.top-actions{display:flex;gap:var(--space-2)}.icon-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid color-mix(in oklab,var(--color-text) 12%,transparent);border-radius:50%;background:var(--color-surface);font-size:var(--text-lg)}.icon-button:hover{background:var(--color-surface-2)}
.workspace{height:calc(100dvh - 76px);display:grid;grid-template-columns:250px minmax(280px,390px) minmax(420px,1fr);max-width:1720px;margin:auto;background:color-mix(in oklab,var(--color-bg) 60%,transparent);backdrop-filter:blur(2px)}.mail-sidebar,.mail-list-panel,.reader{min-height:0}.mail-sidebar{padding:var(--space-6) var(--space-4);border-right:1px solid color-mix(in oklab,var(--color-text) 10%,transparent);background:color-mix(in oklab,var(--color-surface) 82%,transparent);display:flex;flex-direction:column}.case-owner{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-2) var(--space-6)}.case-owner img{width:52px;height:52px;object-fit:cover;object-position:50% 18%;border-radius:50%;border:1px solid var(--color-border);background:#fff}.case-owner div{display:grid}.case-owner strong{font-size:var(--text-sm)}.case-owner small{font-size:var(--text-xs);color:var(--color-muted)}.folders{display:grid;gap:var(--space-1)}.folder{min-height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-muted);text-align:left}.folder:hover{background:var(--color-surface-2);color:var(--color-text)}.folder.active{background:color-mix(in oklab,var(--color-primary) 13%,var(--color-surface));color:var(--color-text)}.folder b{font-variant-numeric:tabular-nums;color:var(--color-primary)}.dream-meter{margin-top:auto;padding:var(--space-4);border-top:1px solid color-mix(in oklab,var(--color-text) 10%,transparent)}.meter-label{display:flex;justify-content:space-between;font-size:var(--text-xs);font-weight:700}.meter-track{height:3px;background:var(--color-surface-offset);margin:var(--space-3) 0}.meter-track i{display:block;height:100%;width:0;background:var(--color-primary);transition:width .8s cubic-bezier(.16,1,.3,1)}.dream-meter p{font-size:var(--text-xs);color:var(--color-muted)}
.mail-list-panel{border-right:1px solid color-mix(in oklab,var(--color-text) 10%,transparent);background:color-mix(in oklab,var(--color-bg) 82%,transparent);overflow:auto}.list-heading{min-height:126px;padding:var(--space-6);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);position:sticky;top:0;background:color-mix(in oklab,var(--color-bg) 88%,transparent);backdrop-filter:blur(16px);z-index:2;border-bottom:1px solid color-mix(in oklab,var(--color-text) 9%,transparent)}.list-heading h2{font-size:var(--text-xl);margin-top:var(--space-1)}.text-button{min-height:44px;color:var(--color-primary);font-size:var(--text-sm);font-weight:700;white-space:nowrap}.mail-list{display:grid}.mail-item{width:100%;display:grid;grid-template-columns:10px 1fr auto;gap:var(--space-3);padding:var(--space-5) var(--space-6);text-align:left;border-bottom:1px solid color-mix(in oklab,var(--color-text) 8%,transparent);background:transparent;position:relative}.mail-item:hover,.mail-item.selected{background:color-mix(in oklab,var(--color-surface-2) 72%,transparent)}.mail-item.selected::after{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--color-primary)}.unread-dot{width:7px;height:7px;border-radius:50%;background:var(--color-primary);margin-top:8px}.mail-item.read .unread-dot{background:transparent;border:1px solid var(--color-faint)}.mail-meta{min-width:0}.mail-from{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-sm)}.flag-glyph{color:var(--color-primary)}.mail-subject{display:block;margin:var(--space-1) 0;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-preview{display:block;color:var(--color-muted);font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-date{color:var(--color-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.locked-message{opacity:.58}.locked-message .mail-subject{filter:blur(4px)}
.reader{position:relative;overflow:auto;background:color-mix(in oklab,var(--color-surface) 68%,transparent)}.empty-reader{height:100%;display:grid;place-content:center;justify-items:center;text-align:center;padding:var(--space-8);color:var(--color-muted)}.empty-reader[hidden],.message-reader[hidden]{display:none!important}.empty-reader svg{width:120px;color:var(--color-primary);opacity:.55;margin-bottom:var(--space-6)}.empty-reader h2{font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-2)}.message-reader{max-width:820px;margin:auto;padding:clamp(var(--space-6),5vw,var(--space-16))}.message-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-10)}.back-list{display:none}.evidence-button{min-height:44px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:700}.evidence-button.flagged{background:color-mix(in oklab,var(--color-primary) 14%,var(--color-surface));color:var(--color-primary)}.message-head{border-bottom:1px solid color-mix(in oklab,var(--color-text) 12%,transparent);padding-bottom:var(--space-6);margin-bottom:var(--space-8)}.message-head h2{font-size:var(--text-2xl);margin-bottom:var(--space-6)}.address-grid{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-3);font-size:var(--text-sm)}.address-grid dt{color:var(--color-muted)}.message-body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.8}.message-body p{margin:0 0 var(--space-5)}.message-body blockquote{margin:var(--space-6) 0;padding:var(--space-5);background:color-mix(in oklab,var(--color-surface-2) 80%,transparent);border-radius:var(--radius-sm);color:var(--color-muted);font-family:var(--font-display);font-size:var(--text-lg);font-style:italic}.message-body .memo-table{width:100%;border-collapse:collapse;margin:var(--space-5) 0;font-size:var(--text-sm)}.memo-table th,.memo-table td{padding:var(--space-3);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.memo-table th{color:var(--color-muted)}.message-body .redacted{background:var(--color-text);color:transparent;padding:0 .15em;user-select:none}.message-body .annotation{display:inline;background:color-mix(in oklab,var(--color-primary) 30%,transparent);box-decoration-break:clone;padding:0 .12em}.message-note{margin-top:var(--space-8);padding:var(--space-5);background:color-mix(in oklab,var(--color-primary) 8%,var(--color-surface));border:1px solid color-mix(in oklab,var(--color-primary) 22%,transparent);font-size:var(--text-sm)}.message-note strong{display:block;color:var(--color-primary);margin-bottom:var(--space-2)}.message-footer{margin-top:var(--space-8);display:flex;justify-content:flex-end}.deduce-button{display:none}.deduce-button.visible{display:block}
.mobile-folder-button,.mobile-folders{display:none}.toast{position:fixed;z-index:200;left:50%;bottom:var(--space-6);translate:-50% 20px;padding:var(--space-3) var(--space-5);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-sm);font-size:var(--text-sm);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity var(--transition),translate var(--transition)}.toast.show{opacity:1;translate:-50% 0}
dialog{border:0;padding:0;background:transparent;color:var(--color-text);max-width:none;max-height:none}dialog::backdrop{background:rgba(2,7,12,.72);backdrop-filter:blur(10px)}.dialog-card{width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow);padding:clamp(var(--space-6),5vw,var(--space-12));position:relative}.dialog-card h2{font-size:var(--text-2xl);margin:var(--space-2) 0 var(--space-4)}.dialog-close{position:absolute;right:var(--space-4);top:var(--space-4);width:44px;height:44px;font-size:var(--text-xl)}.timeline-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-2);margin:var(--space-8) 0 var(--space-6);counter-reset:slot}.timeline-slot{min-height:122px;padding:var(--space-3);border:1px dashed var(--color-border);background:var(--color-bg);text-align:left;counter-increment:slot;font-size:var(--text-xs);color:var(--color-muted)}.timeline-slot::before{content:counter(slot,decimal-leading-zero);display:block;color:var(--color-primary);font-weight:700;margin-bottom:var(--space-2)}.timeline-slot.filled{border-style:solid;color:var(--color-text);background:color-mix(in oklab,var(--color-primary) 8%,var(--color-bg))}.timeline-cards{display:flex;flex-wrap:wrap;gap:var(--space-2);min-height:54px}.timeline-card{padding:var(--space-3);border:1px solid var(--color-border);background:var(--color-surface-2);font-size:var(--text-sm);text-align:left}.timeline-card:hover{border-color:var(--color-primary)}.dialog-feedback{min-height:28px;margin-top:var(--space-5);color:var(--color-danger);font-weight:700}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5)}fieldset{border:0;margin-top:var(--space-8)}legend{font-weight:700;margin-bottom:var(--space-3)}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.choice{position:relative}.choice input{position:absolute;opacity:0}.choice label{display:block;min-height:100%;padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;font-size:var(--text-sm)}.choice input:focus-visible+label{outline:2px solid var(--color-primary);outline-offset:3px}.choice input:checked+label{border-color:var(--color-primary);background:color-mix(in oklab,var(--color-primary) 11%,var(--color-bg))}.choice label strong{display:block;margin-bottom:var(--space-1)}
.ending{position:fixed;inset:0;z-index:300;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(460px,1.2fr);background:var(--color-bg);overflow:auto}.ending[hidden]{display:none}.ending-art{min-height:100dvh;overflow:hidden}.ending-art img{width:100%;height:100%;object-fit:cover}.ending-letter{align-self:center;padding:clamp(var(--space-8),7vw,var(--space-24));max-width:820px}.ending-letter h2{font-size:var(--text-2xl);margin:var(--space-4) 0 var(--space-8)}.letter-body{font-family:var(--font-display);font-size:var(--text-lg);line-height:1.65}.letter-body p{margin-bottom:var(--space-4)}.restoration-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-8) 0}.restoration-list span{padding:var(--space-2) var(--space-3);border:1px solid var(--color-primary);color:var(--color-primary);font-size:var(--text-xs);font-weight:700}.ending-credit{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-4)}
@media(max-width:1050px){.workspace{grid-template-columns:210px 330px 1fr}.case-owner img{display:none}.timeline-slots{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){body{overflow:auto}.topbar{height:64px;padding:0 var(--space-4)}.brand small{display:none}.workspace{height:calc(100dvh - 64px);display:block}.mail-sidebar{display:none}.mail-list-panel{height:100%;border:0}.reader{position:fixed;inset:64px 0 0;z-index:20;display:none}.reader.open{display:block}.message-reader{padding:var(--space-5)}.back-list{display:block;min-height:44px;color:var(--color-primary);font-weight:700}.message-tools{margin-bottom:var(--space-6)}.list-heading{min-height:110px}.mobile-folder-button{display:block;position:fixed;z-index:30;right:var(--space-4);bottom:var(--space-4);min-width:92px;min-height:48px;padding:0 var(--space-4);border-radius:999px;background:var(--color-primary);color:var(--color-inverse);box-shadow:var(--shadow);font-weight:700}.mobile-folders{position:fixed;z-index:29;right:var(--space-4);bottom:76px;width:min(300px,calc(100vw - 32px));padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow)}.mobile-folders:not([hidden]){display:grid}.opening-copy{padding:var(--space-6)}.opening h1{font-size:clamp(3.3rem,16vw,5.5rem)}.opening-shade{background:rgba(3,9,15,.72)}.ending{display:block}.ending-art{min-height:42vh;height:42vh}.ending-letter{padding:var(--space-8) var(--space-5)}.choice-grid{grid-template-columns:1fr}.timeline-slots{grid-template-columns:repeat(2,1fr)}.dialog-actions{position:sticky;bottom:0;padding-top:var(--space-3);background:var(--color-surface)}.toast{bottom:80px;width:calc(100% - 32px);text-align:center}}
@media(max-width:430px){.top-actions{gap:var(--space-1)}.icon-button{width:40px;height:40px}.brand b{font-size:.78rem}.mail-item{padding:var(--space-4)}.timeline-slot{min-height:100px}.premise{font-size:var(--text-base)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}