:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b101a;--panel:#121a28;--panel2:#182234;--border:#263246;--muted:#97a2b4;--text:#f4f0e8;--accent:#e2b980;--accent-deep:#3e3025;--success:#89d9b4;--red:#ee9b9b;--shadow:0 24px 75px #0000003d;--radius:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-.055em;font-size:clamp(30px,3.2vw,48px);line-height:1.1}h2{letter-spacing:-.042em;font-size:clamp(25px,2.2vw,34px);line-height:1.15}h3{letter-spacing:-.025em;font-size:20px}p{line-height:1.62}svg{flex:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{color:#15171c;background:#b99a73}#app{min-height:100vh}.muted{color:var(--muted)}.tiny{font-size:12px}.small{font-size:14px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-size:10px;font-weight:800}.subtitle{color:var(--muted);max-width:620px;font-size:15px}.mobile-only{display:none}.inline-icon{vertical-align:middle}.icon-btn{border:1px solid var(--border);color:var(--text);background:#ffffff06;border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;transition:background .2s;display:inline-flex}.icon-btn:hover{background:#ffffff13}.btn{text-align:center;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:11px 17px;font-size:14px;font-weight:740;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.btn:active,.option:active{transform:scale(.988)}.btn.primary{background:var(--accent);color:#1b1b1c}.btn.primary:hover{background:#f0ca94}.btn.secondary{background:var(--panel2);border-color:var(--border);color:var(--text)}.btn.secondary:hover,.option:hover{background:#233049}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--text);background:#ffffff0b}.btn.outline{color:var(--text);background:0 0;border-color:#4b5362}.btn.danger{color:#ffc5c5;background:#4d2529}.btn.block{width:100%}.btn.sm{border-radius:10px;min-height:37px;padding:8px 11px;font-size:12px}.btn.xs{border-radius:8px;min-height:29px;padding:6px 9px;font-size:11px}.tag{color:#dddedf;background:#ffffff0d;border:1px solid #ffffff14;border-radius:99px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:750;display:inline-flex}.tag.accent{color:#ecd0a2;background:#dfb98016;border-color:#d5ac7357}.tag.green{color:#9ce3be;background:#8fe5bb17;border-color:#8fe5bb48}.tag.warn{color:#ecc28d;background:#e8b27015;border-color:#e8b27051}.divider{background:var(--border);height:1px}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stretch{align-items:stretch}.col{flex-direction:column;gap:12px;display:flex}.gap4{gap:4px}.gap7{gap:7px}.gap20{gap:20px}.flex1{flex:1;min-width:0}.right{text-align:right}.center{text-align:center}.text-button{color:var(--accent);background:0 0;border:0;padding:8px 0;font-size:13px;font-weight:700}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 25px #0000000b}.panel.pad{padding:24px}.section-head{justify-content:space-between;align-items:center;gap:12px;margin:38px 0 18px;display:flex}.section-head h2{font-size:24px}.field-label{color:#cdd2de;margin-bottom:9px;font-size:12px;font-weight:750;display:block}.field{border:1px solid var(--border);width:100%;color:var(--text);background:#0d1421;border-radius:12px;outline:none;padding:13px 14px}.field:focus{border-color:var(--accent)}textarea.field{resize:vertical;min-height:96px}.field-help{color:var(--muted);margin-top:7px;font-size:12px}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.option{border:1px solid var(--border);color:var(--text);text-align:left;background:#192336;border-radius:14px;align-items:center;gap:12px;min-height:60px;padding:16px;transition:background .15s,border-color .15s,transform .15s;display:flex}.option.selected{border-color:var(--accent);background:#be985e21}.option .option-symbol{background:#ffffff12;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.option .option-description{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.4;display:block}.option b{font-size:14px}.option .chev{color:var(--muted);margin-left:auto}.option.compact{text-align:center;justify-content:center;min-height:53px;padding:12px;font-size:13px;font-weight:720}.soft-inset{background:#0b121f;border:1px solid #253047;border-radius:14px;padding:15px}.pill-tabs{border:1px solid var(--border);background:#0d1522;border-radius:12px;gap:4px;padding:4px;display:flex}.pill-tabs button{color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1;padding:10px 8px;font-size:12px;font-weight:760}.pill-tabs button.active{color:var(--text);background:#28344a}.onboard-layout{grid-template-columns:minmax(0,1.04fr) minmax(440px,.96fr);min-height:100vh;display:grid}.onboard-art{background:#131927 url(./assets/portal.svg) 50%/cover no-repeat;flex-direction:column;justify-content:space-between;padding:48px 60px;display:flex;position:relative;overflow:hidden}.onboard-art:after{content:"";pointer-events:none;background:linear-gradient(#0b101a33,#0b101a40 45%,#080d18e8);position:absolute;top:0;bottom:0;left:0;right:0}.onboard-art>*{z-index:1;position:relative}.brand{letter-spacing:-.035em;align-items:center;gap:11px;font-size:19px;font-weight:850;display:inline-flex}.brand img{width:38px;height:38px}.onboard-art .big-quote{letter-spacing:-.055em;max-width:670px;margin-bottom:18px;font-family:Georgia,serif;font-size:clamp(31px,3.45vw,56px);line-height:1.1}.onboard-art .big-quote span{color:var(--accent)}.onboard-main{background:radial-gradient(circle at 80% 14%,#28304437,#0000 35%),#0d121e;justify-content:center;align-items:center;padding:46px 34px 35px;display:flex}.onboard-shell{width:100%;max-width:440px;min-height:540px}.onboard-title{margin:27px 0 9px}.onboard-sub{color:var(--muted);margin-bottom:24px;font-size:14px;line-height:1.7}.onboard-progress{gap:5px;margin-top:18px;display:flex}.onboard-progress span{background:#263246;border-radius:12px;flex:1;height:4px}.onboard-progress span.active{background:var(--accent)}.onboard-actions{align-items:center;gap:10px;margin-top:18px;display:flex}.onboard-actions .btn.primary{flex:1}.onboard-small{text-align:center;color:var(--muted);margin-top:18px;font-size:12px}.onboard-hero-icon{margin:20px 0;font-size:48px}.onboard-choices{flex-direction:column;gap:10px;display:flex}.question-number{color:var(--accent);margin-top:18px;font-size:12px;font-weight:800}.review-proposal{gap:14px;display:flex}.review-proposal .card-number{background:#29344a;border-radius:10px;flex:none;place-items:center;width:33px;height:33px;font-weight:750;display:grid}.hint{color:#cdc9c3;background:#d2ae7610;border-left:2px solid #bc9968;border-radius:0 10px 10px 0;padding:13px 15px;font-size:13px;line-height:1.6}.wave{justify-content:center;align-items:center;gap:5px;height:36px;display:flex}.wave i{background:var(--accent);opacity:.82;border-radius:99px;width:4px;height:12px}.wave i:nth-child(3n+1){height:21px}.wave i:nth-child(5n+1){height:29px}.wave.active i{animation:1s ease-in-out infinite alternate wave}.wave.active i:nth-child(2n){animation-delay:.3s}.wave.active i:nth-child(3n){animation-delay:.5s}@keyframes wave{0%{transform:scaleY(.42)}to{transform:scaleY(1.18)}}.shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#0c121f;flex-direction:column;gap:30px;height:100vh;padding:30px 18px 22px;display:flex;position:sticky;top:0}.side-logo{padding:0 10px}.side-logo .brand{font-size:18px}.side-logo small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:5px 0 0 50px;font-size:10px;display:block}.side-nav{flex-direction:column;gap:8px;display:flex}.navitem{color:#aeb8c9;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:13px 14px;font-size:13px;font-weight:700;display:flex}.navitem:hover{background:#ffffff0a}.navitem.active{color:#f2d4a8;background:#d7ae771a}.navitem svg{opacity:.85}.side-spacer{flex:1}.side-card{background:linear-gradient(145deg,#222535,#152334);border:1px solid #4a4b53;border-radius:17px;padding:16px}.side-card .large-num{letter-spacing:-.06em;margin:5px 0;font-size:30px;font-weight:850}.side-card .meter{background:#111724;border-radius:8px;height:5px;margin:12px 0;overflow:hidden}.side-card .meter i{background:var(--accent);height:100%;display:block}.side-card .btn{width:100%;margin-top:8px}.sidebar-foot{color:var(--muted);text-align:center;font-size:10px}.main{width:100%;min-width:0}.content{max-width:1160px;margin:0 auto;padding:32px clamp(20px,4.5vw,72px) 80px}.topbar{justify-content:space-between;align-items:center;gap:12px;height:47px;margin-bottom:35px;display:flex}.topbar-left{color:var(--muted);letter-spacing:.025em;font-size:12px}.topbar-right{align-items:center;gap:9px;display:flex}.balance-chip{color:#ead1ae;cursor:pointer;background:#d7ad750e;border:1px solid #d7ad7540;border-radius:50px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;font-weight:760;display:inline-flex}.avatar{color:#f3e2c5;background:#3b4c62;border-radius:50%;place-items:center;width:35px;height:35px;font-size:12px;font-weight:900;display:grid}.home-hero{background:#1b2434 url(./assets/portal.svg) 50% 43%/cover no-repeat;border:1px solid #384155;border-radius:24px;align-items:flex-end;height:360px;display:flex;position:relative;overflow:hidden}.home-hero:after{content:"";background:linear-gradient(90deg,#0b111fe0 4%,#0b111f85 55%,#0b111f29),linear-gradient(#0000 35%,#0b111fd6);position:absolute;top:0;bottom:0;left:0;right:0}.home-hero .hero-content{z-index:1;max-width:660px;padding:39px 44px;position:relative}.home-hero h1{margin:12px 0}.home-hero p{color:#d3d0ce;max-width:490px;margin:0 0 20px;font-size:14px}.hero-buttons{flex-wrap:wrap;gap:9px;display:flex}.quick-row{grid-template-columns:1fr 1fr 1fr;gap:14px;margin:18px 0 0;display:grid}.metric{border:1px solid var(--border);background:var(--panel);border-radius:16px;padding:18px}.metric strong{letter-spacing:-.04em;margin-top:5px;font-size:27px;display:block}.story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.story-card{background:var(--panel);border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--text);border-radius:19px;width:100%;padding:0;transition:transform .18s,border-color .18s;display:block;overflow:hidden}.story-card:hover{border-color:#667089;transform:translateY(-3px)}.story-card .cover{background-position:50%;background-size:cover;height:156px;position:relative}.story-card .cover:after{content:"";background:linear-gradient(#0000 40%,#0b111f90);position:absolute;top:0;bottom:0;left:0;right:0}.story-card .cover .cover-label{z-index:2;position:absolute;bottom:13px;left:16px}.story-card .card-body{padding:16px}.story-card .card-body h3{margin-bottom:6px}.story-card .card-body p{color:var(--muted);min-height:38px;font-size:12px;line-height:1.5}.story-card .card-footer{border-top:1px solid var(--border);color:#cbd2df;justify-content:space-between;margin-top:15px;padding-top:12px;font-size:11px;display:flex}.story-card .card-footer b{color:var(--accent)}.empty-state{text-align:center;border:1px dashed #46516b;border-radius:20px;padding:48px 24px}.empty-state p{color:var(--muted);max-width:420px;margin:9px auto 20px}.wallet-header{background:linear-gradient(110deg,#292a36,#172534);border:1px solid #4e4a4a;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.wallet-header .count{letter-spacing:-.075em;font-size:58px;font-weight:850;line-height:1}.wallet-header .count span{letter-spacing:0;color:var(--muted);font-size:16px;font-weight:600}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:17px;display:grid}.plan-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:12px;padding:22px;display:flex}.plan-card.featured{background:linear-gradient(135deg,#2d2a2c,#192333);border-color:#caa16b}.plan-card .price{letter-spacing:-.04em;font-size:31px;font-weight:850}.plan-card .price span{color:var(--muted);font-size:12px;font-weight:500}.plan-card ul{color:#c8ccd3;flex:1;gap:9px;margin:0;padding-left:19px;font-size:12px;line-height:1.5;display:grid}.plan-card .btn{width:100%}.transaction{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:11px 0;font-size:13px;display:flex}.transaction:last-child{border:0}.transaction .positive{color:var(--success)}.transaction .negative{color:#edb9a7}.setting-group{margin-top:20px}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:25px;padding:15px 0;display:flex}.setting-row:last-child{border:0}.setting-row .setting-note{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.45}.seg-switch{border:1px solid var(--border);background:#0b1421;border-radius:10px;gap:2px;padding:3px;display:flex}.seg-switch button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:8px 10px;font-size:12px;font-weight:700}.seg-switch button.on{color:#fff;background:#303e55}.toggle{background:#455069;border:0;border-radius:99px;flex:none;width:44px;height:25px;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:19px;height:19px;transition:left .15s;position:absolute;top:3px;left:3px}.toggle.on{background:#cbaa7a}.toggle.on:after{left:22px}.range{width:min(210px,100%);accent-color:var(--accent)}.story-detail{background:var(--panel);border:1px solid var(--border);border-radius:24px;overflow:hidden}.story-banner{background-position:50%;background-size:cover;align-items:flex-end;height:340px;display:flex;position:relative}.story-banner:after{content:"";background:linear-gradient(#11192725 20%,#111927 96%);position:absolute;top:0;bottom:0;left:0;right:0}.story-banner .banner-content{z-index:1;padding:34px;position:relative}.story-banner h1{margin:9px 0 10px}.story-detail-body{padding:25px 32px}.chapters{gap:10px;display:grid}.chapter-row{border:1px solid var(--border);background:#111a29;border-radius:13px;align-items:center;gap:14px;padding:16px;display:flex}.chapter-num{color:#e8d3b5;border:1px solid #485267;border-radius:12px;place-items:center;width:39px;height:39px;font-weight:800;display:grid}.chapter-row .chapter-info{flex:1}.chapter-row .chapter-info p{color:var(--muted);font-size:12px}.player{background:#080e16;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.scene-bg{opacity:.69;filter:saturate(.92);background-position:50%;background-size:cover;position:fixed;top:0;bottom:0;left:0;right:0}.scene-bg:after{content:"";background:linear-gradient(#070d16b5 0%,#070d167a 32%,#070d16c7 66%,#070d16fb 100%);position:absolute;top:0;bottom:0;left:0;right:0}.player-inner{z-index:1;flex-direction:column;width:min(900px,100%);min-height:100vh;margin:0 auto;padding:36px 28px 50px;display:flex;position:relative}.player-top{align-items:center;gap:14px;display:flex}.player-top .title-stack{flex:1;min-width:0}.player-top .title-stack b{font-size:13px;display:block}.player-top .title-stack small{color:#b9baca;font-size:11px}.progress-segs{gap:5px;width:100%;margin-top:25px;display:flex}.progress-segs span{background:#ffffff2d;border-radius:8px;flex:1;height:4px;transition:background .2s}.progress-segs span.done{background:#d8b17b}.progress-segs span.active{background:#f6d7ab}.player-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:510px;padding:38px 0 24px;display:flex}.story-kicker{letter-spacing:.22em;text-transform:uppercase;color:#e4c39b;margin-bottom:28px;font-size:10px;font-weight:800}.speech-text{letter-spacing:-.028em;text-wrap:balance;text-shadow:0 8px 35px #00000080;max-width:830px;font-family:Georgia,Times New Roman,serif;font-size:clamp(31px,5vw,56px);line-height:1.2}.speech-translation{color:#d2d2d7;max-width:580px;margin-top:22px;font-size:clamp(14px,1.65vw,18px);line-height:1.65}.pattern-wrap{text-align:left;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#111b2edb;border:1px solid #7b7c8147;border-radius:14px;width:100%;max-width:600px;margin:28px auto 0;padding:14px 16px}.pattern-wrap .pattern-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.pattern-wrap .pattern-title small{letter-spacing:.08em;text-transform:uppercase;color:#e3bc86;font-size:11px;font-weight:800}.pattern-wrap .pattern-value{margin-top:6px;font-size:14px;font-weight:750}.pattern-wrap .pattern-desc{color:#c0c6d2;margin-top:5px;font-size:12px;line-height:1.5}.mastered-btn{color:#cccdd1;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff23;border-radius:9px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.mastered-btn.on{color:#99edc6;background:#50b48d1a;border-color:#99edc647}.now-status{color:#c4cbd5;align-items:center;gap:8px;margin-top:26px;font-size:12px;display:flex}.phase-dot{background:#e3bb80;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 6px #e4b97c1a}.phase-dot.pause{background:#8fdfb0;box-shadow:0 0 0 6px #8fdfb01a}.player-actions{justify-content:center;align-items:center;gap:17px;display:flex}.control-btn{color:#fff;background:#15203699;border:1px solid #ffffff35;border-radius:50%;place-items:center;width:47px;height:47px;display:grid}.control-btn.main-play{background:var(--accent);color:#15202b;border:0;width:64px;height:64px}.player-hint{text-align:center;color:#c7c6cc;margin-top:18px;font-size:12px}.choice-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;padding:30px 0;display:flex}.choice-stage h1{max-width:680px;font-family:Georgia,serif;font-size:clamp(29px,5vw,51px)}.choice-stage .subtitle{text-align:center;max-width:560px}.choice-buttons{gap:12px;width:min(600px,100%);margin-top:12px;display:grid}.choice-buttons button{color:#fff;text-align:left;background:#172438e8;border:1px solid #ac977763;border-radius:15px;padding:18px;font-size:14px;font-weight:730;line-height:1.5}.choice-buttons button:hover{background:#34405a}.choice-buttons button b{width:27px;height:27px;color:var(--accent);background:#ffffff13;border-radius:8px;place-items:center;margin-right:12px;display:inline-grid}.review-card{text-align:center;background:#0c1625e8;border:1px solid #536074;border-radius:20px;width:min(600px,100%);padding:28px}.review-ru{margin:22px 0;font-size:23px;line-height:1.45}.review-en{color:#edcf9b;margin:15px 0;font-family:Georgia,serif;font-size:27px;line-height:1.4}.review-answer{grid-template-columns:1fr 1fr;gap:10px;display:grid}.scene-stage-caption{color:#bbbcc4;text-align:center;margin-top:13px;font-size:12px}.demo-note{color:#99a7bb;margin-top:11px;font-size:11px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050812bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{width:min(490px,100%);box-shadow:var(--shadow);background:#151e2d;border:1px solid #45526b;border-radius:21px;max-height:calc(100vh - 40px);padding:25px;overflow:auto}.modal-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:13px;display:flex}.modal-title{letter-spacing:-.04em;font-size:22px;font-weight:800}.modal p{color:var(--muted);font-size:13px}.modal .pay-preview{border:1px solid var(--border);background:#0e1724;border-radius:14px;margin-top:17px;padding:16px}.modal .pay-preview strong{font-size:26px}.toast{z-index:220;color:#1c1f25;opacity:0;pointer-events:none;text-align:center;background:#e9c18b;border-radius:14px;max-width:min(92vw,500px);padding:12px 20px;font-size:13px;font-weight:740;transition:all .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,28px);box-shadow:0 10px 35px #0008}.toast.show{opacity:1;transform:translate(-50%)}.bottom-nav{display:none}.light-mode{--bg:#f2f1ed;--panel:#fff;--panel2:#ececf0;--border:#dcdfe6;--muted:#647081;--text:#1d2736;--accent:#967047;--accent-deep:#f6eee5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.light-mode .shell,.light-mode .main{background:var(--bg)}.light-mode .sidebar{background:#f9f8f5}.light-mode .side-card{background:#f6f3f0}.light-mode .option{color:var(--text);background:#f8f8fc}.light-mode .soft-inset{background:#f7f8fb}.light-mode .field{color:var(--text);background:#f8f8fb}.light-mode .plan-card,.light-mode .metric{background:#fff}.light-mode .tag{color:#546073}.light-mode .story-card{color:var(--text)}.light-mode .chapter-row{background:#f6f7fa}.light-mode .pill-tabs,.light-mode .seg-switch{background:#f3f4f7}.light-mode .seg-switch button.on{color:#182334;background:#c8d0df}.light-mode .onboard-main{background:#f7f5f1}.light-mode .onboard-shell{color:var(--text)}.light-mode .onboard-progress span{background:#e7dfd2}.light-mode .onboard-progress span.active{background:var(--accent)}.light-mode .modal{background:#fdfdfd}.light-mode .modal .pay-preview{background:#f6f7f9}@media (max-width:1100px){.shell{grid-template-columns:214px minmax(0,1fr)}.content{padding:24px 30px 80px}.onboard-art{padding:35px}.onboard-layout{grid-template-columns:1fr 1fr}}@media (max-width:800px){.onboard-layout{display:block}.onboard-art{display:none}.onboard-main{min-height:100vh;padding:24px 20px 44px}.onboard-shell{max-width:500px;min-height:initial}.shell{display:block}.sidebar{display:none}.content{padding:20px 18px 108px}.topbar{margin-bottom:23px}.mobile-only{display:initial}.bottom-nav{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:10px 8px max(12px, env(safe-area-inset-bottom));background:#101725f5;border-top:1px solid #2b3448;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#8d99ad;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;min-width:63px;font-size:10px;font-weight:680;display:flex}.bottom-nav button.active{color:var(--accent)}.home-hero{height:325px}.home-hero .hero-content{padding:25px}.quick-row{grid-template-columns:repeat(3,1fr);gap:8px}.metric{padding:13px}.metric strong{font-size:23px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.story-card .cover{height:138px}.story-card .card-body{padding:13px}.plan-grid{grid-template-columns:1fr;gap:11px}.plan-card{padding:18px}.wallet-header .count{font-size:43px}.story-banner{height:290px}.player-inner{padding:21px 17px 29px}.player-stage{min-height:420px}.speech-text{font-size:clamp(28px,7vw,44px)}.pattern-wrap{margin-top:22px}.choice-stage h1{font-size:34px}.modal-backdrop{align-items:flex-end;padding:0}.modal{width:100%;max-height:90vh;padding:25px 20px max(20px, env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.light-mode .bottom-nav{background:#fdfcf9f5;border-color:#e0e0df}}@media (max-width:440px){.topbar-left{display:none}.topbar{justify-content:flex-end}.home-hero{height:326px}.home-hero h1{font-size:33px}.home-hero p{font-size:13px}.story-grid{grid-template-columns:1fr 1fr}.story-card .cover{height:116px}.story-card .card-body h3{font-size:16px}.story-card .card-body p{min-height:56px}.metric strong{font-size:19px}.metric .tiny{font-size:10px}.choice-grid{gap:7px}.option.compact{min-height:51px;padding:10px 7px;font-size:12px}.onboard-title{margin-top:19px}.onboard-sub{margin-bottom:18px}.onboard-actions{margin-top:14px}.onboard-main{padding-top:22px}.wallet-header{padding:18px}.wallet-header .count{font-size:37px}.section-head{margin-top:28px}.story-banner .banner-content{padding:24px}.story-detail-body{padding:17px}.player-stage{padding-top:23px}.speech-text{font-size:30px}.speech-translation{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.player,.onboard-art{color:#f4f0e8}.login-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-bg{opacity:.28;filter:blur(2px);background-position:50%;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.login-card{border:1px solid var(--border);width:min(520px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121a28e0;border-radius:28px;padding:34px 30px;position:relative}.login-card h1{font-size:clamp(30px,6vw,42px)}html.tg .bottom-nav{padding-bottom:max(8px, env(safe-area-inset-bottom))}