@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base,components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--accent:#cdee2e;--accent-ink:#14210a;--contrast:#2540d8;--contrast-ink:#fff;--cobalt:var(--contrast);--cobalt-deep:var(--contrast)}@supports (color:color-mix(in lab, red, red)){:root{--cobalt-deep:color-mix(in srgb, var(--contrast), #000 14%)}}:root{--magenta:var(--contrast);--magenta-deep:var(--contrast)}@supports (color:color-mix(in lab, red, red)){:root{--magenta-deep:color-mix(in srgb, var(--contrast), #000 14%)}}:root{--lime:var(--accent);--sand:#f6f5f1;--panel:#fff;--ink:#111114;--ink-soft:#55555e;--ink-faint:#8b8b93;--line:#eae7df;--line-card:#ececec;--on-dark:var(--contrast-ink);--on-dark-soft:var(--contrast-ink)}@supports (color:color-mix(in lab, red, red)){:root{--on-dark-soft:color-mix(in srgb, var(--contrast-ink) 64%, transparent)}}:root{--on-dark-faint:var(--contrast-ink)}@supports (color:color-mix(in lab, red, red)){:root{--on-dark-faint:color-mix(in srgb, var(--contrast-ink) 42%, transparent)}}:root{--radius:22px;--radius-lg:28px;--shadow-card:0 1px 2px #1111140a, 0 8px 24px #1111140f;--font-display:"Bebas Neue", "Oswald", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif}:root[data-bg=beige]{--sand:#f1ecdf;--line:#e7e2d6}:root[data-bg=chalk]{--sand:#f6f5f1;--line:#eae7df}:root[data-bg=dark]{--sand:#100f14;--panel:#1b1a22;--ink:#f3f2f6;--ink-soft:#c1bfc9;--ink-faint:#8b8993;--line:#2b2933;--line-card:#2c2a35;--shadow-card:0 1px 2px #00000073, 0 10px 28px #00000080}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--contrast);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}ul{margin:0;padding:0;list-style:none}.app-frame{flex-direction:column;width:100%;max-width:460px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (min-width:480px){body{background:var(--sand)}.app-frame{box-shadow:0 20px 60px #00000024}}.kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:400;line-height:1.4}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.005em;font-weight:400;line-height:.92}.display-xl{font-size:clamp(46px,13vw,62px)}.display-lg{font-size:clamp(38px,10vw,50px)}.display-md{font-size:clamp(30px,8vw,38px)}.screen{flex-direction:column;flex:1;min-height:0;display:flex}.screen-cobalt{background:var(--cobalt);color:var(--on-dark)}.screen-magenta{background:var(--magenta);color:var(--on-dark)}.screen-sand{background:var(--sand);color:var(--ink)}.screen-pad{padding:20px 24px}.topbar{padding:calc(14px + env(safe-area-inset-top,0px)) 24px 0;justify-content:space-between;align-items:center;display:flex}.safe-band-top{height:env(safe-area-inset-top,0px);background:var(--contrast);z-index:200;pointer-events:none;position:fixed;top:0;left:0;right:0}.safe-band-bottom{height:env(safe-area-inset-bottom,0px);background:var(--contrast);z-index:200;pointer-events:none;position:fixed;bottom:0;left:0;right:0}.btn{border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-size:15px;font-weight:600;transition:transform 80ms,filter .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--cobalt);color:var(--contrast-ink)}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);background:0 0}.btn-ghost-dark{color:var(--on-dark);box-shadow:inset 0 0 0 1.5px var(--contrast-ink);background:0 0}@supports (color:color-mix(in lab, red, red)){.btn-ghost-dark{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--contrast-ink) 32%, transparent)}}.btn-icon{width:46px;height:46px;box-shadow:inset 0 0 0 1.5px var(--line-card);color:var(--ink-soft);border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.chip{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;box-shadow:inset 0 0 0 1.5px var(--contrast-ink);border-radius:999px;padding:9px 15px;font-size:12px}@supports (color:color-mix(in lab, red, red)){.chip{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--contrast-ink) 32%, transparent)}}.chip{color:var(--on-dark)}.chip-solid{background:var(--cobalt);color:var(--contrast-ink);box-shadow:none;font-weight:600}.tab{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-soft);background:var(--panel);border-radius:999px;padding:10px 18px;font-size:13px}.tab-active{background:var(--contrast);color:var(--contrast-ink);box-shadow:none;font-weight:600}.card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:22px}.block-accent{background:var(--accent);color:var(--accent-ink);border-radius:var(--radius);padding:18px 20px}.block-note-cobalt{background:var(--cobalt);color:var(--contrast-ink);border-radius:var(--radius);padding:18px 20px}.prose-block h4{color:var(--ink);margin-bottom:6px;font-size:17px;font-weight:700}.prose-block p{color:var(--ink);white-space:pre-wrap;font-size:16px;line-height:1.5}.prose-block .sec+.sec{margin-top:20px}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p{color:var(--ink);margin:0 0 8px;font-size:16px;line-height:1.5}.md h4{color:var(--ink);margin:16px 0 4px;font-size:17px;font-weight:700}.md h5{color:var(--ink);margin:14px 0 4px;font-size:15px;font-weight:700}.md h6{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;margin:12px 0 4px;font-size:13px;font-weight:700}.md ul,.md ol{flex-direction:column;gap:6px;margin:6px 0 8px;padding:0;display:flex}.md ol{counter-reset:mdol}.md li{color:var(--ink);gap:10px;font-size:16px;line-height:1.45;display:flex}.md ul li:before{content:"·";color:var(--cobalt);flex:none;font-weight:700}.md ol li{counter-increment:mdol}.md ol li:before{content:counter(mdol) ".";color:var(--cobalt);flex:none;font-weight:700}.md strong{font-weight:700}.md em{font-style:italic}.md code{font-family:var(--font-mono);background:var(--sand);border-radius:6px;padding:1px 5px;font-size:.9em}.bottomnav{padding:12px 12px calc(14px + env(safe-area-inset-bottom,0px));background:var(--accent);border-top:none;justify-content:space-around;align-items:center;display:flex}.navitem,.navitem.on-dark{min-width:0;color:var(--accent-ink);flex-direction:column;flex:1 1 0;align-items:center;gap:5px;display:flex}@supports (color:color-mix(in lab, red, red)){.navitem,.navitem.on-dark{color:color-mix(in srgb, var(--accent-ink) 60%, transparent)}}.navitem .navlabel{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10.5px;overflow:hidden}.navitem.active,.navitem.on-dark.active{color:var(--contrast)}.mic-wrap{flex-direction:column;align-items:center;gap:22px;display:flex}.mic-ring{background:var(--cobalt-deep);border-radius:999px;justify-content:center;align-items:center;width:216px;height:216px;display:flex}.mic-btn{background:var(--accent);width:176px;height:176px;color:var(--accent-ink);border-radius:999px;justify-content:center;align-items:center;display:flex;box-shadow:0 10px 30px #0000002e}.mic-btn.recording{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.waveform{align-items:flex-end;gap:3px;height:84px;display:flex}.waveform .bar{background:var(--accent);border-radius:3px;width:5px;min-height:4px}.waveform .bar.dim{background:var(--on-dark-faint)}.live-transcript{color:var(--on-dark-soft);font-size:19px;line-height:1.45}.live-transcript b{color:var(--on-dark);font-weight:600}.step{align-items:center;gap:14px;padding:10px 0;display:flex}.step .dot{width:30px;height:30px;box-shadow:inset 0 0 0 2px var(--on-dark-faint);color:var(--on-dark);border-radius:999px;flex:none;justify-content:center;align-items:center;display:flex}.step.done .dot{background:var(--accent);color:var(--accent-ink);box-shadow:none}.step.active .dot{box-shadow:inset 0 0 0 2px var(--accent);color:var(--accent)}.step .label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--on-dark);font-size:13px}.step.todo .label{color:var(--on-dark-faint)}.step.active .label{color:var(--accent)}.progress{background:var(--contrast-ink);border-radius:999px;height:6px}@supports (color:color-mix(in lab, red, red)){.progress{background:color-mix(in srgb, var(--contrast-ink) 22%, transparent)}}.progress{overflow:hidden}.progress>i{background:var(--accent);border-radius:999px;height:100%;transition:width .4s;display:block}.spinner{border:2px solid var(--accent);border-right-color:#0000;border-radius:999px;width:30px;height:30px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search{background:var(--panel);width:100%;box-shadow:var(--shadow-card);color:var(--ink-faint);border-radius:16px;align-items:center;gap:10px;padding:15px 16px;font-size:16px;display:flex}.search input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:16px}.todo-row{align-items:flex-start;gap:12px;padding:12px 0;display:flex}.todo-box{width:26px;height:26px;box-shadow:inset 0 0 0 2px var(--line-card);color:var(--contrast-ink);border-radius:8px;flex:none;justify-content:center;align-items:center;margin-top:1px;transition:background .12s;display:flex}.todo-box.done{background:var(--cobalt);box-shadow:none}.todo-text{color:var(--ink);font-size:16px;line-height:1.4}.todo-row.done .todo-text{color:var(--ink-faint);text-decoration:line-through}.hero-magenta{background:var(--magenta);color:var(--contrast-ink);border-radius:var(--radius-lg);padding:22px;position:relative;overflow:hidden}.hero-magenta:after{content:"";width:180px;height:180px;box-shadow:inset 0 0 0 24px var(--contrast-ink);border-radius:999px;position:absolute;bottom:-60px;right:-40px}@supports (color:color-mix(in lab, red, red)){.hero-magenta:after{box-shadow:inset 0 0 0 24px color-mix(in srgb, var(--contrast-ink) 10%, transparent)}}.scroll-y{-webkit-overflow-scrolling:touch;overflow-y:auto}.stack>*+*{margin-top:var(--gap,14px)}.muted{color:var(--ink-faint)}.desk-root{background:var(--panel);grid-template-columns:344px minmax(0,1fr);height:100dvh;display:grid}.desk-rail{background:var(--sand);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.desk-main{background:var(--panel);min-height:0;overflow-y:auto}.desk-main .card{box-shadow:none;border:1px solid var(--line-card)}.desk-rail .search{background:var(--panel)}.desk-listrow{text-align:left;border-radius:14px;width:100%;padding:13px 15px;transition:background .12s;display:block}.desk-listrow:hover{background:var(--sand)}.desk-listrow.sel{background:var(--cobalt)}.desk-listrow.sel .rowtitle{color:var(--accent)}.desk-listrow.sel .kicker,.desk-listrow.sel .rowmeta{color:var(--on-dark-soft)!important}.rowtitle{color:var(--ink);font-size:16px;font-weight:700;line-height:1.25}.rowmeta{color:var(--ink-faint);margin-top:4px;font-size:13px}.edit-title{width:100%;color:var(--ink);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.005em;background:0 0;border:none;outline:none;line-height:.95}.edit-title:focus{background:#fff;border-radius:10px}.edit-area{background:var(--sand);width:100%;color:var(--ink);resize:vertical;font-size:16px;line-height:1.55;font-family:var(--font-body);border:none;border-radius:12px;outline:none;padding:12px 14px}.edit-area:focus{box-shadow:inset 0 0 0 2px var(--cobalt);background:var(--panel)}.edit-line{background:var(--sand);width:100%;color:var(--ink);font-size:15px;font-family:var(--font-body);border:none;border-radius:10px;outline:none;padding:9px 12px}.edit-line:focus{box-shadow:inset 0 0 0 2px var(--cobalt);background:var(--panel)}.iconbtn-sm{width:32px;height:32px;color:var(--ink-faint);border-radius:9px;flex:none;justify-content:center;align-items:center;display:inline-flex}.iconbtn-sm:hover{background:var(--sand);color:var(--ink-soft)}.modal-backdrop{z-index:60;background:#11111480;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{border-radius:28px;width:100%;max-width:460px;overflow:hidden;box-shadow:0 30px 80px #00000059}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
