:root{--bone:#f4f1ea;--ink:#26332b;--muted:#8b8f88;--line:#ddd8cd;--green-deep:#26362c;--green-deep-2:#1f2c24;--cream:#efe7d6;--cream-muted:#b9c1b4}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bone);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Vazirmatn,Segoe UI,Tahoma,system-ui,sans-serif}.page{flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px 24px;display:flex}.page__brand{letter-spacing:.5px;margin:8px 0 auto;font-size:22px;font-weight:700}.page__center{text-align:center;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:520px;margin:auto 0;display:flex}.medallion{object-fit:contain;-webkit-user-select:none;user-select:none;width:190px;height:190px}.khan-name{color:var(--muted);font-size:15px}.khan-status{margin:0;font-size:30px;font-weight:700}.answer-form{flex-direction:column;gap:12px;width:100%;max-width:460px;display:flex}.answer-input{width:100%;font:inherit;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:10px;outline:none;padding:14px 16px}.answer-input::placeholder{color:var(--muted)}.answer-input:focus{border-color:var(--green-deep)}.answer-submit{width:100%;font:inherit;color:var(--cream);background:var(--green-deep);cursor:pointer;border:none;border-radius:10px;padding:13px 16px;font-weight:700;transition:opacity .15s}.answer-submit:hover{opacity:.92}.answer-submit:disabled{opacity:.6;cursor:default}.answer-message{min-height:20px;color:var(--muted);font-size:14px}.answer-message--correct{color:var(--green-deep);font-weight:700}.status-bar{direction:ltr;align-items:center;gap:6px;margin-top:28px;display:flex}.status-dot{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:12px;text-decoration:none;display:flex}.status-dot--current{border-color:var(--green-deep);background:var(--green-deep);color:var(--cream);font-weight:700}.status-dot--discovered{border-color:var(--green-deep);color:var(--green-deep)}.status-link{color:inherit;line-height:0}.status-sep{background:var(--line);width:14px;height:1px}.page--discovered{background:var(--green-deep);color:var(--cream)}.page--discovered .page__brand{color:var(--cream)}.page--discovered .khan-name{color:var(--cream-muted)}.badge{color:var(--cream);border:1px solid #efe7d659;border-radius:999px;padding:5px 14px;font-size:13px;display:inline-block}.problem-title{margin:6px 0 4px;font-size:28px;font-weight:700}.problem-media{width:100%;max-width:460px;min-height:200px;color:var(--cream-muted);border:1px solid #efe7d640;border-radius:14px;justify-content:center;align-items:center;font-size:14px;display:flex}.problem-media img,.problem-media video{border-radius:14px;max-width:100%}.page--discovered .answer-input{color:var(--cream);border-color:#efe7d64d}.page--discovered .answer-input::placeholder{color:var(--cream-muted)}.page--discovered .answer-submit{background:var(--cream);color:var(--green-deep)}.page--discovered .answer-message{color:var(--cream-muted)}.page--discovered .answer-message--correct{color:var(--cream)}.solver-row{color:var(--cream-muted);flex-wrap:wrap;justify-content:center;gap:16px;font-size:14px;display:flex}.solver-row strong{color:var(--cream);font-weight:700}.page--discovered .status-dot{color:var(--cream-muted);border-color:#efe7d64d}.page--discovered .status-dot--current{background:var(--cream);color:var(--green-deep);border-color:var(--cream)}.page--discovered .status-sep{background:#efe7d640}.locked-note{color:var(--cream-muted);max-width:380px;font-size:15px}.page{transition:background-color 1.1s,color 1.1s}.page--reveal-dark{background:var(--green-deep);color:var(--cream)}.is-hidden{opacity:0;pointer-events:none;transition:opacity .7s}.reveal{text-align:center;pointer-events:none;z-index:20;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.reveal__inner{opacity:0;max-width:640px;transition:opacity .9s}.reveal__inner--visible{opacity:1}.reveal__label{color:var(--cream-muted);letter-spacing:.5px;margin-bottom:22px;font-size:14px}.reveal__poem{color:var(--cream);white-space:pre-line;margin:0;font-size:26px;line-height:2.1}@keyframes pageEnter{0%{opacity:0}to{opacity:1}}.page--enter{animation:.8s both pageEnter}