:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ff:"DM Sans", system-ui, sans-serif;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fw-regular:400;--fw-bold:700;--lh-body:1.5;--lh-heading:1.2;--h1-size:clamp(var(--fs-xl), 1rem + 2vw, var(--fs-2xl));--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-12:3rem;--sp-16:4rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-pill:999rem;--bw-strong:.125rem;--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--ease:cubic-bezier(.2, 0, 0, 1);--bg-dark:oklch(14% 0 0);--bg:oklch(20% 0 0);--bg-light:oklch(26% 0 0);--border:oklch(36% 0 0);--border-strong:oklch(58% 0 0);--text:oklch(96% 0 0);--text-muted:oklch(74% 0 0);--accent:oklch(86% .24 145);--accent-hover:oklch(91% .22 145);--accent-text:oklch(86% .24 145);--accent-text-hover:oklch(92% .2 145);--on-accent:oklch(20% 0 0);--focus:var(--text);--danger:oklch(68% .2 25);--danger-hover:oklch(74% .18 25);--on-danger:oklch(20% 0 0);--warning:oklch(82% .16 85);--success:oklch(72% .17 150);--info:oklch(72% .12 280);--shadow-raised:0 2px 3px oklch(0% 0 0/.6), 0 14px 32px oklch(0% 0 0/.35);--shadow-inset:inset 0 2px 6px oklch(0% 0 0/.4);--grad-raised:linear-gradient(to bottom, var(--bg-light), var(--bg));--grad-inset:linear-gradient(to bottom, var(--bg-dark), var(--bg));--target-min:2.75rem;--measure:70ch;--page-max:60rem;--page-wide:100rem;--card-min:32rem;--field-basis:16rem;--shot-min:7.5rem;--z-bar:10;--grad-height:20rem;--page-pad-x:var(--sp-4);--card-pad:var(--sp-6)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg-dark:oklch(90% 0 0);--bg:oklch(95% 0 0);--bg-light:oklch(100% 0 0);--border:oklch(78% 0 0);--border-strong:oklch(55% 0 0);--text:oklch(20% 0 0);--text-muted:oklch(42% 0 0);--accent:oklch(82% .24 145);--accent-hover:oklch(76% .23 145);--accent-text:oklch(46% .15 148);--accent-text-hover:oklch(38% .13 148);--on-accent:oklch(20% 0 0);--danger:oklch(50% .19 25);--danger-hover:oklch(43% .17 25);--on-danger:oklch(100% 0 0);--warning:oklch(48% .1 75);--success:oklch(45% .12 150);--info:oklch(46% .14 280);--shadow-raised:0 2px 3px oklch(0% 0 0/.2), 0 14px 32px oklch(0% 0 0/.16);--shadow-inset:inset 0 2px 6px oklch(0% 0 0/.12)}}@media (width>=40rem){:root{--page-pad-x:var(--sp-6);--card-pad:var(--sp-8)}}*{box-sizing:border-box}html{scroll-padding-top:calc(var(--sp-16) + var(--sp-8));scroll-padding-bottom:var(--sp-16)}body{background:var(--bg-dark);color:var(--text);font:var(--fw-regular) var(--fs-md)/var(--lh-body) var(--ff);margin:0}.skip{left:var(--sp-4);top:var(--sp-4);padding:var(--sp-3) var(--sp-6);background:var(--accent);color:var(--on-accent);border-radius:var(--radius-md);font-weight:var(--fw-bold);position:absolute;transform:translateY(-200%)}.skip:focus{z-index:var(--z-bar);transform:none}.page{max-width:var(--page-wide);padding:var(--sp-6) var(--page-pad-x) var(--sp-16);margin:0 auto}h1,.title{font:var(--fw-bold) var(--h1-size)/var(--lh-heading) var(--ff);margin:0 0 var(--sp-3)}h2{font:var(--fw-bold) var(--fs-lg)/var(--lh-heading) var(--ff);margin:0 0 var(--sp-1)}p{margin:0 0 var(--sp-3)}.lead{color:var(--text-muted);max-width:var(--measure)}.hint{color:var(--text-muted);font-size:var(--fs-sm);margin-top:var(--sp-3)}.error{color:var(--danger);font-size:var(--fs-sm);margin-top:var(--sp-4)}a{color:var(--accent-text);text-underline-offset:var(--sp-1)}.phase{margin:var(--sp-6) 0 0;color:var(--text-muted)}.sub{font-weight:var(--fw-bold);margin:var(--sp-6) 0 var(--sp-1)}.field{margin-bottom:var(--sp-2);display:block}.card{background:var(--grad-raised) top / 100% min(100%, var(--grad-height)) no-repeat, var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--card-pad);box-shadow:var(--shadow-raised);container-type:inline-size}.card.secondary{background:var(--grad-inset) top / 100% min(100%, var(--grad-height)) no-repeat, var(--bg);box-shadow:var(--shadow-inset)}main>.card{max-width:var(--page-max);margin-inline:auto}.cards{gap:var(--sp-6);grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--card-min)), var(--page-max)));justify-content:center;display:grid}.cards>.card{flex-direction:column;display:flex}.cards .actions{padding-top:var(--sp-6);margin-top:auto}.card-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.card-head h1,.card-head .title{overflow-wrap:anywhere;min-width:0;margin:0}@container (width>=28rem){.card-head{flex-wrap:nowrap}.card-head .seg{flex:none}}.meta{color:var(--text-muted);font-size:var(--fs-sm);margin:0 0 var(--sp-4)}.reveal{opacity:0;visibility:hidden;transition:grid-template-rows var(--dur-slow) var(--ease), opacity var(--dur-slow) var(--ease), visibility 0s linear var(--dur-slow);grid-template-rows:0fr;display:grid}.reveal[data-open=true]{opacity:1;visibility:visible;transition:grid-template-rows var(--dur-slow) var(--ease), opacity var(--dur-slow) var(--ease), visibility 0s linear 0s;grid-template-rows:1fr}.reveal>div{min-height:0;overflow:hidden}.reveal .hint,.card-head+.reveal+.pick{margin-top:0}@keyframes fade-in{0%{opacity:0}}.hint,.error,.note{animation:fade-in var(--dur-slow) var(--ease)}.callout{background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5) var(--sp-6);margin:var(--sp-6) 0}.callout h2{margin-top:0}.callout ul{margin:var(--sp-2) 0 0;padding-left:var(--sp-5)}.callout li{margin-bottom:var(--sp-3)}.warn-box{background:var(--bg-light);border:var(--bw-strong) solid var(--warning);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);margin:var(--sp-4) 0}.note{margin-top:var(--sp-3);padding:var(--sp-2) var(--sp-4);background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--fs-sm);display:inline-block}.btn{min-height:var(--target-min);padding:var(--sp-3) var(--sp-6);font:inherit;font-weight:var(--fw-bold);cursor:pointer;background:var(--accent);color:var(--on-accent);border:var(--bw-strong) solid var(--accent-text);border-radius:var(--radius-md);transition:background-color var(--dur-fast) var(--ease);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){box-shadow:var(--shadow-inset)}.btn.danger{background:var(--danger);color:var(--on-danger);border-color:var(--danger)}.btn.ghost{background:var(--bg-light);color:var(--text);border-color:var(--border-strong)}.btn.quiet{color:var(--text);border-color:var(--border);background:0 0}.btn.danger-outline{color:var(--danger);border-color:var(--danger);background:0 0}.btn:disabled{background:var(--bg-light);color:var(--text-muted);border-color:var(--border-strong);cursor:not-allowed}a.btn{flex:none}.link{min-height:var(--target-min);margin-top:var(--sp-4);font:inherit;font-size:var(--fs-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:0;align-items:center;text-decoration:underline;display:inline-flex}.link.inline{min-height:0;color:var(--accent-text);font-weight:var(--fw-bold);margin:0;display:inline}.link-block{margin-top:var(--sp-6);font-size:var(--fs-sm);display:block}.guide-top{margin:0 0 var(--sp-4)}input:not([type=checkbox]):not([type=radio]),select{min-height:var(--target-min);min-width:0;padding:var(--sp-2) var(--sp-4);font:inherit;color:var(--text);background:var(--bg-dark);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-inset)}input:not([type=checkbox]):not([type=radio]){flex:1 1 var(--field-basis)}input[type=checkbox]{width:var(--sp-5);height:var(--sp-5);accent-color:var(--accent-text);flex:none;margin:0}.row{gap:var(--sp-2);flex-wrap:wrap;display:flex}.pick{margin:var(--sp-4) 0 var(--sp-6);color:var(--text-muted);display:block}.card-head+.pick{margin-top:0}.opt{gap:var(--sp-3);margin-top:var(--sp-4);cursor:pointer;align-items:flex-start;display:flex}.opt input{margin-top:var(--sp-1)}.sure{max-width:var(--measure);margin-top:var(--sp-6)}.quick,.filters{gap:var(--sp-2);margin:var(--sp-4) 0;flex-wrap:wrap;display:flex}.filter{min-height:var(--target-min);padding:var(--sp-2) var(--sp-4);font:inherit;font-size:var(--fs-sm);color:var(--text);cursor:pointer;border:1px solid var(--border-strong);border-radius:var(--radius-pill);transition:background-color var(--dur-fast) var(--ease);background:0 0}.filter.on{background:var(--bg-light);color:var(--accent-text);font-weight:var(--fw-bold);border-color:var(--accent-text);box-shadow:0 0 0 1px var(--accent-text)}.seg{border:1px solid var(--border-strong);border-radius:var(--radius-md);grid-auto-columns:1fr;grid-auto-flow:column;min-width:0;margin:0;padding:0;display:inline-grid;position:relative;overflow:hidden}.seg:before{content:"";inset-block:0;background:var(--text);width:50%;transition:transform var(--dur-base) var(--ease);position:absolute;left:0;transform:translate(0)}.seg[data-value=unread]:before{transform:translate(100%)}.seg label{z-index:1;display:flex;position:relative}.seg input{opacity:0;width:1px;height:1px;position:absolute}.seg span{min-height:var(--target-min);padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm);color:var(--text-muted);cursor:pointer;transition:color var(--dur-base) var(--ease);flex:1;justify-content:center;align-items:center;display:flex}.seg input:checked+span{color:var(--bg)}.seg input:focus-visible+span{outline:var(--bw-strong) solid var(--focus);outline-offset:calc(var(--bw-strong) * -1)}.seg input:disabled+span{cursor:not-allowed}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chip{gap:var(--sp-3);min-height:var(--target-min);margin-top:var(--sp-2);padding:var(--sp-1) var(--sp-1) var(--sp-1) var(--sp-4);font:inherit;color:var(--text);cursor:pointer;background:var(--bg-light);border:1px solid var(--border-strong);border-radius:var(--radius-pill);align-items:center;display:inline-flex}.chip code{font-size:var(--fs-sm);word-break:break-all}.chip span{background:var(--bg-dark);border-radius:var(--radius-pill);padding:var(--sp-1) var(--sp-3);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--accent-text)}progress{width:100%;height:var(--sp-3);margin:var(--sp-4) 0 var(--sp-2);accent-color:var(--accent-text)}.progress{margin:var(--sp-4) 0 var(--sp-2)}.progress p{margin:var(--sp-1) 0}.actions{justify-content:flex-end;gap:var(--sp-3);margin-top:var(--sp-6);flex-wrap:wrap;display:flex}.senders{margin:0;padding:0;list-style:none}.sender{align-items:center;gap:var(--sp-4);min-height:var(--target-min);padding:var(--sp-3) var(--sp-2);border-bottom:1px solid var(--border);cursor:pointer;display:flex}.sender.all{font-weight:var(--fw-bold);border-bottom-width:var(--bw-strong)}.who{flex-direction:column;flex:1;min-width:0;display:flex}.who b,.who small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.who small{color:var(--text-muted);font-size:var(--fs-sm)}.who.wrap small{white-space:normal}.who .warn{color:var(--warning)}.n{font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.tag{padding:var(--sp-1) var(--sp-3);font-size:var(--fs-xs);color:var(--text-muted);background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius-pill);flex:none}.top{max-width:var(--measure);margin:var(--sp-6) 0 0;padding:0;list-style:none}.top li{justify-content:space-between;gap:var(--sp-4);padding:var(--sp-2) 0;border-bottom:1px solid var(--border);display:flex}.top li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.top .more{color:var(--text-muted);border-bottom:0}.skipped{margin-top:var(--sp-6)}.skipped summary{padding:var(--sp-3) 0;cursor:pointer;font-weight:var(--fw-bold);color:var(--text-muted)}.skipped .top{max-width:none}.skipped .top li{gap:var(--sp-1);flex-direction:column}.skipped small{color:var(--text-muted)}.bar{margin-top:var(--sp-4);padding:var(--sp-4) 0;justify-content:space-between;align-items:center;gap:var(--sp-4);background:var(--bg);border-top:var(--bw-strong) solid var(--border);flex-wrap:wrap;display:flex;position:sticky;bottom:0}.bar .actions{margin-top:0}.sessionbar{top:var(--sp-2);z-index:var(--z-bar);gap:var(--sp-4);margin-bottom:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--bg-light);border:var(--bw-strong) solid var(--warning);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;position:sticky}.sessionbar.urgent{border-color:var(--danger)}.sessionbar p{flex:1 1 var(--field-basis);margin:0}.guide{font-size:var(--fs-lg)}.guide .lead{max-width:var(--measure)}.steps{counter-reset:step;margin:var(--sp-8) 0 0;padding:0;list-style:none}.steps li{counter-increment:step;padding:0 0 var(--sp-6) var(--sp-12);position:relative}.steps li:before{content:counter(step);width:var(--sp-8);height:var(--sp-8);border-radius:var(--radius-pill);font-weight:var(--fw-bold);background:var(--bg-light);border:1px solid var(--border-strong);place-items:center;display:grid;position:absolute;top:0;left:0}.steps li:not(:last-child):after{content:"";left:var(--sp-4);top:var(--sp-12);bottom:var(--sp-1);width:var(--bw-strong);background:var(--border);position:absolute}.key{padding:0 var(--sp-2);font-weight:var(--fw-bold);white-space:nowrap;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm)}.see{color:var(--text-muted)}.shot{margin:var(--sp-3) 0 0}.shot img{border:1px solid var(--border);border-radius:var(--radius-md);max-width:100%;height:auto;display:block}.shot figcaption{margin-top:var(--sp-1);color:var(--text-muted);font-size:var(--fs-sm)}.shot-empty{min-height:var(--shot-min);padding:var(--sp-4);text-align:center;color:var(--text-muted);background:var(--bg-dark);border:var(--bw-strong) dashed var(--border);border-radius:var(--radius-md);place-items:center;display:grid}:focus-visible{outline:var(--bw-strong) solid var(--focus);outline-offset:var(--sp-1)}@media (hover:hover){.btn:hover:not(:disabled){background:var(--accent-hover)}.btn.danger:hover:not(:disabled){background:var(--danger-hover)}.btn.ghost:hover:not(:disabled){background:var(--border)}.filter:hover:not(.on),.sender:hover{background:var(--bg-light)}a:hover{color:var(--accent-text-hover)}.link:hover{color:var(--text)}.btn.quiet:hover:not(:disabled){background:var(--bg-light);border-color:var(--border-strong)}.btn.danger-outline:hover:not(:disabled){background:var(--danger);color:var(--on-danger)}.seg input:not(:checked,:disabled)+span:hover{background:var(--bg-light);color:var(--text)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--border:oklch(60% 0 0);--text-muted:var(--text);--grad-raised:linear-gradient(var(--bg), var(--bg));--grad-inset:linear-gradient(var(--bg), var(--bg))}}@media (forced-colors:active){.seg:before{background:highlight}.seg input:checked+span{color:highlighttext}.card,.callout,.warn-box,.sessionbar,.btn,.filter,.chip,.tag,.seg,input,select{border:1px solid canvastext}.filter.on{border-width:var(--bw-strong)}}