:root{--bg:#082943;--ink:#f6fafb;--muted:#bdd1de;--subtle:#9fb7c7;--coral:#eca5c7;--mint:#a9dfd6;--line:#64839540}
html,body{background:#082943!important}#app{background:linear-gradient(180deg,#0a2c47,#082943 80%)!important;max-width:620px}.shell{padding-top:20px}.og-page .heading{font-size:clamp(34px,8vw,43px);font-weight:760;letter-spacing:-1.5px;line-height:1.09}.og-page .subheading{line-height:1.65;color:#b9d0de}.eyebrow{color:#b2e4dd!important;font-size:10px;letter-spacing:2px}.og-page h2{font-size:23px;line-height:1.2;letter-spacing:-.5px}.og-page h3{font-size:18px;line-height:1.3;letter-spacing:-.3px}.og-page .btn{border-radius:13px;min-height:43px;font-size:12px}.og-page .primary{background:#eaa4c5;color:#17344a}.og-page .secondary{background:#244962;border:1px solid #7998aa60;color:#eff8fa}.og-page .tertiary{color:#bce9e1}.og-page .hero,.og-feature{border:1px solid #87a6b24d;border-radius:25px;padding:24px;background:linear-gradient(135deg,#234a61,#173c55);margin:20px 0;overflow:hidden}.og-page .hero{background:radial-gradient(ellipse at 100% 0,#3d667580,transparent 65%),linear-gradient(135deg,#1e4a5c,#153a56)}.og-feature h2{font-size:28px;margin:9px 0}.og-feature>p{color:#c3dbe4;font-size:14px;line-height:1.6;margin:10px 0 18px}.og-partner{background:linear-gradient(130deg,#234e5e,#173c52)}.og-surprise{background:radial-gradient(ellipse at 100% 0,#c698b027,transparent 70%),linear-gradient(130deg,#334758,#173c55)}.og-connected{font-size:12px;color:#b8d4df;border-bottom:1px solid #8fa9b22e;padding:5px 0 17px;margin-bottom:19px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.og-connected button{color:#e6b4cf;background:none;border:0;font-weight:750;margin-left:auto;min-height:34px}.og-dot{height:6px;width:6px;border-radius:50%;background:#a9dfd6}.studio-tabs{background:#12364e!important;border:1px solid #64879950!important;border-radius:16px!important;padding:4px!important;gap:2px!important}.studio-tabs button{border-radius:12px!important;font-size:12px!important;padding:11px 5px!important;color:#c4d7e2!important}.studio-tabs button.active{background:#dca5c5!important;color:#17374b!important}.og-section-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:28px}.og-section-row h2{font-size:19px}.og-section-row>span{font-size:11px;color:#a5c4d3}.og-activity-list,.og-question-list{margin:16px 0}.og-activity{display:grid;grid-template-columns:39px 1fr;gap:13px;padding:21px 0;border-bottom:1px solid #86a2b02c}.og-activity-icon{height:39px;width:39px;border-radius:13px;background:#2d5367;display:grid;place-items:center;color:#f1c5d9;font-size:20px}.og-activity small,.og-question-list small{color:#9fcfc8;font-size:10px;text-transform:uppercase;letter-spacing:1px}.og-activity h3{margin:5px 0 8px}.og-activity p{font-size:13px;line-height:1.65;color:#bad1de;margin:0 0 12px}.og-activity .studio-buttons{gap:6px}.og-activity .btn{font-size:11px;padding:9px 10px;min-height:37px}.og-feature .og-activity{border:0;padding-bottom:0}.og-milestones{display:flex;gap:9px;overflow:auto;scrollbar-width:none;padding:6px 0 14px}.og-milestones>span{min-width:120px;padding:15px 13px;border-radius:16px;border:1px solid #7693a132;color:#96aebd;font-size:12px;background:#12364e}.og-milestones>span.earned{border-color:#d4afc979;color:#f0c9df;background:#315064}.og-milestones small{display:block;margin-top:7px;color:#adc7d4}.og-question-list article{border-bottom:1px solid #86a2b02c;padding:21px 0}.og-question-list h3{line-height:1.5;font-size:19px}.og-shared-actions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:19px}.og-page .studio-item,.og-page .studio-offer,.og-page .card{background:linear-gradient(135deg,#163e57,#12354e);border-color:#799aab40;border-radius:20px}.og-page .studio-machine{background:linear-gradient(135deg,#3a495e,#1b3e56)!important}.og-page .studio-machine h3{font-size:26px}.og-offer-state{display:inline-block;padding:4px 9px;border-radius:99px;font-size:10px;text-transform:uppercase;background:#395469;color:#dfecf2}.og-offer-state.offered{background:#69544c;color:#ffe0bb}.og-offer-state.accepted{background:#285c56;color:#bce9dd}.og-offer-state.completed{background:#67506e;color:#f7d2ef}.og-page .studio-win-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.og-page .studio-win-grid .card{padding:17px}.og-page .studio-win-grid h3{font-size:26px}.dock{background:rgba(10,39,60,.97)!important;border-color:#8aa7b34d!important}.dock button.active{background:#315568!important;color:#fff!important}.dock button.active .ico{color:#edb2d1!important}.cloud-shell{background:#082943!important}.cloud-panel{background:#123b54!important;border-color:#7698a849!important}.cloud-nav button.active{background:#dfa7c8!important;color:#17364a!important}.cloud-history-more{display:block;width:100%;margin:18px 0;min-height:44px}.cloud-sync-note{color:#e8c7ad;font-size:12px;margin:10px 0}.og-page select{background:#153e57;border-color:#789eae60}@media(max-width:410px){.og-feature{padding:20px}.og-feature h2{font-size:25px}.og-activity{grid-template-columns:32px 1fr;gap:10px}.og-activity-icon{width:32px;height:32px;font-size:17px}.studio-tabs.studio-five button{font-size:10px!important}.og-page .heading{font-size:35px}.og-page .studio-buttons{flex-wrap:wrap}.og-activity .btn.primary{width:100%}}@media(prefers-reduced-motion:reduce){.og-page *{animation:none!important;transition:none!important}}
