.app-container{height:100vh;width:100%}:root{--prompt-bg: rgba(237, 236, 236, .79);--prompt-blur: blur(20px) saturate(140%);--prompt-border: 1px solid rgba(255, 255, 255, .6);--prompt-shadow: 0 18px 40px -24px rgba(15, 23, 42, .35);--prompt-title: #1f2937;--prompt-message: #4b5563;--prompt-action-bg: rgba(255, 255, 255, .5);--prompt-action-border: 1px solid rgba(255, 255, 255, .6);--prompt-action-text: #111827;--prompt-close: rgba(15, 23, 42, .55)}.dark{--prompt-bg: rgba(16, 20, 29, .55);--prompt-blur: blur(18px) saturate(140%);--prompt-border: 1px solid rgba(255, 255, 255, .18);--prompt-shadow: 0 20px 40px -24px rgba(0, 0, 0, .6);--prompt-title: #f3f4f6;--prompt-message: rgba(229, 231, 235, .78);--prompt-action-bg: rgba(15, 23, 42, .35);--prompt-action-border: 1px solid rgba(255, 255, 255, .18);--prompt-action-text: #f3f4f6;--prompt-close: rgba(255, 255, 255, .6)}.info-prompt-panel{position:absolute;top:24px;right:24px;z-index:60;display:flex;flex-direction:column;gap:12px;width:min(320px,calc(100% - 32px));pointer-events:none}.info-prompt-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding:14px 16px 14px 30px;border-radius:16px;border:var(--prompt-border);background:var(--prompt-bg);backdrop-filter:var(--prompt-blur);-webkit-backdrop-filter:var(--prompt-blur);box-shadow:var(--prompt-shadow);overflow:hidden;pointer-events:auto;animation:prompt-float-in .35s cubic-bezier(.4,0,.2,1)}.info-prompt-card.glass-panel{border:var(--prompt-border);background:var(--prompt-bg);backdrop-filter:var(--prompt-blur);-webkit-backdrop-filter:var(--prompt-blur);box-shadow:var(--prompt-shadow)}.info-prompt-card:before{content:"";position:absolute;top:10px;left:12px;width:6px;height:calc(100% - 20px);border-radius:999px;background:linear-gradient(180deg,var(--prompt-accent),transparent);opacity:.9}.info-prompt-icon{width:34px;height:34px;border-radius:12px;background:var(--prompt-accent-soft);color:var(--prompt-accent);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #fff9}.info-prompt-content{display:flex;flex-direction:column;gap:6px;z-index:1}.info-prompt-title{font-size:.95rem;font-weight:600;color:var(--prompt-title);margin:0}.info-prompt-message{font-size:.85rem;line-height:1.5;color:var(--prompt-message);margin:0}.info-prompt-action{align-self:flex-start;padding:6px 10px;border-radius:999px;border:var(--prompt-action-border);background:var(--prompt-action-bg);color:var(--prompt-action-text);font-size:.78rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.info-prompt-action:hover{transform:translateY(-1px);box-shadow:0 8px 18px -12px #0f172a59}.info-prompt-close{border:none;background:transparent;color:var(--prompt-close);font-size:18px;cursor:pointer;padding:0;line-height:1;z-index:1}.info-prompt-info{--prompt-accent: #2563eb;--prompt-accent-soft: rgba(37, 99, 235, .18)}.info-prompt-warning{--prompt-accent: #f59e0b;--prompt-accent-soft: rgba(245, 158, 11, .2)}.info-prompt-error{--prompt-accent: #ef4444;--prompt-accent-soft: rgba(239, 68, 68, .2)}.dark .info-prompt-icon{box-shadow:inset 0 0 0 1px #fff3}@keyframes prompt-float-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes prompt-float-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.98)}}.info-prompt-card.exiting{animation:prompt-float-out .28s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@media(max-width:900px){.info-prompt-panel{top:16px;right:16px}}@media(prefers-reduced-motion:reduce){.info-prompt-card,.info-prompt-card.exiting{animation:none!important}}.app-error-boundary{min-height:100vh;display:grid;place-items:center;padding:24px;color:#152238;background:#f4f7fb}.app-error-boundary__panel{width:min(100%,420px);padding:24px;border:1px solid rgba(117,132,158,.24);border-radius:8px;background:#ffffffeb;box-shadow:0 20px 60px #18274b1f}.app-error-boundary h1{margin:0 0 10px;font-size:20px;line-height:1.3;font-weight:700}.app-error-boundary p{margin:0 0 18px;font-size:14px;line-height:1.7;color:#53627a}.app-error-boundary__detail{padding:10px 12px;border-radius:8px;background:#ef444414;border:1px solid rgba(239,68,68,.18);color:#9f1239;word-break:break-word}.app-error-boundary__actions{display:flex;flex-wrap:wrap;gap:10px}.app-error-boundary button{min-height:40px;padding:0 16px;border:0;border-radius:8px;color:#fff;background:#2563eb;font-size:14px;font-weight:600;cursor:pointer}.app-error-boundary button:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}:root{--panel-overlay-bg: rgba(186, 198, 213, .48);--panel-overlay-blur: 12px;--panel-z-index: 12000;--panel-glass-bg: rgba(184, 201, 218, .24);--panel-glass-blur: 20px;--panel-glass-shadow: 0 20px 60px -18px rgba(15, 23, 42, .18);--panel-border: rgb(148 163 184 / .32);--panel-border-weak: rgb(148 163 184 / .2);--panel-divider: rgb(148 163 184 / .18);--panel-glass-active: rgba(59, 130, 246, .35);--panel-glass-pressed: rgba(30, 64, 175, .75);--panel-pressed-bg: rgba(59, 130, 246, .08);--panel-pressed-bg-strong: rgba(59, 130, 246, .18);--panel-text: var(--text-primary);--panel-text-muted: var(--text-secondary);--panel-radius: 24px;--panel-radius-sm: 18px;--panel-radius-xs: 14px;--panel-radius-btn: 12px;--panel-ease-out: cubic-bezier(.2, .8, .2, 1);--panel-stagger-step: 55ms;--panel-duration-fast: .24s;--panel-duration-normal: .42s;--panel-duration-slow: .56s}.dark{--panel-overlay-bg: var(--od-overlay);--panel-glass-bg: var(--od-glass-weak);--panel-glass-shadow: 0 26px 70px -18px rgba(0, 0, 0, .72);--panel-border: var(--od-border);--panel-border-weak: var(--od-border);--panel-divider: var(--od-border);--panel-glass-active: rgb(97 175 239 / .6);--panel-glass-pressed: rgb(97 175 239 / .85);--panel-pressed-bg: rgb(var(--od-surface-elevated-rgb) / .52);--panel-pressed-bg-strong: rgb(97 175 239 / .26);--panel-text: var(--od-fg-strong);--panel-text-muted: var(--od-fg-muted)}@keyframes panel-overlay-in{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(var(--panel-overlay-blur));-webkit-backdrop-filter:blur(var(--panel-overlay-blur))}}@keyframes panel-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes panel-pop-in{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes panel-pop-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(16px) scale(.97)}}@keyframes panel-rise-in{0%{opacity:0;transform:translate3d(0,10px,0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes panel-spin{to{transform:rotate(360deg)}}.panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--panel-z-index);display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--panel-overlay-bg);backdrop-filter:blur(var(--panel-overlay-blur));-webkit-backdrop-filter:blur(var(--panel-overlay-blur))}.panel-container{position:relative;background:var(--panel-glass-bg);border:1px solid var(--panel-border);border-radius:var(--panel-radius);box-shadow:var(--panel-glass-shadow);backdrop-filter:blur(var(--panel-glass-blur));-webkit-backdrop-filter:blur(var(--panel-glass-blur));overflow:hidden;display:flex;flex-direction:column}.dark .panel-container{color-scheme:dark}.panel-header{position:relative;z-index:10;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 22px 14px;border-bottom:1px solid var(--panel-divider)}.panel-body{position:relative;z-index:10;padding:18px 22px;overflow:auto}.panel-actions{position:relative;z-index:10;padding:14px 22px 18px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--panel-divider)}.panel-close{flex:0 0 auto;border:1px solid var(--panel-border);background:#ffffff0f;color:var(--panel-text);border-radius:var(--panel-radius-btn);width:38px;height:38px;display:grid;place-items:center;cursor:pointer}.dark .panel-close{background:rgb(var(--od-surface-rgb) / .32)}.panel-close:disabled{opacity:.6;cursor:not-allowed}.panel-close:active:not(:disabled){border-color:var(--panel-glass-pressed);background:var(--panel-pressed-bg)}.panel-btn{border-radius:var(--panel-radius-xs);padding:10px 14px;border:1px solid var(--panel-border);background:#ffffff0f;color:var(--panel-text);cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:600}.dark .panel-btn{background:rgb(var(--od-surface-rgb) / .28)}.panel-btn.primary{border-color:var(--panel-glass-active);background:#72a1ff2e}.dark .panel-btn.primary{border-color:var(--panel-glass-active);background:#61afef2e}.panel-btn.ghost{background:transparent}.panel-btn:disabled{opacity:.6;cursor:not-allowed}.panel-btn:active:not(:disabled){border-color:var(--panel-glass-pressed);background:var(--panel-pressed-bg)}.panel-btn.primary:active:not(:disabled){border-color:var(--panel-glass-pressed);background:var(--panel-pressed-bg-strong)}.panel-eyebrow{margin:0 0 6px;font-size:12px;color:var(--panel-text-muted);letter-spacing:.08em;text-transform:uppercase}.panel-title{margin:0 0 8px;font-size:22px;font-weight:700;color:var(--panel-text)}.panel-subtitle{margin:0;font-size:13px;color:var(--panel-text-muted);line-height:1.55}.panel-spinner{width:14px;height:14px;border-radius:999px;border:2px solid rgba(255,255,255,.35);border-top-color:#ffffffe6;animation:panel-spin .9s linear infinite}.panel-inline-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#94a3b859;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);display:grid;place-items:center;padding:18px;animation-duration:var(--panel-duration-slow);animation-timing-function:var(--panel-ease-out);animation-fill-mode:both}.panel-inline-overlay[data-state=open]{animation-name:panel-overlay-in}.panel-inline-overlay[data-state=closing]{animation-name:panel-overlay-out;pointer-events:none}.panel-inline-container{width:min(520px,92vw);position:relative;overflow:hidden;border-radius:var(--panel-radius);border:1px solid rgba(148,163,184,.6);background:#ffffff59;box-shadow:0 22px 60px -28px #0f172a40,0 10px 30px -18px #0f172a38;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);color:var(--panel-text);padding:20px 20px 18px;display:grid;gap:10px;animation-duration:var(--panel-duration-slow);animation-timing-function:var(--panel-ease-out);animation-fill-mode:both;will-change:opacity,transform}.panel-inline-container[data-state=open]{animation-name:panel-pop-in}.panel-inline-container[data-state=closing]{animation-name:panel-pop-out}.dark .panel-inline-container{background:#0f172a99;border-color:#ffffff1f;box-shadow:0 26px 80px -26px #000000b3}@media(prefers-reduced-motion:reduce){.panel-overlay,.panel-container,.panel-inline-overlay,.panel-inline-container{animation:none!important;transition:none!important}}@media(prefers-reduced-transparency:reduce){.panel-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0f172a8c}.panel-container{backdrop-filter:none;-webkit-backdrop-filter:none;background:#ffffffd9}.dark .panel-container{background:#0f172adb}.panel-inline-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}.panel-inline-container{backdrop-filter:none;-webkit-backdrop-filter:none;background:#ffffffd9}.dark .panel-inline-container{background:#0f172adb}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.panel-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}.panel-container{backdrop-filter:none;-webkit-backdrop-filter:none;background:#ffffffc7}.dark .panel-container{background:#0f172ac7}.panel-inline-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}.panel-inline-container{backdrop-filter:none;-webkit-backdrop-filter:none;background:#ffffffc7}.dark .panel-inline-container{background:#0f172ac7}}*,*:before,*:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}html{line-height:1.5;-webkit-text-size-adjust:100%}:root{--frontend-cache-revision: "2026-04-12-cachefix-1";--app-bg: #F3F4F6;--text-primary: #0f172a;--text-secondary: #64748b;--focus-ring: #2563eb;--toast-right-offset: 24px;--toast-top-offset: 24px;--font-brand: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-base: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.dark{--od-bg: #32363e;--od-bg-elevated: #2c3039;--od-surface: #373b45;--od-surface-elevated: #474d5a;--od-fg: #b6bdc8;--od-fg-strong: #d9dde4;--od-fg-muted: #929aa8;--od-fg-subtle: #6d7484;--od-cyan: #63b7c3;--od-blue: #6ab0ea;--od-green: #9ec486;--od-red: #dd7980;--od-red-2: #bf5c53;--od-orange: #d1a16f;--od-yellow: #e6c386;--od-fg-rgb: 182 189 200;--od-surface-rgb: 55 59 69;--od-surface-elevated-rgb: 71 77 90;--od-overlay-rgb: 44 48 57;--od-border: rgb(var(--od-fg-rgb) / .14);--od-border-strong: rgb(var(--od-fg-rgb) / .24);--od-glass: rgb(var(--od-surface-rgb) / .6);--od-glass-weak: rgb(var(--od-surface-rgb) / .45);--od-glass-hover: rgb(var(--od-surface-elevated-rgb) / .6);--od-overlay: rgb(var(--od-overlay-rgb) / .76);--app-bg: var(--od-bg);--text-primary: var(--od-fg-strong);--text-secondary: var(--od-fg);--focus-ring: var(--od-blue)}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}body{font-family:var(--font-base);background-color:var(--app-bg);color:var(--text-primary);margin:0;padding:0;line-height:inherit;min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;line-height:inherit}.brand-type{font-family:var(--font-brand);letter-spacing:-.01em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:9999px;border:2px solid transparent;background-clip:content-box;transition:background-color .3s ease}::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.dark ::-webkit-scrollbar-thumb{background-color:#ffffff26}.dark ::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.scroll-hide::-webkit-scrollbar{width:6px;height:6px}.scroll-hide::-webkit-scrollbar-track{background:transparent}.scroll-hide::-webkit-scrollbar-thumb{background-color:#0000;border-radius:9999px;border:1px solid transparent;background-clip:content-box}.scroll-hide.is-scrolling::-webkit-scrollbar-thumb{background-color:#00000040;transition:background-color .2s ease-out}.dark .scroll-hide.is-scrolling::-webkit-scrollbar-thumb{background-color:#ffffff40}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.glass-panel{background:var(--panel-glass-bg, rgba(220, 220, 220, .6));backdrop-filter:blur(var(--panel-glass-blur, 20px));-webkit-backdrop-filter:blur(var(--panel-glass-blur, 20px));border:1px solid var(--panel-border, rgba(255, 255, 255, .4));border-radius:var(--panel-radius, 24px);box-shadow:var(--panel-glass-shadow, 0 20px 50px -12px rgba(0, 0, 0, .05))}.dark .glass-panel{background:var(--panel-glass-bg);border-color:var(--panel-border)}.mask-image-fade{-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.mask-vertical-fade{-webkit-mask-image:linear-gradient(to bottom,transparent 0px,black 24px,black calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0px,black 24px,black calc(100% - 24px),transparent 100%)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-delay:0ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-delay:0ms!important;transition-duration:.01ms!important}}