:root,[data-theme=dark]{--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-bg:#0f172a;--oa-bg-secondary:#1e293b80;--oa-text:#f1f5f9;--oa-text-muted:#ffffff80;--oa-text-highlight:#60a5fa;--oa-border:#ffffff1a;--oa-border-subtle:#ffffff0d;--oa-surface:#ffffff0d;--oa-surface-hover:#ffffff1a;--oa-header-bg:#0f172ae6;--oa-scrollbar:#ffffff26;--oa-card-border:#ffffff1a;--oa-divider:#ffffff1a;--oa-wave-1:#3b82f6;--oa-wave-2:#0ea5e9;--oa-wave-3:#6366f1;--oa-wave-opacity:.04;--oa-stars-opacity:1;--oa-btn-primary-from:#3b82f6;--oa-btn-primary-to:#1d4ed8;--oa-btn-primary-shadow:#3b82f64d;--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:#f1f5f9;--oa-bg-secondary:#ffffffd9;--oa-text:#0f172a;--oa-text-muted:#0f172a80;--oa-text-highlight:#2563eb;--oa-border:#0f172a1f;--oa-border-subtle:#0f172a0f;--oa-surface:#0f172a0a;--oa-surface-hover:#0f172a14;--oa-header-bg:#f1f5f9eb;--oa-scrollbar:#0f172a26;--oa-card-border:#0f172a1a;--oa-divider:#0f172a1a;--oa-wave-1:#93c5fd;--oa-wave-2:#7dd3fc;--oa-wave-3:#a5b4fc;--oa-wave-opacity:.06;--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}[data-theme=night]{--oa-bg:#1a0000;--oa-bg-secondary:#28000099;--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-card-border:#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}*{-webkit-tap-highlight-color:transparent}body{background-color:var(--oa-bg);color:var(--oa-text);overscroll-behavior:none;min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);font-family:system-ui,-apple-system,sans-serif}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:45%;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-subtle);padding:.75rem 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{color:var(--oa-text);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:1.125rem;font-weight:700;overflow:hidden}.oa-back-btn{background:var(--oa-surface);border:1px solid var(--oa-border);color:var(--oa-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:.75rem;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:50%;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:.75rem;justify-content:center;align-items:center;gap:.5rem;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(135deg, 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-bg-secondary);border:1px solid var(--oa-card-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;padding:1.5rem;position:relative}.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:0 1px 3px #00000014,0 1px 2px #0000000f}