:root{--bg:#fbf8f5;--surface:#fff;--soft:#fff1ed;--coral:#e96659;--coral-dark:#d65047;--ink:#2e3439;--muted:#798189;--line:#ece5df;--green:#31876b;--blue:#537baf;--shadow:0 10px 32px rgba(65,42,32,.055);--r:18px;--r-sm:11px;--s1:6px;--s2:10px;--s3:16px;--s4:24px;--s5:36px;--s6:52px;font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}.shell{max-width:1320px;margin:auto;padding:0 28px}.top{position:sticky;top:0;z-index:20;background:rgba(251,248,245,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.top-inner{min-height:76px;display:flex;align-items:center;gap:28px}.brand{font-size:21px;font-weight:800;letter-spacing:-.05em;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;background:var(--coral);color:white;width:34px;height:34px;border-radius:11px;margin-right:9px;letter-spacing:0}.nav{display:flex;gap:3px;align-items:center;flex:1;overflow:auto}.nav button,.top-action{border:0;background:transparent;color:#68717a;padding:11px 13px;border-radius:10px;white-space:nowrap}.nav button:hover,.top-action:hover{background:#f4eee9;color:var(--ink)}.nav button.active{background:var(--soft);color:var(--coral-dark);font-weight:700}.top-actions{display:flex;align-items:center;gap:5px}.account{background:white;border:1px solid var(--line);border-radius:10px;padding:10px;max-width:160px}.main{padding-top:30px;padding-bottom:70px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--coral);text-transform:uppercase}.hero{background:linear-gradient(120deg,#fff 45%,#fff1e9);border:1px solid var(--line);border-radius:24px;padding:38px 42px;display:flex;justify-content:space-between;gap:30px;align-items:center;box-shadow:var(--shadow);margin-bottom:28px}.hero h1{font-size:32px;line-height:1.25;letter-spacing:-.04em;margin:8px 0 12px}.hero p{color:var(--muted);max-width:600px;line-height:1.8;margin:0}.hero-art{width:210px;height:145px;flex:none;border-radius:25px;background:radial-gradient(circle at 65% 35%,#ffd7cb 0 14%,transparent 15%),radial-gradient(circle at 34% 70%,#f8a394 0 20%,transparent 21%),linear-gradient(140deg,#ffe5d9,#fff8ef);position:relative}.hero-art:after{content:"✦";position:absolute;font-size:66px;color:#e86558;left:78px;top:29px;transform:rotate(-12deg)}h1,h2,h3{margin-top:0}h2{font-size:23px;letter-spacing:-.035em}h3{font-size:17px}.sub{color:var(--muted);line-height:1.7}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 16px}.section-head h2{margin:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.padded{padding:25px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.content-card{overflow:hidden;transition:transform .18s,box-shadow .18s}.content-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(65,42,32,.09)}.cover{height:152px;display:flex;align-items:center;justify-content:center;font-size:64px;background:linear-gradient(135deg,#ffe4d8,#fff6e9)}.cover.blue{background:linear-gradient(135deg,#dfeef6,#f5faff)}.cover.green{background:linear-gradient(135deg,#e1f3dc,#f8fbf0)}.content-body{padding:20px}.content-body h3{margin:12px 0 7px}.content-body p{color:var(--muted);font-size:13px;min-height:40px;line-height:1.6}.tags{display:flex;gap:7px;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;border-radius:30px;padding:5px 9px;background:#f5f2ef;color:#74736e;font-size:12px}.tag.coral{background:var(--soft);color:var(--coral-dark)}.tag.green{background:#eaf7f0;color:var(--green)}.btn{border:1px solid transparent;border-radius:11px;padding:11px 17px;background:var(--coral);color:white;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;transition:.17s}.btn:hover:not(:disabled){background:var(--coral-dark);transform:translateY(-1px)}.btn.secondary{background:white;border-color:var(--line);color:var(--ink)}.btn.secondary:hover{background:#faf5f0}.btn.soft{background:var(--soft);color:var(--coral-dark)}.btn.soft:hover{background:#ffe4dc}.btn.ghost{background:transparent;color:var(--coral-dark);padding-left:6px;padding-right:6px}.btn.small{min-height:35px;padding:7px 12px;font-size:13px}.btn-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.notice{background:var(--soft);border:1px solid #f7dcd3;color:#865248;border-radius:12px;padding:14px 16px;line-height:1.6}.notice.neutral{background:#f6f5f3;border-color:var(--line);color:#667078}.notice.good{background:#eef8f2;border-color:#d5eee0;color:#317558}.filter{display:flex;gap:8px;flex-wrap:wrap}.filter button{background:white;border:1px solid var(--line);padding:9px 14px;border-radius:10px;color:var(--muted)}.filter button.active{border-color:#f2b5aa;background:var(--soft);color:var(--coral-dark);font-weight:700}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field label{font-size:13px;font-weight:700}.input,select,textarea{width:100%;border:1px solid #e5dfd9;background:#fff;border-radius:11px;padding:12px 13px;outline:0;color:var(--ink)}.input:focus,select:focus,textarea:focus{border-color:#ef978b;box-shadow:0 0 0 3px #fff0ec}textarea{min-height:90px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:24px}.detail-visual{min-height:360px;border-radius:var(--r);display:grid;place-items:center;font-size:120px;background:linear-gradient(140deg,#ffe6d9,#fff7e9);border:1px solid var(--line)}.detail-visual.blue{background:linear-gradient(140deg,#dfeef6,#f8fbff)}.detail-visual.green{background:linear-gradient(140deg,#e1f3dc,#fafbf0)}.detail-side{padding:28px}.detail-side h1{font-size:32px;margin:13px 0}.meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px}.divider{height:1px;background:var(--line);margin:22px 0}.list{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px}.row-main{min-width:0}.row h3{margin:0 0 6px}.row p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{padding:20px}.stat strong{display:block;font-size:27px;margin:7px 0}.stat span{color:var(--muted);font-size:13px}.stack{display:grid;grid-template-columns:250px 1fr;gap:20px}.side-menu{padding:13px;height:max-content}.side-menu button{width:100%;text-align:left;border:0;background:transparent;padding:13px;border-radius:10px;color:var(--muted)}.side-menu button.active{background:var(--soft);color:var(--coral-dark);font-weight:700}.progress{height:9px;border-radius:20px;background:#f0ece7;overflow:hidden}.progress span{height:100%;display:block;background:var(--coral);border-radius:20px}.modal-back{position:fixed;inset:0;background:rgba(36,31,29,.38);z-index:30;display:grid;place-items:center;padding:18px}.modal{background:white;width:min(560px,100%);max-height:90vh;overflow:auto;border-radius:22px;box-shadow:0 28px 90px rgba(25,20,18,.23);padding:28px}.modal-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.x{border:0;background:#f6f2ef;border-radius:9px;font-size:20px;color:var(--muted);width:32px;height:32px}.steps{display:flex;gap:10px;margin:8px 0 20px}.step{flex:1;height:5px;background:#eee9e5;border-radius:9px}.step.done{background:var(--coral)}.choice{border:1px solid var(--line);border-radius:12px;padding:14px;margin:10px 0;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.choice.active{border-color:#e99a8f;background:#fff6f2}.choice small{color:var(--muted)}.learning{max-width:900px;margin:0 auto}.learning-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.learning-grid{display:grid;grid-template-columns:1fr 230px;gap:18px}.question{padding:34px}.question h2{font-size:24px;line-height:1.5}.options{display:grid;gap:11px;margin:24px 0}.option{border:1px solid var(--line);background:white;border-radius:12px;padding:15px;text-align:left}.option:hover,.option.selected{border-color:var(--coral);background:var(--soft)}.mini-list{font-size:13px;color:var(--muted);line-height:2}.empty{text-align:center;padding:55px 22px}.empty .emoji{font-size:44px}.pill{font-size:12px;border-radius:20px;padding:5px 9px;background:#f0f3f6;color:#668096}.toast{position:fixed;right:24px;bottom:24px;z-index:50;background:#343a3d;color:white;padding:12px 18px;border-radius:12px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-weight:600}.footnote{font-size:12px;color:var(--muted);line-height:1.6;margin-top:12px}@media(max-width:1000px){.top-inner{flex-wrap:wrap;padding:12px 0;gap:9px}.nav{order:3;width:100%}.top-actions{margin-left:auto}.grid{grid-template-columns:repeat(2,1fr)}.detail{grid-template-columns:1fr}.detail-visual{min-height:240px}.stack{grid-template-columns:1fr}}@media(max-width:680px){.shell{padding:0 15px}.top-actions .top-action{display:none}.brand{font-size:18px}.account{max-width:128px}.hero{padding:25px}.hero h1{font-size:25px}.hero-art{display:none}.grid,.two,.stats,.learning-grid{grid-template-columns:1fr}.toolbar,.row{align-items:stretch;flex-direction:column}.detail-side{padding:20px}.detail-side h1{font-size:26px}.modal{padding:20px}}

/* Components and page layouts */
.full{width:100%}.account-avatar{width:38px;height:38px;border-radius:12px;border:1px solid #f2c4ba;background:#ffeae4;color:var(--coral-dark);font-weight:800}.account-pop{position:absolute;right:max(24px,calc((100vw - 1260px)/2));top:68px;z-index:25;padding:14px;width:225px;display:flex;flex-direction:column;gap:6px}.account-pop small{color:var(--muted);margin-bottom:8px}.account-pop button{border:0;background:white;text-align:left;border-radius:8px;padding:10px;color:var(--ink)}.account-pop button:hover{background:var(--soft)}
.login-layout{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center;max-width:1180px;margin:auto;padding:55px 28px}.login-intro h1{font-size:clamp(32px,4.5vw,58px);line-height:1.3;letter-spacing:-.06em;margin:18px 0}.login-intro p{color:var(--muted);line-height:1.9;max-width:560px}.login-illustration{display:flex;gap:14px;align-items:center;margin-top:56px;color:var(--coral-dark);font-weight:700}.login-illustration span:nth-child(even){color:#d6b2a8}.login-illustration span:nth-child(odd){background:white;border:1px solid var(--line);border-radius:15px;padding:16px;box-shadow:var(--shadow)}.login-panel{padding:30px}.login-panel h2{margin:28px 0 5px}.demo-users{display:grid;gap:8px;margin-top:22px}.demo-user{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px;display:flex;align-items:center;gap:12px;text-align:left}.demo-user:hover{border-color:#efa99e;background:#fff8f5}.demo-user span:nth-child(2){flex:1}.demo-user small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.avatar{width:38px;height:38px;border-radius:12px;background:#ffe8e0;color:var(--coral-dark);font-weight:800;display:grid;place-items:center;flex:none}.avatar.large{width:52px;height:52px;font-size:19px}
.market-header{display:flex;justify-content:space-between;gap:20px;align-items:center}.market-header h1{font-size:29px;letter-spacing:-.04em;margin:8px 0 5px}.pending-link{border:1px solid #f4d7ce;background:var(--soft);color:var(--coral-dark);padding:11px 14px;border-radius:11px;white-space:nowrap}.search-bar{display:flex;gap:10px;max-width:740px;margin-top:23px}.search-bar .input{min-width:0;flex:1}.search-bar.compact{margin-top:8px;max-width:none}.search-bar.compact .btn{flex:none}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-bottom span{font-size:12px;color:var(--muted)}
.cover-art{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:relative;overflow:hidden}.cover-symbol{font-size:42px;font-weight:800;color:#bd5e51;letter-spacing:-.07em;z-index:1}.cover-caption{font-size:12px;color:#9b7770;z-index:1}.cover-line{position:absolute;width:150px;height:150px;border:18px solid rgba(255,255,255,.38);border-radius:40px;transform:rotate(28deg);left:18%;top:-35%}.cover-blue .cover-symbol{color:#628aab}.cover-green .cover-symbol{color:#618b69}.detail-visual .cover-symbol{font-size:90px}.detail-visual .cover-caption{font-size:17px}.primary-actions .btn:first-child{min-width:150px}.secondary-actions .btn{font-size:13px}
.picker-list{max-height:300px;overflow:auto;display:grid;gap:9px;margin:13px 0}.picker-item{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:10px}.picker-item.selected{border-color:#efa89d;background:#fff8f5}.picker-item>div{flex:1;min-width:0}.picker-item small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:4px}.picker-icon{width:45px;height:45px;border-radius:11px;background:var(--soft);display:grid;place-items:center;color:var(--coral-dark);font-weight:800}.target-list{max-height:330px;overflow:auto}.target-list .choice{width:100%;background:white;text-align:left}.target-list .choice.active{background:#fff6f2}.modal-footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:22px}.review-list{margin:18px 0}.review-list p{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:9px 0;font-size:13px}.review-list p span{color:var(--muted)}.review-list p b{text-align:right}.simple-check{display:flex;align-items:center;gap:9px;margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:11px}.simple-check input{accent-color:var(--coral)}.share-code{display:grid;place-items:center;background:#fff5f0;border:1px solid #f6d4c9;border-radius:14px;padding:22px;margin:17px 0}.share-code small{color:var(--muted)}.share-code strong{font-size:33px;letter-spacing:.15em}
.receive-card{max-width:720px;margin:auto}.receive-art{height:160px;background:#fff0e7;border-radius:14px;margin:18px 0}.result-panel{max-width:780px;margin:auto}.result-panel h1{font-size:48px;margin:13px 0 0}.result-pct{font-size:17px;font-weight:700;color:var(--green);margin:4px 0 26px}.mistakes{margin:24px 0}.mistake{border:1px solid var(--line);border-radius:12px;padding:15px;margin:10px 0}.mistake p{color:var(--muted);margin:7px 0;font-size:13px}.mistake small{color:var(--coral-dark)}.question-stat{border-bottom:1px solid var(--line);padding:13px 0}.question-stat summary{cursor:pointer;display:flex;align-items:center;gap:12px;justify-content:space-between}.question-stat small{display:block;color:var(--muted);margin-top:4px}.bar{height:8px;width:95px;border-radius:10px;background:#f2e9e5;overflow:hidden}.bar i{display:block;height:100%;background:var(--coral)}.family-summary{max-width:500px}.family-summary>.card{display:flex;align-items:center;gap:14px}.family-summary h3,.family-summary p{margin:0}.family-result{max-width:780px}.result-score{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}.result-score strong{font-size:40px}.result-score span,.result-score small{color:var(--muted)}.data-columns{grid-template-columns:1fr 1fr}
@media(max-width:900px){.login-layout{grid-template-columns:1fr;gap:30px}.login-intro .eyebrow{margin-top:25px!important}.login-illustration{display:none}.data-columns{grid-template-columns:1fr}}@media(max-width:680px){.top-inner{flex-wrap:wrap}.top-inner .brand{order:1}.top-inner .top-actions{order:2}.top-inner .nav{order:3;flex:0 0 100%;width:100%;padding-bottom:5px}.market-header{display:block}.search-bar{max-width:none}.search-bar .btn{flex:none}.picker-item{flex-wrap:wrap}.picker-item>div{flex-basis:calc(100% - 60px)}.card-bottom{align-items:flex-start;flex-direction:column}.login-layout{padding:26px 15px}.login-panel{padding:20px}.login-intro h1{font-size:34px}}
.earth-scene{height:155px;border-radius:14px;background:linear-gradient(100deg,#e4f3fb,#f8f6df);display:flex;align-items:center;justify-content:space-around;position:relative;margin:16px 0 24px;overflow:hidden}.earth-scene .sun{font-size:55px;color:#e8a74e}.earth-scene .globe{font-size:73px;line-height:1;color:#538ea6;animation:earth-turn 8s linear infinite;filter:drop-shadow(7px 5px 2px rgba(24,67,86,.18))}.earth-scene small{position:absolute;bottom:10px;color:#5a7f8c}@keyframes earth-turn{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* Current page refinements */
.main{padding-top:22px}.market-header h1{margin-top:0}.market-header{margin-bottom:4px}.search-bar{margin-top:17px}.section-head{margin:22px 0 14px}.section-head h1,.page-title h1{margin:0}.page-title{margin:4px 0 22px}.grid:has(> :only-child){grid-template-columns:minmax(0,390px);justify-content:start}.grid:has(> :nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,390px));justify-content:start}.login-intro h1{margin-top:80px}.login-panel h2{margin:24px 0 14px}.demo-users{margin-top:5px}.demo-user{min-height:54px}.demo-user b{flex:1}.demo-arrow{color:var(--muted)}.demo-guide{border-top:1px solid var(--line);margin-top:18px;padding-top:15px;color:var(--muted);font-size:13px}.demo-guide summary{cursor:pointer;color:var(--ink);font-weight:700}.demo-guide p{margin:10px 0;line-height:1.5}.account-pop{gap:4px}.space-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1050px}.space-card{min-height:340px;display:flex;flex-direction:column}.space-card h2{margin:14px 0 15px}.space-icon{height:47px;width:47px;border-radius:13px;display:grid;place-items:center;color:var(--coral-dark);font-size:26px;background:var(--soft)}.space-icon.family{color:#568b77;background:#eaf7f0}.state-line{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:12px 0;color:var(--muted);font-size:14px}.state-line b{color:var(--ink)}.space-actions{margin-top:auto;padding-top:24px}.content-body{display:flex;flex-direction:column;min-height:205px}.content-body p{min-height:0;flex:1}.content-card{height:100%}.detail-side .meta{margin-bottom:20px}.detail-side .divider{margin:17px 0}.learning .notice{margin-bottom:16px}.login-panel .filter{margin-bottom:8px}
@media(max-width:900px){.space-grid{grid-template-columns:1fr}.space-card{min-height:0}.login-intro h1{margin-top:30px}}@media(max-width:680px){.grid:has(> :only-child),.grid:has(> :nth-child(2):last-child){grid-template-columns:1fr}.main{padding-top:16px}.market-header h1{font-size:25px}}

/* Resource cards and activity surfaces */
.resource-grid,.resource-grid:has(> :only-child),.resource-grid:has(> :nth-child(2):last-child){grid-template-columns:repeat(3,minmax(0,1fr));justify-content:start}
.resource-filter{margin:18px 0 22px}.content-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.content-meta span{border-radius:20px;background:#f6f2ee;padding:4px 8px;white-space:nowrap}.content-body{display:flex;flex-direction:column;min-height:188px}.content-body h3{margin:13px 0 7px}.content-body p{font-size:13px;line-height:1.6;margin:0 0 18px;flex:1}.content-card .cover{height:auto;aspect-ratio:16/9}.detail-visual .cover-art{min-height:360px}
.cover-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;height:100%;overflow:hidden;isolation:isolate}.cover-art small{font-size:12px;letter-spacing:.12em;color:#8c827f;z-index:2}.cover-decoration{position:absolute;width:58%;height:130%;border:18px solid rgba(255,255,255,.38);border-radius:34%;transform:rotate(26deg);top:-65%;left:12%}.cover-animal,.cover-animal-match{background:linear-gradient(140deg,#fceadf,#fff7e9)}.cover-fraction{background:linear-gradient(140deg,#dcecf5,#f8fbff)}.cover-earth,.cover-water{background:linear-gradient(140deg,#e1f1df,#f8fbf1)}.cover-crow{background:linear-gradient(140deg,#f5e5d8,#fff8ef)}.cover-shapes{background:linear-gradient(140deg,#f3e7f4,#fdf8ff)}.cover-custom{background:linear-gradient(140deg,#f5e7e1,#fff8f5)}
.cover-word,.cover-math{font-size:clamp(25px,3vw,46px);font-weight:800;letter-spacing:-.05em;color:#c7695d;z-index:2}.cover-fraction .cover-math{color:#628aab}.cover-pair{display:flex;gap:12px;align-items:center;z-index:2}.cover-pair b{border-radius:12px;background:rgba(255,255,255,.75);padding:11px 15px;font-size:24px;color:#ae6859}.cover-pair i{font-style:normal;color:#bd8a76}.cover-planet{width:82px;height:82px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9ed5b1 0 20%,#6bab8c 21% 36%,#5288a0 37% 70%,#315b7c);box-shadow:17px 7px 0 -6px rgba(236,191,116,.7);z-index:2}.cover-cycle{position:relative;display:block;width:150px;height:85px;z-index:2}.cover-cycle i{position:absolute;top:-9px;right:22px;color:#fff;font-size:55px;font-style:normal;text-shadow:0 3px 12px #8fb9a8}.cover-cycle b{position:absolute;top:21px;left:20px;color:#639c8b;font-size:38px}.cover-cycle em{position:absolute;bottom:0;left:36px;color:#70a8b3;font-size:30px;font-style:normal}.cover-book{display:grid;grid-template-columns:1fr 1fr;border-radius:8px 14px 14px 8px;overflow:hidden;box-shadow:6px 8px 15px rgba(101,68,44,.12);z-index:2}.cover-book b,.cover-book i{background:#fffaf3;padding:16px 13px;font-size:24px;color:#a7735d;font-style:normal}.cover-book i{background:#f9ead8;border-left:2px solid #d6b7a0}.cover-shapes{display:flex;align-items:center;gap:11px;z-index:2}.cover-shapes i{width:55px;height:55px;border-radius:50%;background:#d88f82}.cover-shapes b{width:0;height:0;border-left:31px solid transparent;border-right:31px solid transparent;border-bottom:57px solid #8ca9be}.cover-shapes em{width:55px;height:39px;background:#a6ba90}
.activity-notice{margin-bottom:16px}.activity-visual{height:245px;position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(#dff0f1,#eef8ee);margin:18px 0}.activity-visual b{position:absolute;bottom:13px;left:20px;font-size:14px;color:#547f80}.visual-sun{position:absolute;width:70px;height:70px;border-radius:50%;background:#f8cd6b;top:24px;left:20%;box-shadow:0 0 0 13px rgba(255,255,255,.32)}.visual-cloud{position:absolute;width:120px;height:48px;border-radius:40px;background:white;top:48px;right:16%;box-shadow:0 12px 25px rgba(92,132,134,.1)}.visual-earth{position:absolute;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#9fd4a2 0 18%,#558f9b 19% 68%,#345c79);left:42%;top:95px;box-shadow:15px 3px 0 -6px #e5b56b}.visual-water{position:absolute;width:55%;height:35px;background:#90c7d2;bottom:0;left:0;border-radius:50% 50% 0 0}.visual-evaporation .visual-water,.visual-condensation .visual-water,.visual-rain .visual-water,.visual-collection .visual-water{width:100%;height:45px}.visual-rain .visual-cloud{box-shadow:0 26px 0 -17px #73abc3,15px 52px 0 -18px #73abc3,-20px 51px 0 -18px #73abc3}.activity-copy,.reading-copy{font-size:18px;line-height:1.9;color:var(--ink)}.reading-copy{min-height:190px;font-size:21px;line-height:2.1}.activity-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.activity-tabs button{padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:white;color:var(--muted)}.activity-tabs button.active{border-color:#efa99e;background:var(--soft);color:var(--coral-dark)}.activity-tabs button.done:after{content:' ✓';color:var(--green)}.activity-actions{margin-top:20px}.result-extra{margin-top:18px}.learning-join{margin:-8px 0 16px}
.wizard-progress{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.wizard-progress span{font-size:12px;color:var(--muted);background:#f6f2ee;border-radius:20px;padding:7px 10px}.wizard-progress .current{background:var(--soft);color:var(--coral-dark);font-weight:700}.wizard-progress .done{color:var(--green)}.wizard-summary{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}.wizard-summary span{background:#f7f4f1;border-radius:9px;padding:9px 11px;font-size:13px}.wizard-summary button{border:0;background:none;color:var(--coral-dark);cursor:pointer}.due-input{margin-top:10px}.picker-filter{margin:12px 0}
@media(max-width:1000px){.resource-grid,.resource-grid:has(> :only-child),.resource-grid:has(> :nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.resource-grid,.resource-grid:has(> :only-child),.resource-grid:has(> :nth-child(2):last-child){grid-template-columns:1fr}.detail-visual .cover-art{min-height:240px}.activity-visual{height:190px}.activity-copy,.reading-copy{font-size:16px}}
.space-list{max-width:900px;overflow:hidden}.space-list-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px}.space-list-row+.space-list-row{border-top:1px solid var(--line)}.space-list-row h3{margin:0 0 5px}.space-list-row span{color:var(--muted);font-size:13px}
.scope-box{border:1px solid var(--line);border-radius:var(--r-sm);padding:14px;margin:14px 0}.student-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.student-options label{background:#fffaf7;border:1px solid var(--line);border-radius:10px;padding:9px 12px;cursor:pointer}.wizard-progress{display:flex;gap:8px;margin:8px 0 20px}.wizard-progress span{flex:1;text-align:center;padding:8px 4px;background:#f6f2ef;color:var(--muted);border-radius:8px;font-size:12px}.wizard-progress .current{background:var(--soft);color:var(--coral-dark);font-weight:700}.wizard-progress .done{background:#edf7f1;color:var(--green)}.modal:has(.wizard-progress){width:min(700px,100%)}
.activity-progress{display:flex;align-items:center;gap:14px;margin:12px 0 16px;color:var(--muted);font-size:13px}.activity-progress .progress{flex:1}.learning .question{min-height:0}.result-panel{max-width:680px;margin:25px auto;padding:26px 30px}.result-panel h1{margin:10px 0}.result-panel .notice{margin:14px 0}
.visual-earth .visual-earth{animation:earth-turn 12s linear infinite}.visual-earth .visual-sun{box-shadow:0 0 36px rgba(255,190,91,.38)}@keyframes earth-turn{to{transform:rotate(360deg)}}
@media(max-width:680px){.space-list-row{align-items:flex-start;flex-direction:column}.wizard-progress{flex-wrap:wrap}.wizard-progress span{min-width:45%}}
.card.empty{padding:36px 22px}
.login-intro h1{margin:58px 0 0;font-size:clamp(34px,4vw,54px);line-height:1.25;letter-spacing:-.045em}.login-intro h1 span{display:block;white-space:nowrap}.login-layout{align-items:center}.space-list{max-width:none;width:100%}.account-pop{z-index:35}
@media(max-width:900px){.login-intro h1{margin:18px 0 8px;font-size:clamp(30px,6vw,44px)}}
@media(max-width:680px){.login-intro h1{font-size:clamp(25px,7vw,34px)}.login-layout{gap:14px}}
.login-layout{align-items:start}.login-intro{align-self:start;padding-top:78px}.login-panel{align-self:start}.demo-users{max-height:420px;overflow:auto;padding-right:3px}
@media(max-width:900px){.login-intro{padding-top:0}.demo-users{max-height:360px}}