:root{--bg:#0e0f12;--bg-elev:#131519;--surface:#171a20;--surface-2:#1f232b;--surface-3:#272c36;--border:#2a2f3a;--border-strong:#3a4150;--border-input:#323846;--text:#ede8df;--text-2:#b4b1aa;--muted:#9a99a2;--brass:#e4b259;--brass-2:#f3cd7f;--brass-ink:#1a1305;--teal:#6ec3b0;--danger:#e2705f;--danger-ink:#2a0d09;--ok:#8fd18f;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-ui:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius:10px;--radius-lg:16px;--shadow:0 10px 30px #00000073;--nav-h:64px;--safe-b:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{scrollbar-gutter:stable}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font-size:15px;line-height:1.45}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--brass)}::selection{background:#e4b25959}.shell{grid-template-rows:auto 1fr auto;min-height:100%;display:grid}.topbar{padding:calc(env(safe-area-inset-top,0px) + 12px) 20px 12px;border-bottom:1px solid var(--border);background:linear-gradient(180deg, #14161b, var(--bg));z-index:20;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.brand svg{width:26px;height:26px}.brand .name{font-family:var(--font-display);letter-spacing:-.015em;font-variation-settings:"SOFT" 0, "WONK" 0;font-size:19px;font-weight:500}.brand .name em{color:var(--brass);font-style:normal;font-weight:500}.topbar .right{align-items:center;gap:8px;display:flex}.content{width:100%;max-width:720px;padding:20px 20px calc(var(--nav-h) + var(--safe-b) + 24px);margin:0 auto}.tabbar{height:calc(var(--nav-h) + var(--safe-b));padding-bottom:var(--safe-b);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);z-index:20;background:#131519eb;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;border-top:2px solid #0000;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.tab svg{width:22px;height:22px}.tab.active{color:var(--brass);border-top-color:var(--brass)}@media (width>=900px){.shell{grid-template-rows:auto 1fr;grid-template-columns:220px 1fr}.topbar{grid-column:1/-1}.tabbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex-direction:column;align-self:start;gap:4px;height:auto;padding:20px 12px;position:sticky;top:61px}.tab{border-radius:var(--radius);border-top:0;flex-direction:row;flex:none;justify-content:flex-start;gap:12px;padding:10px 14px;font-size:12px}.tab.active{background:var(--surface)}.content{padding-bottom:40px}}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:600;line-height:1.15}h1{font-variation-settings:"opsz" 48, "SOFT" 30;font-size:30px}h2{font-variation-settings:"opsz" 32;font-size:22px}h3{font-size:17px}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.text-2{color:var(--text-2)}.small{font-size:13px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.page-head .sub{margin-top:4px}.btn{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);letter-spacing:.02em;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:transform 60ms,background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--surface-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{background:var(--brass);border-color:var(--brass);color:var(--brass-ink)}.btn.primary:hover{background:var(--brass-2)}.btn.danger{color:var(--danger);background:0 0;border-color:#e2705f73}.btn.danger:hover{background:#e2705f1f}.btn.ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-2);color:var(--text)}.btn.sm{border-radius:8px;min-height:36px;padding:6px 10px;font-size:13px}.btn.icon{width:36px;height:36px;padding:8px}.btn.block{width:100%}.btn svg{width:16px;height:16px}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.btn-row>.btn{flex:1}.btn-row>.btn.danger{flex:none}.field{flex-direction:column;gap:6px;display:flex}.field+.field{margin-top:16px}.field label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.input,.textarea,select.input{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);outline:none;padding:11px 13px;transition:border-color .15s,box-shadow .15s}.input::placeholder,.textarea::placeholder{color:var(--muted)}.input,.textarea,.chips{border-color:var(--border-input)}.input.title{border-bottom-color:var(--border-input)}.input:focus,.textarea:focus,.chips:focus-within{border-color:var(--brass);box-shadow:0 0 0 3px #e4b25926}.textarea{resize:vertical;min-height:120px;line-height:1.6}.input.title{font-family:var(--font-display);border:0;border-bottom:1px solid var(--border);font-variation-settings:"opsz" 36, "SOFT" 30;background:0 0;border-radius:0;padding:8px 0;font-size:24px;font-weight:600}.input.title:focus{box-shadow:none;border-bottom-color:var(--brass)}.search{position:relative}.search svg{width:16px;height:16px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search .input{padding-left:36px}.editor{flex-direction:column;gap:18px;display:flex}.editor .body{font-family:var(--font-display);font-variation-settings:"opsz" 18, "SOFT" 20;background:repeating-linear-gradient(180deg, transparent 0, transparent calc(1.7em - 1px), var(--border) calc(1.7em - 1px), var(--border) 1.7em) 0 16px / 100% 1.7em, var(--surface);background-attachment:local;min-height:42vh;padding:16px 18px;font-size:18px;font-weight:400;line-height:1.7}.statbar{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.statbar .stat{flex-direction:column;gap:2px;display:flex}.statbar .stat b{font-family:var(--font-mono);color:var(--brass);font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.statbar .stat span{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.statbar .dirty{color:var(--muted);font-size:12px}.statbar .dirty.on{color:var(--brass)}.chips{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:text;flex-wrap:wrap;gap:6px;padding:8px 10px;transition:border-color .15s,box-shadow .15s;display:flex}.chips input{background:0 0;border:0;outline:none;flex:1;min-width:120px;padding:4px 2px}.chip{color:var(--brass-2);letter-spacing:.02em;background:#e4b25924;border:1px solid #e4b25959;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:12.5px;font-weight:500;line-height:1.5;text-decoration:none;display:inline-flex}.chip button{color:inherit;opacity:.7;background:0 0;border:0;padding:0;line-height:1}.chip button:hover{opacity:1}.chip.ghost{border-color:var(--border-strong);color:var(--text-2);cursor:pointer;background:0 0;min-height:32px;padding:5px 11px}.chip.ghost:hover{border-color:var(--brass);color:var(--brass-2)}.chip.active{background:var(--brass);color:var(--brass-ink);border-color:var(--brass)}.chip.count:after{content:attr(data-count);font-family:var(--font-mono);opacity:.65;font-size:11px}.suggest{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.list{flex-direction:column;gap:10px;display:flex}.card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);color:inherit;padding:14px 16px;text-decoration:none;transition:border-color .15s,background .15s,transform 60ms;display:block}a.card:hover,button.card:hover{border-color:var(--border-strong);background:var(--surface-2)}.card .row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.card .title{font-family:var(--font-display);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;font-size:17px;font-weight:600;display:-webkit-box;overflow:hidden}.card .title.untitled{color:var(--muted);font-style:italic;font-weight:400}.card .snippet{color:var(--text-2);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-width:0;margin-top:4px;font-size:14px;display:-webkit-box;overflow:hidden}.card .meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.dur{font-family:var(--font-mono);color:var(--brass);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.dur.big{font-size:34px;font-weight:600;line-height:1}.dur .unit{color:var(--muted);margin-left:6px;font-size:12px}.tagline{flex-wrap:wrap;gap:6px;display:flex}.tagline .t{color:var(--muted);font-size:12px}.tagline .t:before{content:"#";opacity:.6}.empty{text-align:center;color:var(--muted);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:48px 20px}.empty h3{color:var(--text-2);margin-bottom:6px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.toolbar .search{flex:1;min-width:180px}.seg{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);display:inline-flex;overflow:hidden}.seg button{color:var(--muted);background:0 0;border:0;padding:8px 12px;font-size:13px;font-weight:600}.seg button.active{background:var(--surface-3);color:var(--text)}.seg button+button{border-left:1px solid var(--border)}.tagfilter{scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:6px;margin:0 -20px 14px;padding:0 20px 6px;scroll-padding:0 20px;display:flex;overflow-x:auto}.tagfilter .chip{white-space:nowrap;flex:none}.set-hero{border-radius:var(--radius-lg);background:linear-gradient(160deg, #1d2027, var(--surface));border:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:18px;padding:18px;display:grid}.set-hero .bar{background:var(--surface-3);border-radius:999px;grid-column:1/-1;height:6px;overflow:hidden}.set-hero .bar i{background:linear-gradient(90deg, var(--brass), var(--brass-2));border-radius:999px;height:100%;transition:width .3s;display:block}.set-hero .slot{flex-direction:column;gap:8px;min-width:0;margin-top:-4px;display:flex}.set-hero .slot .slot-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;display:flex}.set-hero .slot .seg{background:0 0;border:0;border-radius:0;flex-wrap:wrap;gap:4px;display:flex;overflow:visible}.set-hero .slot .seg button,.set-hero .slot .seg button+button{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;min-width:36px;min-height:40px;padding:6px;font-size:13px}@media (width<=519px){.set-hero{padding:14px}}.set-hero .slot .seg button.active{background:var(--surface-3);border-color:var(--brass);color:var(--text)}.over{color:var(--danger)}.set-item{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;display:grid;position:relative}.set-item .n{font-family:var(--font-mono);color:var(--muted);text-align:right;cursor:grab;background:0 0;border:0;border-radius:6px;padding:0;font-size:13px}.set-item .n:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.set-item .ctl{gap:2px;display:flex}.set-item .ctl .btn{width:40px;height:40px;padding:0}.set-item button.title{text-align:left;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;min-width:0;padding:0}.set-item button.title:hover{color:var(--brass-2)}.set-item .body{color:var(--text-2);white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;margin-top:6px;font-size:14px;line-height:1.55}.set-item .swipe-area{min-width:0;overflow:hidden}.set-item .swipe-content{will-change:transform;min-width:0}.set-item.dragging{opacity:.9;z-index:2;border-color:var(--brass);box-shadow:var(--shadow);cursor:grabbing}.set-list.dragging,.set-list.dragging .set-item .n{cursor:grabbing}.variation-nav{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.variation-nav .btn.sm{font-size:12px;font-family:var(--font-mono);color:var(--brass);padding:3px 8px}.variation-nav .btn.sm:disabled{color:var(--muted)}.hint{margin:-6px 0 10px}.picker-mode{margin-bottom:12px;display:flex}.picker-mode button{flex:1}.variations-chip{color:var(--brass-2);background:#e4b25914;border-color:#e4b25966;padding:1px 8px;font-size:11px}@media (width<=519px){.set-item{grid-template-columns:28px 1fr}.set-item .ctl{grid-column:2;justify-self:end;margin-top:-4px}}.overlay{z-index:50;background:#0009;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}.sheet{background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:640px;max-height:88vh;box-shadow:var(--shadow);border-bottom:0;flex-direction:column;animation:.2s ease-out rise;display:flex}.sheet .head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.sheet .head h3{overflow-wrap:anywhere;outline:none;min-width:0}.sheet .bodyc{padding:14px 16px calc(16px + var(--safe-b));overflow:auto}@media (width>=900px){.overlay{align-items:center}.sheet{border-radius:var(--radius-lg);border-bottom:1px solid var(--border-strong);max-height:80vh}}@keyframes rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.toast{left:50%;bottom:calc(var(--nav-h) + var(--safe-b) + 16px);background:var(--text);color:var(--bg);z-index:100;box-shadow:var(--shadow);border-radius:999px;max-width:calc(100% - 40px);padding:9px 16px;font-size:13px;font-weight:600;animation:.2s ease-out rise;position:fixed;transform:translate(-50%)}.toast.error{background:var(--danger);color:#fff}@media (width>=900px){.toast{bottom:24px}}.auth{place-items:center;min-height:100%;padding:24px;display:grid}.auth .panel{width:100%;max-width:380px}.auth .logo{align-items:center;gap:12px;margin-bottom:8px;display:flex}.auth .logo svg{width:44px;height:44px}.auth h1{letter-spacing:-.015em;font-variation-settings:"SOFT" 0, "WONK" 0;font-size:36px;font-weight:500}.auth h1 em{color:var(--brass);font-style:normal;font-weight:500}.auth p.lede{color:var(--text-2);margin:10px 0 26px;font-size:16px}.auth .or{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:12px;margin:18px 0;font-size:12px;display:flex}.auth .or:before,.auth .or:after{content:"";background:var(--border);flex:1;height:1px}.auth .switch{text-align:center;color:var(--muted);margin-top:16px;font-size:13px}.auth .switch button{color:var(--brass);background:0 0;border:0;padding:8px 6px;font-weight:600}.err{color:var(--danger);margin-top:10px;font-size:13px}.section{margin-bottom:30px}.section>h2{margin-bottom:4px}.section>.desc{color:var(--muted);margin:0 0 14px;font-size:14px}.panel .email{overflow-wrap:anywhere}.panel.source{padding:10px 14px;font-size:13px}.panel.source .row{grid-template-columns:110px 1fr;gap:10px;padding:4px 0;display:grid}.panel.source .k{color:var(--muted);font-family:var(--font-mono);font-size:12px}.panel.source .v{color:var(--text-2);overflow-wrap:anywhere}.panel{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);padding:16px}.panel+.panel{margin-top:10px}.wpm{grid-template-columns:1fr auto;align-items:center;gap:14px;display:grid}.wpm input[type=range]{width:100%;accent-color:var(--brass)}.wpm .val{font-family:var(--font-mono);color:var(--brass);text-align:right;min-width:80px;font-size:26px;font-weight:600}.wpm .val small{color:var(--muted);margin-left:4px;font-size:12px}.keyrow{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.keyrow:first-of-type{border-top:0}.keyrow .btn{flex:none;width:40px;height:40px;padding:0}.code{font-family:var(--font-mono);border-radius:var(--radius);border:1px solid var(--border);white-space:pre;color:var(--text-2);background:#0a0b0e;padding:12px 14px;font-size:12.5px;overflow-x:auto}.code b{color:var(--brass-2);font-weight:500}.callout{border-radius:var(--radius);color:var(--brass-2);background:#e4b25914;border:1px solid #e4b2594d;padding:12px 14px;font-size:14px}.spinner{border:2px solid var(--border-strong);border-top-color:var(--brass);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.center{place-items:center;padding:40px;display:grid}.kbd{font-family:var(--font-mono);border:1px solid var(--border-strong);color:var(--muted);border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-size:11px}body.is-editing .topbar,body.is-editing .tabbar{display:none}body.is-editing .shell{grid-template-columns:1fr}body.is-editing .content{max-width:none;padding:0 0 12px}.editbar{z-index:15;padding:calc(env(safe-area-inset-top,0px) + 8px) 12px 8px;background:linear-gradient(180deg, #14161b, var(--bg));border-bottom:1px solid var(--border);align-items:center;gap:10px;display:flex;position:sticky;top:0}.editbar .stats{min-width:0;font-family:var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.editbar .stats b{color:var(--brass);font-weight:600}.editbar .dirty{font-family:var(--font-ui);margin-left:10px;font-size:12px}.editbar .dirty.on{color:var(--brass)}.editor .body{resize:none;field-sizing:content;min-height:30vh;overflow:hidden}.bit{flex-direction:column;gap:0;display:flex}.bit .label-line{border-bottom:1px solid var(--border);text-overflow:ellipsis;border-radius:0;margin-bottom:10px;padding:6px 2px 10px;font-size:24px;line-height:1.25;overflow:hidden}.bit .label-line:read-only,.bit .body:read-only{color:var(--text-2)}.bit .body.pinned{overflow:auto}.editor.editing{gap:0}.editor.editing .bit .label-line{margin:0;padding:8px 16px;font-size:26px}.editor.editing .body{overflow-anchor:none;background-position:0 8px;border:0;border-radius:0;min-height:320px;padding:8px 16px 16px;font-size:17px}.editor:not(.editing) .bit{touch-action:pan-y;transition:transform .2s ease-out}.meta{min-height:34px;color:var(--text-2);white-space:nowrap;flex-wrap:wrap;align-items:center;gap:0 4px;font-size:13px;display:flex}@media (width<=519px){.meta .variation-nav .word{display:none}}.meta .spacer{flex:1}.meta .label{text-overflow:ellipsis;min-width:0;overflow:hidden}.meta .label b{color:var(--text);font-weight:600}.meta .btn.sm{white-space:nowrap;padding:4px 8px;font-size:13px}.meta .edited{color:var(--text-2);margin-left:-8px}.meta .edited:hover,.meta.past .label b{color:var(--brass)}.meta .variation-nav{-webkit-user-select:none;user-select:none;touch-action:pan-y;gap:0;margin-top:0}.meta .variation-nav .label{font-family:var(--font-mono);padding:0 2px;font-size:12px}.meta .variation-nav .btn.sm{min-width:36px;min-height:36px;padding:2px 6px;font-size:16px;line-height:1}.version-list{flex-direction:column;gap:6px;display:flex}.version-list .version{text-align:left;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.version-list .version:hover{border-color:var(--border-strong)}.version-list .version.on{border-color:var(--brass)}.version-list .version b{font-weight:600}.chips.readonly{cursor:default;box-shadow:none}.chips.readonly .chip{cursor:default}.chips.readonly:focus-within{border-color:var(--border-strong);box-shadow:none}.suggest .chip:disabled{opacity:.5;cursor:default}.content{min-width:0}.error-state{border-style:solid;border-color:#e2705f66}.error-state h3{color:var(--danger)}.error-banner{border-radius:var(--radius);color:var(--text-2);background:#e2705f14;border:1px solid #e2705f66;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;font-size:13px;display:flex}.search .clear{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.search .clear:hover{color:var(--text);background:var(--surface-2)}.search .clear svg{width:16px;height:16px}.search .input[type=search]{appearance:none;padding-right:40px}.search .input::-webkit-search-cancel-button{appearance:none}.search .input::-webkit-search-decoration{appearance:none}.draft-chip{color:var(--brass-2);background:#e4b25914;border-color:#e4b25966;min-height:0;padding:1px 8px;font-size:11px}.tab span{position:relative}.tab .dot{background:var(--brass);border-radius:50%;width:7px;height:7px;position:absolute;top:-2px;right:-10px}.card .row>.chip{white-space:nowrap;flex:none}.error-state .msg{max-width:36ch;margin:0 auto;display:block}.card .meta+.meta.slot-line{margin-top:2px}.danger-zone{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:36px;padding-top:18px;display:flex}.danger-zone .btn.danger{max-width:320px}.toast{cursor:pointer;text-align:left;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 40px);display:flex}.toast .action{color:#6b4c0c;letter-spacing:.04em;text-transform:uppercase;background:0 0;border:0;margin:-4px -4px -4px 0;padding:4px;font-size:13px;font-weight:700}.toast.error .action{color:#fff;text-decoration:underline}.toast.has-action{padding-right:12px}@media (width>=900px){.editor .btn-row.actions{background:linear-gradient(180deg, #0e0f1200, var(--bg) 35%);z-index:5;margin-bottom:-12px;padding:12px 0;position:sticky;bottom:0}}@media (width<=430px){.editbar{gap:6px}.editbar .stats{font-size:12px}.editbar .dirty{margin-left:6px}.editbar .btn.sm{padding:6px 8px}}.btn-row.actions .pair{flex:1;justify-content:flex-end;gap:10px;min-width:0;display:flex}.btn-row.actions .pair .btn.primary{flex:1;max-width:320px}.btn-row.actions .pair .btn.ghost{flex:none}.username-input{flex:1;min-width:0;position:relative}.username-input .at{color:var(--muted);font-family:var(--font-mono);position:absolute;top:50%;left:13px;transform:translateY(-50%)}.username-input .input{font-family:var(--font-mono);padding-left:30px}.username-form{gap:8px;display:flex}.username-status{color:var(--muted);min-height:1.4em;margin-top:8px}.username-status.available{color:var(--ok)}.username-status.taken,.username-status.invalid,.username-status.error{color:var(--danger)}.field .username-status{margin-top:2px}.btn.proof{gap:6px}.btn.proof.on{color:var(--brass-ink);background:var(--brass);border-color:var(--brass)}.btn.proof.on:hover{background:var(--brass-2)}.public-chip{color:var(--teal);background:#6ec3b014;border-color:#6ec3b073;align-items:center;gap:4px;min-height:0;padding:1px 8px;font-size:11px;display:inline-flex}.public-chip svg{width:12px;height:12px}.version-list .version .public-chip{margin-left:6px}.visibility-row{flex-wrap:wrap;gap:8px;display:flex}.visibility-row select{flex:1;min-width:200px}.field.visibility .small{margin-top:2px}.link-box{white-space:normal;overflow-wrap:anywhere;word-break:break-all}.section .desc svg{vertical-align:-2px;width:14px;height:14px}.public{grid-template-rows:auto 1fr auto;min-height:100%;display:grid}.public-head{padding:calc(env(safe-area-inset-top,0px) + 12px) 20px 12px;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;display:flex}.public-main{width:100%;max-width:680px;margin:0 auto;padding:28px 20px 40px}.public-foot{text-align:center;border-top:1px solid var(--border);padding:20px}.locked .lock-line{color:var(--brass);align-items:center;gap:6px;display:inline-flex}.locked .lock-line svg{width:14px;height:14px}.locked .joke-title{overflow-wrap:anywhere;margin-top:10px;font-size:32px}.locked .byline{color:var(--text-2);margin-top:6px}.locked .byline b{color:var(--text);font-family:var(--font-mono);font-weight:600}.locked .written{border-radius:var(--radius-lg);background:#e4b25912;border:1px solid #e4b25959;margin:22px 0;padding:16px 18px}.locked .written .moment{font-family:var(--font-display);color:var(--brass-2);margin-top:6px;font-size:24px;font-weight:600;line-height:1.2;display:block}.locked .written .mono{margin-top:4px}.locked .joke-body{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:4px 0;font-size:17px;line-height:1.65}.locked .proof{border-top:1px solid var(--border);margin-top:28px;padding-top:18px}.locked .proof .hash{font-family:var(--font-mono);overflow-wrap:anywhere;color:var(--text-2);margin:8px 0;font-size:12px;display:block}.locked .versions{margin-top:24px}.locked .versions ul{margin:8px 0 0;padding-left:18px}.locked .versions li{margin:4px 0}[data-dir=bad]{--tone:var(--danger)}[data-dir=ok]{--tone:var(--text-2)}[data-dir=funny]{--tone:var(--teal)}[data-dir=hilarious]{--tone:var(--brass)}.sw{overscroll-behavior:none;flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.sw .btn.sm{border-radius:8px;min-height:0;padding:7px 12px;font-size:13px}.sw-hdr{height:calc(env(safe-area-inset-top,0px) + 48px);padding:env(safe-area-inset-top,0px) 14px 0;border-bottom:1px solid var(--border);background:linear-gradient(180deg, #14161b, var(--bg));z-index:5;flex:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.sw-hdr .brand{flex:none;gap:8px}.sw-hdr .brand svg{width:22px;height:22px}.sw-hdr .brand .name{white-space:nowrap;font-size:17px}.sw-hdr .right{align-items:center;gap:4px;min-width:0;display:flex}.sw-signin{color:var(--text-2);white-space:nowrap;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:600;text-decoration:none}.sw-signin:hover{color:var(--text);background:var(--surface-2)}.sw-me{color:var(--text-2);font-size:13px;font-weight:500;font-family:var(--font-mono);align-items:center;gap:8px;display:flex}.sw-me .av{background:var(--surface-3);border:1px solid var(--border-strong);width:26px;height:26px;color:var(--brass);font-size:12px;font-weight:600;font-family:var(--font-ui);border-radius:99px;place-items:center;display:grid}@media (width<=359px){.sw-signin{display:none}}.sw-body{min-height:0;padding:12px 14px calc(var(--safe-b) + 12px);flex-direction:column;flex:1;display:flex}.sw-circle{text-align:center;color:var(--muted);flex:none;margin:-2px 0 8px}.sw-circle b{color:var(--text);font-family:var(--font-mono);font-weight:600}.sw-arena{flex:1;min-height:0;margin:0 2px;position:relative}.sw-card{text-align:center;border-radius:var(--radius-lg);background:var(--surface);border:1px solid color-mix(in srgb, var(--tone,var(--border)) calc(var(--sp,0) * 100%), var(--border));font-family:var(--font-display);font-variation-settings:"opsz" 24, "SOFT" 40;letter-spacing:-.005em;will-change:transform;justify-content:center;align-items:center;padding:40px 30px;font-size:clamp(20px,2.4vh + 8px,28px);font-weight:500;line-height:1.35;transition:transform .3s cubic-bezier(.2,.9,.3,1),border-color .15s,opacity .25s;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 18px 50px #00000073}.sw-card.top{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;z-index:2}.sw-card.top.dragging{cursor:grabbing;transition:none}.sw-card.waiting{cursor:default}.sw-card.next{z-index:1;transform:translateY(calc(12px * (1 - var(--p,0)))) scale(calc(.94 + .06 * var(--p,0)));opacity:calc(.55 + .45 * var(--p,0));box-shadow:none;transition:transform .2s,opacity .2s}.sw-card .txt{white-space:pre-wrap;overflow-wrap:anywhere;max-width:30ch}.sw-card.long{padding:40px 26px;font-size:clamp(16px,1.9vh + 5px,22px);line-height:1.38}.sw-card.long .txt{max-width:38ch}.sw-card .stamp{background:var(--surface);color:var(--tone);font:600 14px var(--font-mono);letter-spacing:.16em;text-transform:uppercase;opacity:var(--sp,0);pointer-events:none;white-space:nowrap;border:2px solid;border-radius:8px;padding:3px 12px;position:absolute;top:16px;left:50%;transform:translate(-50%)rotate(-5deg)}.sw-card[data-dir=hilarious] .stamp{top:auto;bottom:16px}.sw-card .hint{font:500 11px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tone);opacity:.75;pointer-events:none;white-space:nowrap;margin:0;transition:opacity .25s;position:absolute}.sw-card .hint.u{top:12px;left:50%;transform:translate(-50%)}.sw-card .hint.d{bottom:12px;left:50%;transform:translate(-50%)}.sw-card .hint.l{writing-mode:vertical-rl;top:50%;left:9px;transform:translateY(-50%)rotate(180deg)}.sw-card .hint.r{writing-mode:vertical-rl;top:50%;right:9px;transform:translateY(-50%)}.sw-card .hint i{text-orientation:upright;font-style:normal}.sw.coached .hint,.sw.coaching .hint,.sw-card.cta .hint,.sw-card.dragging .hint,.sw-card[data-dir]:not([data-dir=""]) .hint{opacity:0}.sw-card .cta-body{font-family:var(--font-ui);letter-spacing:0;flex-direction:column;align-items:center;gap:10px;max-width:300px;font-size:14px;font-weight:400;line-height:1.45;display:flex}.sw-card.cta{border-color:color-mix(in srgb, var(--brass) 45%, var(--border));background:linear-gradient(180deg, #1b1a17, var(--surface))}.sw-card .cta-body h3{font-family:var(--font-display);font-variation-settings:"opsz" 32, "SOFT" 30;margin:0;font-size:24px;font-weight:600;line-height:1.2}.sw-card .cta-body h3 b{color:var(--brass);font-weight:600}.sw-card .cta-body ul{text-align:left;color:var(--text-2);gap:6px;margin:2px 0 6px;padding:0;list-style:none;display:grid}.sw-card .cta-body li{align-items:baseline;gap:8px;display:flex}.sw-card .cta-body li:before{content:"✓";color:var(--brass);font-weight:600}.sw-card .cta-body .btn{width:100%}.sw-card .cta-body p{margin:0}.sw-status{min-height:44px;color:var(--text-2);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:0 4px;font-size:13px;display:flex}.sw-status .res{min-width:0;line-height:1.35}.sw-status .res .ln{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sw-status .res b{color:var(--text);font-weight:600;font-family:var(--font-mono)}.sw-status .res .t{color:var(--tone);font-weight:600}.sw-status .res .idle{color:var(--muted)}.sw-status .tally{font-family:var(--font-mono);color:var(--muted);white-space:nowrap;flex:none;font-size:12px}.sw-status .tally b{color:var(--brass);font-weight:500}.sw .linkish{color:var(--brass);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.sw-rate{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px;display:grid}.sw-rate .rb{border:1px solid var(--border-strong);background:var(--surface);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:66px;padding:8px 2px;transition:background .12s,border-color .12s,transform .12s;display:flex}.sw-rate .rb .ar{font:500 20px var(--font-mono);color:var(--tone);line-height:1}.sw-rate .rb .lb{letter-spacing:.01em;color:var(--text);font-size:clamp(12.5px,3.7vw,14px);font-weight:600}.sw-rate .rb:hover:not(:disabled){background:var(--surface-2)}.sw-rate .rb:active{transform:translateY(1px)}.sw-rate .rb:disabled{opacity:.5;cursor:default}.sw-rate .rb.hot{border-color:var(--tone);background:color-mix(in srgb, var(--tone) 16%, var(--surface))}.sw-acts{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.sw-acts .act{border:1px solid var(--border);height:44px;color:var(--text-2);background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 4px;font-size:13px;font-weight:600;display:flex}.sw-acts .act svg{flex:none;width:16px;height:16px}.sw-acts .act:hover:not(:disabled){color:var(--text);background:var(--surface-2);border-color:var(--border-strong)}.sw-acts .act:disabled{opacity:.38;cursor:default}.sw :is(.rb,.act,.sw-hdr a,.btn,.seg button,.sw-sheet .x,.linkish):focus-visible{outline:2px solid var(--brass);outline-offset:2px}.sw-coach{left:12px;right:12px;bottom:calc(var(--safe-b) + 12px);z-index:6;border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--border-strong);align-items:center;gap:14px;padding:14px;animation:.35s cubic-bezier(.2,.9,.3,1) sw-rise;display:flex;position:absolute;box-shadow:0 -10px 50px #0009,0 0 0 1px #e4b2591f}.sw-coach[hidden]{display:none}@keyframes sw-rise{0%{opacity:0;transform:translateY(16px)}}.sw-coach .compass{font:500 10.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;flex:none;grid-template-rows:auto auto auto;grid-template-columns:auto auto auto;place-items:center;gap:5px 7px;display:grid}.sw-coach .compass span{color:var(--tone);white-space:nowrap}.sw-coach .compass .u{grid-area:1/1/2/4}.sw-coach .compass .l{grid-area:2/1}.sw-coach .compass .c{grid-area:2/2}.sw-coach .compass .r{grid-area:2/3}.sw-coach .compass .d{grid-area:3/1/4/4}.sw-coach .compass .c{border:1.5px solid var(--border-strong);background:var(--surface-3);width:30px;height:40px;box-shadow:3px 3px 0 -1px var(--surface), 3px 3px 0 0 var(--border-strong);border-radius:6px}.sw-coach .say{min-width:0}.sw-coach h4{margin:0 0 3px;font-size:15px;font-weight:600}.sw-coach p{color:var(--text-2);margin:0 0 10px;font-size:13px;line-height:1.4}@media (width<=359px){.sw-coach{gap:10px;padding:12px}.sw-coach p{font-size:12.5px}}.sw-scrim{z-index:8;background:#06070999;animation:.2s fade;position:absolute;inset:0}.sw-sheet{z-index:9;background:var(--bg-elev);border:1px solid var(--border-strong);max-width:600px;max-height:92dvh;padding:8px 16px calc(var(--safe-b) + 16px);border-bottom:0;border-radius:20px 20px 0 0;margin:0 auto;animation:.28s cubic-bezier(.2,.9,.3,1) rise;position:absolute;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -20px 60px #0009}.sw-sheet .grab{background:var(--border-strong);border-radius:99px;width:36px;height:4px;margin:0 auto 8px}.sw-sheet .head{justify-content:space-between;align-items:center;display:flex}.sw-sheet h3{font-family:var(--font-display);font-variation-settings:"opsz" 24, "SOFT" 30;margin:0;font-size:19px;font-weight:600}.sw-sheet .x{width:36px;height:36px;color:var(--text-2);background:0 0;border:0;border-radius:99px;place-items:center;display:grid}.sw-sheet .x svg{width:18px;height:18px}.sw-sheet .x:hover{background:var(--surface-2)}.sw-sheet .quote{border-left:2px solid var(--brass);background:var(--surface);font-family:var(--font-display);color:var(--text-2);border-radius:0 8px 8px 0;margin:8px 0 14px;padding:8px 12px;font-size:14px;line-height:1.4}.sw-sheet .quote span{-webkit-line-clamp:2;white-space:pre-wrap;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sw-sheet .seg{border:1px solid var(--border-strong);background:0 0;border-radius:10px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.sw-sheet .seg button{color:var(--text-2);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:9px 8px;font-size:13px;font-weight:600;display:flex}.sw-sheet .seg button+button{border-left:1px solid var(--border-strong)}.sw-sheet .seg button[aria-pressed=true]{background:var(--brass);color:var(--brass-ink)}.sw-sheet .explain{color:var(--text-2);margin:10px 2px;font-size:13px}.sw-sheet textarea{resize:none;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:92px;color:var(--text);font:400 15px/1.45 var(--font-ui);padding:10px 12px;display:block}.sw-sheet textarea:focus{outline:2px solid var(--brass);outline-offset:1px}.sw-sheet .send{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.sw-sheet .count{font-family:var(--font-mono);color:var(--muted);font-size:12px}.sw-sheet .count.full{color:var(--brass-2)}.sw-sheet .locked{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:8px;margin:14px 2px 0;padding-top:12px;font-size:12.5px;display:flex}.sw-sheet .locked svg{flex:none;width:14px;height:14px}.sw-sheet .gate{text-align:center;padding:6px 4px 4px}.sw-sheet .gate h4{font-family:var(--font-display);font-variation-settings:"opsz" 24, "SOFT" 30;margin:4px 0 6px;font-size:20px;font-weight:600}.sw-sheet .gate p{color:var(--text-2);margin:0 0 14px;font-size:14px}.sw-sheet .gate .btn{width:100%;margin-bottom:8px}.sw-comments{flex-direction:column;gap:8px;max-height:30dvh;margin:0 0 14px;padding:0;list-style:none;display:flex;overflow:auto}.sw-comments li{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:14px}.sw-comments li.none{text-align:center;background:0 0;border-style:dashed}.sw-comments .who{color:var(--muted);justify-content:space-between;gap:8px;margin-bottom:2px;font-size:12px;display:flex}.sw-comments .who b{color:var(--text);font-family:var(--font-mono);font-weight:600}.sw-comments .who .linkish{color:var(--muted);font-size:12px}.sw-comments .what{white-space:pre-wrap;overflow-wrap:anywhere}@media (width>=720px){.sw-hdr{padding:0 24px}.sw-body{width:100%;max-width:600px;margin:0 auto;padding:22px 24px 20px}.sw-arena{max-height:560px}.sw-card{padding:48px 44px}.sw-coach{max-width:552px;margin:0 auto}}.sw-empty{text-align:center;flex:1;place-items:center;padding:24px;display:grid}.sw-empty .wrap{max-width:380px}.sw-empty h2{font-family:var(--font-display);font-variation-settings:"opsz" 32, "SOFT" 30;margin:14px 0 8px;font-size:26px;font-weight:600}.sw-empty p{color:var(--text-2);margin:0 0 20px}.sw-empty .glyph{border:1px solid var(--border-strong);width:56px;height:56px;color:var(--brass);border-radius:99px;place-items:center;margin:0 auto;display:grid}.sw-empty .row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.swipe-panel .row{justify-content:space-between;align-items:center;gap:12px;display:flex}.swipe-panel h4{margin:0;font-size:15px;font-weight:600}.swipe-panel p{color:var(--text-2);margin:4px 0 0;font-size:13px}.swipe-panel .audience{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.swipe-panel .audience .chip.ghost{min-height:36px;padding:6px 12px}.swipe-panel .rating{border-top:1px solid var(--border);align-items:baseline;gap:14px;margin-top:12px;padding-top:12px;display:flex}.swipe-panel .rating b{font-family:var(--font-mono);color:var(--brass);font-size:28px;font-weight:600;line-height:1}.swipe-panel .rating .lbl{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.swipe-panel .rating .prov{color:var(--muted);border:1px solid var(--border-strong);border-radius:99px;padding:2px 8px;font-size:11px}.swipe-panel .dist{border-radius:99px;gap:2px;height:8px;margin-top:14px;display:flex;overflow:hidden}.swipe-panel .dist i{background:var(--tone);border-radius:2px;min-width:3px;display:block}.swipe-panel .legend{color:var(--text-2);grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;font-size:12px;display:grid}.swipe-panel .legend span:before{content:"";background:var(--tone);border-radius:2px;width:8px;height:8px;margin-right:6px;display:inline-block}.swipe-panel .legend b{font-family:var(--font-mono);color:var(--text);margin-left:4px;font-weight:500}.swipe-panel .stale{border-radius:var(--radius);color:var(--brass-2);background:#e4b25914;border:1px solid #e4b2594d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;font-size:13px;display:flex}.swipe-panel .foot{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.swipe-panel .foot .spacer{flex:1}.chip.score{color:var(--brass-2);font-family:var(--font-mono);background:#e4b2591f;border-color:#0000;min-height:0;padding:1px 8px;font-size:11px}.chip.score.friends{color:var(--teal);background:#6ec3b01a}.inbox-list{flex-direction:column;gap:10px;display:flex}.note-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);padding:14px 16px}.note-card.unread{border-color:#e4b25973}.note-card .from{color:var(--muted);justify-content:space-between;gap:10px;font-size:13px;display:flex}.note-card .from b{color:var(--text);font-family:var(--font-mono);font-weight:600}.note-card .body{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;font-size:15px}.note-card .about{border-left:2px solid var(--brass);background:var(--bg-elev);font-family:var(--font-display);color:var(--text-2);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:3;border-radius:0 8px 8px 0;-webkit-box-orient:vertical;padding:8px 12px;font-size:14px;display:-webkit-box;overflow:hidden}.note-card .acts{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.topbar .inbox-link{width:36px;height:36px;color:var(--text-2);border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:relative}.topbar .inbox-link:hover{background:var(--surface-2);color:var(--text)}.topbar .inbox-link svg{width:20px;height:20px}.topbar .inbox-link .n{background:var(--brass);min-width:16px;height:16px;color:var(--brass-ink);font:600 10px/16px var(--font-mono);text-align:center;border-radius:99px;padding:0 4px;position:absolute;top:2px;right:0}.blocked-list{flex-direction:column;display:flex}