.app-shell{--shell-bg: #f2f4f6;--shell-surface: #ffffff;--shell-surface-2: #f9fafb;--shell-surface-3: #f2f4f6;--shell-line: #eaedf1;--shell-line-strong: #e5e8eb;--shell-ink: #191f28;--shell-ink-2: #4e5968;--shell-ink-3: #5f6b7a;--shell-ink-faint: #6b7684;--shell-primary: #3182f6;--shell-primary-press: #1b64da;--shell-good: #05a866;--shell-warn: #e98200;--shell-danger: #f04452;--teacher: #3182f6;--teacher-strong: #1b64da;--student: #10b981;--student-strong: #047857;--c-run: #3182f6;--c-play: #6366f1;--c-career: #10b981;--c-admis: #12b8ac;--c-study: #22a06b;--shell-shadow-1: 0 1px 3px rgba(25, 31, 40, .04), 0 1px 2px rgba(25, 31, 40, .03);--shell-shadow-3: 0 12px 32px rgba(25, 31, 40, .1), 0 4px 12px rgba(25, 31, 40, .06);--shell-shadow-dock: 0 -4px 24px rgba(25, 31, 40, .07), 0 -1px 4px rgba(25, 31, 40, .04);--shell-shadow-blue: 0 6px 18px rgba(49, 130, 246, .32);--global-dock-height: 66px;display:grid;grid-template-columns:88px minmax(240px,270px) minmax(0,1fr);grid-template-areas:"rail subnav content";min-height:100dvh;color:var(--shell-ink);background:var(--shell-bg);transition:grid-template-columns .28s cubic-bezier(.2,.9,.3,1)}.app-info-with-dock{--shell-surface: #ffffff;--shell-surface-2: #f9fafb;--shell-surface-3: #f2f4f6;--shell-line: #eaedf1;--shell-line-strong: #e5e8eb;--shell-ink: #191f28;--shell-ink-2: #4e5968;--shell-ink-3: #5f6b7a;--shell-ink-faint: #6b7684;--shell-primary: #3182f6;--shell-primary-press: #1b64da;--shell-good: #05a866;--shell-warn: #e98200;--shell-danger: #f04452;--shell-shadow-1: 0 1px 3px rgba(25, 31, 40, .04), 0 1px 2px rgba(25, 31, 40, .03);--shell-shadow-dock: 0 -4px 24px rgba(25, 31, 40, .07), 0 -1px 4px rgba(25, 31, 40, .04);--shell-shadow-blue: 0 6px 18px rgba(49, 130, 246, .32);--global-dock-height: 66px;min-height:100dvh;padding-bottom:var(--global-dock-height)}.app-shell--collapsed{grid-template-columns:88px 0 minmax(0,1fr)}.app-shell--dock-disabled{--global-dock-height: 0px !important}.app-shell button{font-family:inherit}.app-shell button:focus-visible{border-radius:10px;outline:2.5px solid var(--shell-primary);outline-offset:2px}.app-shell__skip-link{position:fixed;z-index:46;top:8px;left:8px;padding:9px 13px;border-radius:10px;color:#fff;background:var(--shell-primary-press);box-shadow:var(--shell-shadow-3);font-size:13px;font-weight:800;opacity:0;pointer-events:none;transform:translateY(-150%);transition:opacity .12s,transform .12s}.app-shell__skip-link:focus{opacity:1;pointer-events:auto;transform:translateY(0)}.app-shell__rail{position:sticky;top:0;z-index:30;grid-area:rail;display:flex;width:100%;height:calc(100dvh - var(--global-dock-height));flex-direction:column;align-items:center;overflow-y:auto;padding:14px 0 38px;background:var(--shell-surface);box-shadow:var(--shell-shadow-1)}.app-shell__logo{display:grid;width:46px;height:46px;flex:none;place-items:center;margin-bottom:12px;border:0;border-radius:15px;color:#fff;background:var(--shell-primary);box-shadow:var(--shell-shadow-blue);font-size:20px;font-weight:800;letter-spacing:-.04em;cursor:pointer;transition:transform .12s}.app-shell__logo:active{transform:scale(.94)}.app-shell__rail-zone{display:flex;width:100%;flex-direction:column;align-items:center;gap:3px}.app-shell__zone-label{margin-bottom:3px;padding:3px 9px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:-.01em}.app-shell__zone-label--teacher{color:var(--teacher-strong);background:color-mix(in srgb,var(--teacher) 12%,transparent)}.app-shell__zone-label--student{color:var(--student-strong);background:color-mix(in srgb,var(--student) 13%,transparent)}.app-shell__rail-divider{width:40px;height:1.5px;flex:none;margin:12px 0;border-radius:2px;background:var(--shell-line-strong)}.app-shell__category{position:relative;display:flex;width:66px;height:62px;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:16px;color:var(--shell-ink-faint);background:transparent;cursor:pointer;transition:color .16s,background-color .16s,transform .1s}.app-shell__category svg{width:22px;height:22px}.app-shell__category span{font-size:9.5px;font-weight:700;letter-spacing:-.03em}.app-shell__category:hover{color:var(--shell-ink-2);background:var(--shell-surface-3)}.app-shell__category:active{transform:scale(.93)}.app-shell__category--active{color:color-mix(in srgb,var(--app-shell-active-color) 62%,var(--shell-ink));background:color-mix(in srgb,var(--app-shell-active-color) 12%,transparent)}.app-shell__category--active:hover{color:color-mix(in srgb,var(--app-shell-active-color) 62%,var(--shell-ink));background:color-mix(in srgb,var(--app-shell-active-color) 14%,transparent)}.app-shell__category--active span{font-weight:800}.app-shell__category--active:after{position:absolute;top:50%;left:2px;width:3.5px;height:22px;border-radius:0 3px 3px 0;background:var(--app-shell-active-color);content:"";transform:translateY(-50%)}.app-shell__rail-spacer{min-height:8px;flex:1}.app-shell__bgm-switch{display:inline-flex;width:56px;height:34px;flex:none;align-items:center;justify-content:center;gap:5px;margin-bottom:8px;padding:0;border:0;border-radius:12px;color:var(--shell-ink-faint);background:var(--shell-surface-3);cursor:pointer;transition:color .14s,background-color .14s,transform 80ms}.app-shell__bgm-switch>svg{width:14px;height:14px;flex:none}.app-shell__bgm-switch-track{position:relative;width:24px;height:14px;flex:none;border-radius:999px;background:var(--shell-line-strong);transition:background-color .16s}.app-shell__bgm-switch-thumb{position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--shell-surface);box-shadow:0 1px 3px #191f2833;transition:transform .16s cubic-bezier(.2,.9,.3,1)}.app-shell__bgm-switch:hover{color:var(--shell-primary);background:color-mix(in srgb,var(--shell-primary) 10%,var(--shell-surface))}.app-shell__bgm-switch:active{transform:scale(.94)}.app-shell__bgm-switch--active{color:var(--shell-primary-press);background:color-mix(in srgb,var(--shell-primary) 12%,var(--shell-surface))}.app-shell__bgm-switch--active .app-shell__bgm-switch-track{background:var(--shell-primary)}.app-shell__bgm-switch--active .app-shell__bgm-switch-thumb{transform:translate(10px)}.app-shell__rail-info{display:grid;width:46px;height:46px;flex:none;place-items:center;border:0;border-radius:15px;color:var(--shell-ink-2);background:var(--shell-surface-3);cursor:pointer;transition:color .14s,background-color .14s,transform 80ms}.app-shell__rail-info svg{width:20px;height:20px}.app-shell__rail-info:hover{color:var(--shell-primary);background:color-mix(in srgb,var(--shell-primary) 12%,transparent)}.app-shell__rail-info:active{transform:scale(.94)}.app-shell__subnav{position:sticky;top:0;z-index:20;grid-area:subnav;display:flex;width:100%;min-width:0;height:calc(100dvh - var(--global-dock-height));flex-direction:column;overflow:hidden;visibility:visible;opacity:1;background:var(--shell-surface);box-shadow:var(--shell-shadow-1);transition:opacity .16s,visibility .16s}.app-shell--collapsed .app-shell__subnav{visibility:hidden;opacity:0;pointer-events:none}.app-shell__drawer-header,.app-shell__drawer-categories,.app-shell__subnav-backdrop,.app-shell__mobile-switcher{display:none}.app-shell__subnav-header{padding:24px 22px 14px}.app-shell__operator-chip,.app-shell__crumb-chip{display:inline-flex;align-items:center;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:-.01em}.app-shell__operator-chip{padding:3px 9px}.app-shell__operator-chip--teacher,.app-shell__crumb-chip--teacher{color:var(--teacher-strong);background:color-mix(in srgb,var(--teacher) 11%,transparent)}.app-shell__operator-chip--student,.app-shell__crumb-chip--student{color:var(--student-strong);background:color-mix(in srgb,var(--student) 12%,transparent)}.app-shell__subnav-title{margin:9px 0 4px;color:var(--shell-ink);font-size:21px;font-weight:800;letter-spacing:-.035em}.app-shell__subnav-description{margin:0;color:var(--shell-ink-3);font-size:13px;line-height:1.55;letter-spacing:-.01em}.app-shell__tool-list{display:flex;min-height:0;flex:1;flex-direction:column;gap:2px;overflow-y:auto;padding:4px 12px 18px}.app-shell__tool{display:flex;width:100%;align-items:center;gap:12px;padding:11px 13px;border:0;border-radius:14px;color:var(--shell-ink-2);background:transparent;text-align:left;cursor:pointer;transition:background-color .14s,transform 80ms,color .14s}.app-shell__tool:hover{background:var(--shell-surface-3)}.app-shell__tool:active{transform:scale(.985)}.app-shell__tool--active{color:color-mix(in srgb,var(--app-shell-active-color) 62%,var(--shell-ink));background:color-mix(in srgb,var(--app-shell-active-color) 12%,transparent)}.app-shell__tool--active:hover{background:color-mix(in srgb,var(--app-shell-active-color) 14%,transparent)}.app-shell__tool-icon{display:grid;width:34px;height:34px;flex:none;place-items:center;border-radius:11px;color:var(--shell-ink-3);background:var(--shell-surface-3);transition:color .14s,background-color .14s}.app-shell__tool-icon svg{width:18px;height:18px}.app-shell__tool--active .app-shell__tool-icon{color:color-mix(in srgb,var(--app-shell-active-color) 62%,var(--shell-ink));background:color-mix(in srgb,var(--app-shell-active-color) 16%,var(--shell-surface))}.app-shell__tool-label{min-width:0;flex:1;font-size:14px;font-weight:600;line-height:1.35;letter-spacing:-.02em}.app-shell__tool--active .app-shell__tool-label{font-weight:700}.app-shell__tool-badge{flex:none;padding:3px 8px;border-radius:20px;color:color-mix(in srgb,var(--app-shell-active-color) 62%,var(--shell-ink));background:color-mix(in srgb,var(--app-shell-active-color) 12%,transparent);font-size:10.5px;font-weight:800}.app-shell__reference-group-dot{width:10px;height:10px;flex:none;margin:0 12px;border-radius:50%;background:var(--app-shell-active-color);box-shadow:0 0 0 5px color-mix(in srgb,var(--app-shell-active-color) 12%,transparent)}.app-shell__reference-group .app-shell__tool-badge{min-width:25px;text-align:center}.app-shell__tool-group{border-radius:14px}.app-shell__tool-group--active{background:color-mix(in srgb,var(--app-shell-active-color) 7%,transparent)}.app-shell__tool-group--active .app-shell__tool-group-toggle{color:color-mix(in srgb,var(--app-shell-active-color) 62%,var(--shell-ink))}.app-shell__tool-group-toggle[aria-expanded=true] .app-shell__tool-group-chevron{transform:rotate(180deg)}.app-shell__tool-group-chevron{width:17px;height:17px;flex:none;color:var(--shell-ink-faint);transition:transform .14s}.app-shell__tool-group-items{display:flex;flex-direction:column;gap:2px;padding:0 0 5px 20px}.app-shell__tool--grouped{padding-top:8px;padding-bottom:8px}.app-shell__tool--grouped .app-shell__tool-icon{width:30px;height:30px;border-radius:10px}.app-shell__tool--grouped .app-shell__tool-icon svg{width:16px;height:16px}.app-shell__content{grid-area:content;min-width:0;background:var(--shell-bg)}.app-shell__topbar{position:sticky;top:0;z-index:15;display:flex;min-width:0;align-items:center;gap:10px;padding:14px 26px;background:#f2f4f6e6;background:color-mix(in srgb,var(--shell-bg) 78%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4)}.app-shell__switcher,.app-shell__topbar-button{display:inline-flex;min-height:38px;flex:none;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border:0;border-radius:12px;color:var(--shell-ink-2);background:var(--shell-surface);box-shadow:var(--shell-shadow-1);font-size:13px;font-weight:700;letter-spacing:-.02em;cursor:pointer;transition:background-color .14s,transform 80ms}.app-shell__switcher:hover,.app-shell__topbar-button:hover{background:var(--shell-surface-2)}.app-shell__switcher:active,.app-shell__topbar-button:active{transform:scale(.96)}.app-shell__switcher svg,.app-shell__topbar-button svg{width:16px;height:16px}.app-shell__topbar-button--primary{color:#fff;background:var(--shell-primary);box-shadow:var(--shell-shadow-blue)}.app-shell__topbar-button--primary:hover{background:var(--shell-primary-press)}.app-shell__topbar-button:disabled{color:var(--shell-ink-faint);background:var(--shell-surface-2);box-shadow:none;cursor:not-allowed}.app-shell__breadcrumb{display:flex;min-width:0;align-items:center;gap:8px}.app-shell__crumb-chip{flex:none;padding:2px 8px;border-radius:16px}.app-shell__crumb-chip--utility{color:var(--shell-ink-2);background:var(--shell-surface-3)}.app-shell__crumb-label{overflow:hidden;color:var(--shell-ink);font-size:16px;font-weight:800;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap}.app-shell__topbar-spacer{min-width:8px;flex:1}.app-shell__topbar-controls{display:flex;flex:none;align-items:center;gap:8px}.app-shell__canvas{min-width:0;padding:18px 26px calc(40px + var(--global-dock-height))}.app-shell__outlet{width:100%;max-width:1280px;margin:0 auto}.app-shell__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0);white-space:nowrap}.global-dock{position:fixed;z-index:40;right:0;bottom:0;left:0;display:flex;align-items:flex-end;max-height:100dvh;overflow:visible;padding-bottom:env(safe-area-inset-bottom,0px);color:var(--shell-ink);background:transparent;box-shadow:none;pointer-events:none}.global-dock--expanded{overflow:hidden;background:var(--shell-surface);box-shadow:var(--shell-shadow-dock)}.global-dock__trigger{position:relative;display:grid;width:52px;height:52px;flex:none;place-items:center;margin:0 0 14px 16px;padding:0;border:0;border-radius:50%;color:#fff;background:var(--shell-primary);box-shadow:var(--shell-shadow-blue);cursor:pointer;opacity:1;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .16s ease,transform .18s cubic-bezier(.2,.9,.3,1),visibility 0s}.app-shell .global-dock__trigger{margin-left:104px}.global-dock__trigger:hover{background:var(--shell-primary-press);transform:translateY(-2px) scale(1.02)}.global-dock__trigger:active{transform:scale(.94)}.global-dock__trigger:focus-visible{border-radius:50%}.global-dock__trigger>svg{width:23px;height:23px}.global-dock--expanded .global-dock__trigger{position:absolute;bottom:14px;left:0;margin-bottom:0;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(8px) scale(.92);transition:opacity .12s ease,transform .16s ease,visibility 0s linear .16s}.global-dock__trigger-equalizer{position:absolute;right:7px;bottom:7px;display:flex;height:11px;align-items:flex-end;gap:1.5px}.global-dock__trigger-equalizer span{width:2px;border-radius:2px;background:#fff;animation:globalDockEqualizer .9s ease-in-out infinite;transform-origin:bottom}.global-dock__trigger-equalizer span:nth-child(1){height:5px;animation-delay:-.1s}.global-dock__trigger-equalizer span:nth-child(2){height:10px;animation-delay:-.26s}.global-dock__trigger-equalizer span:nth-child(3){height:7px;animation-delay:-.42s}.global-dock__panel{position:absolute;right:0;bottom:0;left:0;width:100%;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .18s ease,transform .22s cubic-bezier(.2,.9,.3,1),visibility 0s linear .22s}.global-dock--expanded .global-dock__panel{position:relative;visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);transition:opacity .18s ease,transform .22s cubic-bezier(.2,.9,.3,1),visibility 0s}.global-dock__surface{display:flex;width:100%;min-height:0;max-height:calc(100dvh - env(safe-area-inset-bottom,0px));flex-direction:column;border-top:1px solid var(--shell-line);background:color-mix(in srgb,var(--shell-surface) 94%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.35);backdrop-filter:blur(18px) saturate(1.35)}.global-dock__details{min-height:0;max-height:0;overflow:hidden;visibility:hidden;opacity:0;transition:max-height .3s cubic-bezier(.2,.9,.3,1),opacity .18s ease,visibility 0s linear .3s}.global-dock--expanded .global-dock__details{flex:1 1 auto;max-height:min(64dvh,600px);overflow-y:auto;visibility:visible;opacity:1;transition:max-height .3s cubic-bezier(.2,.9,.3,1),opacity .18s ease,visibility 0s}.global-dock__detail-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px 28px 8px}.global-dock__detail-card{min-width:0;padding:15px 17px;border:1px solid var(--shell-line);border-radius:16px;background:var(--shell-surface-2)}.global-dock__detail-title{display:flex;align-items:center;gap:6px;margin:0 0 11px;color:var(--shell-ink-3);font-size:12px;font-weight:800;letter-spacing:-.02em}.global-dock__detail-title svg{width:15px;height:15px}.global-dock__detail-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.global-dock__detail-heading .global-dock__detail-title{margin-bottom:0}.global-dock__presets,.global-dock__durations{display:flex;flex-wrap:wrap;gap:7px}.global-dock__preset,.global-dock__duration,.global-dock__edit,.global-dock__retry{border:1px solid var(--shell-line);color:var(--shell-ink-2);background:var(--shell-surface);box-shadow:var(--shell-shadow-1);font-weight:700;letter-spacing:-.02em;cursor:pointer;transition:color .14s,background-color .14s,border-color .14s,transform 80ms}.global-dock__preset{display:inline-flex;min-height:34px;align-items:center;gap:5px;padding:7px 11px;border-radius:11px;font-size:12.5px}.global-dock__preset--active{border-color:var(--shell-primary);color:#fff;background:var(--shell-primary);box-shadow:var(--shell-shadow-blue)}.global-dock__preset-empty{padding:2px 5px;border-radius:10px;color:var(--shell-ink-faint);background:var(--shell-surface-3);font-size:9px;font-weight:800}.global-dock__duration{min-height:31px;padding:6px 10px;border-radius:10px;color:var(--shell-ink-3);font-size:12px}.global-dock__duration--active{border-color:color-mix(in srgb,var(--shell-primary) 25%,var(--shell-line));color:var(--shell-primary-press);background:color-mix(in srgb,var(--shell-primary) 11%,var(--shell-surface))}.global-dock__preset:hover:not(:disabled),.global-dock__duration:hover:not(:disabled),.global-dock__edit:hover:not(:disabled),.global-dock__retry:hover:not(:disabled){border-color:color-mix(in srgb,var(--shell-primary) 35%,var(--shell-line));background:color-mix(in srgb,var(--shell-primary) 7%,var(--shell-surface))}.global-dock__preset--active:hover:not(:disabled){border-color:var(--shell-primary-press);color:#fff;background:var(--shell-primary-press)}.global-dock__preset:active:not(:disabled),.global-dock__duration:active:not(:disabled),.global-dock__edit:active:not(:disabled),.global-dock__retry:active:not(:disabled){transform:scale(.95)}.global-dock__preset:disabled,.global-dock__duration:disabled,.global-dock__edit:disabled,.global-dock__retry:disabled{color:var(--shell-ink-faint);background:var(--shell-surface-3);box-shadow:none;cursor:not-allowed;opacity:.65}.global-dock__edit{display:inline-flex;min-height:30px;flex:none;align-items:center;gap:5px;padding:5px 9px;border-radius:9px;font-size:11px}.global-dock__edit svg{width:14px;height:14px}.global-dock__edit--active{border-color:color-mix(in srgb,var(--shell-primary) 35%,var(--shell-line));color:var(--shell-primary-press);background:color-mix(in srgb,var(--shell-primary) 10%,var(--shell-surface))}.global-dock__remaining{display:inline-flex;min-width:72px;min-height:31px;align-items:center;justify-content:center;margin-left:2px;padding:5px 9px;border-radius:9px;color:var(--shell-primary-press);background:color-mix(in srgb,var(--shell-primary) 10%,var(--shell-surface));font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.global-dock__mini-scores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.global-dock__mini-team{min-width:0;padding:9px;border-radius:12px;background:var(--shell-surface);box-shadow:var(--shell-shadow-1);text-align:center}.global-dock__mini-team-name{display:block;overflow:hidden;color:var(--shell-ink-3);font-size:11px;font-weight:700;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.global-dock__mini-team-score{display:block;margin-top:2px;color:var(--shell-ink);font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.global-dock__mini-team--leading{background:color-mix(in srgb,var(--shell-warn) 11%,var(--shell-surface))}.global-dock__mini-team--leading .global-dock__mini-team-score{color:var(--shell-warn)}.global-dock__preset-editor{grid-column:1 / -1;padding:14px 16px;border:1px solid color-mix(in srgb,var(--shell-primary) 22%,var(--shell-line));border-radius:14px;background:color-mix(in srgb,var(--shell-primary) 5%,var(--shell-surface));animation:globalDockEditorEnter .18s ease-out both}.global-dock__editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.global-dock__editor-title{margin:0;color:var(--shell-primary-press);font-size:12px;font-weight:800}.global-dock__editor-status{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--shell-ink-3);font-size:11px;font-weight:700;text-align:right}.global-dock__retry{flex:none;padding:5px 8px;border-color:color-mix(in srgb,var(--shell-danger) 35%,var(--shell-line));border-radius:8px;color:var(--shell-danger);font-size:10.5px}.global-dock__editor-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.global-dock__editor-field{min-width:0}.global-dock__editor-field>span{display:block;margin-bottom:5px;color:var(--shell-ink-3);font-size:10.5px;font-weight:800}.global-dock__editor-field select{width:100%;min-height:36px;padding:7px 9px;border:1px solid var(--shell-line-strong);border-radius:9px;outline:0;color:var(--shell-ink-2);background:var(--shell-surface);font-family:inherit;font-size:11px;font-weight:700}.global-dock__editor-field select:disabled{cursor:not-allowed;opacity:.55}.global-dock__editor-field select:focus-visible,.global-dock__volume input:focus-visible{outline:2.5px solid var(--shell-primary);outline-offset:2px}.global-dock__bar{display:flex;min-height:64px;flex:none;align-items:center;gap:12px;padding:10px 22px}.global-dock__bgm{display:flex;min-width:0;align-items:center;gap:9px}.global-dock__player-controls{display:flex;flex:none;align-items:center;gap:2px}.global-dock__control,.global-dock__play,.global-dock__expand{display:inline-grid;flex:none;place-items:center;border:0;color:var(--shell-ink-2);background:transparent;cursor:pointer;transition:color .14s,background-color .14s,transform 80ms}.global-dock__control{width:34px;height:34px;border-radius:10px}.global-dock__control svg{width:17px;height:17px}.global-dock__control:hover:not(:disabled){color:var(--shell-primary);background:var(--shell-surface-3)}.global-dock__play{width:44px;height:44px;border-radius:50%;color:#fff;background:var(--shell-primary);box-shadow:var(--shell-shadow-blue)}.global-dock__play:hover:not(:disabled){background:var(--shell-primary-press)}.global-dock__play svg{width:20px;height:20px}.global-dock__play:focus-visible{border-radius:50%}.global-dock__control:active:not(:disabled),.global-dock__play:active:not(:disabled),.global-dock__expand:active:not(:disabled){transform:scale(.92)}.global-dock__control:disabled,.global-dock__play:disabled{color:var(--shell-ink-faint);background:var(--shell-surface-3);box-shadow:none;cursor:not-allowed}.global-dock__track{display:flex;min-width:0;width:156px;flex-direction:column}.global-dock__eyebrow{overflow:hidden;color:var(--shell-ink-3);font-size:10.5px;font-weight:700;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.global-dock__title{overflow:hidden;color:var(--shell-ink);font-size:13.5px;font-weight:700;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.global-dock__title--disabled{color:var(--shell-ink-faint)}.global-dock__equalizer{display:flex;height:17px;flex:none;align-items:flex-end;gap:2.5px}.global-dock__equalizer span{width:3px;border-radius:2px;background:var(--shell-primary);animation:globalDockEqualizer .9s ease-in-out infinite;transform-origin:bottom}.global-dock__equalizer span:nth-child(1){height:7px;animation-delay:-.1s}.global-dock__equalizer span:nth-child(2){height:15px;animation-delay:-.26s}.global-dock__equalizer span:nth-child(3){height:10px;animation-delay:-.42s}.global-dock__status-chip{display:flex;min-width:0;flex:none;align-items:center;gap:8px;padding:7px 11px;border:1px solid var(--shell-line);border-radius:14px;color:var(--shell-ink-2);background:var(--shell-surface-2)}.global-dock__status-chip>svg{width:17px;height:17px;flex:none;color:var(--shell-ink-faint)}.global-dock__timer,.global-dock__score{display:flex;min-width:0;align-items:center;gap:7px}.global-dock__timer-time{color:var(--shell-ink);font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.global-dock__timer-status{padding:3px 8px;border-radius:20px;color:var(--shell-good);background:color-mix(in srgb,var(--shell-good) 14%,transparent);font-size:10px;font-weight:800;white-space:nowrap}.global-dock__timer--paused .global-dock__timer-status{color:var(--shell-warn);background:color-mix(in srgb,var(--shell-warn) 14%,transparent)}.global-dock__timer--finished .global-dock__timer-time,.global-dock__timer--finished .global-dock__timer-status{color:var(--shell-danger)}.global-dock__timer--finished .global-dock__timer-status{background:color-mix(in srgb,var(--shell-danger) 13%,transparent)}.global-dock__score-crown{flex:none}.global-dock__score-name{max-width:112px;overflow:hidden;color:var(--shell-ink);font-size:13px;font-weight:800;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.global-dock__score-points{flex:none;color:var(--shell-warn);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.global-dock__hint{flex:none;color:var(--shell-ink-faint);font-size:11px;font-weight:600;letter-spacing:-.01em}.global-dock__spacer{min-width:4px;flex:1}.global-dock__volume{display:flex;min-width:122px;flex:none;align-items:center;gap:7px;color:var(--shell-ink-3)}.global-dock__volume svg{width:17px;height:17px;flex:none}.global-dock__volume input[type=range]{width:88px;min-width:0}.global-dock__volume input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--shell-line-strong)}.global-dock__volume input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7px;background:var(--shell-primary);box-shadow:0 1px 4px #3182f647}.global-dock__volume input[type=range]:disabled{cursor:not-allowed;opacity:.4}.global-dock__expand{display:inline-flex;min-height:38px;align-items:center;gap:6px;padding:8px 11px;border-radius:11px;color:var(--shell-ink-3);font-size:12.5px;font-weight:700;letter-spacing:-.02em}.global-dock__expand:hover{color:var(--shell-ink-2);background:var(--shell-surface-3)}.global-dock__expand svg{width:16px;height:16px;transition:transform .26s}.global-dock--expanded .global-dock__expand svg{transform:rotate(180deg)}.global-dock__timer-flash{position:fixed;z-index:41;top:0;right:0;bottom:0;left:0;pointer-events:none;background:color-mix(in srgb,var(--shell-danger, #f04452) 25%,transparent);animation:globalDockTimerFlash .65s ease-in-out infinite alternate}@keyframes globalDockEqualizer{0%,to{transform:scaleY(.35)}40%{transform:scaleY(1)}}@keyframes globalDockEditorEnter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes globalDockTimerFlash{0%{opacity:.55}to{opacity:1}}.home-dashboard{padding:2px 4px 16px}.home-dashboard__hero{padding:14px 4px 6px}.home-dashboard__eyebrow{margin:0 0 8px;color:var(--shell-primary-press);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.home-dashboard__hero h1{max-width:780px;margin:0;color:var(--shell-ink);font-size:32px;font-weight:800;line-height:1.2;letter-spacing:-.045em}.home-dashboard__hero h1 span{color:var(--shell-primary)}.home-dashboard__hero>p:last-child{max-width:58ch;margin:11px 0 0;color:var(--shell-ink-2);font-size:14.5px;line-height:1.65;letter-spacing:-.02em}.home-dashboard__operator-section{margin-top:26px}.home-dashboard__operator-header{display:flex;align-items:center;gap:10px;margin:0 4px 4px}.home-dashboard__operator-header p{margin:0;color:var(--shell-ink-2);font-size:12.5px;font-weight:600;letter-spacing:-.01em}.home-dashboard__operator-badge{margin:0;padding:5px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:800;line-height:1.4;letter-spacing:-.01em}.home-dashboard__operator-badge--teacher{background:var(--teacher-strong)}.home-dashboard__operator-badge--student{background:var(--student-strong)}.home-dashboard__category-section{--home-dashboard-category-ink: color-mix( in srgb, var(--home-dashboard-category-color) 60%, var(--shell-ink) );margin-top:20px}.home-dashboard__category-header{display:flex;align-items:center;gap:9px;margin:0 4px 13px}.home-dashboard__category-dot{width:8px;height:8px;flex:none;border-radius:3px;background:var(--home-dashboard-category-color)}.home-dashboard__category-header h3{margin:0;color:var(--shell-ink);font-size:16px;font-weight:800;letter-spacing:-.03em}.home-dashboard__category-header>span:last-child{color:var(--shell-ink-2);font-size:12px;font-weight:700}.home-dashboard__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(198px,1fr));gap:13px}.home-dashboard__card{display:flex;min-height:156px;flex-direction:column;align-items:stretch;gap:10px;padding:17px;border:0;border-radius:16px;color:var(--shell-ink);background:var(--shell-surface);box-shadow:var(--shell-shadow-1);text-align:left;cursor:pointer;transition:transform .14s cubic-bezier(.2,.9,.3,1),box-shadow .14s}.home-dashboard__card:hover{box-shadow:var(--shell-shadow-3);transform:translateY(-4px)}.home-dashboard__card:active{transform:translateY(-1px) scale(.99)}.home-dashboard__card:focus-visible{border-radius:16px}.home-dashboard__card-icon{display:grid;width:44px;height:44px;flex:none;place-items:center;border-radius:13px;color:var(--home-dashboard-category-ink);background:color-mix(in srgb,var(--home-dashboard-category-color) 12%,transparent)}.home-dashboard__card-icon svg{width:22px;height:22px}.home-dashboard__card-title-row{display:flex;align-items:flex-start;gap:8px}.home-dashboard__card-title{min-width:0;flex:1;font-size:14.5px;font-weight:700;line-height:1.32;letter-spacing:-.03em}.home-dashboard__card-badge{flex:none;padding:3px 8px;border-radius:20px;color:var(--home-dashboard-category-ink);background:color-mix(in srgb,var(--home-dashboard-category-color) 12%,transparent);font-size:9.5px;font-weight:800;line-height:1.3}.home-dashboard__card-description{color:var(--shell-ink-2);font-size:12px;line-height:1.5;letter-spacing:-.01em}.home-dashboard__card-footer{display:flex;align-items:center;margin-top:auto;color:var(--home-dashboard-category-ink);font-size:10px;font-weight:800}.home-dashboard__card-footer>span{padding:3px 9px;border-radius:20px;background:color-mix(in srgb,var(--home-dashboard-category-color) 12%,transparent)}.home-dashboard__card-footer svg{width:16px;height:16px;margin-left:auto;color:var(--shell-ink-faint);transition:color .14s,transform .14s}.home-dashboard__card:hover .home-dashboard__card-footer svg{color:var(--home-dashboard-category-ink);transform:translate(3px,-3px)}.home-dashboard__tool-group{display:flex;min-height:156px;flex-direction:column;gap:10px;grid-column:span 2;padding:17px;border-radius:16px;color:var(--shell-ink);background:var(--shell-surface);box-shadow:var(--shell-shadow-1)}.home-dashboard__tool-group-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:auto}.home-dashboard__tool-group-option{display:flex;min-width:0;min-height:38px;align-items:center;gap:7px;padding:8px 10px;border:0;border-radius:11px;color:var(--shell-ink-2);background:var(--shell-surface-3);font-size:11.5px;font-weight:700;text-align:left;cursor:pointer;transition:color .14s,background-color .14s,transform 80ms}.home-dashboard__tool-group-option:hover{color:var(--home-dashboard-category-ink);background:color-mix(in srgb,var(--home-dashboard-category-color) 12%,var(--shell-surface))}.home-dashboard__tool-group-option:active{transform:scale(.98)}.home-dashboard__tool-group-option>svg:first-child{width:16px;height:16px;flex:none}.home-dashboard__tool-group-option>span{min-width:0;flex:1}.home-dashboard__tool-group-option>svg:last-child{width:14px;height:14px;flex:none;color:var(--shell-ink-faint)}.reference-page{--reference-color: var(--shell-primary);padding:2px 4px 20px}.reference-hero{position:relative;display:flex;align-items:center;gap:20px;overflow:hidden;padding:28px 30px;border:1px solid color-mix(in srgb,var(--reference-color) 16%,var(--shell-line));border-radius:22px;background:var(--shell-surface);box-shadow:var(--shell-shadow-1)}.reference-hero:after{position:absolute;right:-70px;bottom:-96px;width:230px;height:230px;border-radius:50%;background:color-mix(in srgb,var(--reference-color) 9%,transparent);content:"";pointer-events:none}.reference-hero__icon{position:relative;z-index:1;display:grid;width:62px;height:62px;flex:none;place-items:center;border-radius:18px;color:color-mix(in srgb,var(--reference-color) 68%,var(--shell-ink));background:color-mix(in srgb,var(--reference-color) 12%,var(--shell-surface))}.reference-hero__icon svg{width:30px;height:30px}.reference-hero__content{position:relative;z-index:1;min-width:0}.reference-hero__eyebrow{margin:0 0 5px;color:color-mix(in srgb,var(--reference-color) 68%,var(--shell-ink));font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.reference-hero h1{margin:0;color:var(--shell-ink);font-size:30px;font-weight:800;line-height:1.2;letter-spacing:-.045em}.reference-hero__content>p:last-child{margin:8px 0 0;color:var(--shell-ink-2);font-size:14px;line-height:1.6;letter-spacing:-.02em}.reference-sections{display:flex;flex-direction:column;gap:30px;margin-top:30px}.reference-section{scroll-margin-top:86px}.reference-section__header{display:flex;align-items:center;gap:9px;margin:0 4px 13px}.reference-section__dot{width:8px;height:8px;flex:none;border-radius:3px;background:var(--reference-color)}.reference-section__header h2{margin:0;color:var(--shell-ink);font-size:18px;font-weight:800;letter-spacing:-.03em}.reference-section__header>span:last-child{color:var(--shell-ink-2);font-size:12px;font-weight:700}.reference-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.reference-card{display:flex;min-height:176px;flex-direction:column;padding:21px;border-radius:18px;background:var(--shell-surface);box-shadow:var(--shell-shadow-1)}.reference-card h3{margin:0;color:var(--shell-ink);font-size:16px;font-weight:800;line-height:1.4;letter-spacing:-.03em}.reference-card>p{margin:9px 0 0;color:var(--shell-ink-2);font-size:13px;line-height:1.65;letter-spacing:-.015em}.reference-card__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:18px}.reference-action{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:4px;padding:10px 15px;border:0;border-radius:12px;font-size:12.5px;font-weight:800;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .14s,transform 80ms,box-shadow .14s}.reference-action:active{transform:scale(.97)}.reference-action--primary{color:#fff;background:var(--reference-color);box-shadow:0 5px 14px color-mix(in srgb,var(--reference-color) 28%,transparent)}.reference-action--primary:hover{color:#fff;background:color-mix(in srgb,var(--reference-color) 84%,#000000)}.reference-action--qr{border:1px solid var(--shell-line-strong);color:var(--shell-ink-2);background:var(--shell-surface-2)}.reference-action--qr:hover{color:color-mix(in srgb,var(--reference-color) 68%,var(--shell-ink));background:color-mix(in srgb,var(--reference-color) 9%,var(--shell-surface))}.reference-card--empty{min-height:112px;align-items:center;justify-content:center;border:1.5px dashed color-mix(in srgb,var(--reference-color) 28%,var(--shell-line-strong));background:color-mix(in srgb,var(--reference-color) 3%,var(--shell-surface));box-shadow:none;text-align:center}.reference-card--empty>p{margin:0;color:var(--shell-ink-3);font-weight:700}.app-shell:fullscreen{width:100vw;height:100dvh;min-height:100dvh;overflow:auto;background:var(--shell-bg)}.app-shell:fullscreen[data-tool-fullscreen=true]{grid-template-columns:minmax(0,1fr);grid-template-areas:"content"}.app-shell:fullscreen::backdrop{background:var(--shell-bg)}.app-shell:fullscreen[data-tool-fullscreen=true] .app-shell__skip-link,.app-shell:fullscreen[data-tool-fullscreen=true] .app-shell__rail,.app-shell:fullscreen[data-tool-fullscreen=true] .app-shell__subnav,.app-shell:fullscreen[data-tool-fullscreen=true] .app-shell__subnav-backdrop,.app-shell:fullscreen[data-tool-fullscreen=true] .app-shell__topbar{display:none}.app-shell:fullscreen .app-shell__content{min-height:100dvh}.app-shell:fullscreen[data-tool-fullscreen=true] .app-shell__canvas{padding:0 0 var(--global-dock-height)}.app-shell:fullscreen[data-tool-fullscreen=true] .app-shell__outlet{max-width:none}.personality-worldcup--cinema{position:fixed;z-index:35;inset:0 0 var(--global-dock-height, 0px);width:auto;height:auto;min-height:0;overflow:hidden}.app-shell[data-soft-tool-fullscreen=true]{grid-template-columns:minmax(0,1fr);grid-template-areas:"content"}.app-shell[data-soft-tool-fullscreen=true] .app-shell__skip-link,.app-shell[data-soft-tool-fullscreen=true] .app-shell__rail,.app-shell[data-soft-tool-fullscreen=true] .app-shell__subnav,.app-shell[data-soft-tool-fullscreen=true] .app-shell__subnav-backdrop,.app-shell[data-soft-tool-fullscreen=true] .app-shell__topbar{display:none}.app-shell[data-soft-tool-fullscreen=true] .app-shell__canvas{padding-bottom:var(--global-dock-height)}.app-shell[data-soft-tool-fullscreen=true] .app-shell__outlet{max-width:none}@media (max-width: 1180px){.global-dock__bar{flex-wrap:wrap;gap:8px 10px;padding-right:16px;padding-left:16px}.global-dock__bgm{flex:1 1 330px}.global-dock__hint,.global-dock__spacer{display:none}.global-dock__volume{margin-left:auto}}@media (max-width: 900px){.app-shell .global-dock__trigger{margin-left:92px}.global-dock--expanded .global-dock__details{max-height:68dvh}.global-dock__detail-inner{grid-template-columns:minmax(0,1fr);padding-right:18px;padding-left:18px}.global-dock__editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell,.app-shell--collapsed{grid-template-columns:76px minmax(0,1fr);grid-template-areas:"rail content"}.app-shell__subnav{position:fixed;z-index:44;top:0;bottom:var(--global-dock-height);left:0;display:flex;width:min(360px,calc(100vw - 24px));height:auto;max-height:none;visibility:hidden;opacity:0;pointer-events:none;box-shadow:12px 0 36px #191f282e;transform:translate(-104%);transition:transform .22s cubic-bezier(.2,.9,.3,1),opacity .16s ease,visibility 0s linear .22s}.app-shell:not(.app-shell--collapsed) .app-shell__subnav{visibility:visible;opacity:1;pointer-events:auto;transform:translate(0);transition:transform .22s cubic-bezier(.2,.9,.3,1),opacity .16s ease,visibility 0s}.app-shell__subnav-backdrop{position:fixed;z-index:43;top:0;right:0;bottom:0;left:0;display:block;background:#191f2861;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-shell__drawer-header{display:flex;flex:none;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--shell-line)}.app-shell__drawer-header strong{font-size:15px;letter-spacing:-.025em}.app-shell__drawer-actions{display:flex;align-items:center;gap:5px}.app-shell__drawer-action{min-height:34px;padding:7px 10px;border:0;border-radius:10px;color:var(--shell-ink-2);background:transparent;font-size:12px;font-weight:800;cursor:pointer}.app-shell__drawer-action:hover{color:var(--shell-primary-press);background:color-mix(in srgb,var(--shell-primary) 10%,var(--shell-surface))}.app-shell__drawer-close{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:11px;color:var(--shell-ink-2);background:var(--shell-surface-3);cursor:pointer}.app-shell__drawer-close:hover{color:var(--shell-primary-press);background:color-mix(in srgb,var(--shell-primary) 12%,var(--shell-surface))}.app-shell__drawer-close svg{width:19px;height:19px}.app-shell__drawer-categories{display:flex;flex:none;gap:7px;overflow-x:auto;padding:10px 12px;border-bottom:1px solid var(--shell-line);scrollbar-width:thin}.app-shell__drawer-category{display:inline-flex;min-width:72px;min-height:54px;flex:1 0 72px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 6px;border:1px solid var(--shell-line);border-radius:12px;color:var(--shell-ink-2);background:var(--shell-surface-2);font-size:10.5px;font-weight:800;white-space:nowrap;cursor:pointer}.app-shell__drawer-category svg{width:18px;height:18px}.app-shell__drawer-category--active{border-color:color-mix(in srgb,var(--app-shell-active-color) 35%,var(--shell-line));color:color-mix(in srgb,var(--app-shell-active-color) 62%,var(--shell-ink));background:color-mix(in srgb,var(--app-shell-active-color) 12%,var(--shell-surface))}.app-shell__subnav-header{padding:18px 20px 12px}.app-shell__mobile-switcher{display:inline-flex}.app-shell__switcher:not(.app-shell__mobile-switcher){display:none}.app-shell__topbar,.app-shell__canvas{padding-right:18px;padding-left:18px}.app-shell__action-label{display:none}.home-dashboard__hero h1{font-size:26px}}@media (max-width: 640px){.app-shell .global-dock__trigger{margin-left:16px}.global-dock--expanded .global-dock__details{max-height:72dvh}.global-dock__detail-inner{gap:10px;padding:12px 10px 6px}.global-dock__detail-card,.global-dock__preset-editor{padding:12px;border-radius:13px}.global-dock__mini-scores,.global-dock__editor-grid{grid-template-columns:minmax(0,1fr)}.global-dock__editor-heading{align-items:flex-start;flex-direction:column}.global-dock__editor-status{width:100%;justify-content:space-between;text-align:left}.global-dock__bar{gap:7px;padding:8px 10px}.global-dock__bgm{flex:1 1 100%}.global-dock__track{width:auto;flex:1}.global-dock__status-chip{flex:1 1 auto;padding:6px 9px}.global-dock__timer-time{font-size:18px}.global-dock__score-name{max-width:92px}.global-dock__volume{min-width:110px;flex:1;margin-left:0}.global-dock__volume input[type=range]{width:100%}.global-dock__expand{margin-left:auto}.app-shell__topbar{gap:7px;padding:10px 12px}.app-shell,.app-shell--collapsed{grid-template-columns:minmax(0,1fr);grid-template-areas:"content"}.app-shell__rail{display:none}.app-shell__subnav{width:min(340px,calc(100vw - 18px))}.app-shell__mobile-switcher{width:38px;padding:9px}.app-shell__mobile-switcher span,.app-shell__breadcrumb{display:none}.app-shell__topbar-controls{min-width:0;gap:5px}.app-shell__topbar-button{width:38px;padding:9px}.app-shell__account-control{min-width:0;max-width:96px}.app-shell__account-control>button,.app-shell__account-control>div>button{width:100%;max-width:100%;overflow:hidden;padding-right:10px;padding-left:10px}.app-shell__canvas{padding:12px 10px calc(32px + var(--global-dock-height))}.home-dashboard,.reference-page{padding-right:0;padding-left:0}.reference-hero{align-items:flex-start;gap:14px;padding:22px 18px;border-radius:18px}.reference-hero__icon{width:48px;height:48px;border-radius:15px}.reference-hero__icon svg{width:24px;height:24px}.reference-hero h1{font-size:25px}.reference-grid{grid-template-columns:minmax(0,1fr)}.reference-card__actions{align-items:stretch}.reference-action--primary{flex:1 1 auto}.home-dashboard__operator-header{align-items:flex-start;flex-direction:column;gap:7px}.home-dashboard__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.home-dashboard__tool-group{grid-column:1 / -1}}@media (max-width: 360px){.app-shell__topbar{padding-right:8px;padding-left:8px}.app-shell__canvas{padding-right:0;padding-left:0}}@media (prefers-reduced-motion: reduce){.app-shell,.app-shell__logo,.app-shell__category,.app-shell__bgm-switch,.app-shell__bgm-switch-track,.app-shell__bgm-switch-thumb,.app-shell__rail-info,.app-shell__subnav,.app-shell__tool,.app-shell__tool-icon,.app-shell__tool-group-chevron,.app-shell__switcher,.app-shell__topbar-button,.home-dashboard__card,.home-dashboard__card-footer svg,.home-dashboard__tool-group-option{transition:none}.reference-action{transition:none}.global-dock__details,.global-dock__preset,.global-dock__duration,.global-dock__edit,.global-dock__retry,.global-dock__control,.global-dock__play,.global-dock__trigger,.global-dock__panel,.global-dock__expand,.global-dock__expand svg{transition:none}.global-dock__equalizer span,.global-dock__trigger-equalizer span,.global-dock__preset-editor,.global-dock__timer-flash{animation:none}}:root{font-family:Noto Sans KR,sans-serif}body{font-family:Noto Sans KR,sans-serif;background-color:#f8fafc}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}input[type=range]{-webkit-appearance:none;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:24px;width:24px;border-radius:50%;background:#4f46e5;cursor:pointer;margin-top:-10px;box-shadow:0 2px 6px #4f46e566;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:#e2e8f0;border-radius:3px}input[type=range]:focus{outline:none}.card-enter{animation:slideIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vs-panel{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.cb-score-scale{font-size:calc(4.5rem * var(--sb-scale, 1));line-height:1}@media (min-width: 640px){.cb-score-scale{font-size:calc(6rem * var(--sb-scale, 1))}}@keyframes popIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cbScorePop{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes cbCrownGlow{0%,to{box-shadow:0 0 #fbbf2400}50%{box-shadow:0 0 18px #fbbf2459}}@keyframes cbColonBlink{0%,49%,to{opacity:1}50%,99%{opacity:.25}}@keyframes cbGroupSlideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes cbEqualizer{0%,to{transform:scaleY(.4)}38%{transform:scaleY(1)}68%{transform:scaleY(.65)}}@keyframes cbBgmSettingsEnter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cb-bgm-settings-enter{animation:cbBgmSettingsEnter .18s ease-out both}@keyframes cbHubSlideIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes cbTimerUrgentPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes cbTimerFinalPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes cbTimerEdgeGlow{0%,to{box-shadow:inset 0 0 52px #f43f5e2e}50%{box-shadow:inset 0 0 96px #f43f5e57}}@keyframes cbTimerEdgeGlowFinal{0%,to{box-shadow:inset 0 0 88px #f43f5e57}50%{box-shadow:inset 0 0 144px #f43f5e94}}@keyframes cbTimerPhaseFlash{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes pickerWinnerPop{0%{opacity:0;transform:translateY(20px) scale(.72)}70%{opacity:1;transform:translateY(-5px) scale(1.06)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pickerScrimFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pickerConfettiFall{0%{opacity:1;transform:translate3d(0,-12vh,0) rotate(0)}to{opacity:0;transform:translate3d(0,105vh,0) rotate(var(--picker-confetti-rotate, 24deg))}}@keyframes pickerRouletteSpin{0%{transform:rotate(var(--picker-roulette-from));animation-timing-function:cubic-bezier(.1,.55,.7,.946)}82%{transform:rotate(var(--picker-roulette-approach));animation-timing-function:cubic-bezier(.3,.39,.7,1)}95%{transform:rotate(var(--picker-roulette-tease));animation-timing-function:cubic-bezier(.4,0,.5,1)}to{transform:rotate(var(--picker-roulette-target))}}@keyframes pickerRoulettePointerTick{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}@keyframes pickerSlotSpin{0%{transform:translate3d(0,var(--picker-slot-from),0);animation-timing-function:linear}40%{transform:translate3d(0,var(--picker-slot-sprint),0);animation-timing-function:cubic-bezier(.3,.72,.7,.79)}53%{transform:translate3d(0,var(--picker-slot-brake),0);animation-timing-function:cubic-bezier(.38,.28,.5,1)}96.5%{transform:translate3d(0,var(--picker-slot-overshoot),0);animation-timing-function:cubic-bezier(.4,0,.5,1)}to{transform:translate3d(0,var(--picker-slot-target),0)}}@keyframes pickerCardShuffle{0%,to{transform:translateZ(0) rotate(0) scale(1)}50%{transform:translate3d(var(--picker-card-gather-x),var(--picker-card-gather-y),0) rotate(var(--picker-card-gather-rotation)) scale(.9)}}@keyframes pickerLadderTrace{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes pickerRaceRun{0%{transform:translateZ(0)}18%{transform:translate3d(var(--picker-race-p1),0,0)}39%{transform:translate3d(var(--picker-race-p2),0,0)}61%{transform:translate3d(var(--picker-race-p3),0,0)}81%{transform:translate3d(var(--picker-race-p4),0,0);animation-timing-function:cubic-bezier(.18,.72,.2,1)}94%{transform:translate3d(var(--picker-race-p5),0,0);animation-timing-function:cubic-bezier(.16,.84,.22,1)}to{transform:translate3d(var(--picker-race-finish),0,0)}}@keyframes pickerRaceStride{0%,to{transform:translateZ(0) rotate(-2deg)}50%{transform:translate3d(0,-5px,0) rotate(2deg)}}@keyframes pickerRaceRankFlip{0%{opacity:0;transform:translate3d(0,-5px,0) rotateX(-70deg)}to{opacity:1;transform:translateZ(0) rotateX(0)}}@keyframes pickerBingoMix{0%{transform:translate3d(var(--picker-bingo-x0),var(--picker-bingo-y0),0)}25%{transform:translate3d(var(--picker-bingo-x1),var(--picker-bingo-y1),0)}50%{transform:translate3d(var(--picker-bingo-x2),var(--picker-bingo-y2),0)}75%{transform:translate3d(var(--picker-bingo-x3),var(--picker-bingo-y3),0)}to{transform:translate3d(var(--picker-bingo-x4),var(--picker-bingo-y4),0)}}@keyframes pickerBingoExit{0%,64%{opacity:0;transform:translate3d(0,-24px,0) scale(.72)}68%{opacity:1;transform:translateZ(0) scale(.82)}74%{transform:translate3d(0,-7px,0) scale(.84)}79%{transform:translateZ(0) scale(.86)}84%{transform:translate3d(0,-7px,0) scale(.9)}90%{opacity:1;transform:translate3d(0,42px,0) scale(1.08)}to{opacity:1;transform:translate3d(0,96px,0) scale(1.55)}}@keyframes pickerBingoAirJet{0%{opacity:0;transform:translate3d(0,18px,0) scale(.35,.2)}28%{opacity:.82;transform:translate3d(0,3px,0) scale(.62,.72)}to{opacity:0;transform:translate3d(0,-58px,0) scale(.92,1.18)}}@keyframes pickerBingoTubeFlow{0%{opacity:0;transform:translate3d(-50%,-5px,0) scale(.45)}24%{opacity:.75}to{opacity:0;transform:translate3d(-50%,62px,0) scale(1.08)}}@keyframes pickerBingoSparkle{0%{opacity:0;transform:translate3d(-50%,-50%,0) rotate(var(--picker-bingo-sparkle-angle)) translateY(0) scale(.2)}42%{opacity:1;transform:translate3d(-50%,-50%,0) rotate(var(--picker-bingo-sparkle-angle)) translateY(-24px) scale(1.15)}to{opacity:0;transform:translate3d(-50%,-50%,0) rotate(var(--picker-bingo-sparkle-angle)) translateY(-40px) scale(.35)}}@keyframes pickerCapsuleMachineShake{0%,8%,18%,31%,46%,61%,to{transform:translateZ(0) rotate(0)}12%,35%,50%{transform:translate3d(-3px,0,0) rotate(-1.4deg)}15%,39%,54%{transform:translate3d(3px,-1px,0) rotate(1.4deg)}}@keyframes pickerCapsuleEject{0%,65%{opacity:0;transform:translate3d(-12px,-28px,0) scale(.6)}68%{opacity:1;transform:translate3d(-8px,-8px,0) scale(.75)}76%{transform:translateZ(0) scale(.82)}84%{transform:translate3d(30px,38px,0) scale(.94)}91%{transform:translate3d(50px,27px,0) scale(1)}to{opacity:1;transform:translate3d(70px,42px,0) scale(1.08)}}@keyframes pickerCapsuleRoll{0%{transform:rotate(0)}to{transform:rotate(540deg)}}@keyframes pickerCapsuleReveal{0%{opacity:0;transform:translate3d(0,45px,0) scale(.55)}72%{opacity:1;transform:translate3d(0,-6px,0) scale(1.06)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes pickerCapsuleLidPop{0%{transform:translateZ(0) rotate(0)}to{transform:translate3d(-18px,-42px,0) rotate(-18deg)}}@keyframes pickerCapsuleCardRise{0%{opacity:0;transform:translate3d(0,54px,0) scale(.88)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes pickerRocketRumble{0%,to{transform:translate3d(-1px,0,0) rotate(-.7deg)}50%{transform:translate3d(1px,-2px,0) rotate(.7deg)}}@keyframes pickerRocketLaunch{0%{transform:translateZ(0)}12%{transform:translate3d(0,-5px,0)}30%{transform:translate3d(0,-20px,0)}62%{transform:translate3d(0,var(--picker-rocket-lift-mid, -90px),0)}to{transform:translate3d(0,var(--picker-rocket-lift, -190px),0)}}@keyframes pickerRocketFlame{0%,to{opacity:.72;transform:scaleY(.72)}50%{opacity:1;transform:scaleY(1.18)}}@keyframes pickerRocketSmoke{0%{opacity:.72;transform:translateZ(0) scale(.45)}to{opacity:0;transform:translate3d(var(--picker-smoke-x, 0),42px,0) scale(1.45)}}@keyframes pickerBellMalletSwing{0%,15%{transform:rotate(-52deg)}22%,27%{transform:rotate(13deg)}35%,45%{transform:rotate(-48deg)}52%,57%{transform:rotate(16deg)}65%,82%{transform:rotate(-44deg)}88%{transform:rotate(12deg)}95%{transform:rotate(30deg)}to{transform:rotate(-8deg)}}@keyframes pickerBellRing{0%,to{transform:rotate(0)}12%{transform:rotate(-8deg)}28%{transform:rotate(7deg)}44%{transform:rotate(-5deg)}62%{transform:rotate(3deg)}80%{transform:rotate(-1.5deg)}}@keyframes pickerBellWave{0%{opacity:0;transform:scale(.45)}5%{opacity:.8}to{opacity:0;transform:scale(2.15)}}@keyframes pickerBellBannerReveal{0%{opacity:0;transform:translate3d(0,-18px,0) scaleY(.15)}to{opacity:1;transform:translateZ(0) scaleY(1)}}@keyframes pickerBoardRumble{0%,to{transform:translateZ(0) rotate(0)}20%{transform:translate3d(-3px,-2px,0) rotate(-.35deg)}40%{transform:translate3d(3px,0,0) rotate(.35deg)}60%{transform:translate3d(-2px,2px,0) rotate(-.2deg)}80%{transform:translate3d(2px,-1px,0) rotate(.2deg)}}@keyframes pickerSpotlightSweep{0%{transform:translate3d(-135%,0,0) scale(.78)}18%{transform:translate3d(135%,0,0) scale(.86)}36%{transform:translate3d(-110%,0,0) scale(.9)}54%{transform:translate3d(95%,0,0) scale(.94)}70%{transform:translate3d(-62%,0,0) scale(.97)}84%{transform:translate3d(38%,0,0) scale(.99)}to{transform:translateZ(0) scale(1)}}@keyframes pickerGoldFloat{0%{opacity:0;transform:translate3d(0,16px,0) scale(.45) rotate(0)}18%{opacity:1}to{opacity:0;transform:translate3d(var(--picker-gold-drift, 0),-64px,0) scale(1.15) rotate(180deg)}}.chart-text{text-shadow:0 1px 2px rgba(0,0,0,.1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.card-enter,.vs-panel{animation:none!important}}