:root{--li-bg: #0C0B11;--li-panel: #17161F;--li-raised: #221F2E;--li-hairline: rgba(255, 255, 255, .09);--li-border: rgba(255, 255, 255, .16);--li-text: #F2F0F7;--li-text-soft: #C6C2D4;--li-muted: #9A96AC;--li-faint: #6F6A85;--li-accent: #8B7BFF;--li-mint: #34E39B;--li-warn: #FF6B4A;--li-font-display: "Space Grotesk", Helvetica, sans-serif;--li-font-mono: "JetBrains Mono", ui-monospace, monospace;--li-r-sm: 12px;--li-r-md: 14px;--li-r-lg: 22px;--li-r-xl: 38px;--li-r-pill: 999px;--li-s-1: 4px;--li-s-2: 8px;--li-s-3: 12px;--li-s-4: 16px;--li-s-5: 24px;--li-s-6: 32px;--li-s-7: 48px;--li-s-8: 72px;--li-tap: 48px;--li-motion: .16s ease-out}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--li-bg);color:var(--li-text);font-family:var(--li-font-display);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}body{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#app{max-width:560px;margin:0 auto}button,input{font:inherit;color:inherit}button{min-height:var(--li-tap);border:0;border-radius:var(--li-r-pill);background:var(--li-raised);padding:0 var(--li-s-5);cursor:pointer;transition:transform var(--li-motion),background var(--li-motion);-webkit-tap-highlight-color:transparent}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--li-accent);color:#100c24;font-weight:700}button.ghost{background:transparent;border:1px solid var(--li-border)}button.danger{background:transparent;color:var(--li-warn)}input[type=text]{width:100%;min-height:var(--li-tap);padding:0 var(--li-s-4);border-radius:var(--li-r-md);border:1px solid var(--li-border);background:var(--li-panel);outline:none}input[type=text]:focus{border-color:var(--li-accent)}.screen{padding:var(--li-s-5) var(--li-s-4) var(--li-s-8)}.topbar{display:flex;align-items:center;gap:var(--li-s-3);padding:var(--li-s-4);position:sticky;top:0;z-index:5;background:color-mix(in oklab,var(--li-bg) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--li-hairline)}.topbar .mark{width:26px;height:26px}.topbar .code{font-family:var(--li-font-mono);font-weight:600;letter-spacing:.16em;color:var(--li-accent)}.topbar .spacer{flex:1}.dot{width:8px;height:8px;border-radius:50%;background:var(--li-warn);transition:background var(--li-motion)}.dot.live{background:var(--li-mint)}.join{display:grid;gap:var(--li-s-5);padding-top:var(--li-s-8)}.join h1{font-size:30px;margin:0;letter-spacing:-.02em}.join p{margin:0;color:var(--li-muted);line-height:1.5}.code-input{font-family:var(--li-font-mono);font-size:34px;letter-spacing:.32em;text-align:center;text-transform:uppercase;min-height:76px}.now{background:linear-gradient(180deg,var(--li-panel),var(--li-bg));border:1px solid var(--li-hairline);border-radius:var(--li-r-lg);padding:var(--li-s-5);display:grid;gap:var(--li-s-4)}.now .art{width:100%;aspect-ratio:1;border-radius:var(--li-r-md);object-fit:cover;background:var(--li-raised)}.now .title{font-size:21px;font-weight:700;line-height:1.25}.now .artist{color:var(--li-text-soft)}.now .idle{color:var(--li-faint);text-align:center;padding:var(--li-s-6) 0}.bar{height:4px;border-radius:2px;background:var(--li-raised);overflow:hidden}.bar>i{display:block;height:100%;background:var(--li-accent);width:0}.times{display:flex;justify-content:space-between;font-family:var(--li-font-mono);font-size:12px;color:var(--li-faint)}.lap-head{display:flex;align-items:center;gap:var(--li-s-3);margin:var(--li-s-6) 0 var(--li-s-3);color:var(--li-faint);font-family:var(--li-font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.lap-head:after{content:"";flex:1;height:1px;background:var(--li-hairline)}.row{display:flex;align-items:center;gap:var(--li-s-3);padding:var(--li-s-3);border-radius:var(--li-r-md)}.row+.row{margin-top:var(--li-s-1)}.row.mine{background:color-mix(in oklab,var(--li-mint) 9%,transparent)}.row.absent{opacity:.5}.pip{width:3px;align-self:stretch;border-radius:2px;flex:0 0 auto}.row .meta{flex:1;min-width:0}.row .t{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .s{font-size:13px;color:var(--li-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .dur{font-family:var(--li-font-mono);font-size:12px;color:var(--li-faint)}.row .x{min-height:32px;padding:0 var(--li-s-3);background:transparent;color:var(--li-faint);font-size:18px;line-height:1}.empty{text-align:center;color:var(--li-faint);padding:var(--li-s-7) var(--li-s-4);line-height:1.6}.members{display:flex;gap:var(--li-s-2);flex-wrap:wrap;margin-top:var(--li-s-4)}.who{display:flex;align-items:center;gap:var(--li-s-2);padding:5px 12px 5px 5px;border-radius:var(--li-r-pill);background:var(--li-panel);border:1px solid var(--li-hairline);font-size:13px}.who.away{opacity:.42}.who .av{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;color:#100c24;object-fit:cover}.composer{position:sticky;bottom:0;padding:var(--li-s-3) var(--li-s-4) calc(var(--li-s-4) + env(safe-area-inset-bottom));background:color-mix(in oklab,var(--li-bg) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--li-hairline);display:grid;gap:var(--li-s-2)}.composer .line{display:flex;gap:var(--li-s-2)}.composer .line input{flex:1}.suggest{display:grid;gap:2px;max-height:46dvh;overflow-y:auto;margin-bottom:var(--li-s-2)}.suggest button{min-height:44px;border-radius:var(--li-r-sm);background:var(--li-panel);text-align:left;padding:var(--li-s-2) var(--li-s-3);display:grid;gap:1px}.suggest .t{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggest .s{font-size:12px;color:var(--li-muted)}.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%);max-width:90vw;padding:var(--li-s-3) var(--li-s-4);border-radius:var(--li-r-pill);background:var(--li-raised);border:1px solid var(--li-border);font-size:14px;z-index:10;animation:rise var(--li-motion)}.toast.warn{border-color:var(--li-warn);color:var(--li-warn)}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}.card{background:var(--li-panel);border:1px solid var(--li-hairline);border-radius:var(--li-r-lg);padding:var(--li-s-5);display:grid;gap:var(--li-s-3);margin-bottom:var(--li-s-4)}.card h2{margin:0;font-size:17px}.card p{margin:0;color:var(--li-muted);font-size:14px;line-height:1.5}.tag{font-family:var(--li-font-mono);font-size:11px;padding:3px 9px;border-radius:var(--li-r-pill);background:var(--li-raised);color:var(--li-muted);justify-self:start}.tag.on{background:color-mix(in oklab,var(--li-mint) 20%,transparent);color:var(--li-mint)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}