:root{--bg:#fff;--rail:#f0f4f9;--sunk:#f6f8fc;--line:#e3e8ef;--ink:#1f1f1f;--ink-soft:#444746;--dim:#5f6368;--faint:#80868b;--accent:#0b57d0;--accent-sunk:#d3e3fd;--accent-ink:#041e49;--danger:#b3261e;--radius:16px;--rail-w:268px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.6 Google Sans Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}h1{letter-spacing:-.4px;margin:0 0 6px;font-size:30px;font-weight:400}h2{color:var(--dim);letter-spacing:.3px;margin:0 0 14px;font-size:13px;font-weight:500}p{margin:0 0 18px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.lede{color:var(--dim);max-width:62ch;margin-bottom:30px;font-size:15px}.hint{color:var(--dim);font-size:13px;line-height:1.55}.faint{color:var(--faint);font-size:12.5px}.danger{color:var(--danger);font-size:13px}.good{color:#146c2e;font-size:13px}.shell{min-height:100vh;display:flex}.rail{width:var(--rail-w);background:var(--rail);flex-direction:column;flex:none;gap:4px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:10px;padding:6px 10px 18px;display:flex}.brand .mark{background:linear-gradient(135deg,#4285f4,#0b57d0);border-radius:8px;flex:none;width:26px;height:26px}.brand b{letter-spacing:-.2px;font-size:17px;font-weight:500}.nav{cursor:pointer;width:100%;color:var(--ink-soft);text-align:left;background:0 0;border:0;border-radius:999px;align-items:center;gap:12px;padding:9px 12px;font-family:inherit;font-size:14px;display:flex}.nav:hover{background:#e4e9f1}.nav.on{background:var(--accent-sunk);color:var(--accent-ink);font-weight:500}.nav svg{flex:none;width:18px;height:18px}.rail .group{color:var(--dim);padding:20px 12px 6px;font-size:12px}.rail .item{text-align:left;width:100%;font:inherit;color:var(--ink-soft);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:999px;padding:7px 12px;font-size:13.5px;display:block;overflow:hidden}.rail .item:hover{background:#e4e9f1}.rail .item.on{background:#e4e9f1;font-weight:500}.rail .spacer{flex:1}.me{cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:10px 12px;display:flex}.me:hover{background:#e4e9f1}.me .dot{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:13px;font-weight:500;display:grid}.me .who{min-width:0}.me .who b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;display:block;overflow:hidden}.me .who span{color:var(--dim);font-size:11.5px}main{flex:1;min-width:0;padding:44px 48px 90px}.wrap{max-width:900px}@media (max-width:780px){.rail{display:none}main{padding:26px 20px 70px}}.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px;padding:22px 24px}.card.sunk{background:var(--sunk);border-color:#0000}label{color:var(--dim);margin:16px 0 6px;font-size:12.5px;display:block}input,select,textarea{background:var(--sunk);width:100%;color:var(--ink);font:inherit;border:1px solid #0000;border-radius:12px;padding:11px 14px;font-size:14px}input:focus,select:focus,textarea:focus{background:var(--bg);border-color:var(--accent);outline:none}textarea{resize:vertical;min-height:64px;line-height:1.55}button{background:var(--bg);color:var(--accent);border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:500}button:hover:not(:disabled){background:#f2f6fd;border-color:#c6d4ea}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:#0846ad}button.quiet{color:var(--ink-soft);border-color:#0000}button.quiet:hover:not(:disabled){background:var(--sunk)}button.warn{color:var(--danger)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}pre{background:var(--sunk);border-radius:12px;margin:12px 0 0;padding:16px;font-size:12.5px;overflow-x:auto}code{font-family:Roboto Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.tok{word-break:break-all;background:var(--sunk);border-radius:12px;flex:1;min-width:0;padding:11px 14px;font-family:Roboto Mono,ui-monospace,Menlo,monospace;font-size:13px}.grid{grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:20px;display:grid}.tile{text-align:left;cursor:pointer;font:inherit;color:var(--ink);background:0 0;border:0;padding:0}.tile .shot{aspect-ratio:16/10;object-fit:cover;background:var(--sunk);border:1px solid var(--line);border-radius:14px;width:100%;transition:box-shadow .15s,transform .15s;display:block}.tile:hover .shot{transform:translateY(-2px);box-shadow:0 6px 22px #0b57d024}.tile b{margin:12px 0 3px;font-size:14.5px;font-weight:500;display:block}.tile .desc{color:var(--dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em;margin-bottom:9px;font-size:13px;display:-webkit-box;overflow:hidden}.facts{flex-wrap:wrap;gap:6px;display:flex}.fact{color:var(--dim);background:var(--sunk);border-radius:999px;padding:3px 10px;font-size:11.5px}.blank{text-align:center;color:var(--dim);padding:70px 20px}.blank b{color:var(--ink);margin-bottom:6px;font-size:16px;font-weight:500;display:block}.split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}@media (max-width:900px){.split{grid-template-columns:1fr}}video{background:#000;border-radius:14px;width:100%;display:block}.clip{background:var(--sunk);border-radius:12px;margin-bottom:8px;padding:12px 14px}.clip .meta{align-items:center;gap:9px;margin-bottom:7px;display:flex}.clip .t{color:var(--accent);cursor:pointer;font-family:Roboto Mono,Menlo,monospace;font-size:11.5px}.clip .t:hover{text-decoration:underline}.clip .where{color:var(--faint);font-size:11.5px}.clip textarea{background:var(--bg);min-height:46px;font-size:13.5px}.actions{background:linear-gradient(transparent, var(--bg) 34%);margin-top:10px;padding:22px 0 6px;position:sticky;bottom:0}.slider{appearance:none;background:var(--accent-sunk);border-radius:999px;height:4px;padding:0}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:16px;height:16px}