:root{--font-sans:"Inter",ui-sans-serif,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--bg:#f6f6f4;--bg-elev:#fff;--bg-sunk:#eeeeea;--line:#e2e2dc;--line-strong:#cfcfc6;--ink:#15150f;--ink-mid:#56564c;--ink-dim:#8a8a7c;--accent:#e63946;--accent-ink:#fff;--accent-soft:#fce5e7;--ring:#e639464d;--ok:#2d9d5b;--danger:#c4272f;--shadow:0 1px 0 #00000005,0 6px 24px -12px #0000001f;--chip-bg:#000000b8;--chip-ink:#fff;--grain-opacity:0}:root[data-theme=dark]{--bg:#0e0f0c;--bg-elev:#16171379;--bg-sunk:#0a0b08;--line:#26271f;--line-strong:#3a3b31;--ink:#ececdf;--ink-mid:#9d9d8d;--ink-dim:#6b6c5e;--accent:#ff5865;--accent-ink:#15150f;--accent-soft:#3a1a1d;--ring:#ff586559;--ok:#5dc178;--danger:#ff6e7a;--shadow:0 1px 0 #ffffff05,0 10px 28px -12px #0009;--chip-bg:#000000c7;--chip-ink:#fff;--grain-opacity:.04}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;padding:0;font-size:14px;line-height:1.45}body{min-height:100vh;transition:background-color .24s,color .24s}body:before{content:"";position:fixed;pointer-events:none;opacity:var(--grain-opacity);mix-blend-mode:overlay;z-index:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");inset:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--accent-ink)}.shell{position:relative;z-index:2;display:flex;flex-direction:column;min-height:100vh}.wrap{max-width:var(--content-w,1280px);width:100%;margin:0 auto;padding:0 20px;transition:max-width .42s cubic-bezier(.22,1,.36,1)}.topbar-stack{position:sticky;z-index:40;background:var(--bg);border-bottom:1px solid var(--line);top:0}.status-rail{background:var(--bg-sunk);border-bottom:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-dim);height:28px;font-size:11px}.status-rail .wrap{display:flex;align-items: center;gap:14px;height:100%}.status-rail a{color:var(--ink-mid);text-decoration:none}.status-rail a:hover{color:var(--ink)}.rail-spacer{flex:1}.rail-clock{font-variant-numeric:tabular-nums}.rail-dot{display:inline-block;background:var(--ok);animation:rail-pulse 2.2s ease-out infinite;box-shadow:0 0 0 0 color-mix(in oklab,var(--ok)40%,transparent);border-radius:50%;width:6px;height:6px;margin-right:7px}@keyframes rail-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklab,var(--ok)50%,transparent)}to{box-shadow:0 0 0 7px #0000}}.topbar{border-bottom:none}.topbar-inner{display:grid;grid-template-columns:auto 1fr auto;align-items: center;gap:16px;height:56px}.brand{display:inline-flex;font-family:var(--font-mono);letter-spacing:-.01em;align-items: center;gap:10px;padding:6px 10px 6px 0;font-size:15px;font-weight:700}.brand-mark{display:grid;background:var(--accent);color:var(--accent-ink);font-size:13px;font-weight:800;font-family:var(--font-mono);border-radius:5px;place-items: center;width:24px;height:24px;box-shadow:inset 0 0 0 1px #00000014}.brand-name{color:var(--ink)}.brand-tag{color:var(--ink-dim);border-left:1px solid var(--line);letter-spacing:.02em;margin-left:2px;padding-left:8px;font-size:11px;font-weight:500}.search{position:relative;justify-self:center;width:100%;max-width:420px}.search input{background:var(--bg-sunk);border:1px solid var(--line);color:var(--ink);font-size:13px;font-family:var(--font-mono);outline:none;border-radius:8px;width:100%;height:34px;padding:0 10px 0 34px;transition:border-color .16s,box-shadow .16s,background .16s}.search input::placeholder{color:var(--ink-dim)}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring);background:var(--bg-elev)}.search svg{position:absolute;color:var(--ink-dim);top:50%;left:10px;transform:translateY(-50%)}.search kbd{position:absolute;font-family:var(--font-mono);color:var(--ink-dim);background:var(--bg-elev);border:1px solid var(--line);pointer-events:none;border-radius:4px;padding:2px 5px;font-size:10px;top:50%;right:8px;transform:translateY(-50%)}.top-actions{display:inline-flex;align-items: center;gap:6px}.icon-btn{display:inline-grid;color:var(--ink-mid);border:1px solid #0000;border-radius:8px;place-items: center;width:34px;height:34px;transition:background .12s,color .12s,border-color .12s}.icon-btn:hover{background:var(--bg-sunk);color:var(--ink);border-color:var(--line)}.icon-btn.active{background:var(--bg-sunk);color:var(--ink);border-color:var(--line-strong)}.avatar-btn{display:inline-grid;border:1px solid var(--line);background:var(--accent);color:var(--accent-ink);font-family:var(--font-mono);letter-spacing:.02em;cursor:pointer;border-radius:50%;place-items: center;width:34px;height:34px;transition:transform .12s,box-shadow .12s;font-size:11.5px;font-weight:700}.avatar-btn:hover{box-shadow:0 0 0 3px var(--ring);transform:translateY(-1px)}.avatar-btn.signed-out{color:var(--ink-mid);background:0 0;border-style:dashed}.avatar-btn.signed-out:hover{color:var(--ink);border-color:var(--ink-mid)}.avatar-static{cursor:default}.avatar-static:hover{box-shadow:none;transform:none}.logout-form{display:contents}.btn{display:inline-flex;border:1px solid var(--line);background:var(--bg-elev);color:var(--ink);border-radius:8px;align-items: center;gap:6px;height:34px;padding:0 12px;transition:background .12s,border-color .12s,transform .12s;font-size:13px;font-weight:500}.btn:hover{background:var(--bg-sunk);border-color:var(--line-strong)}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:600}.btn-primary:hover{background:color-mix(in oklab,var(--accent)90%,black)}.btn-ghost{color:var(--ink-mid);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--ink);background:var(--bg-sunk)}.btn-danger{background:var(--danger);color:#fff;border-color:#0000;font-weight:600}.btn-danger:hover{background:color-mix(in oklab,var(--danger)88%,black)}.copy-link.ok{color:var(--ok);border-color:var(--ok)}.subbar{position:sticky;z-index:30;background:color-mix(in oklab,var(--bg)92%,transparent);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);top:84px}.subbar-inner{display:flex;align-items: center;gap:14px;height:44px}.segment{display:inline-flex;background:var(--bg-sunk);border:1px solid var(--line);border-radius:8px;padding:2px}.segment button{display:inline-flex;color:var(--ink-mid);font-size:12.5px;font-weight:500;font-family:var(--font-mono);letter-spacing:.01em;border-radius:6px;align-items: center;gap:6px;height:26px;padding:0 10px;transition:background .14s,color .14s}.segment button:hover{color:var(--ink)}.segment button[aria-pressed=true]{background:var(--bg-elev);color:var(--ink);box-shadow:0 1px 0 #0000000a,0 0 0 1px var(--line)inset}.segment .count{color:var(--ink-dim);background:color-mix(in oklab,var(--ink)10%,transparent);border-radius:3px;padding:1px 5px;font-size:10.5px}.segment button[aria-pressed=true] .count{background:var(--accent-soft);color:var(--accent)}.meta-row{display:inline-flex;color:var(--ink-dim);font-family:var(--font-mono);letter-spacing:.02em;align-items: center;gap:12px;margin-left:auto;font-size:11.5px}.meta-row .dot{background:var(--ink-dim);border-radius:50%;width:3px;height:3px}.meta-row strong{color:var(--ink-mid);font-weight:600}.width-toggle{display:inline-flex;background:var(--bg-sunk);border:1px solid var(--line);border-radius:8px;padding:2px}.width-toggle button{display:inline-grid;color:var(--ink-mid);border-radius:6px;place-items: center;width:28px;height:26px;transition:background .14s,color .14s}.width-toggle button:hover{color:var(--ink)}.width-toggle button[aria-pressed=true]{background:var(--bg-elev);color:var(--accent);box-shadow:0 0 0 1px var(--line)inset}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);gap:0;margin:0}.stat{display:flex;border-right:1px solid var(--line);flex-direction:column;gap:2px;padding:14px 20px 14px 0}.stat:last-child{border-right:0;padding-right:0}.stat-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-size:10.5px}.stat-value{font-family:var(--font-mono);color:var(--ink);letter-spacing:-.01em;display:inline-flex;align-items:baseline;gap:6px;font-size:20px;font-weight:600}.stat-value .unit{color:var(--ink-dim);font-size:11px;font-weight:500}.stat-delta{font-family:var(--font-mono);color:var(--ink-dim);font-size:10.5px}.stat-delta.up{color:#2f9a56}:root[data-theme=dark] .stat-delta.up{color:#6fce8f}.grid-wrap{padding:20px 0 48px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tile-min,260px),1fr));gap:16px}.grid-sentinel{grid-column:1/-1;display:grid;font-family:var(--font-mono);color:var(--ink-dim);letter-spacing:.08em;place-items: center;min-height:40px;font-size:11px}.grid-sentinel:before{content:"loading…"}.variant-masonry .grid-sentinel{column-span:all}.tile{position:relative;background:var(--bg-elev);border:1px solid var(--line);overflow:hidden;cursor:pointer;display:flex;border-radius:10px;flex-direction:column;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .18s,box-shadow .22s}.tile:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.tile:hover .thumb-media{transform:scale(1.03)}.tile:hover .tile-overlay{opacity:1}.tile:hover .chip-duration{opacity:0;transform:translateY(4px)}.thumb{position:relative;aspect-ratio:16/9;background:var(--bg-sunk);overflow:hidden}.thumb-image .thumb{aspect-ratio:4/3}.thumb-square .thumb{aspect-ratio:1}.thumb-media{position:absolute;object-fit:cover;width:100%;height:100%;transition:transform .42s cubic-bezier(.22,1,.36,1);inset:0}.chip{display:inline-flex;font-family:var(--font-mono);color:var(--chip-ink);background:var(--chip-bg);letter-spacing:.02em;backdrop-filter:blur(4px);border-radius:4px;align-items: center;gap:4px;padding:2px 6px;font-size:10.5px;font-weight:600}.chip-duration{position:absolute;transition:opacity .2s,transform .2s;bottom:8px;right:8px}.chip-kind{position:absolute;text-transform:uppercase;color:#15150f;letter-spacing:.08em;background:#ffffffe6;font-size:9.5px;top:8px;left:8px}.chip-kind.video{color:#fff;background:#000000bf}.chip-kind.gif{color:#fff;background:#ff5b1f}.chip-kind.album{color:#15150f;background:#ffd54a}.chip-kind.image{color:#15150f;background:#ffffffe6}.album-count{position:absolute;color:#fff;font-family:var(--font-mono);display:inline-flex;background:#000000bf;border-radius:4px;align-items: center;gap:4px;padding:3px 6px;font-size:10.5px;font-weight:600;top:8px;right:8px}.tile-overlay{position:absolute;opacity:0;display:flex;color:#fff;pointer-events:none;background:linear-gradient(#0000 40%,#000000c7 100%);flex-direction:column;justify-content:flex-end;padding:12px;transition:opacity .18s;inset:0}.tile-overlay .title{letter-spacing:-.005em;color:#fff;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;font-size:13.5px;font-weight:600;line-height:1.35}.tile-overlay .meta{display:inline-flex;font-family:var(--font-mono);color:#ffffffc7;align-items: center;gap:8px;margin-top:6px;font-size:10.5px}.tile-overlay .meta .dot{background:#fff6;border-radius:50%;width:3px;height:3px}.play-button{position:absolute;display:grid;opacity:0;pointer-events:none;place-items: center;transition:opacity .16s;inset:0}.tile:hover .play-button{opacity:1}.play-button .circle{display:grid;backdrop-filter:blur(6px);background:#0009;border:1.5px solid #ffffffe6;border-radius:50%;place-items: center;width:48px;height:48px}.progress{position:absolute;background:#ffffff26;height:2px;bottom:0;left:0;right:0}.progress>span{display:block;background:var(--accent);height:100%}.variant-compact .tile-overlay{display:none}.variant-compact .chip-duration{opacity:1!important;transform:none!important}.variant-compact .tile-foot{display:flex;border-top:1px solid var(--line);background:var(--bg-elev);flex-direction:column;gap:4px;padding:10px 12px 12px}.tile-foot .t{color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;font-size:13px;font-weight:550;line-height:1.35}.tile-foot .m{font-family:var(--font-mono);color:var(--ink-dim);display:inline-flex;align-items: center;gap:8px;font-size:10.5px}.tile-foot .m .views,.tile-overlay .meta .views{display:inline-flex;align-items: center;gap:3px}.chip-views{position:absolute;display:inline-flex;font-family:var(--font-mono);color:#fff;backdrop-filter:blur(4px);background:#0000009e;border-radius:4px;align-items: center;gap:3px;padding:2px 6px;transition:opacity .18s;font-size:10.5px;font-weight:600;top:8px;right:8px}.tile:hover .chip-views{opacity:0}.tile-del{position:absolute;display:grid;color:#fff;backdrop-filter:blur(6px);opacity:0;z-index:3;background:#0009;border:1px solid #ffffff40;border-radius:7px;place-items: center;width:28px;height:28px;transition:opacity .16s,transform .16s,background .12s,border-color .12s;top:8px;right:8px;transform:translateY(-4px)}.tile:hover .tile-del{opacity:1;transform:none}.tile-del:focus-visible{opacity:1;transform:none}.tile-del:hover{background:var(--danger);border-color:#0000}.variant-streamable .tile-foot{display:none}.variant-masonry .grid{display:block;columns:auto var(--tile-min,260px);column-gap:16px}.variant-masonry .tile{display:inline-block;break-inside:avoid;width:100%;margin:0 0 16px}.variant-masonry .thumb{height:auto;aspect-ratio:unset!important}.variant-masonry .thumb-media{position:relative}.detail-backdrop{position:fixed;backdrop-filter:blur(6px);z-index:60;display:grid;overflow-y:auto;animation:fade .18s ease;background:#000000b8;place-items: start center;padding:32px 20px;inset:0}@keyframes fade{0%{opacity:0}}.detail{background:var(--bg-elev);border:1px solid var(--line);overflow:hidden;animation:pop .22s cubic-bezier(.22,1,.36,1);border-radius:12px;width:100%;max-width:1040px}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.985)}}.player{aspect-ratio:16/9;position:relative;background:#000}.player img,.player video{object-fit:contain;width:100%;height:100%}.player-controls{position:absolute;color:#fff;display:flex;background:linear-gradient(#0000,#000000b3);flex-direction:column;gap:6px;padding:14px 16px 12px;bottom:0;left:0;right:0}.player-bar{overflow:hidden;background:#fff3;border-radius:2px;height:4px}.player-bar>span{display:block;background:var(--accent);height:100%}.player-row{display:flex;font-family:var(--font-mono);align-items: center;gap:10px;font-size:11.5px}.player-row button{color:#fff;display:grid;border-radius:6px;place-items: center;width:28px;height:28px}.player-row button:hover{background:#ffffff24}.detail-meta{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--line);align-items: flex-start;gap:18px;padding:18px 20px 20px}.detail-meta h2{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:18px;font-weight:600}.detail-meta .sub{font-family:var(--font-mono);color:var(--ink-dim);display:flex;flex-wrap:wrap;align-items: center;gap:8px;margin-top:6px;font-size:11.5px}.detail-meta .sub .dot{background:var(--ink-dim);border-radius:50%;width:3px;height:3px}.detail-actions{display:inline-flex;gap:6px}.detail-specs{display:grid;grid-template-columns:repeat(4,1fr);font-family:var(--font-mono);gap:12px;padding:14px 20px;font-size:11.5px}.detail-specs dt{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;margin:0 0 2px;font-size:10px}.detail-specs dd{color:var(--ink);margin:0;font-weight:500}.share-url-copy{display:inline-flex;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:4px;align-items: center;gap:6px;padding:0;transition:color .12s}.share-url-copy code{font-family:var(--font-mono);color:var(--ink);border-bottom:1px dashed var(--line-strong);transition:color .12s,border-color .12s}.share-url-copy:hover code{color:var(--accent);border-color:var(--accent)}.share-url-copy.ok code{color:var(--ok);border-color:var(--ok)}.share-url-copy svg{color:var(--ink-dim);transition:color .12s}.share-url-copy:hover svg{color:var(--accent)}.share-url-copy.ok svg{color:var(--ok)}.detail-actions .btn svg{flex-shrink:0}.confirm-backdrop{position:fixed;backdrop-filter:blur(4px);z-index:90;display:grid;animation:fade .16s ease;background:#0000008c;place-items: center;padding:20px;inset:0}.confirm-card{background:var(--bg-elev);border:1px solid var(--line);animation:pop .22s cubic-bezier(.22,1,.36,1);border-radius:12px;width:100%;max-width:380px;padding:18px}.confirm-text{color:var(--ink);margin:0 0 16px;font-size:14px;line-height:1.5}.confirm-actions{display:flex;justify-content:flex-end;gap:8px}.modal-backdrop{position:fixed;backdrop-filter:blur(6px);z-index:70;display:grid;animation:fade .18s ease;background:#0009;place-items: center;padding:20px;inset:0}.modal{background:var(--bg-elev);border:1px solid var(--line);overflow:hidden;animation:pop .22s cubic-bezier(.22,1,.36,1);border-radius:12px;width:100%;max-width:560px}.modal-head{display:flex;border-bottom:1px solid var(--line);justify-content:space-between;align-items: center;padding:14px 16px}.modal-head h3{font-size:14px;font-weight:600;font-family:var(--font-mono);letter-spacing:-.005em;margin:0}.modal-body{padding:20px}.dropzone{display:block;cursor:pointer;border:1.5px dashed var(--line-strong);text-align:center;background:var(--bg-sunk);border-radius:10px;padding:36px 20px;transition:border-color .16s,background .16s}.dropzone.hot{border-color:var(--accent);background:var(--accent-soft)}.dropzone .big{letter-spacing:-.01em;margin:10px 0 4px;font-size:16px;font-weight:600}.dropzone .small{font-family:var(--font-mono);color:var(--ink-dim);font-size:11.5px}.dropzone .formats{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:14px}.dropzone .formats span{font-family:var(--font-mono);background:var(--bg-elev);border:1px solid var(--line);color:var(--ink-mid);border-radius:4px;padding:2px 6px;font-size:10px}.dropzone-big{padding:64px 24px}.dropzone-big .big{margin:14px 0 6px;font-size:18px}[x-cloak]{display:none!important}.pending-wrap{padding-top:20px;padding-bottom:8px}.tile-pending{cursor:default}.tile-pending .thumb-media{opacity:.55;filter:saturate(.85)}.tile-pending .thumb-placeholder{position:absolute;display:grid;color:var(--ink-dim);background:var(--bg-sunk);font-family:var(--font-mono);place-items: center;font-size:16px;font-weight:600;inset:0}.pending-overlay{position:absolute;display:flex;color:#fff;pointer-events:none;background:linear-gradient(#0000 40%,#0000008c);flex-direction:column;justify-content:flex-end;padding:10px 12px;inset:0}.pending-status{font-family:var(--font-mono);letter-spacing:-.005em;text-shadow:0 1px 2px #0006;margin-bottom:6px;font-size:11.5px;font-weight:600}.pending-bar{overflow:hidden;background:#fff3;border-radius:2px;height:4px}.pending-bar>span{display:block;background:#fff;height:100%;transition:width .4s}.tile-pending.phase-processing .pending-bar>span,.tile-pending.phase-failed .pending-bar>span,.tile-pending.phase-upload-failed .pending-bar>span{background:var(--accent)}.tile-pending.phase-failed .pending-status,.tile-pending.phase-upload-failed .pending-status{color:#ffd7d9}.avatar{color:#fff;display:grid;font-family:var(--font-mono);border:1px solid var(--line);background:linear-gradient(135deg,#ff7849,#ff5b1f);border-radius:50%;place-items: center;width:28px;height:28px;font-size:11px;font-weight:700}.theme-toggle{position:relative;overflow:hidden}.theme-toggle svg{transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .2s}.theme-toggle .sun,.theme-toggle .moon{position:absolute;display:grid;place-items: center;inset:0}:root[data-theme=dark] .theme-toggle .sun{opacity:0;transform:translateY(120%)}:root[data-theme=dark] .theme-toggle .moon,:root[data-theme=light] .theme-toggle .sun,:root:not([data-theme]) .theme-toggle .sun{opacity:1;transform:translateY(0)}:root[data-theme=light] .theme-toggle .moon,:root:not([data-theme]) .theme-toggle .moon{opacity:0;transform:translateY(-120%)}.divider{background:var(--line);height:1px}.kbd-hint{display:inline-flex;font-family:var(--font-mono);color:var(--ink-dim);align-items: center;gap:4px;font-size:10.5px}.kbd-hint kbd{border:1px solid var(--line);background:var(--bg-elev);border-radius:4px;padding:1px 5px;font-family:inherit;font-size:10px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border:2px solid var(--bg);border-radius:10px}::-webkit-scrollbar-track{background:0 0}.tile{animation:riseIn .36s cubic-bezier(.22,1,.36,1)both}.tile:nth-child(2){animation-delay:20ms}.tile:nth-child(3){animation-delay:40ms}.tile:nth-child(4){animation-delay:60ms}.tile:nth-child(5){animation-delay:80ms}.tile:nth-child(6){animation-delay:.1s}.tile:nth-child(7){animation-delay:.12s}.tile:nth-child(8){animation-delay:.14s}.tile.no-rise{animation:none}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}}.tile.flipping{z-index:1;transition:transform .52s cubic-bezier(.22,.61,.36,1)}.tile.ready-flash:after{content:"";position:absolute;box-shadow:inset 0 0 0 2px var(--ok);animation:ready-flash .72s ease-out forwards;pointer-events:none;z-index:2;border-radius:10px;inset:0}@keyframes ready-flash{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){*{animation-duration:1ms!important;transition-duration:1ms!important}}.auth-page{display:grid;background:var(--bg);color:var(--ink);place-items: center;min-height:100vh;padding:24px}.auth-card{position:relative;z-index:2;width:100%;max-width:320px}.auth-brand{display:flex;font-family:var(--font-mono);color:var(--ink);justify-content:center;align-items: center;gap:10px;margin-bottom:28px;font-size:16px;font-weight:700}.auth-brand .brand-mark{display:grid;background:var(--accent);color:var(--accent-ink);border-radius:5px;place-items: center;width:28px;height:28px;font-size:14px;font-weight:800;box-shadow:inset 0 0 0 1px #00000014}.auth-error{background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);border-radius:6px;margin-bottom:12px;padding:8px 11px;font-size:12px}.auth-field{margin-bottom:12px}.auth-field label{display:block;font-family:var(--font-mono);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:10.5px}.auth-field input{background:var(--bg-sunk);border:1px solid var(--line);font-size:14px;font-family:var(--font-mono);color:var(--ink);outline:none;border-radius:7px;width:100%;height:38px;padding:0 12px;transition:border-color .12s,box-shadow .12s}.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.auth-submit{background:var(--accent);color:var(--accent-ink);font-family:var(--font-sans);cursor:pointer;display:inline-flex;border:0;border-radius:7px;justify-content:center;align-items: center;width:100%;height:40px;margin-top:6px;font-size:14px;font-weight:600}.auth-submit:hover{background:color-mix(in oklab,var(--accent)90%,black)}.auth-submit:disabled{cursor:default;opacity:.9}.auth-spinner{animation:auth-spin .7s linear infinite;border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-message{text-align:center;margin-top:14px}.auth-message h1{color:var(--accent);font-size:16px;font-weight:600;font-family:var(--font-mono);letter-spacing:-.01em;margin:0 0 6px}.auth-message p{color:var(--ink-dim);font-size:13px;font-family:var(--font-mono);margin:0}.theme-pill{position:fixed;display:grid;border:1px solid var(--line);background:var(--bg-elev);color:var(--ink-mid);cursor:pointer;z-index:10;border-radius:7px;place-items: center;width:30px;height:30px;transition:color .12s,border-color .12s;top:14px;right:14px}.theme-pill:hover{color:var(--ink);border-color:var(--line-strong)}.share-body{margin:0}.share-shell{position:relative;z-index:2;display:flex;background:var(--bg);color:var(--ink);flex-direction:column;min-height:100vh}.share-top{display:flex;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;z-index:20;align-items: center;gap:14px;height:44px;padding:0 16px;transition:transform .22s;top:0}.share-top.hidden{transform:translateY(-100%)}.share-top .brand{display:inline-flex;font-family:var(--font-mono);color:var(--ink);align-items: center;gap:8px;font-size:14px;font-weight:700}.share-top .brand-mark{display:grid;background:var(--accent);color:var(--accent-ink);border-radius:5px;place-items: center;width:22px;height:22px;font-size:12px;font-weight:800}.share-top .filename{font-family:var(--font-mono);color:var(--ink-mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50vw;font-size:12.5px}.share-top .filename strong{color:var(--ink);font-weight:500}.share-top .spacer{flex:1}.share-top .icon-btn,.share-top .btn{height:30px}.share-top .btn{gap:6px;padding:0 10px;font-size:12px}.share-top .copy-link{font-family:var(--font-mono)}.share-top .copy-link.ok{color:var(--ok);border-color:var(--ok)}.share-stage{display:grid;position:relative;background:radial-gradient(circle at 50% 40%,color-mix(in oklab,var(--ink)3%,transparent)0%,transparent 60%),var(--bg);flex:1;place-items: center;padding:24px}.share-media{overflow:hidden;display:block;cursor:zoom-in;background:#000;border-radius:10px;max-width:100%;max-height:calc(100vh - 148px);transition:max-width .22s,max-height .22s;box-shadow:0 12px 40px -16px #0000008c}.share-media img,.share-media video{display:block;object-fit:contain;max-width:100%;max-height:calc(100vh - 148px)}.share-media video:-webkit-full-screen{width:100vw;max-width:100vw;height:100vh;max-height:100vh}.share-media video:fullscreen{width:100vw;max-width:100vw;height:100vh;max-height:100vh}.share-stage.zoomed{overflow:auto;place-items: start center}.share-stage.zoomed .share-media{cursor:zoom-out;max-width:none;max-height:none}.share-stage.zoomed .share-media img{max-width:none;max-height:none}.share-meta{border-top:1px solid var(--line);display:flex;font-family:var(--font-mono);color:var(--ink-dim);background:var(--bg-sunk);align-items: center;gap:16px;padding:12px 20px;font-size:11.5px}.share-meta .sep{opacity:.4}.share-meta strong{color:var(--ink-mid);font-weight:500}.share-toast{position:fixed;background:var(--ink);color:var(--bg);font-family:var(--font-mono);opacity:0;pointer-events:none;z-index:40;border-radius:7px;padding:8px 14px;transition:opacity .18s;font-size:12px;bottom:20px;left:50%;transform:translate(-50%)}.share-toast.on{opacity:1}@media (max-width:600px){.share-top .filename{max-width:34vw}.share-top .btn span.label{display:none}.share-meta{flex-wrap:wrap;gap:8px 14px}}