:root,[data-theme=dark]{--oa-font-sans:"DM Sans", system-ui, -apple-system, sans-serif;--oa-font-mono:"JetBrains Mono", ui-monospace, monospace;--oa-space-xxs:.125rem;--oa-space-xs:.25rem;--oa-space-sm:.5rem;--oa-space-md:.75rem;--oa-space-lg:1rem;--oa-space-xl:1.5rem;--oa-space-xxl:2rem;--oa-space-xxxl:3rem;--oa-font-xs:.7rem;--oa-font-sm:.8rem;--oa-font-base:.9rem;--oa-font-md:1rem;--oa-font-lg:1.125rem;--oa-font-xl:1.25rem;--oa-font-xxl:1.5rem;--oa-radius-sm:.5rem;--oa-radius-md:.75rem;--oa-radius-lg:1rem;--oa-radius-xl:1.5rem;--oa-radius-full:999px;--oa-glass-bg:#111f2fe0;--oa-glass-border:#a6c9dc21;--oa-glass-blur:18px;--oa-glass-shadow:0 20px 50px #010a1247;--oa-shadow-sm:0 1px 2px #0000004d;--oa-shadow-md:0 4px 12px #00000040;--oa-shadow-lg:0 8px 32px #00000059;--oa-shadow-xl:0 16px 48px #0006;--oa-bg:#07131f;--oa-bg-deep:#040c14;--oa-bg-accent:#1695ad1f;--oa-text:#f4f7f8;--oa-text-muted:#91a4b2;--oa-text-highlight:#67d5e8;--oa-border:#a6c9dc29;--oa-border-subtle:#a6c9dc17;--oa-surface:#97bed314;--oa-surface-hover:#97bed324;--oa-header-bg:#07131fdb;--oa-scrollbar:#ffffff26;--oa-divider:#ffffff1a;--oa-wave-1:#0d7490;--oa-wave-2:#16a3b6;--oa-wave-3:#174c6d;--oa-wave-opacity:.075;--oa-stars-opacity:.42;--oa-btn-primary-from:#1598ad;--oa-btn-primary-to:#08798f;--oa-btn-primary-shadow:#1598ad3d;--oa-badge-primary-bg:#3b82f626;--oa-badge-primary-text:#60a5fa;--oa-badge-primary-border:#3b82f633;--oa-badge-success-bg:#22c55e26;--oa-badge-success-text:#4ade80;--oa-badge-success-border:#22c55e33;--oa-badge-warning-bg:#f59e0b26;--oa-badge-warning-text:#fbbf24;--oa-badge-warning-border:#f59e0b33;--oa-badge-danger-bg:#ef444426;--oa-badge-danger-text:#f87171;--oa-badge-danger-border:#ef444433}[data-theme=light]{--oa-bg:#f0f4f8;--oa-bg-deep:#e8eef3;--oa-bg-accent:#0e74901a;--oa-text:#0f172a;--oa-text-muted:#0f172a8c;--oa-text-highlight:#2563eb;--oa-border:#0f172a1f;--oa-border-subtle:#0f172a0f;--oa-surface:#0f172a0a;--oa-surface-hover:#0f172a14;--oa-header-bg:#f0f4f8e0;--oa-scrollbar:#0f172a26;--oa-divider:#0f172a1a;--oa-wave-1:#93c5fd;--oa-wave-2:#67e8f9;--oa-wave-3:#a5b4fc;--oa-wave-opacity:.08;--oa-stars-opacity:0;--oa-btn-primary-from:#2563eb;--oa-btn-primary-to:#1d4ed8;--oa-btn-primary-shadow:#2563eb40;--oa-badge-primary-bg:#3b82f61a;--oa-badge-primary-text:#2563eb;--oa-badge-primary-border:#3b82f633;--oa-badge-success-bg:#22c55e1a;--oa-badge-success-text:#16a34a;--oa-badge-success-border:#22c55e33;--oa-badge-warning-bg:#f59e0b1a;--oa-badge-warning-text:#d97706;--oa-badge-warning-border:#f59e0b33;--oa-badge-danger-bg:#ef44441a;--oa-badge-danger-text:#dc2626;--oa-badge-danger-border:#ef444433;--oa-glass-bg:#ffffffb3;--oa-glass-border:#ffffff80;--oa-glass-blur:16px;--oa-glass-shadow:0 4px 24px #0000000f, 0 0 0 1px #00000008;--oa-shadow-sm:0 1px 2px #0000000a;--oa-shadow-md:0 4px 12px #0000000f;--oa-shadow-lg:0 8px 24px #00000014;--oa-shadow-xl:0 16px 48px #0000001a}[data-theme=night]{--oa-bg:#1a0000;--oa-bg-deep:#080000;--oa-bg-accent:#99000024;--oa-text:#c00;--oa-text-muted:#cc000080;--oa-text-highlight:#f33;--oa-border:#c003;--oa-border-subtle:#cc00001a;--oa-surface:#cc000014;--oa-surface-hover:#cc000026;--oa-header-bg:#1a0000f2;--oa-scrollbar:#c003;--oa-divider:#c003;--oa-wave-1:#600;--oa-wave-2:#4d0000;--oa-wave-3:maroon;--oa-wave-opacity:.03;--oa-stars-opacity:0;--oa-btn-primary-from:#c00;--oa-btn-primary-to:#900;--oa-btn-primary-shadow:#cc00004d;--oa-badge-primary-bg:#cc000026;--oa-badge-primary-text:#f33;--oa-badge-primary-border:#c003;--oa-badge-success-bg:#cc00001a;--oa-badge-success-text:#c00;--oa-badge-success-border:#c003;--oa-badge-warning-bg:#cc00001a;--oa-badge-warning-text:#f33;--oa-badge-warning-border:#c003;--oa-badge-danger-bg:#cc000026;--oa-badge-danger-text:#f33;--oa-badge-danger-border:#cc000040;--oa-glass-bg:#1a0000b3;--oa-glass-border:#cc000026;--oa-glass-blur:16px;--oa-glass-shadow:0 8px 32px #00000080;--oa-shadow-sm:0 1px 2px #0006;--oa-shadow-md:0 4px 12px #0006;--oa-shadow-lg:0 8px 32px #00000080;--oa-shadow-xl:0 16px 48px #0009}*{-webkit-tap-highlight-color:transparent}body{background:radial-gradient(circle at 12% -10%, var(--oa-bg-accent), transparent 32rem), linear-gradient(180deg, var(--oa-bg) 0%, var(--oa-bg-deep,var(--oa-bg)) 100%);color:var(--oa-text);font-family:var(--oa-font-sans);overscroll-behavior:none;min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid var(--oa-text-highlight);outline-offset:3px}button,.oa-header,.oa-back-btn,.oa-settings-btn{-webkit-user-select:none;user-select:none}input,textarea,select,[contenteditable=true],p,span,div:not(.oa-header):not(.oa-back-btn){-webkit-user-select:text;user-select:text}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--oa-scrollbar);border-radius:4px}.ocean-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.wave{width:200%;height:200%;opacity:var(--oa-wave-opacity);will-change:transform;border-radius:42%;animation:linear infinite wave-spin;position:absolute;top:-50%;left:-50%}.wave-1{background:radial-gradient(ellipse at center, var(--oa-wave-1) 0%, transparent 70%);animation-duration:18s}.wave-2{background:radial-gradient(ellipse at center, var(--oa-wave-2) 0%, transparent 70%);animation-duration:24s;animation-direction:reverse}.wave-3{background:radial-gradient(ellipse at center, var(--oa-wave-3) 0%, transparent 70%);animation-duration:30s}@keyframes wave-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.wave{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.stars{z-index:0;pointer-events:none;opacity:var(--oa-stars-opacity);background-image:radial-gradient(1px 1px at 10% 15%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 25% 60%,#fff3 0%,#0000 100%),radial-gradient(1px 1px at 40% 30%,#ffffff26 0%,#0000 100%),radial-gradient(1px 1px at 55% 75%,#ffffff40 0%,#0000 100%),radial-gradient(1px 1px at 70% 20%,#fff3 0%,#0000 100%),radial-gradient(1px 1px at 85% 55%,#ffffff26 0%,#0000 100%),radial-gradient(1px 1px at 15% 85%,#fff3 0%,#0000 100%),radial-gradient(1px 1px at 60% 45%,#ffffff1a 0%,#0000 100%),radial-gradient(1px 1px at 90% 80%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 35% 10%,#fff3 0%,#0000 100%);position:fixed;inset:0}.oa-header{z-index:50;background:var(--oa-header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--oa-border);padding:.8rem 1rem;padding-top:max(.75rem, env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:sticky;top:0}.oa-header-title{letter-spacing:-.025em;color:var(--oa-text);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:1.125rem;font-weight:650;overflow:hidden}.oa-back-btn{border:1px solid var(--oa-border);color:var(--oa-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.oa-back-btn:hover{background:var(--oa-surface-hover);color:var(--oa-text);transform:translate(-2px)}.oa-back-btn:active{transform:scale(.95)}.oa-back-btn svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.oa-settings-btn{background:var(--oa-surface);border:1px solid var(--oa-border);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:.75rem;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;transition:all .2s;display:flex}.oa-settings-btn:hover{background:var(--oa-surface-hover);transform:scale(1.05)}.oa-settings-btn:active{transform:scale(.95)}.oa-settings-btn svg{stroke:currentColor;stroke-width:2px;width:20px;height:20px}.oa-content{z-index:10;max-width:1280px;padding:1rem;padding-bottom:max(1rem, env(safe-area-inset-bottom));margin:0 auto;position:relative}.oa-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:.8rem;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.oa-btn:active{transform:scale(.97)}.oa-btn-primary{background:linear-gradient(180deg, var(--oa-btn-primary-from), var(--oa-btn-primary-to));color:#fff;box-shadow:0 4px 12px var(--oa-btn-primary-shadow)}.oa-btn-primary:hover{box-shadow:0 6px 16px var(--oa-btn-primary-shadow);transform:translateY(-1px)}.oa-btn-secondary{background:var(--oa-surface);color:var(--oa-text);border:1px solid var(--oa-border)}.oa-btn-secondary:hover{background:var(--oa-surface-hover)}.oa-btn-success{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d}.oa-btn-success:hover{transform:translateY(-1px);box-shadow:0 6px 16px #22c55e66}.oa-btn-warning{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.oa-btn-warning:hover{transform:translateY(-1px);box-shadow:0 6px 16px #f59e0b66}.oa-btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.oa-btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ef444466}.oa-btn-sm{padding:.5rem 1rem;font-size:.8rem}.oa-btn-lg{padding:1rem 2rem;font-size:1rem}.oa-card{background:var(--oa-glass-bg);border:1px solid var(--oa-glass-border);-webkit-backdrop-filter:blur(var(--oa-glass-blur));backdrop-filter:blur(var(--oa-glass-blur));border-radius:1.15rem;padding:1.5rem;transition:box-shadow .3s,transform .2s;position:relative;box-shadow:0 16px 38px #010a122e}.oa-card:hover{box-shadow:0 20px 44px #010a123d}.oa-card-header{color:var(--oa-text);border-bottom:1px solid var(--oa-border);margin-bottom:1rem;padding-bottom:1rem;font-size:1.25rem;font-weight:700}.oa-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.oa-badge-primary{background:var(--oa-badge-primary-bg);color:var(--oa-badge-primary-text);border:1px solid var(--oa-badge-primary-border)}.oa-badge-success{background:var(--oa-badge-success-bg);color:var(--oa-badge-success-text);border:1px solid var(--oa-badge-success-border)}.oa-badge-warning{background:var(--oa-badge-warning-bg);color:var(--oa-badge-warning-text);border:1px solid var(--oa-badge-warning-border)}.oa-badge-danger{background:var(--oa-badge-danger-bg);color:var(--oa-badge-danger-text);border:1px solid var(--oa-badge-danger-border)}.oa-loading{background:var(--oa-bg);z-index:100;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.oa-loading.hidden{opacity:0;pointer-events:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.oa-pulse{will-change:opacity;animation:1.5s ease-in-out infinite pulse}@keyframes arrow-bounce{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.oa-arrow-bounce{will-change:transform;animation:1.5s ease-in-out infinite arrow-bounce}.oa-text-muted{color:var(--oa-text-muted)}.oa-text-highlight{color:var(--oa-text-highlight)}.oa-divider{background:linear-gradient(to right, transparent, var(--oa-divider), transparent);height:1px;margin:1.5rem 0}@media (width<=639px){.oa-content{padding:.75rem}.oa-card{padding:1rem}}@media (width>=768px){.oa-content{padding:1.5rem 2rem}.modules-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.oa-card{padding:1.75rem}}@media (width>=1024px){.oa-content{max-width:1024px;padding:2rem 2.5rem}.modules-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.oa-card{padding:2rem}}[data-theme=light] .oa-card{box-shadow:var(--oa-shadow-md), 0 0 0 1px #00000008}[data-theme=light] .oa-card:hover{box-shadow:var(--oa-shadow-lg), 0 0 0 1px #0000000d}@keyframes oa-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.oa-animate-in{animation:.5s cubic-bezier(.16,1,.3,1) both oa-fade-up}.oa-mono{font-family:var(--oa-font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.oa-glass{background:var(--oa-glass-bg);-webkit-backdrop-filter:blur(var(--oa-glass-blur));backdrop-filter:blur(var(--oa-glass-blur));border:1px solid var(--oa-glass-border);box-shadow:var(--oa-glass-shadow)}