@font-face{font-family:Newsreader;src:url(/fonts/Newsreader-Medium.woff2)format("woff2");font-weight:500 600;font-style:normal;font-display:swap}@font-face{font-family:Newsreader;src:url(/fonts/Newsreader-Italic.woff2)format("woff2");font-weight:400 500;font-style:italic;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0c;--surface:#161619;--surface-2:#1c1c1f;--surface-3:#26262a;--hairline:#ffffff14;--hairline-strong:#ffffff29;--text:#f2eee6;--text-2:#9c9aa0;--text-3:#86848a;--ember:#ff5a36;--ember-core:#ffb199;--ember-dim:#ff5a3629;--danger:#ff6b5e;--ok:#4cd18a;--radius-tile:8px;--radius-card:16px;--radius-sheet:22px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--chrome:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--words:ui-serif, "New York", "Newsreader", "Iowan Old Style", Charter, Georgia, serif;--brand:"Newsreader", ui-serif, "New York", Georgia, serif;--spring:cubic-bezier(.2, .9, .25, 1.05);--ease:cubic-bezier(.25, .1, .25, 1)}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{font:15px/1.45 var(--chrome);-webkit-font-smoothing:antialiased;min-height:100dvh}img,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}::selection{background:#ffffff38}:focus-visible{outline-offset:2px;outline:2px solid #ffffffd9}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border:1px solid var(--hairline-strong);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);letter-spacing:-.005em;cursor:pointer;white-space:nowrap;transition:background .15s var(--ease), transform .12s var(--ease), opacity .15s;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:var(--surface-3)}.button:active{transform:scale(.97)}.button:focus-visible{outline-offset:3px;border-radius:var(--radius-pill)}.button[disabled]{opacity:.45;cursor:default;transform:none}.button.primary{background:var(--text);color:#0e0f0f;border-color:#0000}.button.primary:hover{background:#fff}.button.quiet{color:var(--text-2);background:0 0;border-color:#0000}.button.quiet:hover{color:var(--text);background:var(--surface-2)}.button.danger{color:var(--danger)}.button.small{min-height:32px;padding:0 var(--space-3);font-size:13px}.field{gap:6px;display:grid}.field>span{color:var(--text-2);font-size:13px;font-weight:500}.input,.select{width:100%;min-height:44px;padding:0 var(--space-3);background:var(--surface);border:1px solid var(--hairline-strong);border-radius:12px;transition:border-color .15s,background .15s}.input:hover,.select:hover{border-color:#ffffff42}.input:focus-visible,.select:focus-visible{background:var(--surface-2);border-color:#ffffffb3;outline:none}.input::placeholder{color:var(--text-3)}.hint{color:var(--text-3);margin:0;font-size:13px}.notice{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--hairline);justify-content:space-between;align-items:flex-start;font-size:14px;display:flex}.notice.error{background:#ff6b5e14;border-color:#ff6b5e66}.notice.ok{background:#4cd18a12;border-color:#4cd18a59}.notice p{margin:0}.spinner{border:2px solid #ffffff40;border-top-color:var(--text);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.topbar{z-index:20;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);padding-top:max(var(--space-3), env(safe-area-inset-top));-webkit-backdrop-filter:saturate(1.4)blur(18px);border-bottom:1px solid var(--hairline);background:#0b0b0cd6;display:flex;position:sticky;top:0}.wordmark{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.wordmark-text{font-family:var(--brand);letter-spacing:-.02em;font-size:22px;font-weight:500}.mark{flex:none;display:block}.org-name{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-size:14px;font-weight:600;overflow:hidden}.org-switch .select{max-width:260px}.select.compact{width:auto;min-height:36px;padding-top:4px;padding-bottom:4px}.nav{margin-left:var(--space-3);background:var(--surface);border-radius:var(--radius-pill);border:1px solid var(--hairline);gap:2px;padding:3px;display:flex}.nav a{border-radius:var(--radius-pill);color:var(--text-2);padding:6px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.nav a:hover{color:var(--text)}.nav a[aria-current=page]{background:var(--surface-3);color:var(--text)}.topbar .spacer{flex:1}.avatar{background:var(--surface-3);border:1px solid var(--hairline-strong);border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-weight:700;text-decoration:none;display:grid}.page{padding:var(--space-5);max-width:1440px;margin:0 auto}.page.narrow{max-width:720px}.page h1{letter-spacing:-.02em;margin:var(--space-2) 0 var(--space-5);font-size:28px;font-weight:700}.signin{min-height:100dvh;padding:var(--space-5);background:radial-gradient(60% 50% at 70% 20%, #ff5a361a, transparent 70%), radial-gradient(70% 60% at 20% 90%, #f2eee60a, transparent 70%), var(--bg);place-items:center;display:grid}.signin-card{gap:var(--space-4);width:min(400px,100%);display:grid}.signin-mark{margin-bottom:var(--space-1)}.signin form{gap:var(--space-4);display:grid}.signin h1{font-family:var(--brand);letter-spacing:-.02em;margin:0;font-size:40px;font-weight:500;line-height:1.1}.signin .lede{margin:-6px 0 var(--space-2);color:var(--text-2);font-family:var(--brand);font-size:18px;font-style:italic}.signin .hint a{color:var(--text-2)}.signin .hint a:hover{color:var(--text)}.hint.split{justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;display:flex}.field .hint{margin-top:2px}.welcome-mark{margin:var(--space-6) 0 var(--space-3)}.lede-page{color:var(--text-2);font-family:var(--words);margin:0;font-size:18px;line-height:1.5}.plan-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.plan-usage{letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin:0;font-size:20px;font-weight:600}.badge{border-radius:var(--radius-pill);border:1px solid var(--hairline-strong);color:var(--text-2);white-space:nowrap;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge.on{color:var(--ok);background:#4cd18a14;border-color:#4cd18a66}.badge.off{color:var(--text-2)}.meter{border-radius:var(--radius-pill);background:var(--surface-3);height:8px;overflow:hidden}.meter i{border-radius:inherit;background:var(--text);height:100%;transition:width .4s var(--ease);display:block}.meter i.high{background:var(--danger)}.plans{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.plan{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--hairline);background:var(--surface-2);border-radius:12px;align-content:start;justify-items:start;display:grid}.plan.current{border-color:var(--hairline-strong)}.plan strong{font-size:16px}.plan-price{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:15px}.danger-zone{border-color:#ff6b5e38}.button.danger-solid{background:var(--danger);color:#0b0b0c;border-color:#0000;font-weight:700}.toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.search{flex:260px;max-width:420px;position:relative}.search .input{border-radius:var(--radius-pill);padding-left:38px}.search svg{color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.segmented{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-pill);gap:2px;padding:3px;display:flex}.segmented button{border-radius:var(--radius-pill);color:var(--text-2);cursor:pointer;background:0 0;border:0;padding:6px 14px;font-size:14px;font-weight:600}.segmented button[aria-pressed=true]{background:var(--surface-3);color:var(--text)}.toolbar .count{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:14px}.day{margin-bottom:var(--space-6)}.day h2{margin:0 0 var(--space-3);gap:var(--space-2);align-items:baseline;font-size:15px;font-weight:650;display:flex}.day h2 span{color:var(--text-3);font-variant-numeric:tabular-nums;font-weight:500}.grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:6px;display:grid}.tile{aspect-ratio:1;border-radius:var(--radius-tile);background:var(--surface-2);cursor:pointer;transition:transform .25s var(--spring), filter .2s;border:0;padding:0;position:relative;overflow:hidden}.tile:hover{filter:brightness(1.06);transform:scale(1.015)}.tile:active{transform:scale(.985)}.tile:focus-visible{outline-offset:3px;border-radius:var(--radius-tile)}.tile img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .35s var(--ease)}.tile img.loaded{opacity:1}.tile .badges{pointer-events:none;justify-content:space-between;align-items:center;gap:6px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.voice-dot{background:var(--ember);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;box-shadow:0 1px 6px #0006}.chip-time{border-radius:var(--radius-pill);font-variant-numeric:tabular-nums;background:#0000008c;padding:2px 7px;font-size:12px;font-weight:650}.tile .pending{text-align:center;color:var(--text-3);padding:var(--space-3);place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.skeleton{background:linear-gradient(100deg, var(--surface) 30%, var(--surface-2) 50%, var(--surface) 70%);animation:shimmer 1.4s var(--ease) infinite;background-size:300% 100%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.empty{text-align:center;gap:var(--space-4);justify-items:center;max-width:460px;margin:8vh auto;display:grid}.empty h2{font-family:var(--words);letter-spacing:-.01em;margin:0;font-size:28px;font-weight:600}.empty p{color:var(--text-2);margin:0}.dropzone{z-index:50;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e0f0fb3;place-items:center;display:grid;position:fixed;inset:0}.dropzone div{padding:var(--space-6) var(--space-7);border:2px dashed var(--hairline-strong);border-radius:var(--radius-sheet);font-size:18px;font-weight:600}.importer{right:var(--space-5);bottom:var(--space-5);z-index:40;background:var(--surface);border:1px solid var(--hairline-strong);border-radius:var(--radius-card);width:min(380px,100vw - 32px);padding:var(--space-4);gap:var(--space-3);display:grid;position:fixed;box-shadow:0 20px 50px #00000080}.importer .bar{border-radius:var(--radius-pill);background:var(--surface-3);height:4px;overflow:hidden}.importer .bar i{background:var(--text);border-radius:inherit;height:100%;transition:width .2s var(--ease);display:block}.importer .row{justify-content:space-between;gap:var(--space-3);font-size:14px;display:flex}.importer .row span:last-child{color:var(--text-3);font-variant-numeric:tabular-nums}.sheet-backdrop{z-index:30;animation:fade .2s var(--ease);background:#0009;position:fixed;inset:0}.sheet{inset:var(--space-4);z-index:31;background:var(--bg);border:1px solid var(--hairline-strong);border-radius:var(--radius-sheet);animation:rise .32s var(--spring);grid-template-columns:minmax(0,1fr) 400px;display:grid;position:fixed;overflow:hidden}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.99)}}.stage{background:#070808;grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid;position:relative}.stage .media{min-height:0;padding:var(--space-4);place-items:center;display:grid}.stage .media img,.stage .media video{object-fit:contain;border-radius:10px;max-width:100%;max-height:100%}.stage .placeholder{color:var(--text-3);text-align:center;gap:var(--space-3);justify-items:center;display:grid}.strip{padding:0 var(--space-4) var(--space-4);gap:6px;display:flex;overflow-x:auto}.strip button{border-radius:var(--radius-tile);background:var(--surface-2);cursor:pointer;border:2px solid #0000;flex:none;width:64px;height:64px;padding:0;overflow:hidden}.strip button[aria-current=true]{border-color:var(--text)}.strip img{object-fit:cover;width:100%;height:100%}.panel{border-left:1px solid var(--hairline);padding:var(--space-5);gap:var(--space-5);align-content:start;display:grid;overflow-y:auto}.panel header{align-items:flex-start;gap:var(--space-3);display:flex}.panel header div{flex:1}.panel .place{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.panel .meta{color:var(--text-2);margin:2px 0 0;font-size:14px}.words{font-family:var(--words);white-space:pre-wrap;margin:0;font-size:19px;line-height:1.5}.words.missing{color:var(--text-3);font-family:var(--chrome);font-size:14px}.memo{gap:var(--space-3);display:grid}.player{align-items:center;gap:var(--space-3);display:flex}.play{background:var(--ember);color:#fff;cursor:pointer;width:40px;height:40px;transition:transform .12s var(--ease), background .15s;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.play:hover{background:#ff6d4d}.play:active{transform:scale(.94)}.play:focus-visible{border-radius:50%}.track{cursor:pointer;flex:1;align-items:center;height:28px;display:flex;position:relative}.track:before{content:"";border-radius:var(--radius-pill);background:var(--ember-dim);height:4px;position:absolute;left:0;right:0}.track i{border-radius:var(--radius-pill);background:var(--ember);height:4px;position:absolute;left:0}.player time{color:var(--text-2);font-variant-numeric:tabular-nums;text-align:right;min-width:36px;font-size:13px}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--hairline);color:var(--text-2);padding:4px 10px;font-size:13px}.files{gap:6px;display:grid}.files a{justify-content:space-between;gap:var(--space-3);padding:10px var(--space-3);background:var(--surface);border:1px solid var(--hairline);border-radius:12px;font-size:14px;text-decoration:none;display:flex}.files a:hover{background:var(--surface-2)}.files a span:last-child{color:var(--text-3);font-variant-numeric:tabular-nums}.section-title{color:var(--text-2);margin:0 0 var(--space-2);font-size:13px;font-weight:650}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-card);padding:var(--space-5);gap:var(--space-4);display:grid}.card h2{letter-spacing:-.01em;margin:0;font-size:18px}.stack{gap:var(--space-5);display:grid}.people{gap:0;display:grid}.person{gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--hairline);grid-template-columns:1fr auto auto;align-items:center;display:grid}.person:first-child{border-top:0}.person .who strong{font-weight:600;display:block}.person .who span{color:var(--text-3);font-size:14px}.person.off .who{opacity:.5}.secret{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-2);border:1px dashed var(--hairline-strong);letter-spacing:.02em;border-radius:12px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:15px;display:flex}.big-number{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:700}.row-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.form-grid .wide{grid-column:1/-1}@media (max-width:900px){.sheet{border-radius:0;grid-template-rows:auto auto;grid-template-columns:1fr;inset:0;overflow-y:auto}.stage .media img,.stage .media video{max-height:52vh}.panel{border-left:0;border-top:1px solid var(--hairline);overflow:visible}.page{padding:var(--space-4)}.topbar{padding-left:var(--space-4);padding-right:var(--space-4);gap:var(--space-2)}.nav{margin-left:0}.org-name,.org-switch .select{max-width:140px}.nav a{padding:6px 10px}.grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:4px}.form-grid{grid-template-columns:1fr}.person{grid-template-columns:1fr auto}.person .row-actions{grid-column:1/-1}}@media (max-width:640px){.topbar{row-gap:var(--space-2);flex-wrap:wrap}.wordmark-text{display:none}.topbar .nav{order:5;width:100%}.topbar .nav a{text-align:center;flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.tile:hover{transform:none}}
