/* Ocean presentation layer. Data, routes and account permissions remain in index.html. */
body.portfolio-ocean{--bg:#061525;--card:#0c263deb;--surface:#13334b;--text:#e5eff5;--ink-rgb:229,239,245;--line:#a5c8df26;--line-row:#a6c9df15;--dim:#9eb9cc;--dim2:#c0d0dc;--warn-ink:#e1b965;--n100:#0a2238;--n200:#16374d;--n300:#29485e;--n400:#47677e;--n500:#718fa5;--n600:#a1bacd;--n700:#b5c9d7;--n800:#d1dee7;--n900:#eef5f8;--accent:#dfc38c;--accent-100:#1c3545;--accent-200:#354a4f;--accent-300:#536060;--accent-400:#b8ac87;--accent-500:#d2b981;--accent-600:#ddbf87;--accent-700:#e8cfa0;--accent-800:#f1dcb9;--accent-900:#f6e7ce;--accent-hover:#efdab4;--accent-soft:#dfc38c13;--on-solid:#092439;--up:#ef7c89;--up-deep:#f2a0a8;--up-soft:#ef7c8918;--down:#63c9ae;--down-deep:#9bdcc7;--down-soft:#63c9ae16;--flat:#b1c7d5;--warn-row:#ef7c890a;--r-pnl:15px;--r-ctl:9px;--shadow:0 8px 32px #00101f25;--shadow-md:0 18px 60px #000d1f70;--focus-color:#b1def0;background:#061525;color:var(--text);min-height:100svh}
#ocean{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;transition:filter 1.2s}#realOcean{position:fixed;inset:0;z-index:1;pointer-events:none}#realOcean canvas{display:block;width:100%;height:100%}#ocean-shade{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#03162466,transparent 85%)}body.ocean-signed-in #ocean-shade{background:linear-gradient(90deg,#031628e0,#05223bc4),linear-gradient(#061c2e60,#02111f80)}body[data-ocean-phase=night] #ocean{filter:brightness(.55) saturate(.9)}body[data-ocean-phase=morning] #ocean{filter:brightness(.88)}body[data-ocean-phase=sunset] #ocean{filter:brightness(.85)}.portfolio-ocean .shell{position:relative;z-index:2;background:transparent;transition:opacity .7s,transform .7s}.portfolio-ocean:not(.ocean-ready) .shell,.portfolio-ocean.ocean-locked .shell{visibility:hidden}.portfolio-ocean.ocean-transitioning .shell{opacity:0;transform:translateY(24px);pointer-events:none}.portfolio-ocean.ocean-locked #cat-wrap{display:none!important}.portfolio-ocean.ocean-locked .cs-mask,.portfolio-ocean.ocean-locked .cs-particles{display:none!important}
.portfolio-ocean .shell .content{background:transparent}.portfolio-ocean .shell aside{background:#051b2fe8;border-right:1px solid var(--line);backdrop-filter:blur(16px);color:#b4c9d8}.portfolio-ocean .shell aside>.brand{border-bottom:1px solid var(--line);background:transparent}.portfolio-ocean .shell aside nav button{color:#9db9cd;border:1px solid transparent;transition:background .25s,color .25s,border-color .25s}.portfolio-ocean .shell aside nav button:hover{color:#e9dcc1;background:#c7dbea08}.portfolio-ocean .shell aside nav button.on{background:linear-gradient(100deg,#ddc18b24,#ddc18b08);border-color:#d2b78030;color:#eed8af;box-shadow:none}.portfolio-ocean .shell aside nav .cnt{color:#96b2c7;background:#b9d8ed0b}.portfolio-ocean .brand small,.portfolio-ocean .brand .kick{color:#8fadc2}.portfolio-ocean #brand-name{color:#eee3ce}.portfolio-ocean .acct-btn{color:#bcd0df;background:#0b2940cc;border-color:var(--line)}.portfolio-ocean .acct-menu{background:#0b273dec;border-color:#afcbe333;box-shadow:var(--shadow-md);backdrop-filter:blur(18px)}.portfolio-ocean .acct-menu button,.portfolio-ocean .acct-menu [role=menuitem]{color:#c2d4df}.portfolio-ocean .acct-menu button:hover{background:#ddc18b14;color:#eedbb8}
.portfolio-ocean .shell header{background:linear-gradient(110deg,#0b2940df,#0a2235c9);border-color:var(--line);backdrop-filter:blur(18px);box-shadow:0 6px 25px #00112217}.portfolio-ocean .hd-title{color:#f0e7d8;letter-spacing:.015em;font-weight:500}.portfolio-ocean .hd-when,.portfolio-ocean .hd-sub{color:#99b6ca}.portfolio-ocean .hd-kick,.portfolio-ocean .kick,.portfolio-ocean .eyebrow{color:#cfb98d}.portfolio-ocean .hd-r{flex-wrap:wrap}.portfolio-ocean .pnl,.portfolio-ocean .set-pnl,.portfolio-ocean .adm-pnl,.portfolio-ocean .fold-pnl,.portfolio-ocean .scr-side{background:linear-gradient(135deg,#13344bdd,#092339ed);border:1px solid var(--line);border-radius:var(--r-pnl);box-shadow:var(--shadow);transition:border-color .25s,box-shadow .25s}.portfolio-ocean .pnl:hover,.portfolio-ocean .set-pnl:hover{border-color:#a6c5db45;box-shadow:0 12px 35px #00101f33}.portfolio-ocean .bp:before{display:none}.portfolio-ocean .card-head{border-bottom-color:var(--line-row);color:#dce8ed;background:transparent}.portfolio-ocean .card-head .sub{color:var(--dim)}.portfolio-ocean .total-pnl{position:relative;overflow:hidden;background:linear-gradient(115deg,#1a3d51f0,#0b293fe8 65%,#153448e3);border-color:#d2bb842f}.portfolio-ocean .total-pnl:after{content:"";position:absolute;width:260px;height:260px;right:-130px;top:-155px;border:1px solid #ddc18b12;border-radius:50%;box-shadow:0 0 0 35px #b4d5e306,0 0 0 70px #b4d5e303;pointer-events:none}.portfolio-ocean .total-value{color:#edd3a3;letter-spacing:-.025em}.portfolio-ocean .total-value .frac{opacity:.85}.portfolio-ocean .total-row b{color:var(--text)}.portfolio-ocean .struct{background:#a6cbdf0b}.portfolio-ocean .struct .s1,.portfolio-ocean .struct-lg .s1{background:#d1b983}.portfolio-ocean .struct .s2,.portfolio-ocean .struct-lg .s2{background:#80b3d3}.portfolio-ocean .struct .s3,.portfolio-ocean .struct-lg .s3{background:#80b6a4}
.portfolio-ocean .metrics{background:transparent;border-color:var(--line)}.portfolio-ocean .metrics>div,.portfolio-ocean #perf-hero.metrics>div,.portfolio-ocean #metal-metrics.metrics>div{background:linear-gradient(135deg,#163950d9,#0b283eeb);border-color:var(--line)}.portfolio-ocean .metrics b{color:var(--text)}.portfolio-ocean .metrics b.up{color:var(--up)}.portfolio-ocean .metrics b.down{color:var(--down)}.portfolio-ocean .up,.portfolio-ocean .pos,.portfolio-ocean .profit{color:var(--up)}.portfolio-ocean .down,.portfolio-ocean .neg,.portfolio-ocean .loss{color:var(--down)}.portfolio-ocean .scroll-x,.portfolio-ocean .scr-main{background:transparent}.portfolio-ocean table{color:var(--text)}.portfolio-ocean .page th,.portfolio-ocean .tight th,.portfolio-ocean .pos-tb th,.portfolio-ocean .scr-table th,.portfolio-ocean .adm-tb th{background:#102e43f2;color:#96b4c9;border-color:var(--line-row)}.portfolio-ocean .page td,.portfolio-ocean .tight td,.portfolio-ocean .pos-tb td,.portfolio-ocean .scr-table td,.portfolio-ocean .adm-tb td{border-color:var(--line-row)}.portfolio-ocean .page tr:hover{background:#d5c08a08}.portfolio-ocean .pos-total,.portfolio-ocean #metal-total{background:#13364cec;border-color:var(--line)}.portfolio-ocean .pos-name{color:#dce9ef}.portfolio-ocean .pos-code,.portfolio-ocean .empty{color:#89aac0}.portfolio-ocean .pos-tb tr.warn,.portfolio-ocean tr.row-warn{background:var(--warn-row)}.portfolio-ocean .tag,.portfolio-ocean .module-tag,.portfolio-ocean .overview-note{background:#adcde908;color:#b7cddb;border-color:#afcce633}
.portfolio-ocean .viz{--s1:#dfbf85;--s2:#86abc4;--grid:#adcde51c;--ink2:#96b5ca}.portfolio-ocean #dlg-body{--ma5:#dec189;--ma20:#88bfdc;--ma60:#92a2b1}.portfolio-ocean .chart-lg{color:#abc5d8}.portfolio-ocean .chart-lg .ln{background:#dfbf85}.portfolio-ocean .tip,.portfolio-ocean .cv-note,.portfolio-ocean .note,.portfolio-ocean .page-foot{background:#0b2a40;border-color:var(--line);color:#a8c2d4}.portfolio-ocean .page-foot{border-radius:12px}.portfolio-ocean .note-bp{background:#1130456b;border-color:var(--line);border-left-color:var(--accent);color:#b0c9d9}.portfolio-ocean .note-bp.warn{border-left-color:var(--up)}.portfolio-ocean .seg-ctl,.portfolio-ocean .segbar .seg,.portfolio-ocean .ftabs,.portfolio-ocean .scr-tabs,.portfolio-ocean .set-nav{background:#081f35b3;border-color:var(--line)}.portfolio-ocean .seg-ctl button.on,.portfolio-ocean .segbar .seg button.on,.portfolio-ocean .ftabs button.on,.portfolio-ocean .scr-tabs button.on{background:#c9b27d23;color:#efd8af;box-shadow:inset 0 0 0 1px #cdbd8e35}.portfolio-ocean .set-nav button.on{background:#dec18a18;color:#efd7ad}.portfolio-ocean .quick{background:transparent}.portfolio-ocean .quick button{background:linear-gradient(135deg,#12364cdd,#09253be6);border-color:var(--line);color:#c2d7e5;box-shadow:0 8px 24px #00122420}
.portfolio-ocean button.ghost{background:#12334b;border-color:#aacde433;color:#c5dae7}.portfolio-ocean button.danger{color:#ed929d;background:#85344416;border-color:#ed929d55}.portfolio-ocean .field input,.portfolio-ocean .field select,.portfolio-ocean .field textarea,.portfolio-ocean .set-cell input,.portfolio-ocean .set-fee input,.portfolio-ocean .scr-bar input,.portfolio-ocean .sug-box textarea,.portfolio-ocean input[type=search]{background:#051c30b8;border-color:#9fc1d737;color:#dae8f0;box-shadow:inset 0 1px 4px #00112120}.portfolio-ocean input::placeholder,.portfolio-ocean textarea::placeholder{color:#7395ae}.portfolio-ocean .field input:focus,.portfolio-ocean .field textarea:focus,.portfolio-ocean .scr-bar input:focus{border-color:#b5d8e9;box-shadow:0 0 18px #8fceea15}.portfolio-ocean .set-note,.portfolio-ocean .set-p,.portfolio-ocean .set-lines,.portfolio-ocean .set-fee,.portfolio-ocean .sug-reply,.portfolio-ocean .rv-side,.portfolio-ocean .plan-read .plan-tg>div{background:#0c293de0;border-color:var(--line);color:#b4ccdb}.portfolio-ocean .set-cell .v{background:#072136}.portfolio-ocean .sug-item,.portfolio-ocean .sug-role,.portfolio-ocean .scr-hot .chip{border-color:var(--line);background:#12334b75}.portfolio-ocean .scr-table th.act,.portfolio-ocean .scr-table td.act{background:#0e2c41}.portfolio-ocean .scr-back{background:#13374c;color:#e2c894;border-color:#bca97455}.portfolio-ocean .scr-bar,.portfolio-ocean .scr-pager{border-color:var(--line)}.portfolio-ocean .fund-overview h1,.portfolio-ocean .module-overview h1{font-weight:500;color:#e8deca}
.portfolio-ocean dialog{background:linear-gradient(140deg,#16374df7,#09253cfb);color:#e2edf3;border:1px solid #c4ced44b;box-shadow:0 25px 90px #000e2477}.portfolio-ocean dialog::backdrop{background:#02132390;backdrop-filter:blur(7px)}.portfolio-ocean .dlg-head{border-color:var(--line);color:#e9dcc2}.portfolio-ocean .dlg-foot{border-color:var(--line);background:#0c2a40}.portfolio-ocean .once,.portfolio-ocean .welcome-guide{color:#bad0df}.portfolio-ocean .sheet{background:#0d2c42;border-color:var(--line)}.portfolio-ocean .sheet-grid button{background:#173a50;border-color:var(--line);color:#d1e2ec}.portfolio-ocean .toast{background:#163a51;color:#e8ddc6;border-color:#c5b0803d}.portfolio-ocean .page.on{animation:ocPageIn .35s both}
.oc-float{--oc-rx:0deg;--oc-ry:0deg;position:relative;isolation:isolate;transition:transform .25s,box-shadow .25s,border-color .25s!important;transform:perspective(600px) rotateX(var(--oc-rx)) rotateY(var(--oc-ry))}.oc-float:hover{transform:perspective(600px) translateY(-4px) rotateX(var(--oc-rx)) rotateY(var(--oc-ry));box-shadow:0 12px 27px #00101f55,0 0 20px #d2b98316;border-color:#e3c99980}.oc-float:active{transform:translateY(-1px) scale(.98)}.portfolio-ocean .shell .hd-primary{color:#e8d0a2;background:linear-gradient(130deg,#245366,#0f3048);border:1px solid #d8c18e75;border-radius:100px;padding-left:22px;padding-right:22px}.portfolio-ocean .shell .hd-refresh{border-radius:100px}.oc-time-widget{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:10px 0;color:#a0bdcf;font-size:10px}.oc-time-widget select{max-width:95px;font:inherit;background:#09283d;border:1px solid #9fc5dd32;border-radius:20px;color:#c7d8e1;padding:5px 10px;min-height:28px}.oc-time-widget button{background:#113149;border:1px solid #a2c6dc30;border-radius:20px;font-size:9px;color:#bdd0dd;padding:5px 10px;min-height:28px}.oc-time-widget small{font-size:8px;color:#7d9eb6}.oc-time-widget #skyIcon{color:#ddc895;font-size:14px}.oc-time-widget select:focus-visible{outline:2px solid #a1d6ec;outline-offset:2px}
#gate{padding:0!important;background:transparent!important;background-image:none!important;display:none}#gate.on{display:block}.oc-gate-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:28px 6vw;gap:25px;background:linear-gradient(#05182b66,transparent)}.oc-brand{display:flex;align-items:center;gap:15px;color:#f0e9db;font-size:21px;letter-spacing:.1em}.oc-brand small{display:block;font-size:8px;letter-spacing:.3em;color:#a3bbcd;margin-top:7px}.oc-brand-mark{width:36px;height:36px;border:1px solid #d6c7a6;border-radius:50%;position:relative}.oc-brand-mark:before{content:"";position:absolute;inset:8px -7px;border:1px solid #afc6d5;border-radius:50%;transform:rotate(-32deg)}.oc-brand-mark:after{content:"";position:absolute;width:6px;height:6px;right:0;top:4px;background:#e5c897;border-radius:50%}.oc-gate-intro{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:120px 8vw 120px;max-width:1100px}.oc-eyebrow{font-size:10px;letter-spacing:.24em;color:#e3d1ad;margin-bottom:28px}.oc-gate-intro h1{font-size:clamp(34px,4.25vw,64px);line-height:1.6;letter-spacing:.03em;font-weight:400;color:#f6eedf;margin:0 0 24px;text-shadow:0 3px 35px #00132399}.oc-gate-intro p{font-size:16px;letter-spacing:.07em;line-height:1.9;color:#c3d5e0;margin:0 0 34px}.oc-primary{position:relative;border:1px solid #e5c994;background:linear-gradient(140deg,#173d52d9,#082336f0);color:#efd6a6;min-height:51px;padding:12px 26px;border-radius:100px;box-shadow:0 10px 25px #00132755;font-size:14px;transition:transform .25s,box-shadow .25s}.oc-primary:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00132477,0 0 24px #d3b68526;color:#f3dfb7}.oc-primary:active{transform:translateY(-1px) scale(.98)}#gate .oc-primary{width:auto!important;height:auto!important}.oc-primary i{font-style:normal;margin-left:18px;display:inline-block;transition:transform .25s}.oc-primary:hover i{transform:translate(3px,-3px)}.oc-gate-features{display:flex;gap:45px;margin-top:57px;font-size:11px;color:#b4cbd9}.oc-gate-features span{border-top:1px solid #d6c29655;padding-top:13px}.oc-gate-foot{position:absolute;left:8vw;right:8vw;bottom:28px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#abc3d3}.oc-gate-foot a{color:#90afc5}
#oceanAuthDialog{width:min(440px,calc(100vw - 38px));padding:0;max-height:none;border:0;background:transparent;border-radius:22px;overflow:visible}#oceanAuthDialog:not([open]){display:none!important}#oceanAuthDialog .gate-box{width:100%;margin:0;padding:34px 32px 26px;max-height:calc(100svh - 60px);overflow-y:auto;background:transparent;border-radius:22px}#oceanAuthDialog .gate-title{font-size:28px;font-weight:500;letter-spacing:0;margin-top:7px;color:#e4eff2}#oceanAuthDialog .gate-sub{font-size:12px;color:#a8c9dd;line-height:1.8;margin:14px 0 24px}#oceanAuthDialog .field{margin-bottom:19px}#oceanAuthDialog .field label{font-size:11px;color:#c0d7e5;margin-bottom:9px}#oceanAuthDialog .field input{width:100%;height:47px;font-size:14px;border-radius:9px;padding:0 13px}#oceanAuthDialog #gate-go{width:100%;height:49px;margin-top:5px;min-height:49px;border-radius:100px;background:linear-gradient(140deg,#245d72cc,#0b304bec);color:#e8d2a5;border:1px solid #d2d7b98c;font-size:13px;box-shadow:0 9px 25px #00132650}#oceanAuthDialog .gate-switch{font-size:11px;color:#97b9ce;margin-top:21px;text-align:center}#oceanAuthDialog .lnk-sw{color:#e4c994;font-size:11px;background:none;border:0}#oceanAuthDialog .gate-note{font-size:10px;color:#7fa4bd;line-height:1.8;margin-top:21px}#oceanAuthDialog .gate-err{color:#f2a2aa;min-height:17px;line-height:1.7;font-size:12px}#oceanAuthDialog .gate-beian{font-size:9px;color:#7296af;text-align:center;padding-top:9px}#oceanAuthDialog .gate-beian a{color:inherit}#oceanAuthDialog .close{min-width:29px;min-height:29px;padding:0}.ocean-transition-overlay{position:fixed;inset:0;z-index:310;display:grid;place-items:end center;padding-bottom:19vh;background:linear-gradient(transparent,#052d4320);color:#d6dfdf;text-align:center;pointer-events:auto}.ocean-transition-overlay[hidden]{display:none}.ocean-transition-overlay p{font-size:17px;letter-spacing:.08em;margin:0 0 22px;text-shadow:0 2px 18px #001322}.ocean-transition-overlay small{font-size:8px;letter-spacing:.23em;color:#9abdd3;display:block;margin-bottom:18px}.ocean-progress{width:180px;height:1px;background:#aacde32a;margin:auto}.ocean-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:#e0c390}.ocean-skip{background:none;border:0;color:#abc6d7;font-size:10px;padding:12px;margin-top:15px}.ocean-transition-wash{position:fixed;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 65% 0,#82d2e940,transparent 65%);opacity:0}
@keyframes ocPageIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(min-width:900px){.portfolio-ocean .shell main{padding:28px 30px 45px}.portfolio-ocean .shell aside nav button{border-radius:9px}.portfolio-ocean .total-value{font-size:48px}}
@media(max-width:899px){.portfolio-ocean .shell aside{background:#082238f0;border-top:1px solid #afcce738;border-right:0;box-shadow:0 -8px 28px #00132244;backdrop-filter:blur(16px)}.portfolio-ocean .shell aside nav button{border-radius:0;border:0;background:none}.portfolio-ocean .shell aside nav button.on{background:#d4bd8520;border:0;box-shadow:inset 0 2px 0 #d9bf88}.portfolio-ocean .shell header{padding-left:20px;padding-right:20px}.portfolio-ocean .shell main{padding:17px 20px 35px}.portfolio-ocean .hd-l .oc-time-widget{padding:5px 0 0;gap:6px}.portfolio-ocean .hd-l .oc-time-widget small{display:none}.oc-gate-top{padding:24px 6vw}.oc-brand{font-size:18px}.oc-brand-mark{width:31px;height:31px}.oc-gate-intro{padding:120px 7vw 110px}.oc-gate-intro h1{font-size:44px}.oc-gate-features{gap:25px}.portfolio-ocean .module-overview h1,.portfolio-ocean .fund-overview h1{font-size:25px}.oc-gate-foot{left:7vw;right:7vw}}
@media(max-width:550px){.oc-gate-top{padding:20px 5vw;gap:15px}.oc-brand{font-size:15px;gap:10px}.oc-brand small{font-size:6px}.oc-brand-mark{width:26px;height:26px}.oc-time-widget{gap:5px}.oc-time-widget small{display:none}.oc-time-widget select{max-width:82px;font-size:9px;padding:5px 8px}.oc-time-widget button{font-size:8px;padding:5px 8px}.oc-time-widget #skyIcon{display:none}.oc-gate-intro h1{font-size:clamp(27px,7.5vw,39px);line-height:1.75;letter-spacing:0}.oc-eyebrow{font-size:7px;letter-spacing:.15em;margin-bottom:23px}.oc-gate-intro p{font-size:12px;letter-spacing:.04em;margin-bottom:30px}.oc-primary{font-size:12px;min-height:47px}.oc-gate-features{margin-top:39px;gap:23px;font-size:9px}.oc-gate-foot{font-size:8px;gap:10px;bottom:25px}.oc-gate-foot span{max-width:180px}.portfolio-ocean .total-value{font-size:36px}.portfolio-ocean .total-row b{font-size:21px}.portfolio-ocean .shell main{padding-left:16px;padding-right:16px}.portfolio-ocean .shell header{padding-left:16px;padding-right:16px}.portfolio-ocean .field input,.portfolio-ocean .field select{font-size:16px}#oceanAuthDialog .gate-box{padding:29px 24px 22px}#oceanAuthDialog .field input{font-size:16px}#oceanAuthDialog .gate-title{font-size:25px}.portfolio-ocean .hd-l .oc-time-widget select{font-size:9px}.portfolio-ocean .hd-l .oc-time-widget button{font-size:8px}.ocean-transition-overlay{padding-bottom:23vh}}
@media(prefers-reduced-motion:reduce){.portfolio-ocean .page.on{animation:none}.oc-float,.oc-float:hover,.oc-primary,.oc-primary:hover{transform:none!important;transition:none!important}.portfolio-ocean .shell,#ocean{transition:none!important}}

#oceanAuthDialog .gate-box{max-width:none}#oceanAuthDialog .close{position:absolute}#oceanAuthFields,#oceanAuthDialog .gate-title,#oceanAuthDialog .gate-sub{opacity:0;transition:opacity .5s}#oceanAuthDialog.content-ready #oceanAuthFields,#oceanAuthDialog.content-ready .gate-title,#oceanAuthDialog.content-ready .gate-sub{opacity:1}#bootfail .gate-box{background:#0b293f;color:#deedf3;border:1px solid #b5d0e644}
html:has(body.portfolio-ocean),.portfolio-ocean *{scrollbar-width:thin;scrollbar-color:#456579 #071c2f}
html:has(body.portfolio-ocean)::-webkit-scrollbar,.portfolio-ocean ::-webkit-scrollbar{width:7px;height:7px}
html:has(body.portfolio-ocean)::-webkit-scrollbar-track,.portfolio-ocean ::-webkit-scrollbar-track{background:#071c2f}
html:has(body.portfolio-ocean)::-webkit-scrollbar-thumb,.portfolio-ocean ::-webkit-scrollbar-thumb{background:#456579;border-radius:8px}
.portfolio-ocean .set-wrap{background:#09283dc4;border-color:var(--line)}
.portfolio-ocean #page-set .set-rail button{color:#a9c4d7}
.portfolio-ocean #page-set .set-rail button.on{color:#ecd2a5;background:#c5b28120}
#gate .oc-time-widget button{width:auto;height:28px;min-height:28px;margin:0;font-weight:400}
.portfolio-ocean #hd-title{outline:none}
.physical-water .login-panel:before{inset:0;transform:none!important;background-size:200% 200%;animation:ocWaterSheen 8s ease-in-out infinite alternate}
@keyframes ocWaterSheen{from{background-position:0% 0%;opacity:.12}to{background-position:100% 40%;opacity:.24}}
@media(max-width:899px){.portfolio-ocean .set-wrap{background:transparent;border:0}}
@media(prefers-reduced-motion:reduce){.physical-water .login-panel:before{animation:none}}
/* Hide atomically before removing the authentication gate; opacity transitions must never reveal a frame. */
.portfolio-ocean.ocean-transitioning .shell{visibility:hidden!important;opacity:0!important;transform:none!important;transition:none!important;pointer-events:none!important}
.portfolio-ocean.ocean-transitioning #cat-wrap,.portfolio-ocean.ocean-transitioning .cs-mask,.portfolio-ocean.ocean-transitioning .cs-particles,.portfolio-ocean.ocean-transitioning .toast{visibility:hidden!important}
.portfolio-ocean.ocean-arriving .shell{animation:ocDashboardReveal .95s ease-out both;transition:none}
.portfolio-ocean.ocean-arriving #cat-wrap{visibility:hidden!important}
.ocean-transition-overlay{padding-bottom:16vh;background:transparent}
.ocean-transition-overlay p{font-size:15px;letter-spacing:.12em;font-weight:400;color:#cde3e8}
.ocean-transition-overlay small{opacity:.7}
.ocean-transition-wash{display:none}
@keyframes ocDashboardReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
/* The material appears at the advancing meniscus instead of scaling a pre-made card into place. */
#oceanAuthDialog.water-login .login-panel{transform:none!important;transition:none!important;clip-path:inset(var(--water-inset,100%) 0 0 round 22px);opacity:0}
#oceanAuthDialog.water-login.panel-forming .login-panel{opacity:1}
#oceanAuthDialog .gate-beian{opacity:0;transition:opacity .6s}
#oceanAuthDialog.content-ready .gate-beian{opacity:1}
#oceanAuthDialog .water-skip{position:absolute;z-index:5;left:18px;bottom:-38px;background:#08283dcc;border:1px solid #b5d4df36;color:#b7d1dd;font-size:10px;padding:7px 13px;border-radius:100px;min-height:30px}
#oceanAuthDialog .water-skip[hidden]{display:none}
@media(max-height:560px){#oceanAuthDialog .water-skip{bottom:12px;left:auto;right:70px}}
@media(prefers-reduced-motion:reduce){.portfolio-ocean.ocean-arriving .shell{animation:none}#oceanAuthDialog.water-login .login-panel{clip-path:none}}
.portfolio-ocean:not(.ocean-ready) #cat-wrap{visibility:hidden!important}
#oceanAuthDialog.water-login{box-shadow:none!important;backdrop-filter:none!important}
/* 真实天空 v5：时间拖动面板 + 首次定位询问 */
.oc-time-widget{position:relative}
#oceanScrubBtn{font-size:15px;line-height:1;padding:0 8px}
#oceanScrubBtn[aria-expanded=true]{color:#f1d49c!important;background:#ffffff14!important}
.oc-sky-scrub{position:absolute;top:calc(100% + 10px);right:0;width:min(340px,calc(100vw - 32px));padding:14px 16px 12px;border-radius:18px;background:#041726d9;border:1px solid #a7d3e62e;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 40px #00081a66;color:#d9ebf2;z-index:30;text-align:left}
.oc-sky-scrub[hidden]{display:none}
.oc-scrub-head{display:flex;flex-direction:column;gap:3px;margin-bottom:12px}
.oc-scrub-head b{font:600 15px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;color:#f1d49c;font-variant-numeric:tabular-nums}
.oc-scrub-head span{font-size:11px;color:#93b8cb}
.oc-scrub-track{position:relative;height:28px}
.oc-scrub-track i{position:absolute;left:0;right:0;top:11px;height:6px;border-radius:6px;background:linear-gradient(90deg,#0b1830 0%,#0b1830 var(--rise),#d98a55 var(--sr),#9fc8e8 calc(var(--sr) + 6%),#9fc8e8 calc(var(--ss) - 6%),#e07a45 var(--ss),#0b1830 var(--set),#0b1830 100%);box-shadow:inset 0 0 0 1px #ffffff1a}
.oc-scrub-track input{position:absolute;inset:0;width:100%;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
.oc-scrub-track input::-webkit-slider-runnable-track{height:28px;background:transparent}
.oc-scrub-track input::-moz-range-track{height:28px;background:transparent}
.oc-scrub-track input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:5px;border-radius:50%;background:#f6e2b4;border:2px solid #041726;box-shadow:0 0 0 1px #f1d49c,0 0 14px #f1d49caa}
.oc-scrub-track input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#f6e2b4;border:2px solid #041726;box-shadow:0 0 0 1px #f1d49c,0 0 14px #f1d49caa}
.oc-scrub-track input:focus-visible{outline:2px solid #f1d49c;outline-offset:2px;border-radius:8px}
.oc-scrub-foot{display:flex;justify-content:space-between;gap:8px;margin-top:10px}
.oc-scrub-foot button{min-height:30px!important;height:auto!important;padding:5px 12px!important;border-radius:100px!important;border:1px solid #a7d3e62e!important;background:#ffffff0a!important;color:#cfe3ec!important;font-size:12px!important;width:auto!important}
.oc-scrub-foot button:hover{background:#ffffff17!important}
.oc-geo-ask{position:absolute;right:6vw;bottom:calc(72px + env(safe-area-inset-bottom));z-index:6;max-width:360px;padding:14px 16px;border-radius:16px;background:#041726c7;border:1px solid #a7d3e62e;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 40px #00081a55;color:#cfe3ec;font-size:12px;line-height:1.6;animation:ocGeoIn .6s cubic-bezier(.2,.8,.2,1) both}
.oc-geo-ask[hidden]{display:none}
.oc-geo-ask b{display:block;color:#f1d49c;font-size:13px;margin-bottom:2px;font-weight:600}
.oc-geo-ask p{margin:0 0 10px}
.oc-geo-ask div{display:flex;gap:8px}
.oc-geo-ask button{min-height:32px!important;height:auto!important;width:auto!important;margin:0!important;padding:6px 14px!important;border-radius:100px!important;border:1px solid #a7d3e633!important;background:#ffffff0d!important;color:#cfe3ec!important;font-size:12px!important;font-weight:500}
.oc-geo-ask button[data-geo=yes]{background:linear-gradient(135deg,#f1d49c,#c9a462)!important;color:#1b1608!important;border-color:transparent!important}
@keyframes ocGeoIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.oc-geo-ask{animation:none}}
@media(max-width:550px){.oc-geo-ask{left:16px;right:16px;max-width:none;bottom:calc(16px + env(safe-area-inset-bottom))}#oceanScrubBtn{padding:0 6px;font-size:13px}.oc-sky-scrub{right:-8px}}
html[data-oc-theme] #oceanScrubBtn,html[data-oc-theme] .oc-sky-scrub{display:none!important}