/* Canary Studio: shared portal presentation; service hooks and data remain unchanged. */
body[data-canary-mobile="portal"]{--gold:#ffda65;--blue:#66d8e9;--text:#f0f4fa;--muted:#9eafc3;--line:#ffffff16;background:radial-gradient(ellipse at 82% 0%,#163b473d,transparent 44%),#080e18;color:var(--text)}
body[data-canary-mobile="portal"]:before{background:none}body .shell{grid-template-columns:236px minmax(0,1fr)}
body .sidebar{padding:29px 18px 22px;background:linear-gradient(180deg,#101d29,#090f1a);border-right:1px solid #ffffff0b}
body .brand-real{padding:0 8px 26px;align-items:start}body .brand-logo-full{width:100%;max-width:194px;filter:none;animation:none}body .sidebar .nav{max-height:calc(100vh - 210px);overflow-y:auto}
body .navbtn{display:flex;align-items:center;gap:13px;min-height:49px;padding:10px 11px;margin-bottom:5px;border:1px solid transparent;border-radius:11px;font-size:12px;font-weight:500;color:#a6b7ca;transition:background .18s,color .18s}
body .navbtn .navico{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border-radius:8px;background:#ffffff04;color:#8dacc0;font-size:17px;font-weight:500}
body .navbtn.active{background:linear-gradient(100deg,#ffda6515,#ffda6504);border-color:#ffda652b;box-shadow:none;color:#ffe399}body .navbtn.active .navico{background:#ffda6511;color:#ffda65}body .navbtn:hover{background:#ffffff06;transform:none;color:#f0f4fa}
body .sidebar-bottom{position:absolute;bottom:28px;left:26px;right:26px;padding:20px 0 0;height:auto;border-top:1px solid #ffffff12;background:none;display:block;font-size:9px;color:#8c9fb2;line-height:1.8}
body .sidebar-bottom:before,body .sidebar-bottom:after{display:none}body .sidebar-bottom .slogan{font-size:14px;line-height:1.5;max-width:180px;font-style:normal;font-weight:500;color:#c9d6e4;text-shadow:none;margin-bottom:8px}
body .topbar{height:82px;padding:0 32px;gap:18px;background:#080e18d9;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0c}
body .toplinks{gap:3px}body .toplink{font-size:12px;font-weight:550;color:#91a6ba;border:1px solid transparent;border-radius:9px;padding:10px 13px}body .toplink.active{background:#ffffff05;border-color:#ffffff10;color:#ffda65}
body .lang{background:#ffffff03;border:1px solid #ffffff12;border-radius:9px;padding:3px}body .lang button{font-size:10px;color:#91a6ba;padding:6px 7px}body .lang button.active{color:#ffda65;background:#ffda6510;border-radius:6px}
body .bell{background:#ffffff05;border:1px solid #ffffff12;color:#c5d5e4}body .userinfo{font-size:12px;font-weight:500}body .userinfo small{font-size:10px;letter-spacing:.08em;color:#91a6ba}
body .userbox .logo-avatar{display:none}body .header-plan{font-size:11px;color:#a6b7ca;background:#ffffff03;border:1px solid #ffffff0c;padding:8px 14px;border-radius:10px}
body .content{max-width:1600px;padding:32px 32px 46px;margin:auto}body .panel,body .nextcard,body .paycard,body .ref-block{background:linear-gradient(140deg,#132332,#0c1623);border:1px solid #ffffff13;border-radius:20px;box-shadow:0 16px 50px #0002}
body .panel{padding:24px}body .panel-head h1{font-size:30px;font-weight:600;letter-spacing:-.04em}body .panel-head h2,body .ref-block h3{font-weight:600}
body .btn{border-radius:10px;box-shadow:none;font-weight:650;background:linear-gradient(120deg,#ffde77,#ffd04d);color:#142031;border-color:#ffe494;transition:background .18s,transform .18s}
body .btn:hover{filter:none;transform:translateY(-1px);background:#ffe490}body .btn.alt{background:#ffffff04;border-color:#ffffff20;color:#d7e2ee}
body .field input,body .field select,body .field textarea{background:#080e1880;border-color:#ffffff20;border-radius:10px;color:#e6eef7}body .field input:focus,body .field select:focus,body .field textarea:focus{border-color:#66d8e9;outline:2px solid #66d8e933;outline-offset:2px}
body .quote-launcher{padding:26px;gap:22px;border-color:#ffda652b;background:radial-gradient(ellipse at 2% 30%,#ffda6510,transparent 45%),linear-gradient(140deg,#142533,#0e1927)}
body .quote-launcher-copy h1{font-size:27px;letter-spacing:-.04em;font-weight:600}body .quote-launcher-copy small{font-size:9px;letter-spacing:.12em;color:#ffda65}body .quote-launcher-copy p{font-size:13px;color:#a7bacb;max-width:650px}
body .quote-launcher-icon{background:#ffda650f;border:1px solid #ffda6535;color:#ffda65;box-shadow:none}
body .ref-title{font-size:38px;font-weight:600;letter-spacing:-.05em}body .ref-sub{color:#a7bacb;font-size:14px;line-height:1.7}body .ref-stat{background:#101c2a;border:1px solid #ffffff13;border-radius:16px;padding:20px}body .ref-stat .val{font-weight:600;font-size:27px}body .ref-stat .ico{background:#66d8e909;border:1px solid #66d8e91c;color:#66d8e9;box-shadow:none}
body .pill{border-radius:30px;padding:6px 10px;font-size:10px}body .pill.gold{color:#ffda65;background:#ffda6509;border-color:#ffda6535}
body .empty{color:#a6b7ca;border:1px dashed #ffffff1c;border-radius:14px;background:#080e1830;padding:28px}
body .modalbox{border-color:#ffffff21;background:#101d2c;box-shadow:0 40px 100px #0008;border-radius:22px}
body button:focus-visible,body a:focus-visible{outline:2px solid #66d8e9;outline-offset:4px}
body .portal-avatar-panel{padding:0;border:0;background:none;box-shadow:none;overflow:visible}
body .portal-studio-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:0 0 28px;padding:8px 0 0}
body .portal-studio-kicker{color:#ffda65;font-size:10px;font-weight:700;letter-spacing:.14em;margin:0 0 16px}body .portal-studio-kicker span{color:#8fa8ba;font-size:9px;letter-spacing:.1em}
body .portal-studio-intro h1{font-size:clamp(34px,3.5vw,52px);font-weight:600;line-height:1.12;letter-spacing:-.055em;margin:0 0 16px}body .portal-studio-intro h1 em{font-style:normal;color:#ffda65;display:block}
body .portal-studio-intro>div>p:last-child{max-width:630px;color:#9eafc3;line-height:1.7;font-size:13px;margin:0}
body .portal-avatar-actions{display:grid;gap:16px;justify-items:end;margin:0;padding-bottom:6px}body .studio-open{color:#bbcbdc;font-size:11px;white-space:nowrap}body .studio-open:hover{color:#ffda65}
body .portal-avatar-shell{padding:0;border:0;background:none;border-radius:0;min-height:0}body .portal-avatar-shell iframe{display:block;width:100%;height:835px;min-height:0;border:0;border-radius:0;background:transparent}
body .login{background:radial-gradient(ellipse at 50% 30%,#173445,transparent 62%),#080e18}body .loginbox{max-width:470px;background:linear-gradient(140deg,#142533,#0c1623);border:1px solid #ffffff1c;border-radius:24px;padding:36px;box-shadow:0 35px 100px #0005}
@media(max-width:1250px) and (min-width:901px){body .shell{grid-template-columns:210px minmax(0,1fr)}body .sidebar{padding:25px 13px}body .topbar{padding:0 22px;gap:10px}body .toplink{padding:9px;font-size:11px}body .content{padding:28px 22px}body .portal-avatar-shell iframe{height:1320px}body .portal-studio-intro{align-items:start}body .portal-avatar-actions{max-width:170px}body .studio-open{white-space:normal;text-align:right;line-height:1.7}}
@media(max-width:900px) and (min-width:761px){body .shell{grid-template-columns:76px minmax(0,1fr)}body .sidebar{padding:24px 10px}body .brand-real{padding:0 0 25px;align-items:center}body .brand-logo-full{max-width:54px}body .navbtn{justify-content:center;padding:10px 8px}body .navbtn span,body .sidebar-bottom{display:none}body .topbar{padding:0 18px}body .toplinks{display:none}body .content{padding:25px 18px}body .portal-avatar-shell iframe{height:1320px}}
@media(max-width:760px){body .shell{display:block}body .sidebar{position:fixed;top:auto;bottom:0;height:74px;width:100%;padding:6px 8px;background:#0d1725f5;backdrop-filter:blur(16px);border-top:1px solid #ffffff16;overflow:visible}body .brand-real,body .sidebar-bottom{display:none}body .sidebar .nav{display:flex;justify-content:start;gap:5px;max-height:none;overflow:auto;scrollbar-width:none}body .navbtn{flex:0 0 78px;display:flex;flex-direction:column;gap:5px;padding:6px 4px;margin:0;min-height:60px;font-size:9px}body .navbtn span{display:block!important;max-width:74px;line-height:1.2;white-space:normal}body .navbtn .navico{width:22px;height:22px;flex-basis:22px;background:none;font-size:16px}body .main{padding-bottom:82px}body .topbar{height:67px;padding:0 16px;gap:8px}body .toplinks{display:none}body .header-plan{padding:6px 9px;font-size:9px}body .topbar-actions{gap:8px}body .userinfo{display:none}body .content{padding:24px 14px 30px}body .panel{padding:20px}body .quote-launcher{padding:20px;gap:15px}body .quote-launcher-copy h1{font-size:24px}body .portal-avatar-panel{padding:0}body .portal-studio-intro{display:block;margin-bottom:23px}body .portal-studio-intro h1{font-size:38px}body .portal-studio-kicker{font-size:9px}body .portal-studio-kicker span{display:block;margin-top:8px;font-size:8px}body .portal-avatar-actions{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:12px}body .studio-open{font-size:10px;white-space:normal;text-align:right;max-width:165px;line-height:1.5}body .portal-avatar-shell iframe{height:1350px}body .loginbox{padding:28px 23px;margin:18px}}
body .portal-avatar-shell iframe{height:950px}
@media(max-width:1080px){body .portal-avatar-shell iframe{height:1450px}}
@media(max-width:760px){body .portal-avatar-shell iframe{height:1600px}}
@media(min-width:901px){body .navbtn{justify-content:flex-start}body .navbtn span{display:block}}
@media(prefers-reduced-motion:reduce){body .navbtn,body .btn{transition:none}}