/* Workspace themes after sign-in: ivory (06–18) and black-gold (18–06).
   The landing page and the dive stay oceanic; html[data-oc-theme] is only set while signed in. */
html[data-oc-theme=light] body.portfolio-ocean{--bg:#f5f3ee;--card:#ffffff;--surface:#f1efe8;--text:#172b3a;--ink-rgb:23,43,58;--line:#e1ddd2;--line-row:#ece9e1;--dim:#627181;--dim2:#41566a;--warn-ink:#8a6d1f;--n100:#f7f6f2;--n200:#eceae3;--n300:#dddcd5;--n400:#c3c4c1;--n500:#9aa3ac;--n600:#627181;--n700:#4b5c6c;--n800:#2c4356;--n900:#172b3a;--accent:#b39455;--accent-100:#f7f2e7;--accent-200:#f1eadc;--accent-300:#e3d5b4;--accent-400:#d2bd8c;--accent-500:#c3a770;--accent-600:#a5853f;--accent-700:#806328;--accent-800:#67501f;--accent-900:#4a3a16;--accent-hover:#a5853f;--accent-soft:#faf4e8;--on-solid:#ffffff;--up:#b42332;--up-deep:#8e1a26;--up-soft:rgba(180,35,50,.09);--down:#08745b;--down-deep:#055a46;--down-soft:rgba(8,116,91,.09);--flat:#41566a;--warn-row:rgba(180,35,50,.045);--focus-color:#806328;--shadow:0 10px 30px rgba(23,43,58,.06);--shadow-md:0 22px 60px rgba(23,43,58,.14);
 --t-panel:rgba(255,255,255,.88);--t-panel-b:rgba(255,255,255,.96);--t-panel-2:#faf8f3;--t-th:#f7f5ef;--t-input:#ffffff;--t-input-line:#d8d3c7;--t-hover:rgba(179,148,85,.07);--t-chip:#f4f1e9;--t-gold:#a5853f;--t-gold-ink:#806328;--t-gold-soft:rgba(179,148,85,.14);--t-top:rgba(250,249,245,.82);--t-header:rgba(255,255,255,.45);--t-glass:rgba(255,255,255,.74);--t-glass-line:rgba(23,43,58,.10);--t-tile:#ffffff;--t-tip:#172b3a;--t-tip-ink:#f6f1e6;--t-total-ink:linear-gradient(180deg,#24394b,#172b3a);--t-spot:rgba(179,148,85,.10);--t-scroll:#c9c4b8;--t-scroll-track:#efece5;--t-backdrop:rgba(23,43,58,.28);color-scheme:light}
html[data-oc-theme=dark] body.portfolio-ocean{--bg:#0b0c0f;--card:#16181d;--surface:#1b1e24;--text:#ece7dd;--ink-rgb:236,231,221;--line:rgba(255,255,255,.08);--line-row:rgba(255,255,255,.055);--dim:#8f8a80;--dim2:#b5afa3;--warn-ink:#e1b965;--n100:#121418;--n200:#1b1e24;--n300:#272a31;--n400:#3a3d44;--n500:#5f6068;--n600:#8f8a80;--n700:#aaa498;--n800:#cfc9bd;--n900:#f2ede4;--accent:#d9b77a;--accent-100:#221d14;--accent-200:#2e2619;--accent-300:#4a3c24;--accent-400:#a68a55;--accent-500:#c6a568;--accent-600:#d9b77a;--accent-700:#e6c992;--accent-800:#efdab2;--accent-900:#f6e9cf;--accent-hover:#e6c992;--accent-soft:rgba(217,183,122,.08);--on-solid:#16120a;--up:#e5636f;--up-deep:#f08a93;--up-soft:rgba(229,99,111,.1);--down:#3fbf8f;--down-deep:#78d6b1;--down-soft:rgba(63,191,143,.1);--flat:#aaa498;--warn-row:rgba(229,99,111,.06);--focus-color:#e6c992;--shadow:0 12px 34px rgba(0,0,0,.35);--shadow-md:0 26px 70px rgba(0,0,0,.55);
 --t-panel:rgba(22,24,29,.82);--t-panel-b:rgba(26,28,34,.94);--t-panel-2:#1a1c21;--t-th:rgba(18,20,24,.92);--t-input:#0f1115;--t-input-line:rgba(255,255,255,.12);--t-hover:rgba(217,183,122,.05);--t-chip:rgba(255,255,255,.04);--t-gold:#d9b77a;--t-gold-ink:#e6c992;--t-gold-soft:rgba(217,183,122,.12);--t-top:rgba(10,11,14,.78);--t-header:rgba(16,17,21,.4);--t-glass:rgba(20,21,26,.72);--t-glass-line:rgba(255,255,255,.09);--t-tile:#1d2027;--t-tip:#f2ede4;--t-tip-ink:#16181d;--t-total-ink:linear-gradient(180deg,#fff3dc 15%,#d9b77a 100%);--t-spot:rgba(217,183,122,.07);--t-scroll:#3a3d44;--t-scroll-track:#0f1115;--t-backdrop:rgba(0,0,0,.55);color-scheme:dark}

/* Background layer: sits above the sleeping ocean, under the workspace. */
#ocThemeBg{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity 1.4s ease;overflow:hidden;background:var(--bg)}
html[data-oc-theme] body.ocean-signed-in:not(.ocean-transitioning) #ocThemeBg{opacity:1}
#ocThemeBg i{position:absolute;border-radius:50%;filter:blur(70px);will-change:transform}
#ocThemeBg .b1{width:58vmax;height:58vmax;left:-14vmax;top:-26vmax;animation:ocDrift1 38s ease-in-out infinite alternate}
#ocThemeBg .b2{width:46vmax;height:46vmax;right:-16vmax;top:8vmax;animation:ocDrift2 46s ease-in-out infinite alternate}
#ocThemeBg .b3{width:52vmax;height:40vmax;left:24vmax;bottom:-26vmax;animation:ocDrift3 52s ease-in-out infinite alternate}
#ocThemeBg .beam{border-radius:0;filter:blur(30px);width:22vmax;height:180vmax;left:60%;top:-40vmax;transform:rotate(24deg);animation:ocBeam 24s ease-in-out infinite}
#ocThemeBg .grain{inset:0;width:auto;height:auto;border-radius:0;filter:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
html[data-oc-theme=light] #ocThemeBg .b1{background:radial-gradient(circle,rgba(226,203,152,.55),transparent 65%)}
html[data-oc-theme=light] #ocThemeBg .b2{background:radial-gradient(circle,rgba(176,203,222,.5),transparent 65%)}
html[data-oc-theme=light] #ocThemeBg .b3{background:radial-gradient(circle,rgba(240,226,200,.6),transparent 65%)}
html[data-oc-theme=light] #ocThemeBg .beam{background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent)}
html[data-oc-theme=light] #ocThemeBg .grain{opacity:.035;mix-blend-mode:multiply}
html[data-oc-theme=dark] #ocThemeBg .b1{background:radial-gradient(circle,rgba(217,183,122,.16),transparent 62%)}
html[data-oc-theme=dark] #ocThemeBg .b2{background:radial-gradient(circle,rgba(120,98,60,.18),transparent 62%)}
html[data-oc-theme=dark] #ocThemeBg .b3{background:radial-gradient(circle,rgba(70,78,96,.22),transparent 62%)}
html[data-oc-theme=dark] #ocThemeBg .beam{background:linear-gradient(90deg,transparent,rgba(240,214,160,.05),transparent)}
html[data-oc-theme=dark] #ocThemeBg .grain{opacity:.06;mix-blend-mode:overlay}
@keyframes ocDrift1{to{transform:translate(14vmax,9vmax) scale(1.12)}}
@keyframes ocDrift2{to{transform:translate(-12vmax,14vmax) scale(.9)}}
@keyframes ocDrift3{to{transform:translate(-10vmax,-8vmax) scale(1.15)}}
@keyframes ocBeam{0%,100%{transform:translateX(-30vmax) rotate(24deg);opacity:0}30%,70%{opacity:1}50%{transform:translateX(10vmax) rotate(24deg)}}
html[data-oc-theme] body.ocean-signed-in #ocean-shade,html[data-oc-theme] body.ocean-signed-in .oc-water-veil{opacity:0}
html[data-oc-theme] body.portfolio-ocean{color:var(--text)}

/* Scope helper: everything below applies to the workspace only. */
html[data-oc-theme] .portfolio-ocean .shell header{background:var(--t-header);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
html[data-oc-theme] .portfolio-ocean .hd-title{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--text)}
html[data-oc-theme] .portfolio-ocean .hd-when,html[data-oc-theme] .portfolio-ocean .hd-sub{color:var(--dim)}
html[data-oc-theme] .portfolio-ocean .hd-kick,html[data-oc-theme] .portfolio-ocean .kick,html[data-oc-theme] .portfolio-ocean .eyebrow{color:var(--t-gold)}
html[data-oc-theme] .oc-workspace-top{background:var(--t-top);border-bottom:0;backdrop-filter:blur(18px) saturate(1.2)}
html[data-oc-theme] .oc-workspace-top:after{background:linear-gradient(90deg,transparent,var(--t-gold-soft) 18%,var(--t-gold) 50%,var(--t-gold-soft) 82%,transparent);background-size:200% 100%;opacity:.7}
html[data-oc-theme] .portfolio-ocean .oc-workspace-top #brand-name{color:var(--text)}
html[data-oc-theme] .portfolio-ocean .oc-workspace-top #brand-sub{color:var(--dim)}
html[data-oc-theme=light] .oc-workspace-top .oc-brand-mark{border-color:#b39455}
html[data-oc-theme=light] .oc-workspace-top .oc-brand-mark:before{border-color:#7d93a5}
html[data-oc-theme] .portfolio-ocean .acct-btn,html[data-oc-theme] .portfolio-ocean .oc-workspace-top .acct-btn{color:var(--dim2);background:var(--t-glass);border-color:var(--t-glass-line)}
html[data-oc-theme] .portfolio-ocean .acct-menu{background:var(--t-panel-b);border-color:var(--line);box-shadow:var(--shadow-md);backdrop-filter:blur(18px)}
html[data-oc-theme] .portfolio-ocean .acct-menu button,html[data-oc-theme] .portfolio-ocean .acct-menu [role=menuitem]{color:var(--dim2)}
html[data-oc-theme] .portfolio-ocean .acct-menu button:hover{background:var(--t-hover);color:var(--t-gold-ink)}
html[data-oc-theme] .portfolio-ocean .acct-menu .acct-out{color:var(--up)}
html[data-oc-theme] .portfolio-ocean .oc-mobile-logout,html[data-oc-theme] .portfolio-ocean .oc-more-footer button{background:var(--t-glass);border-color:var(--t-glass-line);color:var(--dim2)}

/* Panels */
html[data-oc-theme] .portfolio-ocean .pnl,html[data-oc-theme] .portfolio-ocean .set-pnl,html[data-oc-theme] .portfolio-ocean .adm-pnl,html[data-oc-theme] .portfolio-ocean .fold-pnl,html[data-oc-theme] .portfolio-ocean .scr-side{background:radial-gradient(190px circle at var(--sx,-600px) var(--sy,-600px),var(--t-spot),transparent 42%),var(--t-panel);border:1px solid var(--line);box-shadow:var(--shadow)}
html[data-oc-theme] .portfolio-ocean .pnl.oc-lit,html[data-oc-theme] .portfolio-ocean .set-pnl.oc-lit{border-color:var(--t-gold-soft)}
html[data-oc-theme] .portfolio-ocean .pnl:hover,html[data-oc-theme] .portfolio-ocean .set-pnl:hover{box-shadow:var(--shadow-md)}
html[data-oc-theme] .portfolio-ocean .card-head{color:var(--text);border-bottom-color:var(--line-row)}
html[data-oc-theme] .portfolio-ocean .card-head .sub{color:var(--dim)}
html[data-oc-theme] .portfolio-ocean .pnl.total-pnl{background:radial-gradient(220px circle at var(--sx,-600px) var(--sy,-600px),var(--t-spot),transparent 45%),radial-gradient(90% 140% at 100% 0%,var(--t-gold-soft),transparent 55%),var(--t-panel-b);border-color:var(--t-gold-soft)}
html[data-oc-theme] .portfolio-ocean .total-pnl:after{border-color:var(--t-gold-soft);box-shadow:0 0 0 35px var(--t-hover),0 0 0 70px var(--t-hover)}
html[data-oc-theme] .portfolio-ocean .total-value{background:var(--t-total-ink);-webkit-background-clip:text;background-clip:text;color:transparent;filter:none}
html[data-oc-theme] .portfolio-ocean .total-row b,html[data-oc-theme] .portfolio-ocean .metrics b{color:var(--text)}
html[data-oc-theme] .portfolio-ocean .metrics b.up,html[data-oc-theme] .portfolio-ocean .up,html[data-oc-theme] .portfolio-ocean .pos,html[data-oc-theme] .portfolio-ocean .profit{color:var(--up)}
html[data-oc-theme] .portfolio-ocean .metrics b.down,html[data-oc-theme] .portfolio-ocean .down,html[data-oc-theme] .portfolio-ocean .neg,html[data-oc-theme] .portfolio-ocean .loss{color:var(--down)}
html[data-oc-theme] .portfolio-ocean .metrics{border-color:var(--line)}
html[data-oc-theme] .portfolio-ocean .metrics>div,html[data-oc-theme] .portfolio-ocean #perf-hero.metrics>div,html[data-oc-theme] .portfolio-ocean #metal-metrics.metrics>div{background:radial-gradient(130px circle at var(--sx,-400px) var(--sy,-400px),var(--t-spot),transparent 50%),var(--t-panel);border-color:var(--line)}
html[data-oc-theme] .portfolio-ocean .struct{background:var(--t-chip);box-shadow:none}
html[data-oc-theme=light] .portfolio-ocean .struct .s2{background:linear-gradient(90deg,#41708f,#7fa7c2)}
html[data-oc-theme=light] .portfolio-ocean .struct .s3{background:linear-gradient(90deg,#2f7d66,#6cb59c)}
html[data-oc-theme=dark] .portfolio-ocean .struct .s2{background:linear-gradient(90deg,#5a6b85,#9aaccb)}
html[data-oc-theme=dark] .portfolio-ocean .struct .s3{background:linear-gradient(90deg,#3e8c70,#7fcaa9)}

/* Tables */
html[data-oc-theme] .portfolio-ocean table{color:var(--text)}
html[data-oc-theme] .portfolio-ocean .page th,html[data-oc-theme] .portfolio-ocean .tight th,html[data-oc-theme] .portfolio-ocean .pos-tb th,html[data-oc-theme] .portfolio-ocean .scr-table th,html[data-oc-theme] .portfolio-ocean .adm-tb th{background:var(--t-th);color:var(--dim);border-color:var(--line-row)}
html[data-oc-theme] .portfolio-ocean .page td,html[data-oc-theme] .portfolio-ocean .tight td,html[data-oc-theme] .portfolio-ocean .pos-tb td,html[data-oc-theme] .portfolio-ocean .scr-table td,html[data-oc-theme] .portfolio-ocean .adm-tb td{border-color:var(--line-row)}
html[data-oc-theme] .portfolio-ocean .page tr:hover{background:var(--t-hover)}
html[data-oc-theme] .portfolio-ocean .pos-total,html[data-oc-theme] .portfolio-ocean #metal-total{background:var(--t-panel-2);border-color:var(--line)}
html[data-oc-theme] .portfolio-ocean .pos-name{color:var(--text)}
html[data-oc-theme] .portfolio-ocean .pos-code,html[data-oc-theme] .portfolio-ocean .empty{color:var(--dim)}
html[data-oc-theme] .portfolio-ocean .scr-table th.act,html[data-oc-theme] .portfolio-ocean .scr-table td.act{background:var(--t-panel-2)}
html[data-oc-theme] .portfolio-ocean .tag,html[data-oc-theme] .portfolio-ocean .module-tag,html[data-oc-theme] .portfolio-ocean .overview-note{background:var(--t-chip);color:var(--dim2);border-color:var(--line)}

/* Charts */
html[data-oc-theme=light] .portfolio-ocean .viz{--s1:#b39455;--s2:#5d7f99;--grid:rgba(23,43,58,.08);--ink2:#627181}
html[data-oc-theme=dark] .portfolio-ocean .viz{--s1:#d9b77a;--s2:#8c9ab0;--grid:rgba(255,255,255,.07);--ink2:#8f8a80}
html[data-oc-theme=light] .portfolio-ocean #dlg-body{--ma5:#b39455;--ma20:#4e7fa3;--ma60:#8a96a3}
html[data-oc-theme=dark] .portfolio-ocean #dlg-body{--ma5:#d9b77a;--ma20:#7ea6c4;--ma60:#8f8a80}
html[data-oc-theme] .portfolio-ocean .chart-lg{color:var(--dim)}
html[data-oc-theme] .portfolio-ocean .chart-lg .ln{background:var(--t-gold)}
html[data-oc-theme=light] .portfolio-ocean .viz svg polyline,html[data-oc-theme=light] .portfolio-ocean .viz svg path[fill=none]{filter:none}

/* Notes, segmented controls, buttons */
html[data-oc-theme] .portfolio-ocean .tip,html[data-oc-theme] .portfolio-ocean .cv-note,html[data-oc-theme] .portfolio-ocean .note,html[data-oc-theme] .portfolio-ocean .page-foot{background:var(--t-panel-2);border-color:var(--line);color:var(--dim2)}
html[data-oc-theme] .portfolio-ocean .note-bp{background:var(--t-panel-2);border-color:var(--line);border-left-color:var(--accent);color:var(--dim2)}
html[data-oc-theme] .portfolio-ocean .note-bp.warn{border-left-color:var(--up)}
html[data-oc-theme] .portfolio-ocean .seg-ctl,html[data-oc-theme] .portfolio-ocean .segbar .seg,html[data-oc-theme] .portfolio-ocean .ftabs,html[data-oc-theme] .portfolio-ocean .scr-tabs,html[data-oc-theme] .portfolio-ocean .set-nav,html[data-oc-theme] .portfolio-ocean .mtabs:not([hidden]){background:var(--t-chip);border-color:var(--line)}
html[data-oc-theme] .portfolio-ocean .seg-ctl button,html[data-oc-theme] .portfolio-ocean .segbar .seg button,html[data-oc-theme] .portfolio-ocean .ftabs button,html[data-oc-theme] .portfolio-ocean .scr-tabs button{color:var(--dim)}
html[data-oc-theme] .portfolio-ocean .seg-ctl button.on,html[data-oc-theme] .portfolio-ocean .segbar .seg button.on,html[data-oc-theme] .portfolio-ocean .ftabs button.on,html[data-oc-theme] .portfolio-ocean .scr-tabs button.on,html[data-oc-theme] .portfolio-ocean .set-nav button.on,html[data-oc-theme] .portfolio-ocean #page-set .set-rail button.on{background:var(--t-gold-soft);color:var(--t-gold-ink);box-shadow:inset 0 0 0 1px var(--t-gold-soft)}
html[data-oc-theme] .portfolio-ocean #page-set .set-rail button{color:var(--dim)}
html[data-oc-theme] .portfolio-ocean .quick button{background:var(--t-panel);border-color:var(--line);color:var(--dim2);box-shadow:var(--shadow)}
html[data-oc-theme] .portfolio-ocean button.ghost,html[data-oc-theme] .portfolio-ocean .shell .hd-refresh{background:var(--t-panel-b);border-color:var(--line);color:var(--dim2)}
html[data-oc-theme] .portfolio-ocean button.danger{color:var(--up);background:var(--up-soft);border-color:var(--up)}
html[data-oc-theme] .portfolio-ocean .shell .hd-primary{background:linear-gradient(130deg,var(--accent-500),var(--accent-600));border-color:var(--accent-600);color:var(--on-solid)}
html[data-oc-theme] .oc-float:hover{box-shadow:var(--shadow-md);border-color:var(--t-gold-soft)}
html[data-oc-theme] .portfolio-ocean .scr-back{background:var(--t-gold-soft);color:var(--t-gold-ink);border-color:var(--t-gold-soft)}
html[data-oc-theme] .portfolio-ocean .scr-bar,html[data-oc-theme] .portfolio-ocean .scr-pager{border-color:var(--line)}
html[data-oc-theme] .portfolio-ocean .fund-overview h1,html[data-oc-theme] .portfolio-ocean .module-overview h1{color:var(--text)}

/* Inputs */
html[data-oc-theme] .portfolio-ocean .field input,html[data-oc-theme] .portfolio-ocean .field select,html[data-oc-theme] .portfolio-ocean .field textarea,html[data-oc-theme] .portfolio-ocean .set-cell input,html[data-oc-theme] .portfolio-ocean .set-fee input,html[data-oc-theme] .portfolio-ocean .scr-bar input,html[data-oc-theme] .portfolio-ocean .sug-box textarea,html[data-oc-theme] .portfolio-ocean input[type=search]{background:var(--t-input);border-color:var(--t-input-line);color:var(--text);box-shadow:none}
html[data-oc-theme] .portfolio-ocean input::placeholder,html[data-oc-theme] .portfolio-ocean textarea::placeholder{color:var(--n500)}
html[data-oc-theme] .portfolio-ocean .field input:focus,html[data-oc-theme] .portfolio-ocean .field textarea:focus,html[data-oc-theme] .portfolio-ocean .scr-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--t-gold-soft)}
html[data-oc-theme] .portfolio-ocean .set-note,html[data-oc-theme] .portfolio-ocean .set-p,html[data-oc-theme] .portfolio-ocean .set-lines,html[data-oc-theme] .portfolio-ocean .set-fee,html[data-oc-theme] .portfolio-ocean .sug-reply,html[data-oc-theme] .portfolio-ocean .rv-side,html[data-oc-theme] .portfolio-ocean .plan-read .plan-tg>div{background:var(--t-panel-2);border-color:var(--line);color:var(--dim2)}
html[data-oc-theme] .portfolio-ocean .set-cell .v{background:var(--t-input)}
html[data-oc-theme] .portfolio-ocean .sug-item,html[data-oc-theme] .portfolio-ocean .sug-role,html[data-oc-theme] .portfolio-ocean .scr-hot .chip{border-color:var(--line);background:var(--t-chip)}
html[data-oc-theme] .portfolio-ocean .set-wrap{background:var(--t-panel);border-color:var(--line)}

/* Business dialogs, sheets, toasts (the login dialog stays oceanic) */
html[data-oc-theme] .portfolio-ocean dialog:not(#oceanAuthDialog){background:var(--t-panel-b);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow-md)}
html[data-oc-theme] .portfolio-ocean dialog:not(#oceanAuthDialog)::backdrop{background:var(--t-backdrop);backdrop-filter:blur(6px)}
html[data-oc-theme] .portfolio-ocean .dlg-head{border-color:var(--line);color:var(--text)}
html[data-oc-theme] .portfolio-ocean .dlg-foot{border-color:var(--line);background:var(--t-panel-2)}
html[data-oc-theme] .portfolio-ocean .once,html[data-oc-theme] .portfolio-ocean .welcome-guide{color:var(--dim2)}
html[data-oc-theme] .portfolio-ocean .sheet{background:var(--t-panel-b);border-color:var(--line)}
html[data-oc-theme] .portfolio-ocean .sheet-grid button{background:var(--t-panel-2);border-color:var(--line);color:var(--text)}
html[data-oc-theme] .portfolio-ocean .toast{background:var(--t-tip);color:var(--t-tip-ink);border-color:transparent}
html[data-oc-theme] dialog.oc-confirm{background:var(--t-panel-b);color:var(--text);border-color:var(--line)}
html[data-oc-theme] .oc-confirm-body p{color:var(--dim)}
html[data-oc-theme] .oc-confirm-acts button{background:var(--t-chip);border-color:var(--line);color:var(--dim2)}
html[data-oc-theme=light] .oc-confirm-acts .primary{background:#b42332;border-color:#b42332;color:#fff}
html[data-oc-theme] .portfolio-ocean #more-sheet{background:var(--t-panel-b);border-color:var(--line);box-shadow:var(--shadow-md)}
html[data-oc-theme] .portfolio-ocean #more-sheet button{color:var(--text)}
html[data-oc-theme] .portfolio-ocean #more-mask{background:var(--t-backdrop)}

/* Time / theme capsule */
html[data-oc-theme] .oc-time-widget{background:var(--t-glass);border-color:var(--t-glass-line);box-shadow:var(--shadow)}
html[data-oc-theme] .oc-time-widget select,html[data-oc-theme] .oc-time-widget button{color:var(--dim2)!important}
html[data-oc-theme] .oc-time-widget select option{background:var(--card);color:var(--text)}
html[data-oc-theme] .oc-time-widget small{color:var(--dim)!important}
html[data-oc-theme] .oc-time-widget #skyIcon{color:var(--t-gold)}
html[data-oc-theme] .oc-time-widget select:hover,html[data-oc-theme] .oc-time-widget button:hover{background:var(--t-hover)!important}
.oc-theme-switch,.oc-time-widget .oc-clock{display:none}
html[data-oc-theme] .oc-time-widget{gap:6px;padding:4px!important}
html[data-oc-theme] .oc-time-widget #skyIcon,html[data-oc-theme] .oc-time-widget select,html[data-oc-theme] .oc-time-widget #skyTime{display:none!important}
html[data-oc-theme] .oc-theme-switch{position:relative;display:inline-grid;grid-template-columns:repeat(3,58px);height:30px;border-radius:999px;background:var(--t-chip);box-shadow:inset 0 0 0 1px var(--line)}
.oc-theme-switch button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:30px;min-height:30px;padding:0;margin:0;border:0!important;background:none!important;border-radius:999px;font-size:11px;letter-spacing:.06em;color:var(--dim)!important;cursor:pointer;transition:color .25s}
.oc-theme-switch button span,.oc-theme-switch button b{font-weight:400;font-size:11px;color:var(--t-gold)}
.oc-theme-switch button[aria-checked=true]{color:var(--text)!important;font-weight:500}
.oc-theme-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.oc-theme-thumb{position:absolute;z-index:0;top:3px;left:3px;width:52px;height:24px;border-radius:999px;background:var(--t-panel-b);box-shadow:0 2px 8px rgba(0,0,0,.12),inset 0 0 0 1px var(--t-gold-soft);transition:transform .45s cubic-bezier(.34,1.3,.5,1)}
html[data-oc-theme=dark] .oc-theme-thumb{background:linear-gradient(180deg,#2a2c33,#1f2127);box-shadow:0 2px 10px rgba(0,0,0,.4),inset 0 0 0 1px rgba(217,183,122,.28)}
.oc-theme-switch[data-mode=light] .oc-theme-thumb{transform:translateX(58px)}
.oc-theme-switch[data-mode=dark] .oc-theme-thumb{transform:translateX(116px)}
html[data-oc-theme] .oc-time-widget #motionToggle{line-height:0;width:30px;height:30px;min-height:30px;padding:0!important;display:inline-grid;place-items:center;font-size:0!important;border-radius:50%!important;background:var(--t-chip)!important;box-shadow:inset 0 0 0 1px var(--line);position:relative}
html[data-oc-theme] .oc-time-widget #motionToggle:before{content:"";width:8px;height:10px;border-left:2.5px solid var(--dim2);border-right:2.5px solid var(--dim2);box-sizing:border-box}
html[data-oc-theme] .oc-time-widget #motionToggle[aria-pressed=true]:before{width:0;height:0;border:0;border-left:9px solid var(--t-gold);border-top:5.5px solid transparent;border-bottom:5.5px solid transparent;margin-left:2px}
html[data-oc-theme] .oc-time-widget #motionToggle:hover{box-shadow:inset 0 0 0 1px var(--t-gold-soft)}
html[data-oc-theme] .oc-time-widget .oc-clock{display:inline-block;padding:0 10px 0 2px;font:500 12px/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.06em;color:var(--dim2)!important;font-variant-numeric:tabular-nums}
@media(max-width:550px){html[data-oc-theme] .oc-theme-switch{grid-template-columns:repeat(3,52px)}.oc-theme-thumb{width:46px}.oc-theme-switch[data-mode=light] .oc-theme-thumb{transform:translateX(52px)}.oc-theme-switch[data-mode=dark] .oc-theme-thumb{transform:translateX(104px)}html[data-oc-theme] .oc-time-widget .oc-clock{display:none}}
@media(prefers-reduced-motion:reduce){.oc-theme-thumb{transition:none}}

/* Dock */
html[data-oc-theme] .portfolio-ocean .oc-dock{background:var(--t-glass);box-shadow:var(--shadow-md),inset 0 1px 0 rgba(255,255,255,.25)}
html[data-oc-theme=light] .oc-dock-rim{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(23,43,58,.08) 50%,rgba(179,148,85,.35))}
html[data-oc-theme=dark] .oc-dock-rim{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.04) 50%,rgba(217,183,122,.3))}
html[data-oc-theme] .oc-dock-floor{background:radial-gradient(ellipse at 50% 0,var(--t-gold-soft),transparent 70%)}
html[data-oc-theme] .portfolio-ocean .oc-dock nav button{--dock-ink:color-mix(in srgb,var(--dock-color) 55%,var(--text))}
html[data-oc-theme=dark] .portfolio-ocean .oc-dock nav button{--dock-ink:var(--dock-color)}
html[data-oc-theme] .portfolio-ocean .oc-dock nav button .oc-dock-tile{color:var(--dock-ink);background:linear-gradient(150deg,color-mix(in srgb,var(--dock-color) 16%,var(--t-tile)),var(--t-tile) 80%);border-color:var(--t-glass-line);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.3)}
html[data-oc-theme=light] .portfolio-ocean .oc-dock nav button .ic svg{filter:none}
html[data-oc-theme] .portfolio-ocean .oc-dock nav button:hover .oc-dock-tile,html[data-oc-theme] .portfolio-ocean .oc-dock nav button:focus-visible .oc-dock-tile,html[data-oc-theme] .portfolio-ocean .oc-dock nav button.dock-active .oc-dock-tile{border-color:color-mix(in srgb,var(--dock-color) 55%,transparent);background:linear-gradient(150deg,color-mix(in srgb,var(--dock-color) 30%,var(--t-tile)),var(--t-tile) 85%)}
html[data-oc-theme] .oc-dock-tooltip{background:var(--t-tip);color:var(--t-tip-ink);border-color:transparent}
html[data-oc-theme] .portfolio-ocean .oc-dock .oc-dock-caption{color:var(--dim)!important}
html[data-oc-theme] .portfolio-ocean .oc-dock button.dock-active .oc-dock-caption{color:var(--t-gold-ink)!important}
html[data-oc-theme] .portfolio-ocean .oc-dock .cnt{background:var(--t-gold);color:var(--on-solid);border-color:transparent}
html[data-oc-theme] .oc-dock-divider{background:linear-gradient(180deg,transparent,var(--line),transparent)}
html[data-oc-theme=light] .oc-dock-sheen:before{background:linear-gradient(100deg,transparent,rgba(255,255,255,.6) 50%,transparent)}

/* Scrollbars */
html[data-oc-theme]:has(body.portfolio-ocean),html[data-oc-theme] .portfolio-ocean *{scrollbar-color:var(--t-scroll) var(--t-scroll-track)}
html[data-oc-theme] .portfolio-ocean ::-webkit-scrollbar-track{background:var(--t-scroll-track)}
html[data-oc-theme] .portfolio-ocean ::-webkit-scrollbar-thumb{background:var(--t-scroll)}

@media(max-width:899px){html[data-oc-theme] .portfolio-ocean .set-wrap{background:transparent;border:0}}
@media(max-width:899px),(hover:none){html[data-oc-theme] .portfolio-ocean .pnl,html[data-oc-theme] .portfolio-ocean .set-pnl{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--t-panel-b)}}
@media(prefers-reduced-motion:reduce){#ocThemeBg i{animation:none!important}#ocThemeBg{transition:none}}
html[data-oc-theme] .portfolio-ocean .acct-btn .acct-nm,html[data-oc-theme] .portfolio-ocean .acct-btn{color:var(--text)}
html[data-oc-theme] .portfolio-ocean .acct-nm i{color:var(--dim)}
html[data-oc-theme=dark] .portfolio-ocean .zt-btn{background:linear-gradient(135deg,#2a2418,#17140e);border-color:rgba(217,183,122,.45);color:#efd59f}
html[data-oc-theme=light] .portfolio-ocean .zt-btn{background:linear-gradient(135deg,#fff8ea,#f3e7cc);border-color:rgba(179,148,85,.55);color:#806328}
html[data-oc-theme=light] .portfolio-ocean .zt-btn .cnt2{color:#8a6d1f}
#ocThemeBg canvas.oc-flow{position:absolute;inset:0;width:100%;height:100%}
html[data-oc-theme=light] #ocThemeBg canvas.oc-flow{opacity:.9}