:root{--ink:#31415c;--muted:#77849a;--line:#e7e3dc;--cream:#fffaf2;--paper:#fff;--yellow:#ffd86b;--yellow2:#fff1b8;--blue:#7aa7ff;--blue2:#eaf2ff;--mint:#72c9a8;--mint2:#e9f8f2;--coral:#ff8f79;--coral2:#fff0ec;--lav:#a995ef;--lav2:#f1edff;--shadow:0 16px 36px rgba(73,84,108,.10)}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:radial-gradient(circle at 15% 0,#fff0c8 0 15%,transparent 32%),radial-gradient(circle at 90% 10%,#e8f2ff 0 14%,transparent 30%),var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.55}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:224px;position:fixed;inset:18px auto 18px 18px;background:#fff;border:2px solid #f0e7d7;border-radius:30px;padding:22px 16px;display:flex;flex-direction:column;box-shadow:var(--shadow);z-index:10}.brand{display:flex;align-items:center;gap:12px;padding:2px 8px 28px}.brand-mark{width:48px;height:48px;border-radius:17px;background:linear-gradient(145deg,var(--yellow),#ffbc59);display:grid;place-items:center;font-weight:900;font-size:23px;transform:rotate(-5deg);box-shadow:0 7px 0 #efd18a}.brand-name{font-weight:900;font-size:20px}.brand-caption{font-size:11px;color:var(--muted);font-weight:700}.nav-list{display:grid;gap:10px}.nav-item{border:0;background:transparent;color:var(--muted);height:52px;border-radius:17px;text-align:left;padding:0 14px;display:flex;align-items:center;gap:12px;font-weight:800;transition:.2s}.nav-item:hover{background:#fff7df;color:var(--ink);transform:translateX(2px)}.nav-item.active{background:var(--yellow2);color:#6c5722;box-shadow:inset 0 -3px 0 #f3dda0}.nav-icon{font-size:20px}.sidebar-bottom{margin-top:auto}.study-state{background:var(--mint2);border:2px dashed #b8e6d4;border-radius:18px;padding:12px;display:flex;gap:10px}.state-dot{width:10px;height:10px;border-radius:50%;background:var(--mint);margin-top:5px}.study-state strong,.profile-mini strong{display:block;font-size:12px}.study-state span:last-child,.profile-mini span{display:block;font-size:10px;color:var(--muted);margin-top:2px}.profile-mini{display:flex;align-items:center;gap:10px;padding:15px 5px 0}.avatar{width:38px;height:38px;border-radius:14px;background:#fff1c2;display:grid;place-items:center;font-size:20px}.main-content{margin-left:258px;width:calc(100% - 258px);padding:0 42px 60px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:13px;color:var(--muted);font-weight:700}.dot-separator{padding:0 7px}.help-button,.ghost-button{border:2px solid #eadfce;background:#fff;border-radius:999px;padding:10px 15px;color:var(--ink);font-weight:800;box-shadow:0 5px 0 #eee4d5}.help-button span{color:#e56f58}.view{max-width:1180px;margin:0 auto;padding-top:24px}.view[hidden]{display:none}.welcome-row{display:grid;grid-template-columns:1fr 180px;gap:24px;align-items:stretch;margin-bottom:34px}.welcome-row>div:first-child{background:linear-gradient(135deg,#fff7dd,#fffdf7);border:2px solid #f2e1aa;border-radius:32px;padding:28px 30px;position:relative;overflow:hidden}.welcome-row>div:first-child:after{content:'🌈';position:absolute;right:24px;bottom:8px;font-size:64px;opacity:.18}.eyebrow{margin:0 0 8px;color:#e8755c;font-size:12px;font-weight:900;letter-spacing:.08em}.welcome-row h1,.page-title h1,.paper-header h1,.review-celebration h1{margin:0 0 10px;font-size:clamp(30px,3vw,44px);line-height:1.16;letter-spacing:-.03em}.welcome-copy,.page-title p,.paper-header p{margin:0;color:var(--muted);font-size:15px}.today-summary{background:linear-gradient(145deg,#dff4ff,#eef9ff);border:2px solid #c8e8f6;border-radius:30px;padding:22px;display:grid;align-content:center;justify-items:center;text-align:center;box-shadow:0 8px 0 #d4edf8}.today-summary:before{content:'🧩';font-size:32px}.today-summary span,.today-summary small{font-size:11px;color:#628298;font-weight:800}.today-summary strong{font-size:38px;line-height:1.1;color:#3c6d87}.practice-section{margin-bottom:34px}.section-heading,.panel-heading,.page-title{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:15px}.heading-line{display:flex;align-items:center;gap:8px}.section-heading h2,.panel-heading h2{margin:0;font-size:22px}.section-heading p,.panel-heading p{margin:3px 0 0;color:var(--muted);font-size:13px}.type-chip,.count-pill,.filter-chip,.tiny-subject,.question-tags span{font-size:10px;font-weight:900;border-radius:999px;padding:5px 9px}.type-chip.daily{background:var(--blue2);color:#557fbf}.type-chip.weekly{background:var(--lav2);color:#715dbf}.count-pill{background:#fff;border:2px solid #eee3d4;color:var(--muted)}.paper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.paper-card{position:relative;background:#fff;border:2px solid #eee6da;border-radius:28px;padding:22px;min-height:260px;display:flex;flex-direction:column;box-shadow:0 8px 0 #eee7dc;overflow:hidden}.paper-card:hover{transform:translateY(-3px);box-shadow:0 12px 0 #e8dfd2}.paper-card.english{background:linear-gradient(180deg,#fff,#f7faff)}.paper-card.math{background:linear-gradient(180deg,#fff,#fff8f6)}.paper-card.chinese{background:linear-gradient(180deg,#fff,#f6fcf9)}.sticker{position:absolute;right:18px;top:48px;width:58px;height:58px;border-radius:20px;display:grid;place-items:center;font-size:19px;font-weight:900;transform:rotate(6deg)}.english .sticker{background:var(--blue2);color:#557fbf}.math .sticker{background:var(--coral2);color:#c86956}.chinese .sticker{background:var(--mint2);color:#488c73}.paper-card-top{display:flex;justify-content:space-between;align-items:center}.subject-badge{font-size:12px;font-weight:900;padding:6px 10px;border-radius:999px;background:#f4f2ef}.paper-type{font-size:11px;color:var(--muted);font-weight:800}.paper-card h3{font-size:21px;line-height:1.35;margin:18px 70px 6px 0}.paper-card p{font-size:13px;color:var(--muted);margin:0}.pool-note{display:inline-flex;width:max-content;margin-top:12px;background:#fff7dd;color:#7d682f;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.card-actions{margin-top:auto;padding-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.count-picker{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;background:#f8f7f4;border-radius:14px;padding:8px 10px;font-size:12px;font-weight:800}.count-picker select{border:0;background:#fff;border-radius:10px;padding:6px 10px;font-weight:900;color:var(--ink)}.paper-cta,.print-cta{border:0;border-radius:14px;padding:10px 12px;font-weight:900}.paper-cta{background:var(--yellow);color:#5d4a19;box-shadow:0 4px 0 #e9c24e}.print-cta{background:#eef1f5;color:var(--ink);box-shadow:0 4px 0 #dfe4ea}.mini-tags,.insight-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.mini-tags span,.insight-tags span{font-size:10px;background:#fff;border:1px solid #eadfce;border-radius:999px;padding:4px 8px}.empty-card{justify-content:center;text-align:center}.empty-mark{font-size:32px}.lower-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.panel{background:#fff;border:2px solid #eee6da;border-radius:28px;padding:22px;box-shadow:0 7px 0 #eee7dc}.mastery-list{display:grid;gap:15px;margin-top:20px}.mastery-row{display:grid;grid-template-columns:1fr 110px 38px;gap:12px;align-items:center}.mastery-row.simple{grid-template-columns:1fr}.mastery-row strong{font-size:14px}.mastery-row small{display:block;color:var(--muted);font-size:11px}.meter{height:9px;border-radius:999px;background:#f0eee9;overflow:hidden}.meter span{display:block;height:100%;border-radius:999px}.level-label{font-size:11px;font-weight:900}.insight-panel{background:linear-gradient(145deg,#fff8dc,#fffdf5);border-color:#f1dfa7}.note-label{font-size:11px;font-weight:900;color:#9b7b2c}.insight-panel h2{font-size:21px;margin:8px 0 5px}.insight-panel p{margin:0;color:#796b4b;font-size:13px}.page-title{margin-bottom:20px}.mastery-total{background:var(--mint2);border:2px solid #ccecdc;border-radius:20px;padding:12px 15px;display:flex;gap:10px;align-items:center}.mastery-total strong{font-size:30px;color:#4b9a7d}.mastery-total span{font-size:11px;font-weight:900}.subject-filters{display:flex;gap:8px;margin-bottom:18px}.filter-chip{border:2px solid #e9e2d7;background:#fff;color:var(--muted);padding:7px 12px}.filter-chip.active{background:var(--yellow2);color:#6b5723;border-color:#ecd374}.mastery-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mastery-card{background:#fff;border:2px solid #eee6da;border-radius:24px;padding:19px;box-shadow:0 6px 0 #eee7dc}.mastery-card-head{display:flex;justify-content:space-between;gap:15px}.mastery-card h3{margin:6px 0 0}.mastery-card p{margin:3px 0 0;color:var(--muted);font-size:12px}.tiny-subject,.level-chip{background:#f4f2ef;color:var(--ink)}.level-chip{height:max-content;font-size:11px;font-weight:900;border-radius:999px;padding:6px 9px}.evidence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:16px}.evidence{background:#faf8f4;border-radius:13px;text-align:center;padding:9px 5px}.evidence strong{display:block;font-size:16px}.evidence span{font-size:10px;color:var(--muted)}.history-list{display:grid;gap:12px}.history-item{background:#fff;border:2px solid #eee6da;border-radius:20px;padding:17px 19px;display:flex;gap:16px;align-items:center}.history-date{width:70px;color:var(--muted);font-size:12px}.paper-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.back-button{border:0;background:#fff;border-radius:999px;padding:9px 13px;color:var(--muted);font-weight:900}.paper-meta{text-align:center}.paper-meta span{display:block}.paper-meta span:first-child{font-size:13px;font-weight:900}.paper-id{font-size:9px;color:#a0a9b7}.paper-tools{display:flex;gap:8px}.paper-header{display:flex;justify-content:space-between;align-items:flex-end;background:#fff7dd;border:2px solid #f0dda2;border-radius:28px;padding:22px;margin-bottom:20px}.progress-ring{height:82px;width:82px;border:8px solid #fff;border-top-color:var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f9fcff}.progress-ring strong{font-size:23px}.progress-ring span{font-size:10px;color:var(--muted)}.status-banner{background:var(--mint2);border:2px solid #c9eadc;color:#447f6c;border-radius:16px;padding:12px 15px;margin-bottom:15px;font-weight:800}.question-list{display:grid;gap:14px;padding-bottom:110px}.question-card{background:#fff;border:2px solid #eee6da;border-radius:22px;padding:18px;display:grid;grid-template-columns:42px 1fr;gap:12px;box-shadow:0 5px 0 #eee7dc}.question-number{width:34px;height:34px;border-radius:13px;background:var(--blue2);color:#547eb8;display:grid;place-items:center;font-weight:900}.question-tags{display:flex;gap:6px;margin-bottom:8px}.question-tags span{background:#f3f1ed;color:var(--muted);padding:3px 7px}.question-card p{font-size:16px;font-weight:800;margin:0 0 12px}.answer-input{width:100%;border:2px solid #e4ded4;border-radius:14px;padding:11px 12px;outline:none}.answer-input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #eaf2ff}.choice-row{display:flex;flex-wrap:wrap;gap:8px}.choice{position:relative}.choice input{position:absolute;opacity:0}.choice span{display:block;border:2px solid #e4ded4;border-radius:14px;padding:9px 14px}.choice input:checked+span{border-color:var(--blue);background:var(--blue2);color:#4e76ad;font-weight:900}.submit-bar{position:fixed;left:258px;right:0;bottom:0;background:rgba(255,250,242,.95);backdrop-filter:blur(10px);border-top:2px solid #eee2d3;padding:14px max(42px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;align-items:center;z-index:8}.lock-hint,.submit-bar>div span:last-child{font-size:12px;color:var(--muted);margin-right:12px}.primary-button,.secondary-button{border:0;border-radius:15px;padding:11px 17px;font-weight:900}.primary-button{background:var(--yellow);color:#5c4919;box-shadow:0 4px 0 #e5bd47}.primary-button:disabled{opacity:.45}.secondary-button{background:var(--mint);color:white}.review-celebration{text-align:center;max-width:650px;margin:0 auto 26px}.celebration-icon{width:58px;height:58px;border-radius:20px;background:#fff2c7;display:grid;place-items:center;margin:0 auto 14px;font-size:28px}.review-celebration p:last-child{color:var(--muted)}.review-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:17px}.review-stat{background:#fff;border:2px solid #eee6da;border-radius:19px;padding:16px;text-align:center;box-shadow:0 5px 0 #eee7dc}.review-stat strong{display:block;font-size:25px}.review-stat span{font-size:11px;color:var(--muted)}.review-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.observation{display:grid;gap:13px;margin-top:18px}.observation-row{display:grid;grid-template-columns:92px 1fr;gap:11px}.observation-row>span{font-size:11px;font-weight:900;color:var(--muted)}.observation-row p{margin:0;font-size:13px}.next-panel{background:linear-gradient(145deg,#3f5577,#334866);color:#fff;border-color:#3f5577}.next-panel p{color:#d1daea}.review-footer{display:flex;justify-content:center;gap:10px;margin-top:27px}.text-button{border:0;background:none;color:#5d83bd;font-weight:900}.toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%,12px);background:#3a4b65;color:white;border-radius:999px;padding:11px 16px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:980px){.sidebar{position:static;width:auto;margin:12px}.app-shell{display:block}.main-content{margin-left:0;width:100%;padding:0 20px 40px}.submit-bar{left:0}.paper-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lower-grid{grid-template-columns:1fr}.welcome-row{grid-template-columns:1fr}.today-summary{display:none}}@media(max-width:650px){.sidebar{padding:14px;border-radius:22px}.brand{padding-bottom:14px}.sidebar-bottom{display:none}.nav-list{grid-template-columns:repeat(3,1fr)}.nav-item{justify-content:center;padding:0 8px}.nav-icon{display:none}.main-content{padding:0 14px 34px}.topbar{height:66px}.breadcrumb span:not(:first-child){display:none}.help-button{padding:8px 10px;font-size:12px}.view{padding-top:14px}.welcome-row>div:first-child{padding:22px;border-radius:24px}.welcome-row h1{font-size:30px}.paper-grid,.mastery-board,.review-grid,.review-stats{grid-template-columns:1fr}.paper-card{min-height:240px}.paper-header{display:block}.progress-ring{margin-top:16px}.paper-topbar{align-items:flex-start}.paper-meta{display:none}.paper-tools{flex-direction:column}.submit-bar{padding:10px 14px;gap:10px}.submit-bar>div{display:none}.question-card{grid-template-columns:34px 1fr;padding:15px}.card-actions{grid-template-columns:1fr}.count-picker{grid-column:auto}.sticker{top:54px}}