:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#f7fbff;background:#020b1c;font-synthesis:none}*{box-sizing:border-box}button{font:inherit}body{margin:0;min-width:320px;min-height:100vh;background:#020714;-webkit-font-smoothing:antialiased}.mobile-prototype{width:min(100vw,390px);height:min(100dvh,844px);margin-inline:auto;overflow:hidden;position:relative;background:#061226;border-inline:1px solid rgba(127,204,255,.16)}.home-screen{height:100%;display:flex;flex-direction:column;background:#061225}.hero{height:278px;flex:0 0 278px;background-image:url(/assets/hero.png);background-size:cover;background-position:center top}.balance-strip{height:76px;flex:0 0 76px;display:flex;align-items:center;justify-content:center;gap:10px;background:#07172d;border-block:1px solid rgba(73,188,255,.38);box-shadow:inset 0 0 26px #0092ff38}.balance-strip svg{width:42px;height:42px;color:#ffd65a;filter:drop-shadow(0 0 9px #ffbd18)}.balance-strip span{font-size:22px;font-weight:800;color:#e8f7ff}.balance-strip strong{font-size:42px;line-height:1;color:#fff;text-shadow:0 0 12px #15b7ff}.timer-banner{margin:7px 17px 0;min-height:46px;border:1px solid #3c83b5;border-radius:14px;background:#0b2a4b;color:#fff;display:grid;grid-template-columns:30px 1fr auto 18px;align-items:center;gap:8px;padding:7px 11px;text-align:left}.timer-banner svg{width:23px;height:23px;color:#51c6ff}.timer-banner strong{color:#ffd24a;font-size:13px}.session-banner{border-color:#287ab1;background:#092744}.session-banner strong{color:#65d0ff}.primary-actions{display:grid;gap:5px;padding:7px 17px 5px}.image-action,.image-entry{display:block;width:100%;border:0;padding:0;background:transparent}.image-action img,.image-entry img,.goal-image img{display:block;width:100%;height:100%;object-fit:fill}.image-action:first-child{height:92px}.image-action:last-child{height:88px}.image-action:active,.image-entry:active{transform:scale(.99);filter:brightness(1.1)}.shop-image{height:47px;padding-inline:22px;margin-bottom:4px}.goal-image{height:75px;padding-inline:17px;margin-bottom:4px}.photo-goal-card{height:100%;position:relative;overflow:hidden;display:grid;grid-template-columns:70px 1fr;grid-template-rows:1fr 7px;gap:0 10px;padding:6px 10px;border:1px solid #2b9de2;border-radius:10px;background:linear-gradient(90deg,#0a2a4b,#0c182f);box-shadow:inset 0 0 18px #00a4ff33}.photo-goal-card img{grid-row:1 / -1;width:64px;height:59px;object-fit:cover;border-radius:7px;border:1px solid #69cfff}.photo-goal-card div{min-width:0;display:grid;align-content:center;gap:1px}.photo-goal-card span,.photo-goal-card small{color:#9bc2df;font-size:10px}.photo-goal-card strong{overflow:hidden;color:#fff;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.photo-goal-card progress{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;border:0;border-radius:4px;background:#173757}.photo-goal-card progress::-webkit-progress-bar{background:#173757}.photo-goal-card progress::-webkit-progress-value{background:linear-gradient(90deg,#ffd348,#ff8c38);border-radius:4px}.bottom-nav{margin-top:auto;height:72px;flex:0 0 72px;display:grid;grid-template-columns:repeat(4,1fr);background:#091a31;border-top:1px solid #34516f;padding:7px 7px 5px}.bottom-nav button{border:0;background:transparent;color:#aeb8c8;display:grid;justify-items:center;gap:3px;font-size:12px}.bottom-nav svg{width:26px;height:26px}.bottom-nav button.active{color:#36b9ff;text-shadow:0 0 10px #168fff}.screen-header{height:64px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding:0 10px;border-bottom:1px solid #263f60}.screen-header button{border:0;background:transparent;color:#fff;display:grid;place-items:center}.screen-header button svg{width:26px;height:26px}.screen-header h1{margin:0;text-align:center;font-size:20px}.session-screen,.complete-screen,.shop-screen,.timer-screen,.records-screen,.parent-screen{height:100%;background:#061226;position:relative}.session-orbit{height:190px;display:grid;place-items:center;align-content:center;gap:7px;background:#071b39;border-bottom:1px solid #1d5b8f}.session-orbit svg{width:52px;height:52px;color:#35baff}.session-orbit span{color:#9edcff;font-size:14px}.session-orbit strong{font-size:42px;letter-spacing:3px}.pending-energy{text-align:center;padding:22px 20px 16px}.pending-energy p{margin:0;color:#92a6bd}.pending-energy div{display:flex;justify-content:center;align-items:center;gap:9px;margin:7px 0}.pending-energy div svg{width:40px;height:40px;color:#ffd13e}.pending-energy div strong{font-size:58px;line-height:1}.pending-energy div span{align-self:end;margin-bottom:7px}.pending-energy small{color:#88a0b9}.collector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 18px}.collector-grid button{height:112px;position:relative;overflow:visible;border:1px solid #4ca2db;border-radius:18px;background:#0b3056;color:#fff;display:grid;place-items:center;align-content:center;gap:5px}.collector-grid button:active{background:#0b5c9b;transform:scale(.97)}.collector-grid button.collected{animation:collect-flash .42s ease-out;border-color:#ffe47b;background:#1267a6}.collector-grid svg{width:38px;height:38px;color:#ffd13e}.collector-grid strong{font-size:29px}.collect-confirm{position:absolute;inset:50% auto auto 50%;z-index:2;min-width:74px;padding:5px 8px;border:1px solid #ffec93;border-radius:16px;background:#0e426f;color:#fff6bd;font-size:11px;font-weight:900;white-space:nowrap;transform:translate(-50%,-50%);animation:collect-pop .42s ease-out both}@keyframes collect-flash{0%{transform:scale(1);box-shadow:0 0 #ffd33e00}35%{transform:scale(1.07);box-shadow:0 0 22px #ffd33ee6}to{transform:scale(1);box-shadow:0 0 #ffd33e00}}@keyframes collect-pop{0%{opacity:0;transform:translate(-50%,-28%)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-115%)}}.session-footer{position:absolute;inset:auto 0 0;padding:12px 18px 18px;display:grid;grid-template-columns:.9fr 1.35fr;gap:10px;background:#07182d;border-top:1px solid #274866}.session-footer button{height:52px;border-radius:14px;font-weight:800}.undo-button{border:1px solid #47627c;background:#13243a;color:#d9e8f5}.undo-button:disabled{opacity:.45}.finish-button{border:1px solid #85d5ff;background:#0874dd;color:#fff}.complete-screen{padding:90px 28px 30px;text-align:center}.complete-star{width:120px;height:120px;margin:0 auto 22px;display:grid;place-items:center;border-radius:50%;background:#11335a;border:2px solid #5dd1ff;box-shadow:0 0 40px #00b3ff66}.complete-star svg{width:68px;height:68px;color:#ffd646}.complete-screen p{color:#8fcfff;margin:0}.complete-screen h1{font-size:27px;margin:9px 0 18px}.credited{font-size:20px;color:#d4e6f6}.credited span{font-size:54px;font-weight:900;color:#ffd646}.complete-screen dl{margin:32px 0;border-block:1px solid #2c4965}.complete-screen dl div{display:flex;justify-content:space-between;padding:16px 2px}.complete-screen dt{color:#91a9c1}.complete-screen dd{margin:0;font-weight:800}.complete-screen>button{width:100%;height:56px;border:1px solid #85d5ff;border-radius:16px;background:#0874dd;color:#fff;font-weight:900;font-size:18px}.shop-balance{margin:22px 20px;padding:17px;border:1px solid #365b7f;border-radius:15px;background:#0c2340;display:flex;justify-content:center;align-items:center;gap:8px}.shop-balance svg{color:#ffd646;width:26px;height:26px}.shop-balance strong{font-size:25px}.shop-list{display:grid;margin:0 18px;border-block:1px solid #2a4967}.shop-list button{min-height:82px;border:0;border-bottom:1px solid #243f5b;background:transparent;color:#fff;display:grid;grid-template-columns:52px 1fr 24px;align-items:center;text-align:left}.item-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#0a6cd2}.item-icon svg{width:24px;height:24px}.shop-list button>span:nth-child(2){display:grid;gap:4px}.shop-list small{color:#8fa6bd}.shop-note{color:#7d93aa;text-align:center;font-size:13px;margin-top:28px}.timer-core{height:390px;display:grid;place-items:center;background:#071b39;border-bottom:1px solid #245985}.timer-ring{width:260px;height:260px;border-radius:50%;border:3px solid #43bfff;display:grid;place-items:center;align-content:center;gap:10px;box-shadow:inset 0 0 42px #009eff2e,0 0 32px #009eff24}.timer-ring>svg{width:52px;height:52px;color:#4bc6ff}.timer-ring strong{font-size:54px;letter-spacing:2px}.timer-ring span{color:#8fb2cf;font-size:13px}.timer-core.done .timer-ring{border-color:#ffd34a}.timer-core.done .timer-ring>svg,.timer-core.done .timer-ring strong{color:#ffd34a}.timer-actions{padding:24px 22px;text-align:center}.timer-actions p{color:#91a9c1;margin:0 0 16px}.timer-actions button{width:100%;height:56px;border:1px solid #84d6ff;border-radius:16px;background:#0876df;color:#fff;font-size:18px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px}.timer-actions button svg{width:24px;height:24px}.timer-actions button.secondary{border-color:#496983;background:#122942;font-size:16px}.records-balance{margin:16px 18px 10px;padding:15px;border:1px solid #365b7f;border-radius:15px;background:#0c2340;display:flex;justify-content:center;align-items:center;gap:8px}.records-balance svg{width:25px;height:25px;color:#ffd646}.records-balance strong{font-size:25px}.records-list{margin:0 18px;border-top:1px solid #294763}.records-list article{min-height:76px;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:9px;border-bottom:1px solid #223e58}.records-list article>span{font-size:24px;font-weight:900}.records-list .income{color:#ffd043}.records-list .expense{color:#62c7ff}.records-list article div{display:grid;gap:4px}.records-list small{color:#7890a7;font-size:11px}.empty-records{display:grid;place-items:center;padding-top:120px;color:#7089a3;text-align:center}.empty-records svg{width:50px;height:50px}.header-text-button{color:#8fd5ff!important;font-size:13px}.parent-gate{padding:62px 26px 24px;text-align:center;display:grid;justify-items:stretch;gap:17px}.gate-icon{width:82px;height:82px;margin:0 auto;border:1px solid #45bfff;border-radius:50%;display:grid;place-items:center;background:#0b2d51;box-shadow:0 0 30px #00a4ff38}.gate-icon svg{width:40px;height:40px;color:#57c9ff}.parent-gate p{margin:0;color:#91a9c1}.word-challenge{color:#ffd34c;font-size:34px;letter-spacing:2px;text-transform:uppercase}.parent-gate label{color:#90a9c0;display:grid;gap:8px;text-align:left;font-size:13px}.parent-gate input,.add-item input{width:100%;border:1px solid #3d6485;border-radius:13px;background:#0b2039;color:#fff;padding:13px 14px;font-size:17px}.parent-gate input{text-align:center;font-size:26px}.parent-gate small{color:#ff8790}.parent-gate>button{height:54px;border:1px solid #82d5ff;border-radius:15px;background:#0876df;color:#fff;font-weight:900}.parent-gate>button:disabled,.add-item button:disabled{opacity:.45}.parent-scroll{height:calc(100% - 64px);overflow-y:auto;padding:16px 16px 28px}.parent-card{margin-bottom:14px;padding:17px;border:1px solid #2e5273;border-radius:17px;background:#0a1d35}.parent-card h2{margin:0;font-size:18px}.parent-card-title{display:flex;align-items:center;justify-content:space-between}.parent-card-title>strong{color:#ffd34c;font-size:13px}.parent-card>p{margin:5px 0 14px;color:#829ab1;font-size:12px;line-height:1.5}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.stats-grid div{padding:11px 4px;border-radius:11px;background:#07182c;display:grid;justify-items:center;gap:4px}.stats-grid strong{color:#ffd34c;font-size:22px}.stats-grid span{color:#819ab2;font-size:10px}.trend-legend{display:flex;gap:13px;margin:12px 0 9px;color:#7f98af;font-size:10px}.trend-legend span:last-child{margin-left:auto}.trend-legend .study-key:before,.trend-legend .exercise-key:before{content:"";display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#25aef3}.trend-legend .exercise-key:before{background:#ff6472}.trend-list{display:grid;gap:6px}.trend-day{display:grid;grid-template-columns:36px 1fr 25px;align-items:center;gap:8px;font-size:10px;color:#819ab2}.trend-day>strong{color:#d8e9f5;text-align:right}.trend-bars{display:grid;gap:3px}.trend-bars progress{width:100%;height:5px;border:0;border-radius:5px;overflow:hidden;background:#122b44;-webkit-appearance:none;-moz-appearance:none;appearance:none}.trend-bars progress::-webkit-progress-bar{background:#122b44}.trend-bars progress::-webkit-progress-value{background:#25aef3;border-radius:5px}.trend-bars progress.exercise-progress::-webkit-progress-value{background:#ff6472}.trend-bars progress::-moz-progress-bar{background:#25aef3;border-radius:5px}.trend-bars progress.exercise-progress::-moz-progress-bar{background:#ff6472}.device-card>p{margin-bottom:12px}.device-card>button{width:100%;height:42px;border:1px solid #5fc9ff;border-radius:12px;background:#0a6fd1;color:#fff;font-weight:800}.adjust-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.adjust-form .adjust-direction{grid-column:1 / -1}.adjust-form input{width:100%;min-width:0;border:1px solid #3d6485;border-radius:11px;background:#0b2039;color:#fff;padding:11px}.adjust-form>button{grid-column:1 / -1;height:42px;border:1px solid #5fc9ff;border-radius:12px;background:#0a6fd1;color:#fff;font-weight:800}.adjust-form>button:disabled{opacity:.45}.adjust-direction button.subtract.selected{border-color:#ff8992;background:#9b3341}.level-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.level-switch button{height:43px;border:1px solid #365c7d;border-radius:12px;background:#102842;color:#aec3d6}.level-switch button.selected{border-color:#62caff;background:#0876df;color:#fff;font-weight:800}.managed-items{border-top:1px solid #29455e}.managed-items article{min-height:66px;display:grid;grid-template-columns:42px 1fr 80px;gap:8px;align-items:center;border-bottom:1px solid #29455e}.managed-items article>div{display:grid;gap:4px}.managed-items small{color:#7f98af;font-size:11px}.status-toggle{width:38px;height:23px;padding:2px;border:0;border-radius:14px;background:#3f5368}.status-toggle span{display:block;width:19px;height:19px;border-radius:50%;background:#fff;transition:transform .18s}.status-toggle.on{background:#1685e8}.status-toggle.on span{transform:translate(15px)}.delete-item{border:0;background:transparent;color:#7890a7;display:grid;place-items:center}.delete-item svg{width:20px;height:20px}.item-controls{display:flex;align-items:center;justify-content:end;gap:3px}.feature-item{border:1px solid #3c6788;border-radius:8px;background:#102943;color:#9cc6e2;padding:5px;font-size:10px}.feature-item.selected{border-color:#ffd74b;background:#66501b;color:#ffe890}.add-item{display:grid;grid-template-columns:1fr 90px;gap:8px;margin-top:14px}.add-item input{min-width:0;font-size:14px;padding:11px}.add-item button{grid-column:1 / -1;height:43px;border:1px solid #5fc9ff;border-radius:12px;background:#0a6fd1;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px}.photo-file-input{position:absolute;width:1px!important;height:1px;opacity:0;pointer-events:none}.add-item .photo-picker{grid-column:1 / -1;height:72px;border:1px dashed #4b8cb6;background:#0b2541;color:#a8cee6;font-size:13px}.photo-picker svg{width:20px;height:20px}.photo-picker img{width:100%;height:100%;object-fit:cover;border-radius:10px}.photo-error{grid-column:1 / -1;color:#ff8b94;font-size:11px}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:end;background:#00040cad}.purchase-sheet{width:100%;padding:10px 20px 24px;border-radius:24px 24px 0 0;border-top:1px solid #4da5df;background:#0a1d35;box-shadow:0 -18px 46px #00000075}.sheet-handle{width:42px;height:5px;margin:0 auto 17px;border-radius:5px;background:#627b96}.purchase-sheet>p:first-of-type{margin:0;color:#88b8da;text-align:center;font-size:13px}.purchase-sheet h2{margin:6px 0 18px;text-align:center;font-size:25px}.minute-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.minute-options button{height:46px;border:1px solid #375c7c;border-radius:12px;background:#102b48;color:#c9def1}.minute-options button.selected{border-color:#62caff;background:#0876df;color:#fff;font-weight:800}.math-line{margin:16px 0;padding:13px;border-radius:12px;background:#07182c;text-align:center;color:#9db2c8}.math-line strong{color:#ffd243;font-size:22px}.physical-detail{color:#9db2c8;text-align:center}.purchase-balance{display:flex;justify-content:space-between;padding:10px 2px;border-bottom:1px solid #243c55}.purchase-balance span{color:#8fa6bd}.purchase-balance .insufficient{color:#ff6b74}.math-challenge{margin-top:12px;padding:11px;border:1px solid #284d6e;border-radius:13px;background:#07182c;text-align:center}.math-challenge p{margin:0 0 9px;color:#c8dff1;font-weight:800}.math-challenge>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.math-challenge button{height:37px;border:1px solid #3e6585;border-radius:10px;background:#102e4d;color:#fff;font-weight:900}.math-challenge button.correct{border-color:#5ee6a0;background:#0d714b}.math-challenge button.wrong{border-color:#ff7f89;background:#71303a}.math-challenge small{display:block;min-height:16px;margin-top:7px;color:#83a1bb;font-size:10px}.sheet-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:9px;margin-top:18px}.sheet-actions button{height:52px;border-radius:14px;font-weight:800}.sheet-actions .cancel{border:1px solid #48627d;background:#13243a;color:#d3e2ee}.sheet-actions .confirm{border:1px solid #87d8ff;background:#0876df;color:#fff}.toast{position:absolute;left:50%;bottom:88px;transform:translate(-50%);width:max-content;max-width:84%;padding:10px 15px;border-radius:22px;background:#000000d1;color:#fff;font-size:13px;z-index:60}button:focus-visible{outline:3px solid #fff;outline-offset:2px}@media(max-height:760px){.hero{height:240px;flex-basis:240px}.balance-strip{height:66px;flex-basis:66px}.image-action:first-child,.image-action:last-child{height:72px}.goal-image{display:none}.screen-header{height:52px}.session-orbit{height:120px;gap:3px}.session-orbit svg{width:36px;height:36px}.session-orbit strong{font-size:34px}.pending-energy{padding:12px 20px 8px}.pending-energy div{margin:2px 0}.pending-energy div svg{width:32px;height:32px}.pending-energy div strong{font-size:46px}.collector-grid{gap:8px;padding:7px 18px 86px}.collector-grid button{height:82px;border-radius:15px}.collector-grid svg{width:29px;height:29px}.collector-grid strong{font-size:24px}.session-footer{padding:10px 14px 12px}.session-footer button{height:48px;font-size:13px}.complete-screen{padding-top:52px}.complete-star{width:92px;height:92px}.shop-balance{margin-block:12px;padding:12px}.shop-list button{min-height:70px}.purchase-sheet{padding-bottom:14px}.purchase-sheet h2{margin-bottom:11px}.math-line{margin:9px 0;padding:9px}.purchase-balance{padding:6px 2px;font-size:13px}.math-challenge{margin-top:8px;padding:8px}.math-challenge p{margin-bottom:6px;font-size:13px}.sheet-actions{margin-top:10px}.sheet-actions button{height:46px}.parent-gate{padding-top:34px}.parent-scroll{height:calc(100% - 52px);padding-top:10px}.timer-core{height:330px}.timer-ring{width:220px;height:220px}.timer-ring strong{font-size:45px}.timer-actions{padding:16px 18px}.timer-actions button{height:50px}}