:root{--ocean-radius-sm:10px;--ocean-radius-md:14px;--ocean-radius-lg:18px;--ocean-shadow-panel:0 14px 32px rgba(2,18,40,.45);--ocean-shadow-card:0 10px 24px rgba(4,23,48,.34);--ocean-page-gradient:linear-gradient(180deg,#061224,#081a31 34%,#0a2440 68%,#071a34);--ocean-page-gradient-strong:linear-gradient(180deg,#071527,#0a1f38);--ocean-text-primary:#eff8ff;--ocean-text-secondary:#b8d2ea;--ocean-text-muted:rgba(180,210,255,.68);--ocean-accent:#2f9bff;--ocean-accent-cyan:#22cfd6;--ocean-accent-soft:rgba(35,141,255,.15);--ocean-highlight:gold;--ocean-danger:#ff6b9d;--ocean-positive:#7fe8a0;--ocean-map-low:#8cceff;--ocean-map-mid:#5aafff;--ocean-map-high:#1e90ff;--ocean-map-deep:#06c;--ocean-glass-bg:rgba(11,33,58,.52);--ocean-glass-border:rgba(164,211,247,.18);--ocean-panel-bg:rgba(30,60,100,.4);--ocean-panel-border:rgba(30,144,255,.15);--ocean-input-bg:rgba(5,20,36,.86);--ocean-input-border:rgba(144,198,243,.28);--ocean-nav-back-bg:rgba(11,46,78,.78);--ocean-nav-back-border:rgba(100,176,242,.5);--ocean-nav-back-text:#d8efff}.app-theme-root{min-height:100%}.app-theme-root.theme-male-ocean-deep{--ocean-page-gradient:linear-gradient(180deg,#061224,#081a31 34%,#0a2440 68%,#071a34);--ocean-page-gradient-strong:linear-gradient(180deg,#071527,#0a1f38);--ocean-text-primary:#eff8ff;--ocean-text-secondary:#b8d2ea;--ocean-text-muted:rgba(180,210,255,.68);--ocean-accent:#2f9bff;--ocean-accent-cyan:#22cfd6;--ocean-highlight:gold;--ocean-danger:#ff6b9d;--ocean-panel-bg:rgba(30,60,100,.4);--ocean-panel-border:rgba(30,144,255,.15)}.app-theme-root.theme-male-steel-surge{--ocean-page-gradient:linear-gradient(180deg,#111a27,#1a2939 34%,#22364e 68%,#162434);--ocean-page-gradient-strong:linear-gradient(180deg,#1a2738,#26364b);--ocean-text-primary:#ebf3ff;--ocean-text-secondary:#b8c8de;--ocean-text-muted:rgba(174,192,215,.72);--ocean-accent:#7ab6ff;--ocean-accent-cyan:#58d2dd;--ocean-highlight:#f8d37b;--ocean-danger:#f191b3;--ocean-glass-bg:rgba(27,41,57,.58);--ocean-glass-border:rgba(180,206,232,.2);--ocean-panel-bg:rgba(34,52,73,.56);--ocean-panel-border:rgba(122,182,255,.24);--ocean-nav-back-bg:rgba(36,56,77,.8);--ocean-nav-back-border:rgba(134,178,223,.5);--ocean-nav-back-text:#e4f0ff;--ocean-map-low:#9ebde3;--ocean-map-mid:#7aa6dc;--ocean-map-high:#5f8ec9;--ocean-map-deep:#3f658f}.app-theme-root.theme-female-coral-glow{--ocean-page-gradient:linear-gradient(180deg,#2a1530,#3a1d42 34%,#59305f 68%,#40234b);--ocean-page-gradient-strong:linear-gradient(180deg,#3a1b45,#5b2e67);--ocean-text-primary:#fff3ff;--ocean-text-secondary:#e8c6e6;--ocean-text-muted:rgba(240,198,232,.72);--ocean-accent:#ff8db9;--ocean-accent-cyan:#ffb8d9;--ocean-highlight:#ffd27a;--ocean-danger:#ff7cae;--ocean-positive:#ffd8e8;--ocean-glass-bg:rgba(78,37,83,.56);--ocean-glass-border:rgba(255,191,223,.24);--ocean-panel-bg:rgba(94,44,100,.54);--ocean-panel-border:rgba(255,161,206,.3);--ocean-nav-back-bg:rgba(97,41,103,.78);--ocean-nav-back-border:rgba(255,170,215,.56);--ocean-nav-back-text:#ffe8f8;--ocean-map-low:#ffbfd7;--ocean-map-mid:#ffa0c6;--ocean-map-high:#ff7dad;--ocean-map-deep:#ea5f95}.app-theme-root.theme-female-lavender-breeze{--ocean-page-gradient:linear-gradient(180deg,#2a2342,#3f3564 34%,#5c4e8d 68%,#42366a);--ocean-page-gradient-strong:linear-gradient(180deg,#372d59,#57488a);--ocean-text-primary:#f8f2ff;--ocean-text-secondary:#d8c9ee;--ocean-text-muted:rgba(212,196,238,.75);--ocean-accent:#b89cff;--ocean-accent-cyan:#d3b5ff;--ocean-highlight:#f7d4ff;--ocean-danger:#d98dff;--ocean-positive:#efd8ff;--ocean-glass-bg:rgba(70,56,106,.58);--ocean-glass-border:rgba(204,185,255,.24);--ocean-panel-bg:rgba(80,64,124,.55);--ocean-panel-border:rgba(188,164,255,.28);--ocean-nav-back-bg:rgba(83,67,131,.8);--ocean-nav-back-border:rgba(197,172,255,.58);--ocean-nav-back-text:#f2eaff;--ocean-map-low:#d9c4ff;--ocean-map-mid:#b8a1ff;--ocean-map-high:#9579f6;--ocean-map-deep:#6f53cd}*{box-sizing:border-box}page{background:var(--ocean-page-gradient);color:var(--ocean-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.ocean-bg{background:var(--ocean-page-gradient);min-height:100%}.full-screen{min-height:100%;position:relative;width:100%}.card{backdrop-filter:blur(12px);background:var(--ocean-glass-bg);border:1px solid var(--ocean-glass-border);border-radius:var(--ocean-radius-lg);box-shadow:var(--ocean-shadow-card);padding:20px}.btn-primary{background:linear-gradient(135deg,var(--ocean-accent) 0,var(--ocean-accent-cyan) 100%);border:none;border-radius:999px;box-shadow:0 8px 20px rgba(23,125,220,.36);color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;padding:14px 36px;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:active{box-shadow:0 5px 14px rgba(23,125,220,.3);transform:scale(.97)}.btn-secondary{background:rgba(47,155,255,.16);border:1px solid rgba(47,155,255,.42);border-radius:999px;color:#bde0ff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;padding:14px 36px;transition:transform .2s ease}.btn-secondary:active{transform:scale(.97)}.text-gold{color:gold}.text-blue{color:var(--ocean-accent)}.text-cyan{color:var(--ocean-accent-cyan)}.text-pink{color:#ff6b9d}.text-gray{color:#8ea5c2}.text-white{color:#fff}@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-16px) rotate(2deg)}}@keyframes wave{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes throwBottle{0%{opacity:1;transform:translate(0) rotate(0deg) scale(1)}50%{opacity:.82;transform:translate(100px,-200px) rotate(180deg) scale(.8)}100%{opacity:0;transform:translate(200px,100px) rotate(1turn) scale(.2)}}@keyframes openBottle{0%{transform:scale(1) rotate(0deg)}30%{transform:scale(1.1) rotate(-9deg)}60%{transform:scale(1.14) rotate(9deg)}100%{transform:scale(1) rotate(0deg)}}@keyframes emergeBottle{0%{opacity:0;transform:translateY(100px) scale(.5)}60%{opacity:.9;transform:translateY(-20px) scale(1.05)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes glow{0%,100%{box-shadow:0 0 10px #00ced1,0 0 20px #00ced1}50%{box-shadow:0 0 20px #00ced1,0 0 40px #00ced1,0 0 60px #00ced1}}@keyframes fadeIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}