:root{--pink-50:#fff5f3;--pink-100:#ffe6e0;--pink-200:#fbd3ca;--pink-300:#f4b5a7;--pink-400:#e89583;--brown-300:#b88a76;--brown-500:#8b5e4a;--brown-700:#5a3a2b;--brown-900:#3b2419;--cream:#fdf8f5}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;color:var(--brown-900);background:linear-gradient(135deg, var(--pink-50) 0%, var(--pink-100) 50%, var(--pink-200) 100%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 10%,#f4b5a759,#0000 40%),radial-gradient(circle at 80% 90%,#b88a7640,#0000 45%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1.5rem 4rem;display:flex}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fdf8f5d9;border:1px solid #fff9;border-radius:28px;width:100%;max-width:720px;padding:3rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 20px 60px -15px #5b3a2b40,0 4px 16px -4px #5b3a2b1a}.card:after{content:"";background:linear-gradient(90deg, var(--pink-300), var(--brown-300), var(--pink-300));height:4px;position:absolute;top:0;left:0;right:0}.welcome-hero{text-align:center}.welcome-badge{letter-spacing:.2em;text-transform:uppercase;color:var(--brown-500);background:var(--pink-100);border-radius:999px;margin-bottom:1.5rem;padding:.45rem 1rem;font-size:.78rem;font-weight:600;display:inline-block}.welcome-title{color:var(--brown-900);letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(2rem,5vw,2.75rem);font-weight:800;line-height:1.15}.welcome-title .accent{background:linear-gradient(135deg, var(--brown-500), var(--pink-400));color:#0000;-webkit-background-clip:text;background-clip:text}.welcome-emoji{margin:.5rem 0 1rem;font-size:3.5rem;display:block}.welcome-body{color:var(--brown-700);max-width:560px;margin:1.25rem auto;font-size:1.08rem;line-height:1.7}.welcome-body.challenge{color:var(--brown-500);margin-top:1.5rem;font-style:italic}.start-btn{background:linear-gradient(135deg, var(--brown-500), var(--brown-700));color:var(--cream);letter-spacing:.02em;border-radius:999px;align-items:center;gap:.6rem;margin-top:2rem;padding:1.05rem 2.4rem;font-size:1.05rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 24px -8px #5b3a2b80}.start-btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px -8px #5b3a2b99}.start-btn:active{transform:translateY(0)}.quiz-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.section-tag{text-transform:uppercase;letter-spacing:.18em;color:var(--brown-500);font-size:.72rem;font-weight:700}.question-count{color:var(--brown-500);font-size:.85rem;font-weight:500}.progress-track{background:var(--pink-100);border-radius:999px;height:6px;margin-bottom:2rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--pink-300), var(--brown-500));border-radius:999px;height:100%;transition:width .4s}.section-title{color:var(--brown-700);margin-bottom:.35rem;font-size:1.05rem;font-weight:700}.section-subtitle{color:var(--brown-300);margin-bottom:2rem;font-size:.9rem;font-style:italic}.question-number{background:linear-gradient(135deg, var(--pink-300), var(--brown-300));color:#0000;letter-spacing:-.04em;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:4.5rem;font-weight:800;line-height:1}.question-text{color:var(--brown-900);letter-spacing:-.01em;margin-bottom:2rem;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:600;line-height:1.35}.answer-area{border:2px solid var(--pink-200);width:100%;min-height:140px;color:var(--brown-900);resize:vertical;background:#ffffffb3;border-radius:16px;padding:1.1rem 1.25rem;font-family:inherit;font-size:1rem;line-height:1.6;transition:border-color .2s,background .2s}.answer-area:focus{border-color:var(--brown-500);background:#fff;outline:none}.answer-area::placeholder{color:var(--brown-300);font-style:italic}.reveal-row{text-align:center;margin-top:1.25rem}.reveal-btn{background:linear-gradient(135deg, var(--pink-200), var(--pink-300));color:var(--brown-700);letter-spacing:.01em;border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 18px -6px #e8958380}.reveal-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px -6px #e89583a6}.reveal-btn:disabled{opacity:.6;cursor:not-allowed}.reveal-hint{color:var(--brown-300);margin-top:.75rem;font-size:.82rem;font-style:italic}.criteria-panel{background:linear-gradient(135deg,#fff5f3e6,#fbd3ca8c);border:1px solid #b88a7640;border-radius:20px;margin-top:1.5rem;padding:1.5rem 1.5rem 1.25rem;animation:.35s fadeInUp;box-shadow:inset 0 1px #fff9}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.criteria-header{margin-bottom:1rem}.criteria-label{letter-spacing:.2em;text-transform:uppercase;color:var(--brown-500);background:#fff9;border-radius:999px;margin-bottom:.5rem;padding:.3rem .75rem;font-size:.68rem;font-weight:700;display:inline-block}.criteria-title{color:var(--brown-900);margin-top:.6rem;font-size:1.05rem;font-weight:700}.criteria-list{flex-direction:column;gap:.65rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.criteria-list li{color:var(--brown-700);align-items:flex-start;gap:.7rem;font-size:.92rem;line-height:1.55;display:flex}.criteria-check{background:var(--brown-500);width:22px;height:22px;color:var(--cream);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:.1rem;font-size:.72rem;font-weight:700;display:inline-flex}.verdict{text-align:center;border-radius:12px;margin-top:1rem;padding:.85rem 1rem;font-size:.88rem;font-weight:600;line-height:1.4}.verdict-strong{color:var(--brown-700);background:#8b5e4a1f;border:1px solid #8b5e4a40}.verdict-good{color:var(--brown-700);background:#f4b5a740;border:1px solid #e8958359}.nav-row{justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;display:flex}.nav-btn{border-radius:999px;padding:.85rem 1.6rem;font-size:.95rem;font-weight:600;transition:all .2s}.nav-btn.back{color:var(--brown-500);background:0 0}.nav-btn.back:hover{background:var(--pink-100)}.nav-btn.next{background:linear-gradient(135deg, var(--brown-500), var(--brown-700));color:var(--cream);box-shadow:0 8px 20px -6px #5b3a2b73}.nav-btn.next:hover{transform:translateY(-1px);box-shadow:0 12px 24px -6px #5b3a2b8c}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.nav-btn:disabled:hover{box-shadow:none;background:0 0;transform:none}.complete-hero{text-align:center}.complete-emoji{margin-bottom:1rem;font-size:4.5rem;display:block}.complete-title{color:var(--brown-900);letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(1.8rem,4.5vw,2.4rem);font-weight:800}.complete-body{color:var(--brown-700);max-width:520px;margin:0 auto 2rem;font-size:1.05rem;line-height:1.7}.footer-sig{text-align:center;color:var(--brown-500);letter-spacing:.05em;margin-top:2.5rem;font-size:.82rem}@media (max-width:600px){.card{border-radius:22px;padding:2rem 1.5rem}.question-number{font-size:3.5rem}.nav-btn{padding:.75rem 1.2rem;font-size:.88rem}}