:root{--bg:#f3eefb;--ink:#3f3158;--ink-soft:#655881;--lavender:#e6d9f7;--gold:#ddc37a;--white:#fff;--gray:#ebe7f2;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 10% 10%,#ffffffb3,#0000 45%),radial-gradient(circle at 90% 0,#ddc37a33,#0000 35%),linear-gradient(#f6f1fd,#ede6f9);margin:0}#root{min-height:100vh}h1,h2,h3{color:#35254e;font-family:Palatino Linotype,Book Antiqua,Palatino,serif}h1{margin:.35rem 0;font-size:clamp(1.8rem,3.2vw,2.7rem)}h2{margin:0;font-size:clamp(1.3rem,2.5vw,1.85rem)}p{color:var(--ink-soft);margin:0}button{cursor:pointer}.app-shell{background:linear-gradient(145deg,#fff 0%,#f7f4fd 55%,#f3f7ff 100%);border-radius:1.5rem;width:min(1180px,100% - 2rem);margin:1.5rem auto;padding:1.25rem;animation:.5s ease-out both fade-in-up;box-shadow:0 20px 45px #3a285d24}.hero-header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1rem 1.5rem;display:flex;position:relative}.hero-header:after{content:"";background:linear-gradient(90deg,#0000 0%,#d2c3ef 35%,#e1cd87 65%,#0000 100%);height:1px;position:absolute;inset:auto 0 0}.eyebrow{letter-spacing:.2em;color:#785aa7;margin:0;font-size:.78rem;font-weight:700}.subtitle{max-width:65ch;margin-top:.65rem}.score-chip{color:#704f10;white-space:nowrap;background:linear-gradient(140deg,#f4ead0,#fff9e9);border:1px solid #e0c883;border-radius:999px;padding:.65rem .9rem;font-weight:700}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem;padding:1rem;display:grid}.page-nav{padding:0 1rem}.menu-btn{text-align:left;color:#3f315d;background:#fff;border:1px solid #e4dbf7;border-radius:1rem;gap:.4rem;padding:.95rem;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.menu-btn span{color:#6b5b89;font-size:.9rem}.menu-btn:hover{border-color:#c7afd8;transform:translateY(-2px);box-shadow:0 10px 20px #5f409324}.menu-btn.active{background:linear-gradient(145deg,#f8f4ff,#fdfbff);border-color:#b08dcf}.panel{margin:.8rem 1rem 1rem;animation:.3s both panel-in}.section-head p{margin-top:.2rem}.intro-panel{background:radial-gradient(circle at 100% 0,#eee3fd 0%,#fff 45%);border:1px solid #e2d7f2;border-radius:1rem;padding:1.15rem}.browser-grid,.grid-two,.stats-grid{gap:.9rem;display:grid}.browser-grid{grid-template-columns:minmax(260px,.9fr) minmax(350px,1.4fr)}.grid-two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.card{background:#fff;border:1px solid #ece3f8;border-radius:1rem;padding:1rem;box-shadow:0 8px 18px #43336114}.card h3{margin-top:0}label{gap:.35rem;margin-bottom:.75rem;font-weight:600;display:grid}select,button,input[type=checkbox]{font:inherit}input,textarea{font:inherit;background:#fff;border:1px solid #d4c4ec;border-radius:.85rem;padding:.55rem .65rem}textarea{resize:vertical}select,.option,.primary,.secondary,.next{border-radius:.85rem}select{background:#fff;border:1px solid #d4c4ec;padding:.55rem .65rem}.helper{margin-bottom:.4rem;font-weight:700}.mini-list{gap:.3rem;margin:0;padding-left:1.1rem;display:grid}.quiz-card{transform-style:preserve-3d;transition:transform .25s,box-shadow .25s}.quiz-card.revealed{transform:rotateX(1.5deg);box-shadow:0 10px 24px #4469302e}.quiz-head{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.quiz-head span{color:#6844a2;background:#f3e9ff;border:1px solid #cfb5ea;border-radius:999px;padding:.2rem .6rem;font-size:.8rem}.options{gap:.55rem;display:grid}.option{text-align:left;background:#fff;border:1px solid #dbc9f2;padding:.65rem .7rem}.option.active{background:#f5ecff;border-color:#b690da}.quiz-actions{flex-wrap:wrap;gap:.6rem;margin-top:.95rem;display:flex}.primary,.secondary,.next{border:0;padding:.62rem .9rem;font-weight:700}.primary,.next{color:#4e3608;background:linear-gradient(135deg,#ccae59,#efda9d)}.secondary{color:#523d7b;background:linear-gradient(135deg,#e9ddfa,#f6f1ff);border:1px solid #d8c4f1}.answer-panel{border-top:1px solid #ece4fa;margin-top:.9rem;padding-top:.8rem;animation:.28s fade-in-up}.good{color:#2c7a45;font-weight:700}.warn{color:#9f5524;font-weight:700}.challenge-card{background:linear-gradient(135deg,#fffefa,#f4ecff);gap:.7rem;display:grid}.challenge-label{color:#6d588f;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.8rem;font-weight:700}.stat{background:#fff;border:1px solid #eadff8;border-radius:1rem;padding:.95rem}.stat strong{color:#5f438e;font-size:1.6rem}.settings-card{gap:.75rem;display:grid}.editor-grid{grid-template-columns:1.3fr 1fr;gap:.9rem;display:grid}.lesson-tabs{flex-wrap:wrap;gap:.6rem;margin:.8rem 0;display:flex}.tab-btn{color:#523d7b;background:#f9f4ff;border:1px solid #d8c4f1;border-radius:999px;padding:.45rem .9rem;font-weight:700}.tab-btn.active{background:linear-gradient(135deg,#e6d6fb,#f6efff);border-color:#b993df}.legal-note{background:linear-gradient(135deg,#fffefa,#f7f0ff);margin-bottom:.8rem}.dare-wheel-card{text-align:center;justify-items:center;gap:.95rem;display:grid}.wheel-wrap{filter:drop-shadow(0 20px 28px #3a285d33);place-items:center;width:268px;height:268px;display:grid;position:relative}.dare-wheel{color:#5d4087;background:conic-gradient(#f7eecf 0deg 45deg,#efe0ff 45deg 90deg,#fbe8f2 90deg 135deg,#e7f0ff 135deg 180deg,#f7f4dd 180deg 225deg,#e6f7e8 225deg 270deg,#fff0d7 270deg 315deg,#f0e9ff 315deg 360deg);border:10px solid #b899de;border-radius:50%;place-items:center;width:248px;height:248px;font-weight:700;transition:transform 2.8s cubic-bezier(.2,.85,.1,1);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #fff9,inset 0 0 35px #5a3f8229}.wheel-layer{transform-origin:50%;display:block;position:absolute;inset:0}.wheel-divider{background:linear-gradient(#7355a2bf 0%,#7355a200 100%);width:2px;height:52%;position:absolute;top:0;left:50%;transform:translate(-50%)}.wheel-label{text-align:center;color:#4f3a75;letter-spacing:.01em;background:#ffffffd1;border:1px solid #795aa940;border-radius:999px;width:72px;margin-left:-36px;padding:.14rem .35rem;font-size:.68rem;font-weight:800;position:absolute;top:50%;left:50%}.wheel-label.active{background:#fff8db;border-color:#d1b15f;box-shadow:0 0 0 2px #ffebafb3}.wheel-center-badge{letter-spacing:.06em;color:#523b7a;z-index:2;background:radial-gradient(circle at 25% 20%,#fffdf6 0%,#f3e7ff 100%);border:4px solid #9f7fd1;border-radius:50%;place-items:center;width:92px;height:92px;font-weight:800;display:grid;position:relative;box-shadow:inset 0 0 0 3px #ffffffb8,0 4px 14px #3a285d38}.dare-wheel.spinning{box-shadow:0 18px 35px #3a285d4d,inset 0 0 0 3px #ffffff40}.wheel-pointer{z-index:4;border-top:26px solid #6e4b9c;border-left:12px solid #0000;border-right:12px solid #0000;width:0;height:0;position:absolute;top:-2px}.wheel-pointer:after{content:"";background:radial-gradient(circle at 30% 30%,#fff8dc 0%,#d6b66f 100%);border:2px solid #8b6a2d;border-radius:50%;width:16px;height:16px;position:absolute;top:-29px;left:-8px}.wheel-pointer.spinning{animation:.14s ease-in-out infinite pointer-bounce}.wheel-gloss{z-index:1;background:linear-gradient(160deg,#ffffff73 0%,#fff0 35%);border-radius:50%;position:absolute;inset:0}@keyframes pointer-bounce{0%{transform:translateY(0)}50%{transform:translateY(2px)}to{transform:translateY(0)}}.app-footer{color:#6b5b89;border-top:1px solid #e5dbf3;justify-items:center;gap:.65rem;margin:.8rem 1rem .2rem;padding-top:.9rem;font-size:.9rem;display:grid}input[type=range]{width:100%}.editor-actions{flex-wrap:wrap;gap:.6rem;display:flex}.import-label{align-items:center;display:inline-flex}.import-file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.question-list{gap:.6rem;margin-top:.75rem;display:grid}.question-item{background:#fcf9ff;border:1px solid #eadff8;border-radius:.85rem;gap:.45rem;padding:.7rem;display:grid}.definition-grid{gap:.55rem;margin:.7rem 0 .85rem;display:grid}.definition-item{background:#fcf9ff;border:1px solid #eadff8;border-radius:.75rem;padding:.55rem .65rem}.definition-item p{margin:0}.definition-item p+p{margin-top:.2rem}.toggle-row{background:#faf6ff;border:1px solid #e2d2f3;border-radius:.8rem;justify-content:space-between;align-items:center;margin:0;padding:.7rem;display:flex}@media (width<=860px){.hero-header{flex-direction:column}.browser-grid,.editor-grid{grid-template-columns:1fr}.lesson-tabs{justify-content:center}.app-shell{margin:.75rem auto;padding:.65rem}.wheel-wrap{width:236px;height:236px}.dare-wheel{width:220px;height:220px}.wheel-label{width:66px;margin-left:-33px;font-size:.62rem}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}