:root{color-scheme:light;--paper:#f8f6ef;--surface:#fffdf8;--ink:#183128;--forest:#214637;--deep:#163528;--sage:#e3ebe0;--mint:#cde6bb;--muted:#54655a;--line:#dbe1d5;--gold:#edd7a6;--red:#a13d34;--shadow:0 12px 36px #1f39200d;font-family:Inter,system-ui,sans-serif;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button,.button{border:0;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 21px;min-height:48px;background:var(--forest);color:white;font-weight:750;text-decoration:none;text-align:center}button:hover,.button:hover{filter:brightness(1.08);text-decoration:none}button:disabled{cursor:wait;opacity:.65}button.secondary,.button.secondary{color:var(--ink);background:var(--sage)}.button.light{color:var(--deep);background:var(--mint)}.button.outline{color:inherit;background:transparent;border:1px solid currentColor}.button.small,button.small{padding:8px 13px;min-height:40px;font-size:.86rem}
:focus-visible{outline:3px solid #a27020;outline-offset:3px}.skip{position:absolute;left:10px;top:-100px;background:white;padding:12px;z-index:9}.skip:focus{top:8px}.frame{width:min(1110px,calc(100% - 40px));margin-inline:auto}.header{background:#fcfaf4;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:74px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;white-space:nowrap;letter-spacing:-.035em}.logo{display:grid;place-items:center;background:var(--forest);color:var(--gold);border-radius:11px;width:38px;height:38px;font-size:1.65rem}.header nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:.88rem;font-weight:700}.header nav a[aria-current]{text-decoration:underline;text-underline-offset:5px}
main{min-height:70vh;padding-block:38px 45px}.footer{display:flex;justify-content:space-between;gap:12px;color:var(--muted);border-top:1px solid var(--line);padding-block:22px;font-size:.88rem}.hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;background:var(--deep);color:#fcfaed;border-radius:28px;overflow:hidden;min-height:435px}.hero-copy{padding:clamp(26px,5vw,66px);z-index:1}.hero h1{font-size:clamp(2.75rem,6.3vw,5.1rem);line-height:.96;margin:.18em 0 .25em;letter-spacing:-.07em}.hero h1 em{font-weight:400;color:var(--gold)}h1,h2,h3{margin:0;line-height:1.15;letter-spacing:-.036em}h1{font-size:clamp(2rem,4.6vw,3.65rem)}h2{font-size:clamp(1.4rem,3vw,2.15rem)}h3{font-size:1.12rem}p{line-height:1.55;margin:0 0 1em}.hero p{color:#e1e8dc;max-width:36ch;font-size:1.08rem}.eyebrow{font-size:.77rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#5a6d5d;margin-bottom:10px}.hero .eyebrow{color:var(--mint)}.hero .actions{margin-top:25px}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.hero-art{height:100%;min-height:350px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 45% 54%,#53714d 0%,transparent 67%)}.orbit{position:absolute;border:1px solid #ecd99b45;width:77%;aspect-ratio:1;border-radius:50%}.orbit.two{width:91%;border-style:dashed;transform:rotate(-18deg)}.sun{position:absolute;background:#e7cf86;border-radius:50%;width:100px;aspect-ratio:1;top:20%;left:39%;box-shadow:0 0 60px #e7cf8670}.star{position:absolute;color:var(--gold);font-size:2.1rem;top:21%;right:23%}.star.two{top:55%;right:15%;font-size:1.3rem}.book{width:68%;height:34%;display:flex;transform:rotate(-11deg) skewY(2deg);position:relative;filter:drop-shadow(0 16px 15px #0b281f99)}.page{width:50%;height:100%;background:repeating-linear-gradient(to bottom,transparent 0 12px,#a6986b66 13px 14px,transparent 15px 23px),linear-gradient(100deg,#faf0cc,#eed8a2);background-clip:content-box,border-box;border-radius:16px 40px 8px 19px;padding:23px 17px;box-shadow:0 9px #c5a96f,0 15px #a17a46;transform:skewY(10deg)}.page.right{transform:skewY(-10deg);border-radius:40px 16px 19px 8px;background-color:#faf0cc}.section{margin-top:34px}.section h2{margin-bottom:17px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:19px;padding:21px;box-shadow:var(--shadow);min-width:0}.card p:last-child{margin:7px 0 0;color:var(--muted)}.icon{display:grid;place-items:center;width:43px;height:43px;background:var(--sage);border-radius:11px;font-size:1.3rem;margin-bottom:14px}.narrow{width:min(100%,650px);margin-inline:auto}.stack{display:grid;gap:14px}.lead{color:var(--muted);margin-top:12px}.dashboard{display:grid;grid-template-columns:1.7fr 1fr;gap:16px}.callout{padding:28px;background:var(--forest);color:white;border-radius:19px}.callout p{margin-top:12px;color:#e5eddf}.stat strong{font-size:1.9rem;display:block}.stat span{color:var(--muted)}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.meter{appearance:none;width:100%;height:11px;border:0;background:var(--sage);border-radius:999px;overflow:hidden}.meter::-webkit-progress-bar{background:var(--sage)}.meter::-webkit-progress-value{background:#507b46;border-radius:999px}.meter::-moz-progress-bar{background:#507b46;border-radius:999px}.quiz-top,.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.quiz-top{margin-bottom:17px;font-weight:750}.quiz h1{font-size:clamp(1.7rem,4vw,2.55rem);margin:12px 0 20px}.choices{display:grid;gap:10px}.choice{justify-content:flex-start;text-align:left;background:var(--surface);border:1px solid #bdcbbb;color:var(--ink);padding:11px 15px;width:100%;min-height:56px}.choice i{font-style:normal;background:var(--sage);border-radius:8px;padding:7px 11px}.choice.right{background:var(--mint);border-color:#6c905f}.choice.wrong{background:#f9e8e2;border-color:#d5a39b}.choice:disabled{cursor:default;opacity:1}.feedback{background:#e7eddf;border-left:4px solid var(--forest);padding:16px;border-radius:10px;margin-top:16px}.feedback p{margin:8px 0}.unknown{margin-top:13px;width:100%}.tag{display:inline-block;background:var(--sage);color:var(--forest);font-size:.78rem;padding:5px 9px;border-radius:8px;font-weight:750}.list{padding:0;margin:0;list-style:none}.list li{padding:14px 0;border-bottom:1px solid var(--line)}.list li:last-child{border-bottom:0}.hint{color:var(--muted);font-size:.87rem}.error{color:var(--red);font-weight:650}.auth{max-width:510px}.field{display:grid;gap:5px;font-weight:650}.field input,.field textarea,.field select{min-height:46px;border:1px solid #bac8ba;border-radius:9px;padding:10px;color:var(--ink);background:#fff;width:100%}.field textarea{min-height:95px;resize:vertical}.secret{word-break:break-all;user-select:all;font-family:ui-monospace,monospace;background:var(--sage);padding:12px;border-radius:8px}.admin-list{max-height:440px;overflow:auto}.admin-list button{white-space:nowrap}.busy{opacity:.75}.result-count{font-size:clamp(3rem,8vw,5rem);font-weight:800;color:var(--forest)}
@media(max-width:740px){.frame{width:calc(100% - 28px)}.header-inner{min-height:64px;flex-wrap:wrap;padding-block:10px}.header nav{gap:12px}.header nav:empty{display:none}main{padding-top:21px}.hero{grid-template-columns:1fr}.hero-copy{padding:30px 23px 15px}.hero-art{min-height:225px}.hero h1{font-size:clamp(2.75rem,10vw,4.6rem)}.orbit{width:57%}.orbit.two{width:68%}.sun{width:60px}.book{width:51%;height:40%}.page{padding:12px}.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard{grid-template-columns:1fr}.card{padding:17px}.header nav a:not(.button){font-size:.79rem}.row{align-items:flex-start}}
@media(prefers-reduced-motion:no-preference){main>section{animation:show .22s ease-out}@keyframes show{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}