:root{--oui-surface: var(--white, #ffffff);--oui-surface-muted: var(--theme-light, #f4f1ea);--oui-surface-border: rgba(255, 255, 255, .6);--oui-bg: var(--bg, #f4f1ea);--oui-text: var(--text, #2c2621);--oui-muted: var(--muted, #6b6560);--oui-accent: var(--theme-main, #7c3aed);--oui-accent-soft: color-mix(in srgb, var(--oui-accent) 10%, transparent);--oui-accent-border: color-mix(in srgb, var(--oui-accent) 18%, transparent);--oui-accent-hover: color-mix(in srgb, var(--oui-accent) 30%, transparent);--oui-accent-hover-border: color-mix(in srgb, var(--oui-accent) 50%, transparent);--oui-border: var(--border, #d7ccc8);--oui-radius: 16px;--oui-radius-lg: 28px;--oui-shadow-modal: 0 28px 80px rgba(0, 0, 0, .35);--oui-backdrop: rgba(0, 0, 0, .55);--oui-z-modal: 9999;--oui-transition: .16s ease;--oui-font: "Paperlogy", sans-serif}@supports not (color: color-mix(in srgb,red 10%,transparent)){:root{--oui-accent-soft: rgba(124, 58, 237, .1);--oui-accent-border: rgba(124, 58, 237, .18);--oui-accent-hover: rgba(124, 58, 237, .3);--oui-accent-hover-border: rgba(124, 58, 237, .5)}}[class^=oui-],[class*=" oui-"]{box-sizing:border-box;font-family:var(--oui-font)}.oui-modal{position:fixed;inset:0;z-index:var(--oui-z-modal);display:flex;align-items:center;justify-content:center;padding:4vh 4vw;background:var(--oui-backdrop);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity var(--oui-transition)}.oui-modal[hidden]{display:none}.oui-modal.is-open{opacity:1}.oui-modal__panel{display:flex;flex-direction:column;gap:16px;width:min(880px,80vw);max-height:min(880px,80vh);outline:none;transform:translateY(8px) scale(.98);transition:transform var(--oui-transition)}.oui-modal.is-open .oui-modal__panel{transform:none}.oui-card{padding:20px;background:var(--oui-surface);border:2px solid var(--oui-surface-border);border-radius:var(--oui-radius-lg);box-shadow:var(--oui-shadow-modal)}.oui-badge{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px;background:var(--oui-accent-soft);border:1px solid var(--oui-accent-border);border-radius:var(--oui-radius);color:var(--oui-accent)}.oui-icon-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;background:var(--oui-surface);border:2px solid var(--oui-accent);border-radius:var(--oui-radius);color:var(--oui-text);font:inherit;cursor:pointer;transition:var(--oui-transition)}.oui-icon-btn:hover{background:var(--oui-accent);border-color:var(--oui-accent-hover-border);color:#fff}.oui-title{color:var(--oui-text);font-size:16px;font-weight:900;line-height:1.2}.oui-subtitle{margin-top:2px;color:var(--oui-muted);font-size:12px;font-weight:800;line-height:1.3}@media(prefers-reduced-motion:reduce){.oui-modal,.oui-modal__panel{transition:none}}.oui-qr__select-card{flex-shrink:0}.oui-qr__card{display:flex;flex:1;flex-direction:column;min-height:0}.oui-qr__head{display:flex;gap:10px;align-items:center}.oui-qr__head--between{justify-content:space-between;margin-bottom:12px}.oui-qr__select-card .oui-qr__head--between{margin-bottom:0}.oui-qr__selected{margin-left:auto;color:var(--oui-accent);text-align:right;font-size:15px;font-weight:900;line-height:1.2}.oui-qr__select{width:100%;margin-top:12px;padding:12px 14px;background:var(--oui-surface);border:2px solid var(--oui-border);border-radius:var(--oui-radius);color:var(--oui-text);font:inherit;font-size:14px;font-weight:800;outline:none}.oui-qr__manage{display:inline-flex;gap:4px;align-items:center;margin-top:10px;color:var(--oui-accent);font-size:13px;font-weight:800;line-height:1.2;text-decoration:none}.oui-qr__manage--plain{cursor:pointer}.oui-qr__manage:hover .oui-qr__manage-text{text-decoration:underline}.oui-qr__manage-icon{display:inline-flex;line-height:0}.oui-qr__body{display:flex;flex:1;flex-direction:column;gap:14px;align-items:center;justify-content:center;min-height:0}.oui-qr__frame{display:flex;align-items:center;justify-content:center;width:min(62vmin,560px);height:min(62vmin,560px);max-width:100%;max-height:100%;overflow:hidden;background:var(--oui-bg);border:2px solid var(--oui-border);border-radius:20px}.oui-qr__link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:inherit;text-decoration:none}.oui-qr__canvas{display:flex;align-items:center;justify-content:center;padding:12px;line-height:0}.oui-qr__canvas img,.oui-qr__canvas canvas{display:block;max-width:100%;max-height:100%;pointer-events:none}.oui-qr__img{object-fit:contain;image-rendering:pixelated}.oui-qr__url{display:block;width:100%;color:var(--oui-muted);font-size:14px;font-weight:800;line-height:1.5;text-align:center;text-decoration:none;word-break:break-all}.oui-qr__hint{color:var(--oui-muted);font-size:14px;font-weight:800;text-align:center}.oui-qr__hint[hidden],.oui-qr__selected[hidden],.oui-qr__manage[hidden],.oui-qr__select-card[hidden]{display:none}.is-disabled{pointer-events:none}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-black:900;--tracking-tight:-.025em;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.h-full{height:100%}.h-px{height:1px}.min-h-0{min-height:0}.w-\[200px\]{width:200px}.w-\[280px\]{width:280px}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.overflow-hidden{overflow:hidden}.rounded-\[var\(--radius-lg\)\]{border-radius:var(--radius-lg)}.rounded-\[var\(--radius-md\)\]{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--border\)\]{border-color:var(--border)}.bg-\[var\(--bg-surface\)\]{background-color:var(--bg-surface)}.bg-\[var\(--bg-surface-2\)\]{background-color:var(--bg-surface-2)}.p-3{padding:calc(var(--spacing) * 3)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-\[13px\]{font-size:13px}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-\[var\(--muted\)\]{color:var(--muted)}.text-\[var\(--text\)\]{color:var(--text)}.opacity-0{opacity:0}.shadow-\[var\(--shadow-sm\)\]{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.will-change-transform{will-change:transform}@media not all and (min-width:980px){.max-\[980px\]\:w-full{width:100%}.max-\[980px\]\:flex-col{flex-direction:column}.max-\[980px\]\:flex-row{flex-direction:row}.max-\[980px\]\:flex-wrap{flex-wrap:wrap}}.\[\&_input\]\:m-0 input{margin:0}.\[\&_input\]\:h-4 input{height:calc(var(--spacing) * 4)}.\[\&_input\]\:w-4 input{width:calc(var(--spacing) * 4)}.\[\&_input\]\:cursor-pointer input{cursor:pointer}.\[\&_label\]\:inline-flex label{display:inline-flex}.\[\&_label\]\:cursor-pointer label{cursor:pointer}.\[\&_label\]\:items-center label{align-items:center}.\[\&_label\]\:gap-2 label{gap:calc(var(--spacing) * 2)}.\[\&_label\]\:select-none label{-webkit-user-select:none;user-select:none}}:root{color-scheme:light;--bg-app:#f8fafc;--bg-surface:#fff;--bg-surface-2:#f1f7ff;--bg-elev:#ffffffc7;--border:#dbe7f7;--border-2:#c6d8f2;--text:#1e293b;--muted:#64748b;--muted-2:#6c6780;--primary:#0ea5e9;--primary-2:#2563eb;--primary-rgb:14 165 233;--primary-2-rgb:37 99 235;--theme-main:#0ea5e9;--theme-dark:#2563eb;--theme-light:#eff6ff;--side-a:#e0f2fe;--side-b:#bfdbfe;--sidebar-w:clamp(240px, 20vw, 300px);--header-h:clamp(70px, 8vh, 90px);--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--shadow-sm:0 10px 22px #1f1b2e14;--shadow-md:0 24px 60px #1f1b2e24;--shadow-lg:0 28px 80px #1f1b2e2e;--focus:0 0 0 4px rgb(var(--primary-rgb) / .28);--radius:24px;--theme-soft:#e0f2fe}html,body,#root{height:100%}body{background:var(--bg-app);color:var(--text);margin:0;font-family:Paperlogy,Pretendard,system-ui,sans-serif;font-size:15px;line-height:1.4;overflow:hidden}body:before{content:"";z-index:-1;opacity:.4;pointer-events:none;background-image:radial-gradient(#cbd5e1 1.5px,#0000 1.5px);background-size:30px 30px;position:absolute;inset:0}*{box-sizing:border-box}.material-symbols-rounded{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-variation-settings:"FILL" 1,"wght" 700,"GRAD" 0,"opsz" 24;-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Rounded,sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.app-shell{height:100%;min-height:0;display:flex}.main-wrap{flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.app-scrim{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;display:none;position:fixed;inset:0}.app-sidebar{width:var(--sidebar-w);z-index:50;background:linear-gradient(180deg,var(--side-a) 0%,var(--side-b) 100%);border-right:1px solid #94a3b847;flex-direction:column;flex-shrink:0;height:100%;display:flex;position:relative;box-shadow:4px 0 24px #0000000f}.app-sidebar:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#fff9,#0000 70%);position:absolute;inset:0}.sidebar-brand{height:var(--header-h);color:#1e293b;z-index:1;cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;border-bottom:1px solid #0000000a;align-items:center;gap:12px;padding:0 20px;display:flex;position:relative}.sidebar-brand-icon{background:linear-gradient(135deg,var(--theme-main),var(--theme-dark));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 12px #2563eb4d}.sidebar-brand-icon .material-symbols-rounded{font-size:26px}.sidebar-brand-title{letter-spacing:-.5px;font-size:clamp(17px,1.8vw,20px);font-weight:900;line-height:1.15}.sidebar-brand-sub{color:var(--theme-dark);letter-spacing:.5px;font-size:clamp(11px,1vw,12px);font-weight:800}.sidebar-nav{z-index:1;flex-direction:column;flex:1;gap:6px;padding:20px 14px;display:flex;position:relative;overflow-y:auto}.sidebar-nav-label{letter-spacing:.08em;color:#64748b;text-transform:uppercase;margin:10px 8px 4px;font-size:11px;font-weight:900}.sidebar-nav-item{font:inherit;color:#475569;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:clamp(12px,1.5vh,14px) 14px;font-size:clamp(14px,1.4vw,15px);font-weight:800;transition:all .2s;display:flex}.sidebar-nav-icon{color:#64748b;font-size:24px;transition:all .2s}.sidebar-nav-item:hover{color:#0f172a;background:#fff9}.sidebar-nav-item:hover .sidebar-nav-icon{color:#0f172a}.sidebar-nav-item[data-active=true]{color:var(--theme-dark);border-left:4px solid var(--theme-main);background:#fff;border-radius:4px 12px 12px 4px;box-shadow:0 4px 12px #00000008}.sidebar-nav-item[data-active=true] .sidebar-nav-icon{color:var(--theme-main)}.sidebar-nav-text{word-break:keep-all;min-width:0;line-height:1.25}.sidebar-foot{z-index:1;color:#64748b;flex-direction:column;gap:6px;padding:16px 20px 20px;font-size:11px;font-weight:700;line-height:1.5;display:flex;position:relative}.sidebar-foot b{color:#334155;font-size:12px;display:block}.shell-header{height:var(--header-h);min-height:var(--header-h);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40;background:#ffffffeb;border-bottom:1px solid #e2e8f0;flex:none;align-items:center;gap:.75rem;padding:0 1rem;display:flex;position:relative}.shell-header-start{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.shell-header-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:18px;font-weight:900;overflow:hidden}.shell-header-title span{color:var(--theme-dark);margin-left:6px}.shell-header-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.app-hamburger{color:#1e293b;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:none}.app-hamburger .material-symbols-rounded{font-size:32px}.app-main{background:#fff;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.section-panel{flex-direction:column;flex:1;min-height:0;animation:.3s ease-out fadeIn;display:flex;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn{min-height:36px;font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:700;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{border-radius:.5rem;height:2rem;min-height:2rem;padding:0 .75rem;font-size:.75rem;font-weight:600}.btn-primary{color:#fff;background:#0f172a;border-color:#0f172a}.btn-primary:hover{background:var(--theme-dark);border-color:var(--theme-dark)}.btn-outline{color:#1e293b;background:0 0;border-color:#e2e8f0}.btn-outline:hover{background:#f8fafc}.auth-bar{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.auth-muted{color:#94a3b8;margin:0;font-size:12px}.auth-avatar{background:var(--theme-dark);color:#fff;border-radius:999px;flex:none;place-items:center;width:2.25rem;height:2.25rem;font-size:.875rem;font-weight:700;display:grid}.auth-meta{min-width:0;display:none}@media(min-width:640px){.auth-meta{display:block}}.auth-name{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;margin:0;font-size:.875rem;font-weight:700;line-height:1.2;overflow:hidden}.auth-token{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:9rem;margin:2px 0 0;font-family:ui-monospace,Consolas,monospace;font-size:.75rem;overflow:hidden}.auth-btn{flex:none}.app-btn{border:1px solid var(--border);background:var(--bg-surface);height:40px;color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:13px;font-weight:800;display:inline-flex}.app-btn-primary{background:rgb(var(--primary-rgb));color:#fff;border-color:#0000}.app-btn-ghost{background:var(--bg-surface)}.app-btn[data-inactive=true]{opacity:.55}.app-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:14px}.app-section-title{letter-spacing:-.02em;margin:0 0 8px;font-size:16px;font-weight:900}.home-page,.tune-chapter,.sports-chapter{flex-direction:column;flex:auto;min-height:0;display:flex}.home-stage-panel{background:#f4f6fa;justify-content:center;align-items:center;padding:0;position:relative;overflow:hidden}.stage-wrap{flex:none;position:relative;overflow:hidden}.stage{transform-origin:0 0;background:#f4f6fa;width:1620px;height:1080px;position:absolute;top:0;left:0;overflow:hidden}.d-block{background:#2563eb;border-radius:0 0 0 190px;width:820px;height:770px;position:absolute;top:-40px;right:-60px}.d-block2{background:#fde047;border-radius:0 220px 0 0;width:620px;height:410px;position:absolute;bottom:-110px;left:-80px}.d-big{z-index:3;letter-spacing:-6px;color:#0f172a;font-size:122px;font-weight:900;line-height:.95;position:absolute;top:96px;left:80px}.d-big em{color:#2563eb;font-style:normal}.d-big .out{color:#0000;-webkit-text-stroke:4px #0f172a}.d-label{z-index:4;letter-spacing:4px;color:#0f172a;font-size:18px;font-weight:900;position:absolute}.d-l1{top:44px;left:82px}.d-l2{color:#fff;top:44px;right:80px}.d-poster{aspect-ratio:2/3;cursor:pointer;background:#0f172a;border:7px solid #fff;border-radius:28px;padding:0;transition:transform .25s;position:absolute;overflow:hidden;box-shadow:0 40px 80px #0f172a66}.d-poster img{object-fit:cover;width:100%;height:100%;display:block}.d-pm{z-index:4;width:380px;top:84px;right:300px;transform:rotate(4deg)}.d-pm:hover{transform:rotate(2deg)translateY(-10px)}.d-ps1{z-index:3;width:285px;top:190px;right:610px;transform:rotate(-10deg)}.d-ps1:hover{transform:rotate(-6deg)translateY(-10px)}.d-ps2{z-index:3;width:290px;top:186px;right:60px;transform:rotate(10deg)}.d-ps2:hover{z-index:5;transform:rotate(6deg)translateY(-10px)}.d-stripe{z-index:4;background:#2563eb;width:160px;height:10px;position:absolute;top:588px;left:80px}.d-txt{z-index:4;width:600px;position:absolute;top:616px;left:80px}.d-txt p{word-break:keep-all;margin:0;font-size:26px;font-weight:800;line-height:1.45}.d-txt p b{color:#fff;background:#0f172a;border-radius:8px;padding:2px 10px}.d-uses{z-index:4;flex-direction:column;gap:10px;width:660px;display:flex;position:absolute;top:748px;left:80px}.d-uses small{letter-spacing:3px;color:#475569;font-size:15px;font-weight:900}.d-uses .row{flex-wrap:wrap;gap:10px;display:flex}.d-uses .u{color:#0f172a;background:#fff;border:2px solid #0f172a;border-radius:999px;align-items:center;gap:7px;padding:7px 16px;font-size:17px;font-weight:900;display:inline-flex;box-shadow:4px 4px #2563eb}.d-uses .u .material-symbols-rounded{color:#2563eb;font-size:22px}.cta-d{z-index:6;color:#fff;white-space:nowrap;cursor:pointer;background:#0f172a;border:0;border-radius:8px;align-items:center;gap:16px;height:96px;padding:0 52px;font-family:inherit;font-size:32px;font-weight:900;transition:all .2s;display:inline-flex;position:absolute;bottom:66px;left:80px;box-shadow:10px 10px #2563eb}.cta-d .material-symbols-rounded{font-size:38px}.cta-d:hover{transform:translate(-2px,-2px);box-shadow:14px 14px #2563eb}.cta-d:active{transform:translate(4px,4px);box-shadow:3px 3px #2563eb}.d-info{z-index:6;background:#fff;border:4px solid #0f172a;border-radius:8px;flex-direction:column;gap:14px;width:800px;padding:26px 30px;display:flex;position:absolute;bottom:56px;right:60px;box-shadow:12px 12px #fde047}.d-info h3{letter-spacing:-.4px;align-items:center;gap:10px;margin:0;font-size:29px;font-weight:900;display:flex}.d-info h3 .material-symbols-rounded{color:#2563eb;font-size:34px}.d-info .feat-list{flex-wrap:wrap;gap:10px;display:flex}.d-info .feat{color:#0f172a;background:#eff6ff;border:2px solid #0f172a;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-size:19px;font-weight:900;display:inline-flex}.d-info .feat .material-symbols-rounded{color:#2563eb;font-size:24px}.d-info p{color:#475569;word-break:keep-all;margin:0;font-size:19px;font-weight:700;line-height:1.55}.play-panel{padding:clamp(24px,4vh,48px)}.arcade{flex-direction:column;flex:1;width:100%;max-width:1400px;height:100%;min-height:0;margin:0 auto;padding-bottom:clamp(18px,3vh,34px);display:flex}.immersive-title-wrap{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:clamp(8px,1.2vh,14px);margin-bottom:clamp(14px,2.2vh,26px);display:flex;position:relative}.arcade-title{letter-spacing:-.04em;color:#0f172a;margin:0;font-size:clamp(36px,5vw,56px);font-weight:900;line-height:1.1}.arcade-title em{color:var(--theme-dark);font-style:normal}.arcade-lead{color:#64748b;word-break:keep-all;margin:0;font-size:clamp(15px,1.6vw,18px);font-weight:800}.arcade-cards{flex:1;justify-content:center;align-items:center;gap:clamp(14px,1.8vw,28px);width:100%;min-height:0;display:flex}.poster-card{aspect-ratio:1024/1536;border-radius:var(--radius);cursor:pointer;background:#0f172a;border:2px solid #e2e8f0;height:100%;max-height:100%;padding:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.poster-card:hover{border-color:var(--theme-main);transform:translateY(-8px)}.poster-img{object-fit:cover;width:100%;height:100%;transition:all .3s;display:block}.poster-card:hover .poster-img{transform:scale(1.03)}.poster-overlay{background:linear-gradient(#0000 35%,#0f172ac7);flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;padding:20px 16px 24px;transition:all .3s;display:flex;position:absolute;inset:0}.poster-card:hover .poster-overlay{background:linear-gradient(#0f172a26 20%,#0f172ad1)}.poster-play{color:#fff;background:var(--theme-dark);opacity:0;border-radius:999px;align-items:center;gap:8px;padding:14px 28px;font-size:clamp(15px,1.8vh,20px);font-weight:900;transition:all .3s;display:inline-flex;transform:translateY(16px)scale(.96);box-shadow:0 10px 24px #2563eb59}.poster-card:hover .poster-play{opacity:1;transform:translateY(0)scale(1)}.poster-play .material-symbols-rounded{font-size:22px}.poster-cap{text-align:left;color:#fff;flex-direction:column;gap:4px;width:100%;display:flex}.poster-cap strong{font-size:clamp(16px,2vh,20px);font-weight:900}.poster-cap span{color:#cbd5e1;word-break:keep-all;font-size:clamp(12px,1.4vh,14px);font-weight:700;line-height:1.4}.home-page{padding:28px 28px 40px;overflow:auto}.home-tune-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.home-tune-card{text-align:left;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:var(--shadow-sm);flex-direction:column;align-items:flex-start;gap:8px;padding:16px;display:flex}.home-tune-card strong{font-size:16px;font-weight:900}.home-tune-card span{color:var(--muted);font-size:13px;line-height:1.5}.home-tune-no{background:rgb(var(--primary-rgb));border-radius:999px;justify-content:center;align-items:center;height:24px;padding:0 10px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.home-tune-no{background:color-mix(in srgb,rgb(var(--primary-rgb)) 14%,white)}}.home-tune-no{color:rgb(var(--primary-rgb));font-size:12px;font-weight:900}.tune-sport-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.tune-sport-card{text-align:left;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:var(--shadow-sm);grid-template-rows:140px auto;padding:0;display:grid;overflow:hidden}.tune-sport-card img{object-fit:cover;width:100%;height:140px}.tune-sport-card div{flex-direction:column;gap:6px;padding:12px 14px 16px;display:flex}.tune-sport-card strong{font-size:16px;font-weight:900}.tune-sport-card span{color:var(--muted);font-size:13px;line-height:1.5}.game-segbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#ffffffeb;border-bottom:1px solid #e2e8f0e6;flex:none;align-items:center;gap:12px;padding:12px 18px;display:flex}.game-segback{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;height:44px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0f172a0a}.game-segback:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.game-segtabs{flex:1;gap:8px;min-width:0;display:flex}.seg-tab{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #0000;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;height:44px;font-family:inherit;font-size:14px;font-weight:800;transition:all .2s;display:flex}.seg-tab:hover{color:#0f172a;background:#f1f5f9}.seg-tab.active{color:var(--theme-dark);background:linear-gradient(135deg,#eff6ff,#e0f2fe);border-color:#0ea5e959;box-shadow:0 4px 14px #0ea5e929}.game-fullbtn{z-index:8;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#0f172a8c;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0f172a38}.game-fullbtn:hover{background:#0f172ab8;transform:translate(-50%)translateY(-1px)}.game-fullbtn .material-symbols-rounded{font-size:20px}.sports-chapter-bar{border-bottom:1px solid var(--border);background:var(--bg-surface);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 18px;display:flex}.sports-chapter-meta{min-width:180px}.sports-chapter-label{letter-spacing:.08em;color:rgb(var(--primary-rgb));font-size:11px;font-weight:900;display:block}.sports-chapter-title{margin:2px 0 0;font-size:18px;font-weight:950}.sports-section-nav{flex-wrap:wrap;flex:auto;gap:8px;display:flex}.sports-section-nav-btn{border:1px solid var(--border);background:var(--bg-surface);height:34px;color:var(--muted);cursor:pointer;border-radius:999px;padding:0 12px;font-size:12px;font-weight:800}.sports-section-nav-btn[data-active=true]{background:rgb(var(--primary-rgb))}@supports (color:color-mix(in lab,red,red)){.sports-section-nav-btn[data-active=true]{background:color-mix(in srgb,rgb(var(--primary-rgb)) 16%,white)}}.sports-section-nav-btn[data-active=true]{color:var(--text);border-color:rgb(var(--primary-rgb) / .28)}.sports-chapter-actions{gap:8px;display:flex}.body-sports-render-fill,.body-sports-pose-stack,.body-sports-view-host,.body-pose-embedded-root,.tune-chapter-body{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.body-sports-render-fill{background:#0f172a;padding:0}.body-sports-view-host{border-radius:0;position:relative;overflow:hidden}.body-sports-view-host[data-fullscreen=true]{border-radius:0}.body-sports-fs-btn{display:none}.body-sports-pose-intro{text-align:center;color:#f8fafcfa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a9e;border:1px solid #ffffff2e;border-radius:18px;max-width:min(420px,94vw);padding:18px 22px;box-shadow:0 18px 40px #0f172a47}.body-sports-pose-intro__title{margin:0 0 8px;font-weight:850}.body-sports-pose-intro__desc{opacity:.95;margin:0}.tune-chapter-body{padding:16px 18px 24px;overflow:auto}.tune-step-caption{margin-bottom:12px}.tune-step-badge{background:rgb(var(--primary-rgb));border-radius:999px;align-items:center;height:24px;margin-bottom:8px;padding:0 10px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tune-step-badge{background:color-mix(in srgb,rgb(var(--primary-rgb)) 14%,white)}}.tune-step-badge{color:rgb(var(--primary-rgb));letter-spacing:.06em;font-size:11px;font-weight:900}.tune-step-caption h2{margin:0 0 6px;font-size:20px;font-weight:950}.tune-step-caption p{color:var(--muted);margin:0;line-height:1.55}.body-upgrade-1-slide,.upgrade-practice-wrap,.upgrade-practice-content{flex-direction:column;height:100%;min-height:0;display:flex}.upgrade-practice-grid{flex:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-height:0;display:grid}.upgrade-mobile-pane-tabs{border:1px solid var(--border);background:var(--bg-surface);border-radius:999px;gap:8px;padding:6px;display:none}.upgrade-mobile-pane-tab{height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;font-weight:900}.upgrade-mobile-pane-tab[data-active=true]{background:rgb(var(--primary-rgb))}@supports (color:color-mix(in lab,red,red)){.upgrade-mobile-pane-tab[data-active=true]{background:color-mix(in srgb,rgb(var(--primary-rgb)) 14%,white)}}.upgrade-mobile-pane-tab[data-active=true]{color:var(--text)}.upgrade-runner-card,.upgrade-settings-card{flex-direction:column;height:100%;min-height:0;display:flex}.pose-runner-frame{border-radius:var(--radius-md);background:#0a0e18;flex:auto;min-height:280px;overflow:hidden}.pose-runner-placeholder{color:#cbd5e1;text-align:center;place-items:center;height:100%;min-height:280px;padding:24px;display:grid}.status-line{color:var(--muted);margin:0 0 10px;font-size:13px}.status-line--ok{color:var(--success)}.status-line--err{color:var(--danger)}.upgrade-settings-body{flex-direction:column;gap:10px;margin-top:10px;display:flex}.upgrade-guide-image-frame{border:1px solid var(--border);border-radius:16px;min-height:180px;max-height:320px;display:flex;overflow:hidden}.upgrade-guide-image-box{flex:1;justify-content:center;align-items:center;padding:12px;display:flex;position:relative}.upgrade-guide-image-zoom-btn{cursor:zoom-in;background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.upgrade-guide-image,.upgrade-zoom-image,.lab-observe-media img,.lab-slide-img{object-fit:contain;max-width:100%;max-height:100%;display:block}.upgrade-zoom-btn,.upgrade-zoom-close{border:1px solid var(--border);cursor:pointer;background:#ffffffe6;border-radius:999px;height:32px;padding:0 10px;font-size:12px;font-weight:900}.upgrade-zoom-btn{z-index:2;position:absolute;top:10px;right:10px}.upgrade-zoom-overlay{z-index:10000;background:#0f172aad;justify-content:center;align-items:center;padding:14px;display:flex;position:fixed;inset:0}.upgrade-zoom-dialog{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:min(980px,96vw);height:92vh;display:flex;overflow:hidden}.upgrade-zoom-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px;display:flex}.upgrade-zoom-title{font-weight:950}.upgrade-zoom-body,.upgrade-zoom-image-area{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.upgrade-config-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px}.upgrade-config-th,.upgrade-config-td,.upgrade-config-td-header{text-align:center;border:1px solid var(--border);padding:10px}.upgrade-config-th,.upgrade-config-td-header{background:var(--bg-surface-2);font-weight:900}.upgrade-inline-select{border:1px solid var(--border);background:var(--bg-surface);border-radius:10px;width:100%;min-width:0;margin-bottom:4px;padding:6px 8px;font-weight:800}.lab-observe-stack{flex-direction:column;gap:16px;display:flex}.lab-observe-media{justify-content:center;display:flex}.lab-observe-media img,.body-sports-tune-3-slide-img{object-fit:contain;border-radius:12px;width:100%;max-height:min(42vh,420px)}.lab-compare-table{border-collapse:collapse;width:100%;font-size:13px}.lab-compare-th,.lab-compare-row-header,.lab-compare-cell{border:1px solid var(--border);padding:8px 10px}.lab-compare-th,.lab-compare-row-header{background:var(--bg-surface-2);font-weight:700}.report-form,.report-form-card{max-width:860px}.report-form-questions{gap:16px;display:grid}.report-field{gap:8px;font-weight:800;display:grid}.report-field textarea{resize:vertical;border:1px solid var(--border);width:100%;min-height:120px;font:inherit;border-radius:12px;padding:12px;font-weight:500}@media(max-width:1023px){.app-hamburger{display:inline-flex}.shell-header-actions{gap:6px}.app-scrim[data-open=true]{display:block}.app-sidebar{z-index:100;height:100%;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.app-sidebar[data-open=true]{transform:translate(0)}.auth-btn{padding:0 .55rem}.home-stage-panel{justify-content:flex-start;align-items:stretch;display:block;overflow-y:auto}.stage-wrap{width:auto!important;height:auto!important}.stage{flex-direction:column;gap:16px;padding:20px 20px 30px;display:flex;position:static;width:auto!important;height:auto!important;transform:none!important}.stage>*{position:static!important;transform:none!important}.d-block,.d-block2,.d-l2{display:none}.d-big{letter-spacing:-3px;font-size:clamp(44px,11vw,60px)}.d-stripe{width:120px}.d-txt,.d-uses,.d-info{width:auto}.d-txt p{font-size:19px}.d-label{letter-spacing:3px;font-size:13px}.cta-d{align-self:flex-start;height:64px;padding:0 28px;font-size:20px}.d-poster{align-self:center;width:min(60%,260px)!important}.play-panel{padding:clamp(16px,3vh,24px);overflow-y:auto}.arcade-cards{height:auto;min-height:unset;flex-direction:column;justify-content:flex-start;padding-bottom:20px;overflow-y:auto}.poster-card{width:100%;max-width:400px;height:auto;min-height:0}.poster-play{opacity:1;transform:none}.game-fullbtn .gfb-label{display:none}.game-fullbtn,.game-segback{padding:0 14px}.seg-tab{font-size:14px}.game-segtabs{gap:8px;overflow-x:auto}.upgrade-practice-grid{grid-template-columns:1fr}.upgrade-mobile-pane-tabs{display:flex}.upgrade-practice-content[data-upgrade-mobile-pane=runner] .upgrade-settings-card,.upgrade-practice-content[data-upgrade-mobile-pane=settings] .upgrade-runner-card{display:none}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}