:root{--bg:#f6f5f1;--bg-2:#eceae3;--card:#fbfaf7;--ink:#151513;--body:#34332f;--muted:#5f5d56;--line:#15151321;--line-2:#15151312;--accent:#d9381e;--accent-ink:#fff;--accent-soft:#d9381e1a;--err:#b42318;--font:"Instrument Sans", ui-sans-serif, system-ui, sans-serif;--mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--r-sm:10px;--r-md:16px;--r-lg:24px;--btn-h:44px;--shadow:0 1px 2px #1515130d, 0 18px 40px -26px #1515134d;--mark-ink:var(--bg);--publik-bg:var(--bg);--publik-card:var(--card);--publik-ink:var(--ink);--publik-muted:var(--muted);--publik-line:var(--line);--publik-accent:var(--ink);--publik-accent-ink:var(--bg);--publik-hover:var(--bg-2);--publik-display-font:var(--font);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#121211;--bg-2:#1d1d1b;--card:#181816;--ink:#f4f3ee;--body:#dcdad3;--muted:#a19f96;--line:#ffffff21;--line-2:#ffffff12;--accent:#ff6a4d;--accent-ink:#1a0b07;--accent-soft:#ff6a4d29;--err:#ff8a7a;--shadow:0 1px 2px #0006, 0 18px 40px -24px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0}body{font:16px/1.55 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;-webkit-text-decoration-color:color-mix(in oklab, currentColor 35%, transparent);text-decoration-color:color-mix(in oklab, currentColor 35%, transparent);text-underline-offset:3px}a:hover{text-decoration-color:currentColor}h1,h2,h3{letter-spacing:-.025em;margin:0;font-weight:500}p{margin:0}kbd{font:500 .82em var(--mono);border:1px solid var(--line);background:var(--card);border-bottom-width:2px;border-radius:6px;padding:1px 7px 2px}.muted{color:var(--muted)}.small{font-size:14px}.tiny{font-size:12.5px}.mono{font-family:var(--mono)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{font:400 12.5px/1.4 var(--mono);color:var(--muted);letter-spacing:.01em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mark{color:var(--accent);flex:none}.btn{min-height:var(--btn-h);background:color-mix(in oklab, var(--ink) 7%, transparent);color:var(--ink);font:500 15px var(--font);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;transition:background-color .15s,transform .1s;display:inline-flex}.btn:hover{background:color-mix(in oklab, var(--ink) 12%, transparent)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--ink);color:var(--bg)}.btn.primary:hover{background:color-mix(in oklab, var(--ink) 85%, var(--bg))}.btn.ghost{background:0 0}.btn.ghost:hover{background:color-mix(in oklab, var(--ink) 7%, transparent)}.btn.big{min-height:52px;padding:0 26px;font-size:16px}.btn:disabled{opacity:.45;cursor:default}.btn.danger,.link.danger{color:var(--err)}.link{min-height:32px;font:inherit;color:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, currentColor 35%, transparent);text-decoration-color:color-mix(in oklab, currentColor 35%, transparent);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0}.link:hover{text-decoration-color:currentColor}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pill{font:400 12.5px var(--mono);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 11px}.seg{border:1px solid var(--line);background:var(--bg);border-radius:999px;flex-wrap:wrap;gap:2px;max-width:100%;padding:3px;display:inline-flex}.seg button{min-height:36px;color:var(--muted);font:500 14px var(--font);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 14px;transition:color .15s,background-color .15s}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.seg.small button{min-height:30px;padding:0 11px;font-size:13px}.field{color:var(--muted);gap:6px;font-size:14px;display:grid}.field>span:first-child{color:var(--ink);font-size:14px;font-weight:600}.field input,.field textarea,.pick,.search{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:var(--r-sm);font:16px var(--font);width:100%;min-width:0;padding:10px 12px}.field input,.pick,.search{height:var(--btn-h);padding:0 12px}.field textarea{resize:vertical;line-height:1.5}.field input.mono{font:15px var(--mono)}.check{align-items:center;gap:10px;min-height:44px;font-size:15px;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent)}.err{color:var(--err);margin-top:14px;font-size:15px}.app{min-height:100dvh;padding-bottom:180px}.top{z-index:5;background:color-mix(in oklab, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:12px;padding:10px max(16px,50vw - 380px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;align-items:center;gap:8px;min-height:44px;font-size:19px;font-weight:600;text-decoration:none;display:inline-flex}.col{grid-template-columns:minmax(0,1fr);gap:16px;max-width:760px;margin:0 auto;padding:24px 16px 0;display:grid}.card{background:var(--card);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:22px}.howto{border:1px dashed var(--line);background:0 0;padding:20px 22px}.howto h2{letter-spacing:0;margin-bottom:14px;font-size:15px;font-weight:600}.howto ol{counter-reset:s;color:var(--body);grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 18px;padding:0;font-size:14.5px;line-height:1.5;list-style:none;display:grid}.howto li{counter-increment:s;min-width:0;display:block}.howto li:before{content:counter(s, decimal-leading-zero);font:400 12px var(--mono);color:var(--accent);margin-bottom:6px;display:block}.howto li b{color:var(--ink);font-weight:600}.howto q{font-style:italic}.note-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pad{background:var(--bg-2);border-color:var(--line-2);flex-direction:column;min-height:300px;padding:24px 26px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex}.pad.is-live{border-color:color-mix(in oklab, var(--accent) 50%, transparent);box-shadow:0 0 0 4px var(--accent-soft);background:var(--card)}.pad-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.pad .eyebrow{margin-bottom:12px}.pad-head .eyebrow{margin:0}.text{letter-spacing:-.012em;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);font-size:24px;line-height:1.48}.text.raw{color:var(--body);font-style:italic}.interim{color:var(--muted)}.text del{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);margin-right:.1em;text-decoration-thickness:2px}.text ins{background:var(--accent-soft);box-shadow:inset 0 -2px 0 var(--accent);border-radius:3px;padding:0 1px;text-decoration:none}.small-text{letter-spacing:0;font-size:16px}.note{color:var(--muted);margin-top:14px;font-size:14px}.actions{margin-top:auto;padding-top:20px}.empty{text-align:center;gap:8px;margin:auto 0;padding:28px 0;display:grid}.big-hint{letter-spacing:-.03em;font-size:30px;font-weight:500}.big-hint kbd{vertical-align:.15em;font-size:.7em}.under{justify-content:space-between;align-items:flex-start;gap:6px 16px;padding:0 4px;font-size:14px}.under .muted{flex:260px}.dots:after{content:"…";animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.2}}.history{margin-top:20px}.hist-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.hist-head h2{font-size:20px}.search{border-radius:999px;max-width:220px;padding:0 16px}.history ul{margin:0;padding:0;list-style:none}.day{margin:18px 0 2px}.item{border-bottom:1px solid var(--line-2);padding:14px 2px}.item-actions{gap:0 16px;margin-top:4px;font-size:14px}.foot{text-align:center;padding:36px 0 8px}.micbar{z-index:6;padding:18px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 65%, transparent);pointer-events:none;justify-items:center;gap:6px;display:grid;position:fixed;bottom:0;left:0;right:0}.micbar>*{pointer-events:auto}.mic{background:var(--ink);width:76px;height:76px;color:var(--bg);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;box-shadow:var(--shadow);border:0;border-radius:50%;place-items:center;transition:transform .12s,background-color .15s,box-shadow .2s;display:grid}.mic:hover{transform:scale(1.03)}.mic:active{transform:scale(.97)}.mic.on{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 8px var(--accent-soft), var(--shadow);transform:scale(1.08)}.mic:disabled{opacity:.5;cursor:progress}.mic-hint{color:var(--muted);font-size:13px}.meter{opacity:0;align-items:center;gap:4px;height:22px;transition:opacity .15s;display:flex}.meter.on{opacity:1}.meter i{background:var(--accent);transform-origin:50%;border-radius:2px;width:4px;height:22px;transition:transform 60ms linear;display:block}.toast{z-index:20;background:var(--ink);color:var(--bg);box-shadow:var(--shadow);border-radius:999px;max-width:calc(100vw - 32px);padding:10px 18px;font-size:14px;font-weight:500;animation:.2s ease-out pop;position:fixed;top:70px;left:50%;transform:translate(-50%)}@keyframes pop{0%{opacity:0;transform:translate(-50%,-6px)}}.scrim{z-index:30;background:#00000059;justify-content:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);width:min(460px,100%);height:100%;padding:16px 22px 40px;animation:.2s ease-out slide;overflow-y:auto;box-shadow:-20px 0 40px -20px #0006}@keyframes slide{0%{opacity:.6;transform:translate(24px)}}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sheet-head h2{font-size:22px}.group{border-bottom:1px solid var(--line-2);gap:10px;padding:18px 0;display:grid}.group:last-child{border-bottom:0}.label{font-size:14px;font-weight:600}@media (max-width:640px){.scrim{align-items:flex-end}.sheet{border-radius:24px 24px 0 0;height:88dvh;animation-name:rise}@keyframes rise{0%{opacity:.6;transform:translateY(24px)}}.howto ol{grid-template-columns:1fr;gap:12px}.howto li{padding-left:30px;position:relative}.howto li:before{margin:0;position:absolute;top:3px;left:0}.text{font-size:20px}.big-hint{font-size:25px}.pad{min-height:240px;padding:20px}.howto .seg{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid}.howto .seg button{padding:0 4px;font-size:13.5px}.search{max-width:150px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
