:root{--color-forest: #245c43;--color-forest-hover: #1c4a36;--color-leaf: #4d8b61;--color-soft-green: #a8c98a;--color-cream: #f4e9d6;--color-terracotta: #c77d52;--color-ochre: #d7b77a;--color-saffron: #ff9933;--color-saffron-deep: #e07b1a;--color-saffron-text: #a4510b;--color-saffron-soft: #fff1e0;--color-india-green: #138808;--color-india-green-soft: #e8f4e4;--color-chakra: #1c3f94;--color-white: #ffffff;--color-bg: #f6f8f4;--color-text: #26362d;--color-text-secondary: #6b766d;--color-border: #dde5dc;--color-border-strong: #c7d3c6;--color-correct-bg: #edf5e8;--color-correct-border: #8fbb83;--color-correct-text: #1f5139;--color-learn-bg: #fbf4e6;--color-learn-border: #e2c58c;--color-learn-text: #6b4e1f;--color-learn-accent: #b07a2a;--color-focus: #245c43;--font-sans: "Noto Sans", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans Devanagari", "Nirmala UI", "Kohinoor Devanagari", Mangal, system-ui, sans-serif;--text-title: clamp(1.75rem, 1.35rem + 1.6vw, 2.5rem);--text-heading: clamp(1.375rem, 1.2rem + .7vw, 1.75rem);--text-question: clamp(1.25rem, 1.1rem + .6vw, 1.625rem);--text-answer: clamp(1rem, .96rem + .2vw, 1.125rem);--text-body: 1rem;--text-explain: .9375rem;--text-helper: .8125rem;--leading-tight: 1.25;--leading-body: 1.55;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-button: 12px;--radius-answer: 16px;--radius-card: 22px;--radius-panel: 16px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(38, 54, 45, .05), 0 8px 24px rgba(38, 54, 45, .06);--shadow-raised: 0 1px 2px rgba(38, 54, 45, .08), 0 4px 12px rgba(38, 54, 45, .08);--content-max: 1200px;--touch-min: 44px;--progress-height: 8px;--ease-out: cubic-bezier(.22, .61, .36, 1);--dur-select: .15s;--dur-feedback: .2s;--dur-highlight: .26s;--dur-progress: .3s;--dur-reveal: .34s}@media(prefers-reduced-motion:reduce){:root{--dur-select: 0ms;--dur-feedback: 0ms;--dur-highlight: 0ms;--dur-progress: 0ms;--dur-reveal: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure,ul,ol{margin:0}ul,ol{padding:0}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}[tabindex="-1"]:focus{outline:none}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-4);top:-100px;z-index:10;padding:var(--space-2) var(--space-4);background:var(--color-forest);color:var(--color-white);border-radius:var(--radius-button);text-decoration:none;font-weight:600}.skip-link:focus{top:var(--space-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-min);padding:var(--space-3) var(--space-6);border-radius:var(--radius-button);border:1px solid transparent;font-size:1rem;font-weight:600;line-height:1.2;cursor:pointer;text-decoration:none;transition:background-color var(--dur-select) var(--ease-out),border-color var(--dur-select) var(--ease-out),color var(--dur-select) var(--ease-out)}.btn--primary{background:var(--color-forest);color:var(--color-white)}.btn--primary:hover{background:var(--color-forest-hover)}.btn--large{min-height:52px;padding:var(--space-3) var(--space-8);font-size:1.0625rem}.btn--secondary{background:var(--color-white);color:var(--color-forest);border-color:var(--color-border-strong)}.btn--secondary:hover{border-color:var(--color-forest)}.btn--text{min-height:var(--touch-min);padding:var(--space-2) var(--space-3);background:transparent;color:var(--color-text-secondary);font-weight:500;font-size:.9375rem}.btn--text:hover{color:var(--color-forest);text-decoration:underline;text-underline-offset:3px}.btn--learn{background:var(--color-white);color:var(--color-learn-text);border-color:var(--color-learn-border)}.btn--learn:hover{border-color:var(--color-learn-accent)}.btn svg{width:18px;height:18px;flex:none}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--color-white);border-bottom:1px solid var(--color-border)}.app-header__inner{max-width:var(--content-max);margin:0 auto;padding:var(--space-3) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-4);flex-wrap:wrap;min-height:64px}.app-header__exit{flex:none;margin-left:auto}.brand{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1 1 0}.brand__mark{width:36px;height:36px;flex:none}.brand__text{display:flex;flex-direction:column;min-width:0}.brand__name{font-weight:700;font-size:1rem;color:var(--color-forest);line-height:1.2}.brand__tag{font-size:var(--text-helper);color:var(--color-text-secondary);line-height:1.3}.exit-confirm{margin-left:auto;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.exit-confirm__text{font-size:.875rem;color:var(--color-text-secondary)}.app-main{flex:1;width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--space-6)}.app-footer{border-top:1px solid var(--color-border);background:var(--color-white)}.app-footer p{max-width:var(--content-max);margin:0 auto;padding:var(--space-4) var(--space-6);font-size:var(--text-helper);color:var(--color-text-secondary)}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.scene-card{padding:var(--space-3)}.eyebrow{font-size:var(--text-helper);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-leaf)}.chip{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-cream);color:#6b4e1f;font-size:var(--text-helper);font-weight:600}.content-error{padding:var(--space-8);max-width:640px;margin:var(--space-10) auto}.content-error h1{font-size:var(--text-heading);color:var(--color-forest);margin-bottom:var(--space-3)}.welcome{display:flex;flex-direction:column;gap:var(--space-10)}.welcome__hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-6);align-items:center}.welcome__intro{padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}.welcome__title{font-size:var(--text-title);line-height:1.15;color:var(--color-forest);letter-spacing:-.01em}.welcome__subtitle{font-size:1.125rem;color:var(--color-text-secondary)}.welcome__scene{display:flex;flex-direction:column;gap:var(--space-3)}.welcome__scene .city-scene{width:100%}.scene-legend{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-4);padding:var(--space-2) var(--space-3) var(--space-3)}.scene-legend li{display:flex;gap:var(--space-2);align-items:baseline;font-size:var(--text-helper);color:var(--color-text-secondary)}.scene-legend strong{color:var(--color-text);font-weight:600}.scene-legend__dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--color-leaf);transform:translateY(-1px)}.steps{list-style:none;display:grid;gap:var(--space-3);margin:var(--space-2) 0}.steps__item{display:flex;gap:var(--space-3);align-items:flex-start;font-size:.9375rem}.steps__num{flex:none;width:26px;height:26px;border-radius:50%;background:var(--color-correct-bg);color:var(--color-forest);font-weight:700;font-size:.8125rem;display:grid;place-items:center;margin-top:1px}.welcome__actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-2)}.welcome__meta{font-size:var(--text-helper);color:var(--color-text-secondary)}.best-chip{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-button);background:var(--color-bg);border:1px solid var(--color-border);font-size:.9375rem}.best-chip>svg{width:20px;height:20px;color:var(--color-terracotta);fill:none;stroke:currentColor}.best-chip__reset{margin-left:auto}.best-chip__confirm{display:inline-flex;align-items:center;gap:var(--space-1);margin-left:auto;font-size:.875rem;color:var(--color-text-secondary)}.future__head{margin-bottom:var(--space-4)}.future__title{font-size:var(--text-heading);color:var(--color-text)}.future__sub{color:var(--color-text-secondary);font-size:.9375rem}.future__grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.future-card{display:flex;flex-direction:column;background:var(--color-white);border:1px dashed var(--color-border-strong);border-radius:var(--radius-answer);overflow:hidden}.future-card__art{background:var(--color-bg);display:grid;place-items:center;padding:var(--space-4)}.future-card__icon{width:72px;height:72px;opacity:.85}.future-card__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.future-card__badge{align-self:flex-start;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:2px var(--space-2)}.future-card__title{font-size:1rem;margin-top:var(--space-1)}.future-card__text{font-size:.875rem;color:var(--color-text-secondary)}.play{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-6);align-items:start}.play__scene{position:sticky;top:var(--space-6)}.play__card{padding:var(--space-6)}.results{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-6);align-items:start}.results__summary{padding:var(--space-8);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4)}.results__title{font-size:var(--text-heading);color:var(--color-forest);line-height:var(--leading-tight)}.results__message{font-size:1.0625rem}.results__helper{font-size:var(--text-helper);color:var(--color-text-secondary);margin-top:calc(-1 * var(--space-2))}.score-ring{position:relative;width:168px;height:168px}.score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.score-ring__track{fill:none;stroke:var(--color-border);stroke-width:10}.score-ring__value{fill:none;stroke:var(--color-forest);stroke-width:10;stroke-linecap:round;transition:stroke-dasharray .6s var(--ease-out)}.score-ring__label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.score-ring__label strong{font-size:3rem;color:var(--color-forest)}.score-ring__label span{font-size:.875rem;color:var(--color-text-secondary)}.best-note{display:flex;gap:var(--space-3);align-items:flex-start;text-align:left;width:100%;padding:var(--space-4);border-radius:var(--radius-panel);background:var(--color-bg);border:1px solid var(--color-border)}.best-note>svg{width:24px;height:24px;flex:none;color:var(--color-terracotta)}.best-note--new{background:var(--color-cream);border-color:var(--color-ochre)}.best-note__value{font-weight:600}.best-note__text{font-size:.9375rem;color:var(--color-text-secondary)}.results__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-2)}.results__side{display:flex;flex-direction:column;gap:var(--space-6)}.takeaways{padding:var(--space-6)}.takeaways__title{font-size:1.25rem;margin-bottom:var(--space-3)}.takeaways__list{list-style:none;display:grid;gap:var(--space-3)}.takeaways__list li{display:flex;gap:var(--space-3);align-items:flex-start;font-size:var(--text-explain)}.takeaways__icon{flex:none;width:24px;height:24px;border-radius:50%;background:var(--color-correct-bg);color:var(--color-forest);display:grid;place-items:center}.takeaways__icon svg{width:14px;height:14px}@media(max-width:1023px){.welcome__hero,.results{grid-template-columns:minmax(0,1fr)}.welcome__scene{order:-1}.play{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.play__scene{position:static}.future__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.app-main{padding:var(--space-4)}.app-header__inner{padding:var(--space-2) var(--space-4)}.brand__tag{display:none}.brand__name{font-size:.9375rem}.brand__mark{width:32px;height:32px}.scene-legend{grid-template-columns:minmax(0,1fr)}.welcome__intro,.results__summary{padding:var(--space-6) var(--space-5)}.play__card{padding:var(--space-5) var(--space-4)}.scene-card{padding:var(--space-2)}.welcome__start,.results__actions .btn{width:100%}.future__grid{grid-template-columns:minmax(0,1fr)}.future-card{flex-direction:row}.future-card__art{flex:none;width:92px;padding:var(--space-3)}.future-card__icon{width:56px;height:56px}.app-footer p{padding:var(--space-4)}}a.brand{color:inherit;text-decoration:none}a.brand:hover .brand__name{text-decoration:underline;text-underline-offset:3px}.question-card{display:flex;flex-direction:column;gap:var(--space-4)}.question-card__top{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);font-size:.9375rem;color:var(--color-text-secondary)}.question-card__top strong{color:var(--color-text)}.question-card__score strong{color:var(--color-forest)}.question-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.question-card__mode{font-size:var(--text-helper);color:var(--color-text-secondary)}.question-card__text{font-size:var(--text-question);line-height:1.3;font-weight:650;color:var(--color-text)}.progress{height:var(--progress-height);border-radius:var(--radius-pill);background:var(--color-border);overflow:hidden}.progress__fill{height:100%;border-radius:inherit;background:var(--color-forest);transition:width var(--dur-progress) var(--ease-out)}.prompt-art{border-radius:var(--radius-answer);background:var(--color-bg);border:1px solid var(--color-border);overflow:hidden}.prompt-art--icon{display:grid;place-items:center;padding:var(--space-3)}.prompt-art__icon{width:96px;height:96px}.prompt-art__scenario{width:100%;height:auto}.interaction{display:flex;flex-direction:column;gap:var(--space-3)}.interaction__instruction{font-size:var(--text-helper);color:var(--color-text-secondary)}.answer-list{list-style:none;display:grid;gap:var(--space-3)}.answer-list--tile{grid-template-columns:repeat(3,minmax(0,1fr))}.answer-list__item{display:flex}.answer{width:100%;min-height:56px;display:flex;flex-direction:column;text-align:left;padding:var(--space-3) var(--space-4);border-radius:var(--radius-answer);border:1.5px solid var(--color-border);background:var(--color-white);cursor:pointer;transition:border-color var(--dur-select) var(--ease-out),background-color var(--dur-select) var(--ease-out),box-shadow var(--dur-select) var(--ease-out),transform var(--dur-select) var(--ease-out)}.answer:hover:not(:disabled){border-color:var(--color-leaf);box-shadow:var(--shadow-raised)}.answer:active:not(:disabled){transform:scale(.99)}.answer:disabled{cursor:default}.answer__body{display:flex;align-items:flex-start;gap:var(--space-3)}.answer__letter{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-forest);font-weight:700;font-size:.875rem;transition:background-color var(--dur-select) var(--ease-out),color var(--dur-select) var(--ease-out)}.answer__letter svg{width:16px;height:16px}.answer__text{font-size:var(--text-answer);line-height:1.4;padding-top:3px;display:flex;flex-direction:column;gap:2px}.answer__status{font-size:var(--text-helper);font-weight:600}.answer--tile{align-items:stretch;padding:var(--space-3);gap:var(--space-3)}.answer__art{display:grid;place-items:center;border-radius:12px;background:var(--color-bg);padding:var(--space-2)}.answer__icon{width:100%;max-width:104px;aspect-ratio:1;height:auto}.answer--tile .answer__body{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.answer--tile .answer__letter{width:26px;height:26px;font-size:.8125rem}.answer--tile .answer__text{font-size:.9375rem;padding-top:0}.answer--correct{border-color:var(--color-correct-border);background:var(--color-correct-bg)}.answer--correct .answer__letter{background:var(--color-forest);border-color:var(--color-forest);color:var(--color-white)}.answer--correct .answer__status{color:var(--color-correct-text)}.answer--incorrect{border-color:var(--color-learn-border);background:var(--color-learn-bg)}.answer--incorrect .answer__letter{background:var(--color-learn-bg);border-color:var(--color-learn-border);color:var(--color-learn-accent)}.answer--incorrect .answer__status{color:var(--color-learn-text)}.answer--tried{background:var(--color-bg);border-style:dashed}.answer--tried .answer__text,.answer--locked .answer__text,.answer--tried .answer__letter{color:var(--color-text-secondary)}.answer--tried .answer__icon,.answer--locked .answer__icon{opacity:.55}.feedback{border-radius:var(--radius-panel);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);border:1px solid;animation:feedback-in var(--dur-feedback) var(--ease-out)}@keyframes feedback-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.feedback--correct{background:var(--color-correct-bg);border-color:var(--color-correct-border)}.feedback--learn{background:var(--color-learn-bg);border-color:var(--color-learn-border)}.feedback__head{display:flex;align-items:center;gap:var(--space-3)}.feedback__badge{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.feedback__badge svg{width:20px;height:20px}.feedback--correct .feedback__badge{background:var(--color-forest);color:var(--color-white)}.feedback--learn .feedback__badge{background:var(--color-white);color:var(--color-learn-accent);border:1px solid var(--color-learn-border)}.feedback__title{font-size:1.25rem;line-height:var(--leading-tight)}.feedback--correct .feedback__title{color:var(--color-correct-text)}.feedback--learn .feedback__title{color:var(--color-learn-text)}.feedback__text{font-size:var(--text-explain)}.feedback__hint{font-size:var(--text-explain);color:var(--color-learn-text)}.feedback__scene{display:none}@media(max-width:1023px){.feedback__scene{display:block}.feedback__scene .city-scene__svg{border-radius:12px}}.feedback__cleanup{font-size:var(--text-explain);padding:var(--space-2) var(--space-3);border-radius:10px;background:var(--color-white);border:1px solid var(--color-correct-border);color:var(--color-correct-text)}.feedback__meta{font-size:var(--text-helper);color:var(--color-correct-text)}.feedback__actions{display:flex;margin-top:var(--space-1)}@media(max-width:600px){.answer-list--tile{grid-template-columns:minmax(0,1fr)}.answer--tile{flex-direction:row;align-items:center}.answer--tile .answer__art{flex:none;width:76px}.answer--tile .answer__body{flex-direction:row;align-items:center}.feedback__actions .btn{width:100%}.prompt-art__icon{width:80px;height:80px}}@media(prefers-reduced-motion:reduce){.feedback{animation:none}.answer:active:not(:disabled){transform:none}}.interaction--bins{gap:var(--space-4)}.sort-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-answer);background:var(--color-bg);border:1px solid var(--color-border)}.sort-item__art{width:112px;height:112px}.sort-item__icon{width:100%;height:100%}.sort-item__art.is-dropping{animation:item-drop .62s var(--ease-out) forwards}@keyframes item-drop{0%{transform:translate(0) scale(1);opacity:1}55%{transform:translate(calc(var(--dx) * .9),calc(var(--dy) * .6)) scale(.6);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}.sort-item__name{font-weight:600;text-align:center}.bin-list{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.bin-list>li{display:flex}.bin-option{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);border-radius:var(--radius-answer);border:1.5px solid var(--color-border);background:var(--color-white);cursor:pointer;text-align:center;transition:border-color var(--dur-select) var(--ease-out),box-shadow var(--dur-select) var(--ease-out)}.bin-option:hover:not(:disabled){border-color:var(--color-leaf);box-shadow:var(--shadow-raised)}.bin-option:disabled{cursor:default}.bin-option__art{width:64px;height:80px;overflow:visible}.bin-option .bin__lid{transform-box:fill-box;transform-origin:0% 100%;transition:transform var(--dur-reveal) var(--ease-out)}.bin-option.answer--correct .bin__lid{transform:rotate(-24deg) translate(-2px,-4px)}.bin-option__text{display:flex;flex-direction:column;gap:2px;line-height:1.25}.bin-option__title{font-weight:700;font-size:.9375rem}.bin-option__sub{font-size:var(--text-helper);color:var(--color-text-secondary)}.bin-option__status{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin-top:2px;font-size:.75rem;font-weight:700}.bin-option__status svg{width:14px;height:14px}.bin-option.answer--correct{border-color:var(--color-correct-border);background:var(--color-correct-bg);color:var(--color-correct-text)}.bin-option.answer--incorrect{border-color:var(--color-learn-border);background:var(--color-learn-bg);color:var(--color-learn-text)}.bin-option.answer--tried{border-style:dashed;background:var(--color-bg)}.bin-option.answer--tried .bin-option__art,.bin-option.answer--locked .bin-option__art{opacity:.5}.bin-tally{margin-top:var(--space-3);padding:var(--space-3);border-top:1px solid var(--color-border)}.bin-tally__title{font-size:var(--text-helper);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.bin-tally__list{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.bin-tally__item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-helper);font-variant-numeric:tabular-nums}.bin-tally__item svg{width:22px;height:28px;flex:none}.habit-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.habit-list>li{display:flex}.habit-option{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3);border-radius:var(--radius-answer);border:1.5px solid var(--color-border);background:var(--color-white);cursor:pointer;text-align:center;transition:border-color var(--dur-select) var(--ease-out),box-shadow var(--dur-select) var(--ease-out)}.habit-option:hover:not(:disabled){border-color:var(--color-leaf);box-shadow:var(--shadow-raised)}.habit-option:disabled{cursor:default}.habit-option__icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-forest)}.habit-option--no .habit-option__icon{color:var(--color-learn-accent)}.habit-option__icon svg{width:22px;height:22px}.habit-option__label{font-weight:700;font-size:1.25rem}.habit-option__text{font-size:var(--text-helper);color:var(--color-text-secondary)}.habit-option__status{font-size:.75rem;font-weight:700}.habit-option.answer--correct{border-color:var(--color-correct-border);background:var(--color-correct-bg);color:var(--color-correct-text)}.habit-option.answer--incorrect{border-color:var(--color-learn-border);background:var(--color-learn-bg);color:var(--color-learn-text)}.habit-option.answer--tried{border-style:dashed;background:var(--color-bg)}@media(max-width:600px){.bin-list,.bin-tally__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.sort-item__art.is-dropping{animation:none;opacity:.35}.bin-option .bin__lid{transition:none}}.answer-list--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.habit-option__glyph{font-weight:800;font-size:1.125rem;line-height:1}.sequence{display:flex;flex-direction:column;gap:var(--space-4)}.sequence__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.seq-step{width:100%;display:flex;align-items:center;gap:var(--space-3);min-height:52px;padding:var(--space-3) var(--space-4);text-align:left;font:inherit;font-size:var(--text-answer);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:var(--radius-answer);cursor:pointer;transition:border-color var(--dur-select) var(--ease-out),background-color var(--dur-select) var(--ease-out),opacity var(--dur-select) var(--ease-out)}@media(hover:hover){.seq-step:hover:not(:disabled){border-color:var(--color-leaf);background:var(--color-correct-bg)}}.seq-step.is-used{opacity:.4;text-decoration:line-through;cursor:default}.seq-step:focus-visible,.seq-placed button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.seq-step__dot{flex:none;width:22px;height:22px;border-radius:50%;border:2px dashed var(--color-border-strong)}.sequence__answer{padding:var(--space-3);border-radius:var(--radius-answer);background:var(--color-bg);border:1px dashed var(--color-border-strong)}.sequence__answer.is-done{background:var(--color-correct-bg);border:1px solid var(--color-correct-border)}.sequence__label{font-size:var(--text-helper);font-weight:700;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.sequence__empty{font-size:.875rem;color:var(--color-text-secondary)}.sequence__order{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.seq-placed button{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);text-align:left;font:inherit;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;cursor:pointer;animation:seq-in .22s var(--ease-out)}.seq-placed button:disabled{cursor:default}@keyframes seq-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.seq-placed__num{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--color-forest);color:var(--color-white);font-weight:700;font-size:.875rem}.seq-placed__num svg{width:16px;height:16px}.seq-placed--right .seq-placed__num{background:var(--color-india-green)}.seq-placed--right button{border-color:var(--color-correct-border)}.seq-placed--wrong .seq-placed__num{background:var(--color-learn-accent)}.seq-placed--wrong button{border-color:var(--color-learn-border);background:var(--color-learn-bg)}.sequence__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.sequence__actions .btn svg{width:18px;height:18px}@media(prefers-reduced-motion:reduce){.seq-placed button{animation:none}}.bin-legend{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3) var(--space-2) var(--space-1);border-top:1px solid var(--color-border)}.bin-legend__item{display:flex;align-items:center;gap:var(--space-2);font-size:.75rem;line-height:1.25;color:var(--color-text-secondary)}.bin-legend__item svg{flex:none;width:22px;height:28px}.bin-legend__item strong{display:block;color:var(--color-text);font-size:.8125rem}.bin-legend__sub{display:block}@media(max-width:600px){.bin-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}.city-scene{display:flex;flex-direction:column;gap:var(--space-3);margin:0}.city-scene__svg{display:block;width:100%;height:auto;aspect-ratio:16 / 9;border-radius:14px;background:#f3eedf}.scene-grime{pointer-events:none;transition:opacity .9s var(--ease-out)}.litter-slot__x{transition:transform .76s cubic-bezier(.3,.1,.5,1)}.litter-slot__y{transform-box:fill-box;transform-origin:50% 50%;transition:transform .76s cubic-bezier(.45,-.75,.7,1),opacity .22s ease-in .6s}.litter-slot.is-cleared .litter-slot__x{transform:translate(var(--tx, 0))}.litter-slot.is-cleared .litter-slot__y{transform:translateY(var(--ty, 0)) scale(.28);opacity:0}.litter-slot.is-wipe .litter-slot__y{transition:transform .52s var(--ease-out),opacity .42s ease-in .12s}.litter-slot.is-wipe.is-cleared .litter-slot__y{transform:scale(.2,.05);opacity:0}.litter-slot__bob{transform-box:fill-box;transform-origin:50% 100%}.is-active>.litter-slot__x .litter-slot__bob,.scene-litter.is-active>.litter-slot__bob{animation:litter-bob 1.5s ease-in-out infinite}@keyframes litter-bob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.06)}}.litter-sparkle{transform-box:fill-box;transform-origin:50% 50%;opacity:0;animation:sparkle .9s ease-out .52s both}@keyframes sparkle{0%{opacity:0;transform:scale(.3) rotate(0)}35%{opacity:1;transform:scale(1.15) rotate(20deg)}to{opacity:0;transform:scale(1.35) rotate(45deg)}}.scene-litter{opacity:1;transform-box:fill-box;transform-origin:50% 100%;transition:opacity var(--dur-reveal) var(--ease-out),transform var(--dur-reveal) var(--ease-out)}.scene-litter.is-cleared{opacity:0;transform:scale(.85)}.bin-gulp{transform-box:fill-box;transform-origin:50% 100%;animation:bin-gulp .52s var(--ease-out) .64s both}.bin-gulp .bin__lid{transform-box:fill-box;transform-origin:0% 100%;animation:lid-pop .52s var(--ease-out) .56s both}@keyframes bin-gulp{0%,to{transform:scale(1)}40%{transform:scale(1.08,.92)}70%{transform:scale(.97,1.04)}}@keyframes lid-pop{0%,to{transform:rotate(0)}35%{transform:rotate(-28deg)}}.city-scene--play .anim-broom{transform-box:fill-box;transform-origin:100% 0%;animation:sweep 1.8s ease-in-out infinite}@keyframes sweep{0%,to{transform:rotate(0)}50%{transform:rotate(9deg)}}.city-scene--play .anim-wave{transform-box:fill-box;transform-origin:0% 100%;animation:wave 2.4s ease-in-out infinite}@keyframes wave{0%,60%,to{transform:rotate(0)}70%{transform:rotate(-14deg)}80%{transform:rotate(8deg)}90%{transform:rotate(-10deg)}}.scene-char{transform-box:fill-box;transform-origin:50% 100%}.scene-cheer .scene-char{animation:hop .56s var(--ease-out) both}@keyframes hop{0%,to{transform:translateY(0)}45%{transform:translateY(-16px)}}.scene-bunting{opacity:0;transform:translateY(-60px);transition:opacity .4s var(--ease-out),transform .6s cubic-bezier(.34,1.4,.64,1)}.scene-bunting.is-visible{opacity:1;transform:none}.scene-bunting.is-static{transition:none}.scene-bunting.is-visible:not(.is-static) .scene-bunting__flag{transform-box:fill-box;transform-origin:50% 0%;animation:flutter 2.6s ease-in-out infinite}@keyframes flutter{0%,to{transform:rotate(0)}50%{transform:rotate(6deg)}}.scene-overlay{opacity:0;transform:translateY(8px) scale(.92);transform-box:fill-box;transform-origin:50% 100%;transition:opacity var(--dur-reveal) var(--ease-out),transform var(--dur-reveal) var(--ease-out)}.scene-overlay.is-visible{opacity:1;transform:none}.scene-overlay--highlight{transform:none;transition:opacity var(--dur-highlight) var(--ease-out)}.city-scene__caption{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-2) var(--space-1);font-size:var(--text-helper);color:var(--color-text-secondary)}.city-scene__label{font-weight:700;letter-spacing:.02em;color:var(--color-saffron-text)}.city-scene__meter{display:flex;flex:1;gap:4px;max-width:320px}.city-scene__pip{flex:1;height:8px;border-radius:4px;background:var(--color-border);transition:background-color .5s var(--ease-out) .5s}.city-scene__pip.is-on{background:var(--color-india-green)}.city-scene__count{margin-left:auto;font-variant-numeric:tabular-nums}.city-scene__count strong{color:var(--color-text)}@media(prefers-reduced-motion:reduce){.litter-slot__x,.litter-slot__y,.scene-litter,.scene-bunting,.scene-overlay,.scene-grime{transition:none!important}.litter-slot__bob,.litter-sparkle,.bin-gulp,.bin-gulp .bin__lid,.anim-broom,.anim-wave,.scene-cheer .scene-char,.scene-bunting__flag{animation:none!important}.litter-sparkle{display:none}}.tricolour{display:flex;flex-direction:column}.tricolour span{display:block;height:3px}.tricolour span:nth-child(1){background:var(--color-saffron)}.tricolour span:nth-child(2){background:var(--color-white)}.tricolour span:nth-child(3){background:var(--color-india-green)}.rangoli{display:block;width:min(260px,70%);height:16px;margin:0 auto}.section-title{font-size:var(--text-heading);line-height:1.2;color:var(--color-forest)}.section-text{margin-top:4px;color:var(--color-text-secondary);font-size:.9375rem;max-width:62ch}.portal{display:flex;flex-direction:column;gap:var(--space-10)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--space-10);align-items:center;padding-top:var(--space-4)}.hero__text{display:flex;flex-direction:column;gap:var(--space-4)}.hero__kicker{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px var(--space-2);align-self:flex-start;padding:6px var(--space-3);border-radius:var(--radius-pill);background:var(--color-saffron-soft);border:1px solid #f6d3ab;color:var(--color-saffron-text);font-weight:700;font-size:.875rem}.hero__title{font-size:clamp(2rem,1.4rem + 2.6vw,3.25rem);line-height:1.08;letter-spacing:-.01em;color:var(--color-forest);text-wrap:balance}.hero__subtitle{font-size:1.125rem;color:var(--color-text-secondary);max-width:50ch}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.hero__actions .btn{text-decoration:none}.hero__stats{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-3)}.hero__stats li{display:flex;flex-direction:column;padding:var(--space-3);border-radius:14px;background:var(--color-white);border:1px solid var(--color-border)}.hero__stats strong{font-size:1.375rem;line-height:1.2;color:var(--color-forest);font-variant-numeric:tabular-nums}.hero__stats span{font-size:.75rem;color:var(--color-text-secondary);line-height:1.3}.hero__art{display:flex;flex-direction:column;gap:var(--space-3)}.hero__frame{padding:var(--space-3);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border-top:6px solid var(--color-saffron);border-bottom:6px solid var(--color-india-green)}.hero__caption{text-align:center;font-size:var(--text-helper);color:var(--color-text-secondary)}.bin-guide{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:var(--space-6);align-items:center;padding:var(--space-6);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-card)}.bin-guide__list{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.bin-guide__item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:14px;border:1px solid var(--color-border);border-top-width:4px}.bin-guide__item--wet{border-top-color:#3e8e53}.bin-guide__item--dry{border-top-color:#2f6ea5}.bin-guide__item--sanitary{border-top-color:#c2453b}.bin-guide__item--special{border-top-color:#2f3432}.bin-guide__bin{width:44px;height:54px}.bin-guide__item:hover .bin__lid{transform:rotate(-22deg)}.bin-guide__bin .bin__lid{transform-box:fill-box;transform-origin:0% 100%;transition:transform .26s var(--ease-out)}.bin-guide__text{display:flex;flex-direction:column;gap:1px;font-size:.875rem}.bin-guide__what{font-weight:600;color:var(--color-text)}.bin-guide__eg{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.4}.browse{display:flex;flex-direction:column;gap:var(--space-5);scroll-margin-top:var(--space-4)}.browse__bar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4)}.search{position:relative;flex:0 1 360px;display:flex;align-items:center}.search svg{position:absolute;left:14px;width:20px;height:20px;fill:none;stroke:var(--color-text-secondary);stroke-width:2;stroke-linecap:round;pointer-events:none}.search input{width:100%;min-height:48px;padding:var(--space-2) var(--space-4) var(--space-2) 44px;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-white);font:inherit;color:var(--color-text)}.search input:focus-visible{outline:3px solid var(--color-focus);outline-offset:1px}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.chip-btn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 14px;border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-white);color:var(--color-text);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color var(--dur-select) var(--ease-out),border-color var(--dur-select) var(--ease-out)}.chip-btn svg{width:18px;height:18px;color:var(--fmt, var(--color-forest))}.chip-btn:hover{border-color:var(--fmt, var(--color-forest))}.chip-btn.is-active{background:var(--fmt, var(--color-forest));border-color:var(--fmt, var(--color-forest));color:var(--color-white)}.chip-btn.is-active svg{color:var(--color-white)}.chip-btn:focus-visible,.round-btn:focus-visible,.quiz-card:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.segmented{display:inline-flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-1);margin-left:auto;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-pill)}.segmented__btn{min-height:36px;padding:4px var(--space-4);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-secondary);font:inherit;font-weight:600;font-size:.875rem;cursor:pointer}.segmented__btn.is-active{background:var(--color-forest);color:var(--color-white)}.browse__count{font-size:var(--text-helper);color:var(--color-text-secondary)}.browse__rows{display:flex;flex-direction:column;gap:var(--space-8)}.portal__empty{padding:var(--space-6);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.quiz-row--clean-up,.quiz-card--clean-up,.chip-btn--clean-up{--fmt: #2f7d4f;--fmt-soft: #e7f2ea}.quiz-row--bin-sort,.quiz-card--bin-sort,.chip-btn--bin-sort{--fmt: #2f6ea5;--fmt-soft: #e6eff7}.quiz-row--scenario,.quiz-card--scenario,.chip-btn--scenario{--fmt: #c0640f;--fmt-soft: #fdf0e2}.quiz-row--habit,.quiz-card--habit,.chip-btn--habit{--fmt: #1c3f94;--fmt-soft: #e8ecf7}.quiz-row--picture,.quiz-card--picture,.chip-btn--picture{--fmt: #8a3b5c;--fmt-soft: #f6e9ef}.quiz-row{display:flex;flex-direction:column;gap:var(--space-3)}.quiz-row__head{display:flex;align-items:center;gap:var(--space-3)}.quiz-row__icon{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--fmt-soft);color:var(--fmt)}.quiz-row__icon svg{width:24px;height:24px}.quiz-row__titles{flex:1;min-width:0}.quiz-row__title{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px var(--space-3);font-size:1.25rem;line-height:1.25;color:var(--color-text)}.quiz-row__count{font-size:.8125rem;font-weight:600;color:var(--fmt)}.quiz-row__desc{font-size:.875rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz-row__nav{flex:none;display:flex;align-items:center;gap:var(--space-2)}.round-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--color-border-strong);background:var(--color-white);color:var(--color-text);cursor:pointer}.round-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.round-btn:hover:not(:disabled){border-color:var(--fmt);color:var(--fmt)}.round-btn:disabled{opacity:.35;cursor:default}.quiz-row__track{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:272px;gap:var(--space-4);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 2px;padding:4px 2px var(--space-3);scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.quiz-row__track>li{display:flex;scroll-snap-align:start}.quiz-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4)}.quiz-grid>li{display:flex}.quiz-card{position:relative;width:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--color-white);border:1px solid var(--color-border);border-radius:18px;color:var(--color-text);text-decoration:none;transition:transform .2s var(--ease-out),border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}a.quiz-card:hover{transform:translateY(-3px);border-color:var(--fmt);box-shadow:0 10px 24px #26362d1a}.quiz-card__art{position:relative;aspect-ratio:16 / 9;background:#f3eedf;border-bottom:3px solid var(--fmt);overflow:hidden}a.quiz-card:hover .card-art__item{transform:translateY(-4px)}.card-art{display:block;width:100%;height:100%}.card-art__item{transition:transform .26s var(--ease-out)}.card-art__plate{stroke:var(--fmt, #245c43)}.quiz-card__art-placeholder{width:100%;height:100%;background:#f3eedf}.quiz-card__num,.quiz-card__done{position:absolute;top:10px;display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}.quiz-card__num{left:10px;background:var(--color-white);color:var(--color-text);box-shadow:0 1px 2px #26362d26}.quiz-card__done{right:10px;background:var(--color-india-green);color:var(--color-white)}.quiz-card__done svg{width:14px;height:14px}.quiz-card__body{flex:1;display:flex;flex-direction:column;gap:4px;padding:var(--space-3) var(--space-4) var(--space-4)}.quiz-card__format{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 8px;border-radius:var(--radius-pill);background:var(--fmt);color:var(--color-white);font-size:.75rem;font-weight:700;box-shadow:0 1px 2px #26362d33}.quiz-card__format svg{width:14px;height:14px}.quiz-card__topic{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;color:var(--grp);line-height:1.3}.quiz-card__letter{flex:none;width:18px;height:18px;display:grid;place-items:center;border-radius:5px;background:var(--grp);color:var(--color-white);font-size:.6875rem}.quiz-card__title{font-weight:700;font-size:1.0625rem;line-height:1.3}.quiz-card__place{font-size:.8125rem;color:var(--color-text-secondary)}.quiz-card__foot{margin-top:auto;padding-top:var(--space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:.8125rem;color:var(--color-text-secondary)}.quiz-card__score{display:flex;align-items:center;gap:var(--space-2);min-width:0}.quiz-card__score strong{color:var(--color-text)}.quiz-card__bar{width:56px;height:6px;border-radius:3px;background:var(--color-border);overflow:hidden}.quiz-card__bar span{display:block;height:100%;background:var(--color-india-green)}.quiz-card__new{font-style:normal}.quiz-card__cta{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--fmt)}.quiz-card__cta svg{width:16px;height:16px;transition:transform .2s var(--ease-out)}a.quiz-card:hover .quiz-card__cta svg{transform:translate(3px)}.quiz-card--unavailable{opacity:.6}.quiz-card__note{position:absolute;right:10px;top:10px;padding:3px 10px;border-radius:var(--radius-pill);background:var(--color-white);font-size:.75rem;color:var(--color-text-secondary)}.results__next{font-size:var(--text-helper);color:var(--color-text-secondary)}@media(max-width:960px){.hero{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.hero__art{order:-1}.bin-guide{grid-template-columns:minmax(0,1fr)}}@media(max-width:720px){.portal{gap:var(--space-8)}.hero__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.bin-guide{padding:var(--space-4)}.bin-guide__list{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-row__desc,.quiz-row__all{display:none}.quiz-row__track{grid-auto-columns:78%;margin:0 calc(-1 * var(--space-4));padding-left:var(--space-4);padding-right:var(--space-4);scroll-padding:0 var(--space-4)}.search{flex:1 1 100%}.chips{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1 * var(--space-4));padding:2px var(--space-4) 6px;scrollbar-width:none}.chip-btn{flex:none}.segmented{margin-left:0;flex:none}.quiz-grid{grid-template-columns:minmax(0,1fr)}.hero__actions .btn{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){.quiz-card,a.quiz-card:hover,.quiz-card__cta svg,.bin-guide__bin .bin__lid{transition:none;transform:none}}.group--personal{--grp: #0f766e;--grp-soft: #e3f3f1}.group--school{--grp: #2f6ea5;--grp-soft: #e6eff7}.group--public{--grp: #b45309;--grp-soft: #fdf0e2}.group--environment{--grp: #2f7d4f;--grp-soft: #e7f2ea}.group--civic{--grp: #8a3b5c;--grp-soft: #f6e9ef}.quiz-row.group--personal,.quiz-row.group--school,.quiz-row.group--public,.quiz-row.group--environment,.quiz-row.group--civic{--fmt: var(--grp);--fmt-soft: var(--grp-soft)}.lang-toggle{display:inline-flex;padding:3px;border-radius:var(--radius-pill);background:var(--color-white);border:1px solid var(--color-border-strong);flex:none}.lang-toggle button{min-height:34px;padding:2px 12px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-secondary);font:inherit;font-size:.875rem;font-weight:700;cursor:pointer}.lang-toggle button.is-active{background:var(--color-forest);color:var(--color-white)}.lang-toggle button:focus-visible{outline:3px solid var(--color-focus);outline-offset:1px}.lang-toggle--large button{min-height:40px;padding:4px 16px;font-size:.9375rem}.app-header__actions{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.hero__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.themes{display:flex;flex-direction:column;gap:var(--space-4)}.themes__list{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3)}.themes__list>li{display:flex}.theme-tile{position:relative;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:var(--space-4);text-align:left;font:inherit;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-top:5px solid var(--grp);border-radius:16px;cursor:pointer;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out),background-color .2s var(--ease-out)}.theme-tile:hover{transform:translateY(-3px);box-shadow:0 10px 22px #26362d1a}.theme-tile.is-active{background:var(--grp-soft);border-color:var(--grp)}.theme-tile:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.theme-tile__top{width:100%;display:flex;align-items:center;justify-content:space-between}.theme-tile__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--grp-soft);color:var(--grp)}.theme-tile__icon svg{width:24px;height:24px}.theme-tile__letter{font-size:1.5rem;font-weight:800;color:var(--grp);opacity:.35}.theme-tile__name{font-weight:700;font-size:1rem;line-height:1.3}.theme-tile__blurb{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.4}.theme-tile__meta{margin-top:auto;padding-top:var(--space-2);font-size:.75rem;font-weight:700;color:var(--grp)}.theme-tile__bar{width:100%;height:5px;border-radius:3px;background:var(--color-border);overflow:hidden}.theme-tile__bar span{display:block;height:100%;background:var(--grp)}.filters{display:flex;flex-direction:column;gap:var(--space-3)}.tabs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tab{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:6px 14px 6px 8px;border-radius:12px;border:1px solid var(--color-border-strong);background:var(--color-white);color:var(--color-text);font:inherit;font-size:.875rem;font-weight:700;cursor:pointer}.tab:first-child{padding-left:14px}.tab__letter{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:var(--grp-soft);color:var(--grp);font-size:.75rem}.tab:hover{border-color:var(--grp, var(--color-forest))}.tab.is-active{background:var(--grp, var(--color-forest));border-color:var(--grp, var(--color-forest));color:var(--color-white)}.tab.is-active .tab__letter{background:var(--color-white)}.tab:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.chips__label{font-size:.8125rem;font-weight:700;color:var(--color-text-secondary);margin-right:2px}.chip-btn--topic{--fmt: var(--grp)}.browse__count{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.chip-btn--myth-fact{--fmt: #0f766e}.chip-btn--sequence{--fmt: #6d4c9f}.chip-btn--odd-one{--fmt: #9a6b12}.quiz-card--myth-fact{--fmt: #0f766e;--fmt-soft: #e3f3f1}.quiz-card--sequence{--fmt: #6d4c9f;--fmt-soft: #efe9f7}.quiz-card--odd-one{--fmt: #9a6b12;--fmt-soft: #f8efdc}.app-footer__inner{max-width:var(--content-max);margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:4px}.app-footer__inner p{margin:0;padding:0;font-size:var(--text-helper);color:var(--color-text-secondary)}.app-footer__inner .app-footer__line{font-weight:600;color:var(--color-text)}@media(max-width:1100px){.themes__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.themes__list{display:flex;overflow-x:auto;margin:0 calc(-1 * var(--space-4));padding:2px var(--space-4) 8px;scroll-snap-type:x mandatory}.themes__list>li{flex:0 0 72%;scroll-snap-align:start}.tabs{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1 * var(--space-4));padding:2px var(--space-4) 6px;scrollbar-width:none}.tab{flex:none}.app-header__exit-label{display:none}.lang-toggle button{padding:2px 9px}.app-footer__inner{padding:var(--space-4)}}@media(prefers-reduced-motion:reduce){.card-art__item,a.quiz-card:hover .card-art__item{transition:none;transform:none}}.pform__backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--space-4);overflow-y:auto;background:#1e2e2573;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:pform-fade var(--dur-reveal) var(--ease-out) both}.pform{position:relative;width:100%;max-width:520px;max-height:calc(100dvh - 2 * var(--space-4));overflow-y:auto;padding:var(--space-8) var(--space-8) var(--space-6);border-radius:var(--radius-card);background:var(--color-white);box-shadow:0 24px 60px #1e2e2547;animation:pform-rise .42s cubic-bezier(.34,1.3,.64,1) both}.pform:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,var(--color-saffron) 0 33.3%,var(--color-white) 33.3% 66.6%,var(--color-india-green) 66.6%)}.pform__head{display:flex;align-items:center;gap:var(--space-3)}.pform__badge{display:grid;flex:none;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--color-forest);background:var(--color-india-green-soft)}.pform__step{margin:0;font-size:var(--text-helper);font-weight:700;letter-spacing:.04em;color:var(--color-saffron-text)}.pform__title{margin:0;font-size:var(--text-heading);line-height:var(--leading-tight);color:var(--color-text)}.pform__text{margin:var(--space-3) 0 var(--space-4);color:var(--color-text-secondary);line-height:var(--leading-body)}.pform__progress{display:flex;gap:4px;margin-bottom:var(--space-5)}.pform__progress span{flex:1;height:6px;border-radius:3px;background:var(--color-border);transition:background-color .3s var(--ease-out)}.pform__progress span.is-on{background:var(--color-india-green)}.pform__form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4) var(--space-4)}.pform__field{min-width:0}.pform__field--name,.pform__field--mobile,.pform__field--email{grid-column:1 / -1}.pform__label{display:block;margin-bottom:var(--space-1);font-size:.9375rem;font-weight:600;color:var(--color-text)}.pform__req{margin-left:2px;color:var(--color-saffron-deep)}.pform__control{position:relative;display:flex;align-items:stretch;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-button);background:var(--color-white);transition:border-color var(--dur-select) var(--ease-out),box-shadow var(--dur-select) var(--ease-out)}.pform__control:focus-within{border-color:var(--color-forest);box-shadow:0 0 0 3px #245c4329}.pform__field.is-ok .pform__control{border-color:var(--color-correct-border)}.pform__field.has-error .pform__control{border-color:#c2462f;box-shadow:0 0 0 3px #c2462f1f;animation:pform-shake .3s ease-in-out}.pform__prefix{display:flex;align-items:center;padding:0 var(--space-3);border-right:1px solid var(--color-border);font-weight:600;color:var(--color-text-secondary);background:var(--color-bg);border-radius:var(--radius-button) 0 0 var(--radius-button)}.pform__input{flex:1;width:100%;min-width:0;min-height:var(--touch-min);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-button);font:inherit;color:var(--color-text);background:transparent}.pform__input:focus{outline:none}.pform__input::placeholder{color:#9aa49c}.pform__input:disabled{opacity:.7}.pform__tick{display:flex;align-items:center;padding-right:var(--space-3);color:var(--color-india-green);animation:pform-pop .26s var(--ease-out) both}.pform__error{margin:var(--space-1) 0 0;font-size:var(--text-helper);color:#a63823}.pform__status{grid-column:1 / -1;min-height:0;font-size:var(--text-helper);color:#a63823}.pform__status:empty{display:none}.pform__actions{display:flex;flex-direction:column;grid-column:1 / -1;gap:var(--space-2)}.pform__submit{width:100%}.pform__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:pform-spin .7s linear infinite}.pform__privacy{display:flex;gap:var(--space-2);align-items:flex-start;margin:var(--space-4) 0 0;padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-helper);line-height:1.5;color:var(--color-text-secondary)}.pform__privacy svg{flex:none;margin-top:1px;color:var(--color-forest)}@keyframes pform-fade{0%{opacity:0}}@keyframes pform-rise{0%{opacity:0;transform:translateY(24px) scale(.97)}}@keyframes pform-pop{0%{opacity:0;transform:scale(.4)}}@keyframes pform-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes pform-spin{to{transform:rotate(360deg)}}@media(max-width:520px){.pform{padding:var(--space-6) var(--space-5) var(--space-5)}.pform__form{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.pform__backdrop,.pform,.pform__tick,.pform__field.has-error .pform__control,.pform__spinner{animation:none!important}}