:root{--bg:#f7f9f5;--ink:#263e35;--muted:#85918a;--green:#427861;--line:#e5ebe3;--mint:#e9f1e8;--lav:#eeeafa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px -apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC',sans-serif}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #92b6a3;outline-offset:4px}.shell{max-width:1440px;margin:auto}header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 6%;background:#ffffffaa}.brand{font-weight:750;font-size:23px;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.logo{display:grid;place-items:center;background:var(--green);color:white;border-radius:13px;width:37px;height:37px;font-size:24px}nav{display:flex;gap:34px}nav button{padding:33px 0;font-size:14px;color:#839087}nav button.active{color:var(--green);box-shadow:inset 0 -3px var(--green)}.avatar{background:#eae3d7;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-weight:600}.user{display:flex;gap:12px;align-items:center}.user small{color:var(--muted)}main{max-width:1190px;margin:0 auto;padding:38px 28px 60px}.eyebrow{font-size:11px;color:var(--green);font-weight:700;letter-spacing:2px;text-transform:uppercase}.muted,small{color:var(--muted)}h1{font-size:40px;font-weight:650;letter-spacing:-1.7px;line-height:1.35;margin:18px 0}h2{font-size:23px;letter-spacing:-.6px;margin:0}h3{font-size:18px;margin:14px 0 9px}p{line-height:1.85;margin:10px 0;color:#76837b}.hero{background:#eaf1e7;border-radius:25px;padding:44px;display:grid;grid-template-columns:1.3fr 1fr;min-height:310px;position:relative;overflow:hidden}.hero p{max-width:440px}.hero-actions{display:flex;gap:13px;margin-top:24px}.btn{padding:12px 20px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:13px;display:inline-block}.primary{background:var(--green);color:white;border-color:var(--green)}.link{color:var(--green);font-size:13px}.art{position:relative;display:flex;align-items:center;justify-content:center}.orbit{width:245px;height:245px;border:1px solid #c9d9c9;border-radius:50%;position:relative;background:radial-gradient(circle,#ffffff77,transparent 70%)}.orbit:after{content:'';position:absolute;inset:26px;border:1px dashed #c4d6c3;border-radius:50%}.book{position:absolute;width:142px;height:172px;padding:24px 19px;border-radius:8px 16px 16px 8px;box-shadow:9px 14px 22px #46624320;border-left:6px solid #ffffff80;transform:rotate(-13deg);background:#f9faf2;top:22px;left:-10px;z-index:2}.book b{display:block;font-size:23px;margin-top:26px}.book span{font-size:10px;letter-spacing:2px}.book.second{background:#dcd6ed;left:125px;top:65px;transform:rotate(14deg);z-index:3}.spark{position:absolute;right:15px;top:0;font-size:30px;color:#72977a}.section-title{display:flex;align-items:center;justify-content:space-between;margin:32px 0 18px}.section-title p{margin:7px 0 0;font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:24px}.card p{font-size:13px}.card-top{display:flex;align-items:center;justify-content:space-between}.icon{width:47px;height:47px;border-radius:14px;background:var(--mint);display:grid;place-items:center;font-size:24px;color:#60846d}.purple{background:var(--lav);color:#9682b2}.peach{background:#f8eedf;color:#b79c72}.pill{font-size:10px;padding:5px 9px;border-radius:20px;background:#eff5ed;color:#6a8867}.pill.gray{background:#f5f5f2;color:#9caaa0}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.tag{font-size:10px;background:#f6f7f3;border:1px solid #eff0e9;padding:5px 8px;border-radius:5px;color:#829081}.card-foot{border-top:1px solid #f0f2ed;margin-top:20px;padding-top:15px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#85918a}.progress{height:5px;background:#edf0e9;border-radius:5px;overflow:hidden;margin:12px 0}.progress i{height:100%;background:#8eae91;display:block;border-radius:5px}.bottom-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-top:24px}.row{display:flex;align-items:center;justify-content:space-between;gap:14px}.row-left{display:flex;gap:16px;align-items:center}.streak{display:flex;gap:9px;margin-top:22px}.day{flex:1;text-align:center;color:#9aa69b;font-size:10px}.day i{font-style:normal;display:grid;place-items:center;border-radius:50%;width:28px;height:28px;margin:8px auto;background:#f1f4ed}.day.done i{background:#e4eee0;color:#70986f}.page-head{margin:12px 0 26px}.page-head h1{font-size:32px;margin:12px 0}.toolbar{display:flex;gap:10px;align-items:center;margin:24px 0}.toolbar input{margin-left:auto;width:250px;padding:12px;border:1px solid var(--line);border-radius:9px;background:white}.chip{padding:10px 16px;border:1px solid var(--line);border-radius:9px;background:#fff}.chip.active{background:var(--mint);border-color:#b4c7b4;color:var(--green)}.breadcrumb{font-size:12px;color:#829085;margin-bottom:23px}.question{padding:20px 0;border-bottom:1px solid var(--line)}.question:last-child{border:0}.question h3{font-size:16px}.answer{background:#f1f6ed;border-radius:12px;padding:18px;margin-top:20px;line-height:1.9}.two-col{display:grid;grid-template-columns:1fr 310px;gap:22px}.options{display:grid;gap:11px;margin:24px 0}.option{border:1px solid var(--line);border-radius:12px;padding:17px;text-align:left;background:white}.option.selected{border-color:var(--green);background:var(--mint)}.option.correct{border-color:#70a378;background:#e6f0e3}.notice{padding:14px 18px;background:#f0f2e9;border-radius:12px;font-size:12px;color:#81917b;margin:22px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.stat{background:white;padding:23px;border:1px solid var(--line);border-radius:15px}.stat b{display:block;font-size:28px;margin:8px 0}.radar{width:100%;max-height:310px}.radar text{font-size:11px;fill:#829183}.course-title{font-size:28px!important}.article{line-height:2.1}.article h2{margin-top:30px}.chapter{display:block;text-align:left;width:100%;padding:16px 10px;border-bottom:1px solid var(--line)}.chapter.active{background:var(--mint);border-radius:8px}.mobile-bar{display:none}footer{text-align:center;border-top:1px solid var(--line);padding:22px;color:#a1aaa1;font-size:10px;letter-spacing:1px}.prototype-note{font-size:10px;letter-spacing:1px;text-align:center;background:#edf1e9;color:#86947d;padding:7px}.locked{background:#fbfcf9;border-style:dashed}.device-label{text-align:center;font-size:12px;color:#849184;letter-spacing:2px;padding:20px}.app-mode{max-width:430px;margin:20px auto;border:8px solid #263c32;border-radius:46px;overflow:hidden;box-shadow:0 20px 80px #293e3222;background:var(--bg);height:880px;position:relative}.app-mode .shell{height:100%;overflow-y:auto;scrollbar-width:none;padding-bottom:65px}.statusbar{display:flex;justify-content:space-between;padding:14px 22px 2px;font-size:11px;font-weight:650}.app-mode header{height:70px;padding:0 22px}.app-mode nav{display:none}.app-mode .brand{font-size:20px}.app-mode .user>span{display:none}.app-mode main{padding:22px 20px 35px}.app-mode h1{font-size:28px}.app-mode .hero{padding:26px;display:block;min-height:0}.app-mode .hero h1{font-size:28px;margin:13px 0}.app-mode .hero p{font-size:12px}.app-mode .art{display:none}.app-mode .grid{grid-template-columns:1fr}.app-mode .card{padding:21px}.app-mode .bottom-grid,.app-mode .two-col{grid-template-columns:1fr}.app-mode .section-title{margin-top:27px}.app-mode h2{font-size:19px}.app-mode .stats{grid-template-columns:repeat(2,1fr);gap:10px}.app-mode .stat{padding:17px}.app-mode .toolbar{flex-wrap:wrap}.app-mode .toolbar input{width:100%;margin:0}.app-mode .page-head h1{font-size:27px}.app-mode .mobile-bar{display:flex;position:absolute;bottom:0;left:0;right:0;background:#fffffff5;border-top:1px solid var(--line);justify-content:space-around;padding:12px 3px 19px;z-index:10}.mobile-bar button{font-size:10px;color:#97a197}.mobile-bar b{display:block;font-size:19px;margin-bottom:5px;font-weight:400}.mobile-bar button.active{color:var(--green)}.app-mode footer{display:none}.app-mode .prototype-note{font-size:9px}.app-mode .hero-actions .btn{padding:11px 15px}.app-mode .page-head p{font-size:12px}.app-mode .breadcrumb{font-size:11px}.app-mode .course-title{font-size:23px!important}@media(max-width:700px){body:not(.phone-body) header{padding:0 15px;flex-wrap:wrap;height:auto}.shell nav{gap:18px}.shell nav button{padding:20px 0}.user>span{display:none}main{padding:25px 18px}.hero{display:block;padding:25px}.art{display:none}.grid,.two-col,.bottom-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}h1{font-size:30px}.toolbar{flex-wrap:wrap}.toolbar input{width:100%}.app-mode{margin:0 auto;border:0;border-radius:0;height:100dvh;max-width:460px}.device-label{display:none}}
.book p{font-size:10px;white-space:nowrap}.book span{font-size:8px;letter-spacing:1px;white-space:nowrap}
.app-mode header{height:auto;min-height:70px;padding-top:15px;flex-wrap:wrap}.app-mode header nav{order:3;display:flex;width:100%;justify-content:space-between;gap:12px;margin-top:8px}.app-mode header nav button{padding:14px 0;font-size:12px}.app-mode .mobile-bar{display:none}.app-mode .shell{padding-bottom:0}

.bank-entry{font-weight:650;padding:11px 16px;box-shadow:0 3px 8px #42786118;white-space:nowrap}.card-foot{gap:12px}.bank-picker{margin-bottom:22px}.bank-picker h3{margin:0}.bank-tabs{display:flex;gap:14px;margin-top:18px}.bank-tab{display:flex;align-items:center;gap:13px;padding:17px 20px;border:1px solid var(--line);border-radius:13px;text-align:left;background:#fff;flex:1;max-width:360px}.bank-tab.selected{border:1px solid var(--green);background:#f0f6ed;box-shadow:0 0 0 1px var(--green)}.bank-tab b{font-size:17px}.bank-tab small{display:block;margin-top:5px;font-size:11px}.selection-mark{margin-left:auto;color:var(--green);font-size:18px}.count-options{display:flex;gap:10px;margin:20px 0 28px}.count-options .chip{min-width:90px}.app-mode .bank-picker{padding:18px}.app-mode .bank-tabs{gap:10px}.app-mode .bank-tab{padding:13px 11px;gap:8px}.app-mode .bank-tab .icon{width:28px;height:32px;font-size:20px}.app-mode .bank-tab b{font-size:14px}.app-mode .selection-mark{font-size:13px}.app-mode .count-options .chip{flex:1;min-width:0}.app-mode .bank-entry{padding:11px 13px}
select{font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:9px;background:white;padding:12px;max-width:100%}textarea{display:block;width:100%;min-height:130px;padding:16px;margin:18px 0;border:1px solid var(--line);border-radius:12px;font:inherit;resize:vertical}.toolbar label{font-size:12px;white-space:nowrap}.toolbar input[type=checkbox]{width:auto}.text-line{min-height:8px;overflow-wrap:anywhere;line-height:1.9}.article section{margin:26px 0}.article section h2{margin-bottom:15px;font-size:21px}.article pre{overflow:auto;background:#edf2e9;padding:18px;border-radius:12px;font:13px/1.8 monospace;white-space:pre-wrap}.article code{font-family:monospace}.knowledge-image{max-width:100%;border-radius:14px}.article figure{margin:24px 0}.article figcaption{font-size:12px;color:var(--muted)}#busy{position:fixed;inset:0;background:#263e3540;z-index:900;display:grid;place-items:center}#busy[hidden]{display:none}.error{color:#a14238;background:#fae9e6}#auth-account{display:none!important}.bank-tabs{flex-wrap:wrap}mjx-container{overflow-x:auto;max-width:100%}@media(max-width:700px){header .brand{order:0}header nav{order:2;width:100%;justify-content:space-between}header{padding-top:15px!important}.bank-tab{padding:14px 10px;gap:8px}.bank-tab .icon{width:30px;height:34px}.bank-tab b{font-size:14px}h1{letter-spacing:-.8px}.toolbar select{flex:1}.toolbar input[type=search]{width:100%}.hero{padding:27px}.card-foot{flex-wrap:wrap}.row{flex-wrap:wrap}.hero-actions{flex-wrap:wrap}}