body:has(.forme){overscroll-behavior:none}.forme{overscroll-behavior:none;background:var(--background);height:100dvh;color:var(--foreground);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative;overflow:hidden}.stage-area{height:100%;position:relative}.pager{position:absolute;inset:0;overflow:hidden}.track{will-change:transform;position:absolute;inset:0}.page{background:var(--background);position:absolute;inset:0;overflow:hidden}.page.prev{transform:translateY(-100%)}.page.next{transform:translateY(100%)}.shield{touch-action:none;outline:none;position:absolute;inset:0}.shield[data-inspect=true]{pointer-events:none}.vista-frame,.poster{border:0;width:100%;height:100%;position:absolute;inset:0}.vista-frame{background:0 0}.poster{object-fit:cover}.stage-message{z-index:3;justify-content:center;align-items:center;gap:var(--space-3);color:var(--foreground);text-align:center;pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.stage-message.covered{background:var(--background);pointer-events:auto}.stage-message p{font:var(--font-secondary);margin:0}.stage-message .button{pointer-events:auto}.logo{object-fit:cover;border-radius:50%;width:100%;height:100%}.logo.mark{-webkit-user-select:none;user-select:none;background:linear-gradient(145deg, oklch(.66 .15 var(--hue)), oklch(.46 .13 calc(var(--hue) + 40)));color:#fff;justify-content:center;align-items:center;font-weight:700;display:flex;box-shadow:inset 0 0 0 1px #ffffff2e;container-type:size}.avatar-mark{background:var(--muted);width:100%;height:100%;box-shadow:inset 0 0 0 var(--hairline) var(--border);color:var(--foreground);font:var(--font-secondary);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.logo.mark>span{text-transform:uppercase;text-shadow:0 1px 2px #00000040;font-size:46cqh;line-height:1}.forme{--dock:84px}.chrome{z-index:2;pointer-events:none;color:var(--foreground);position:absolute;inset:0}.chrome button,.chrome .account-menu{pointer-events:auto}.fade{transition:opacity var(--motion-chrome) var(--ease-spring), visibility 0s linear 0s}.forme[data-chrome=hidden] .fade{opacity:0;visibility:hidden;transition:opacity var(--motion-chrome) var(--ease-spring), visibility 0s linear var(--motion-chrome)}.forme[data-chrome=hidden] .fade,.forme[data-chrome=hidden] .fade *{pointer-events:none}.forme[data-chrome=hidden]:has(.fade:focus-visible,.fade :focus-visible) .fade{opacity:1;visibility:visible}.forme[data-chrome=hidden]:has(.fade:focus-visible,.fade :focus-visible) .fade *{pointer-events:auto}.material{background:var(--chrome-material);-webkit-backdrop-filter:var(--chrome-blur);backdrop-filter:var(--chrome-blur)}.topbar{align-items:center;gap:var(--space-3);min-height:calc(var(--size-top-chrome-row) + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(var(--space-screen), env(safe-area-inset-right)) 0 max(var(--space-screen), env(safe-area-inset-left));display:flex;position:absolute;top:0;left:0;right:0}.brand{font:var(--font-wordmark);letter-spacing:-.02em}.notice{text-align:center;min-width:0;font:var(--font-caption);color:var(--destructive);flex:1;margin:0}.notice:empty{visibility:hidden}.account{flex:none;margin-left:auto;position:relative}.account-button{width:var(--size-avatar);height:var(--size-avatar);background:var(--muted);cursor:pointer;border:0;border-radius:50%;padding:0;display:block;overflow:hidden}.account-button:focus-visible,.account-logout:focus-visible,.rail-button:focus-visible,.disc:focus-visible,.disk:focus-visible,.inspect-close:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.account-menu{z-index:10;top:calc(100% + var(--space-2));min-width:180px;padding:var(--space-2);border:var(--hairline) solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);position:absolute;right:0;box-shadow:0 8px 24px #00000029}.account-name{padding:var(--space-2) 10px;font:var(--font-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;overflow:hidden}.account-logout{width:100%;min-height:var(--space-hit);border-radius:var(--radius-md);color:inherit;font:var(--font-secondary);text-align:left;cursor:pointer;background:0 0;border:0;padding:0 10px;display:block}.account-logout:hover{background:var(--muted)}.badge{align-items:center;gap:var(--space-2);min-width:0;top:calc(env(safe-area-inset-top) + var(--size-top-chrome-row) + var(--space-3));left:max(var(--space-3), env(safe-area-inset-left));max-width:calc(100% - 2 * var(--space-3));padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border-radius:var(--radius-full);background:var(--chrome-material);-webkit-backdrop-filter:var(--chrome-blur);backdrop-filter:var(--chrome-blur);display:flex;position:absolute}.badge .logo{width:var(--size-avatar);height:var(--size-avatar);flex:none}.badge-text{flex-direction:column;min-width:0;display:flex}.badge-channel,.badge-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.badge-channel{font:var(--font-title)}.badge-title,.badge-date{font:var(--font-caption);opacity:.8}.badge-date{font:var(--font-caption2);flex:none}.disc,.rail-button,.inspect-close{color:var(--foreground);cursor:pointer;background:var(--chrome-material);-webkit-backdrop-filter:var(--chrome-blur);backdrop-filter:var(--chrome-blur);border:0;border-radius:50%;place-items:center;display:grid}.disc{width:var(--size-transport-button);height:var(--size-transport-button);margin:calc(var(--size-transport-button) / -2) 0 0 calc(var(--size-transport-button) / -2);position:absolute;top:50%;left:50%}.disc .icon{width:32px;height:32px}.disc[data-playing=true]{animation:disc-out var(--motion-chrome) var(--ease-out) var(--motion-play-disc-hold) forwards}@keyframes disc-out{to{opacity:0;visibility:hidden}}.inspect-close{top:calc(env(safe-area-inset-top) + var(--size-top-chrome-row) + var(--space-3));right:var(--space-3);width:var(--size-rail-button);height:var(--size-rail-button);position:absolute}.progress{left:max(var(--space-screen), env(safe-area-inset-left));right:max(var(--space-screen), env(safe-area-inset-right));bottom:calc(var(--dock) + var(--space-2) + env(safe-area-inset-bottom));border-radius:var(--radius-full);background:var(--border);height:3px;position:absolute;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--foreground);transform-origin:0;height:100%;transform:scaleX(var(--progress,0));display:block}.actions{right:max(var(--space-3), env(safe-area-inset-right));gap:var(--space-3);bottom:calc(var(--dock) + var(--space-4) + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:absolute}.rail-item{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.rail-button{width:var(--size-rail-button);height:var(--size-rail-button);padding:0;position:relative}.rail-button .icon{width:var(--size-rail-icon);height:var(--size-rail-icon)}.rail-button:disabled{opacity:var(--opacity-disabled);cursor:default}.count{font:var(--font-caption2);color:var(--muted-foreground);font-variant-numeric:tabular-nums}.burst{width:var(--size-heart-burst);height:var(--size-heart-burst);margin:calc(var(--size-heart-burst) / -2) 0 0 calc(var(--size-heart-burst) / -2);color:var(--on-media);filter:drop-shadow(0 2px 8px #00000059);opacity:0;pointer-events:none;animation:burst var(--motion-like-burst) var(--ease-out) forwards;position:absolute}.burst .icon{width:100%;height:100%}@keyframes burst{0%{opacity:0;transform:scale(.6)}25%{opacity:1}to{opacity:0;transform:scale(1.15)}}.profiles{z-index:2;align-items:center;gap:var(--space-3);height:calc(var(--dock) + env(safe-area-inset-bottom));padding:0 var(--space-screen) env(safe-area-inset-bottom);display:flex;position:absolute;bottom:0;left:0;right:0;overflow-x:auto}.disk{width:var(--size-rail-disk);height:var(--size-rail-disk);background:var(--muted);cursor:pointer;border:0;border-radius:50%;flex:none;padding:0;overflow:hidden}.disk:disabled{opacity:var(--opacity-disabled);cursor:default}.disk[aria-current=true]{outline:var(--size-ring) solid var(--foreground);outline-offset:3px}@media (width>=900px){.forme{grid-template-columns:var(--size-logo-rail-width) minmax(0, 1fr);--dock:0px;display:grid}.profiles.fade,.forme[data-chrome] .profiles.fade{height:100%;padding:var(--space-4) 0;background:var(--background);opacity:1;visibility:visible;pointer-events:auto;flex-direction:column;grid-area:1/1;position:static;overflow:hidden auto}.forme[data-chrome] .profiles.fade *{pointer-events:auto}.stage-area{grid-area:1/2}.badge{max-width:calc(100% - 2 * var(--space-3) - var(--size-rail-button) - var(--space-3))}.actions{bottom:auto;top:calc(env(safe-area-inset-top) + var(--size-top-chrome-row) + var(--space-3))}.forme[data-inspect=true] .actions{opacity:0;visibility:hidden;pointer-events:none}}:root{--background:#fff;--foreground:#0a0a0a;--muted:#f4f4f5;--muted-foreground:#71717a;--border:#e4e4e7;--primary:#0a0a0a;--primary-foreground:#fff;--destructive:#dc2626;--success:#16a34a;--unread:#2563eb;--explore:#f0a47c;--panel-background:#121212;--panel-field:#232325;--panel-foreground:#f5f5f5;--panel-muted:#a1a1aa;--on-media:#fff;--curtain:#000;--opacity-disabled:.4;--focus-ring:#0a0a0a33;--scrim:#00000080;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-hit:44px;--space-screen:16px;--size-rail-disk:52px;--size-rail-button:48px;--size-rail-icon:24px;--size-transport-button:72px;--size-avatar:36px;--size-heart-burst:96px;--size-logo-rail-width:76px;--size-top-chrome-row:60px;--size-avatar-large:72px;--size-poster:64px;--size-peek-width:280px;--size-note-min-height:80px;--size-vista-loading-mark:96px;--size-curtain-action:52px;--size-discovery-list-width:320px;--size-toggle-icon:20px;--size-attention-dot:12px;--size-selection-ring:1.5px;--size-ring:2px;--size-unread-ring:3px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-curtain:28px;--radius-full:999px;--radius:var(--radius-lg);--hairline:1px;--curtain-shadow-radius:18px;--banner-shadow-radius:12px;--chrome-material:#f4f4f5b8;--chrome-blur:blur(20px) saturate(180%);--motion-fast:.12s;--motion-chrome-hide-delay:3s;--motion-like-burst:.45s;--motion-page-cut:.15s;--motion-play-disc-hold:2s;--motion-arrival-banner-hold:6s;--motion-wait-tick:1s;--motion-wait-step:.35s;--motion-wait-hand-over:.45s;--motion-chrome:.35s;--motion-curtain:.42s;--ease-spring:cubic-bezier(.32, .72, 0, 1);--ease-out:cubic-bezier(0, 0, .58, 1);--ease-in-out:cubic-bezier(.42, 0, .58, 1);--font-sans:-apple-system, ui-sans-serif, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-display:600 22px/1.2 var(--font-sans);--font-title:600 17px/1.3 var(--font-sans);--font-body:400 17px/1.4 var(--font-sans);--font-body-emphasis:600 17px/1.4 var(--font-sans);--font-secondary:400 15px/1.35 var(--font-sans);--font-caption:400 12px/1.3 var(--font-sans);--font-caption2:400 11px/1.3 var(--font-sans);--font-wordmark:600 20px/1.2 var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--background:#000;--foreground:#fafafa;--muted:#27272a;--muted-foreground:#a1a1aa;--border:#27272a;--primary:#fafafa;--primary-foreground:#0a0a0a;--destructive:#ef4444;--success:#22c55e;--unread:#3b82f6;--focus-ring:#fafafa33;--chrome-material:#27272ab8}}@media (prefers-reduced-motion:reduce){:root{--motion-chrome:1ms;--motion-curtain:1ms;--motion-like-burst:1ms;--motion-page-cut:1ms;--motion-wait-step:1ms;--motion-wait-hand-over:1ms}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--background);color:var(--foreground);-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif}.screen{min-height:100dvh;padding:max(var(--space-screen), env(safe-area-inset-top)) max(var(--space-screen), env(safe-area-inset-right)) max(var(--space-screen), env(safe-area-inset-bottom)) max(var(--space-screen), env(safe-area-inset-left));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.muted{color:var(--muted-foreground);margin:0;font-size:14px}.title{max-width:18em;margin:0;font-size:24px;font-weight:600}.wordmark{letter-spacing:.04em;color:var(--muted-foreground);font-size:15px}.button{border-radius:var(--radius);background:var(--primary);min-width:240px;max-width:100%;min-height:48px;color:var(--primary-foreground);font:inherit;cursor:pointer;border:0;padding:0 24px;font-weight:600}.button.quiet{background:var(--muted);color:var(--foreground)}.button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.button:disabled{opacity:.4;cursor:default}.alert{color:var(--destructive);margin:0;font-size:14px}@media (prefers-reduced-motion:no-preference){.button{transition:opacity var(--motion-fast)}}