@import"https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800&display=swap";:root{font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45;--bg: #f4f7fb;--card: #fff;--text: #1a1a2e;--accent: #6c5ce7;--accent-dark: #5b4cdb;--radius: 1rem;--app-pad-x: clamp(.85rem, 3.5vw, 1.25rem)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#root{min-height:100dvh}.app-layout{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:4.5rem}.app-layout__main{flex:1;padding:.75rem var(--app-pad-x) 0;max-width:min(32rem,100%);margin:0 auto;width:100%}@media (min-width: 768px){.app-layout__main{max-width:min(36rem,100%);padding-top:1rem}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:.5rem;padding:.5rem 1rem calc(.5rem + env(safe-area-inset-bottom));background:var(--card);box-shadow:0 -4px 20px #0000000f;z-index:20}.bottom-nav__link{flex:1;max-width:10rem;text-align:center;padding:.85rem 1rem;min-height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);text-decoration:none;font-weight:800;font-size:clamp(.95rem,3.8vw,1.05rem);color:#666;transition:background .15s,color .15s;touch-action:manipulation}.bottom-nav__link.is-active{background:#e8e4ff;color:var(--accent)}.btn{border:none;border-radius:var(--radius);font-family:inherit;font-weight:800;cursor:pointer;transition:transform .08s,box-shadow .15s;touch-action:manipulation}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.65;cursor:not-allowed}.btn--primary{background:linear-gradient(145deg,var(--accent),var(--accent-dark));color:#fff;box-shadow:0 6px 20px #6c5ce759}.btn--xl{width:100%;min-height:56px;font-size:1.25rem;padding:1rem 1.5rem}.btn--ghost{background:transparent;color:var(--accent);text-decoration:underline;font-size:1rem;min-height:48px;display:inline-flex;align-items:center;justify-content:center}.welcome{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(1rem + env(safe-area-inset-top)) var(--app-pad-x) calc(1rem + env(safe-area-inset-bottom));background:linear-gradient(165deg,#e0e7ff,#fef6e4,#e8f5e9)}.welcome__card{width:100%;max-width:22rem;background:var(--card);border-radius:1.5rem;padding:2rem 1.5rem;box-shadow:0 12px 40px #00000014}.welcome__brand{margin:0 0 .25rem;font-size:clamp(1.45rem,5.5vw,1.85rem);font-weight:800;text-align:center}.welcome__hint{margin:0 0 1.5rem;text-align:center;color:#666;font-size:.95rem}.welcome__lang{display:flex;gap:.5rem;width:100%;margin:0 0 1.25rem}.welcome__lang-btn{flex:1;min-height:44px;margin:0;padding:.5rem .75rem;border-radius:var(--radius);border:2px solid transparent;font-family:inherit;font-size:1rem;font-weight:800;cursor:pointer;background:transparent;color:#999;transition:background .15s,color .15s,border-color .15s;touch-action:manipulation}.welcome__lang-btn.is-active{background:#e8e4ff;color:var(--accent);border-color:var(--accent)}.welcome__form{display:flex;flex-direction:column;gap:.5rem}.welcome__label{font-weight:700;font-size:1.15rem}.welcome__label--small{font-size:1rem;margin-top:.5rem}.welcome__input{width:100%;min-height:56px;font-size:1.25rem;padding:.75rem 1rem;border:2px solid #ddd;border-radius:var(--radius);font-family:inherit}.welcome__input:focus{outline:none;border-color:var(--accent)}.welcome__input--narrow{max-width:6rem}.welcome__error{color:#c0392b;margin:.25rem 0 0;font-size:.95rem}.welcome__submit{margin-top:1rem}.shortcode-display{font-size:2rem;font-weight:800;letter-spacing:.1em;color:var(--accent);background:#e8e4ff;border-radius:var(--radius);padding:1rem 1.5rem;text-align:center;margin:1rem 0 1.5rem;-webkit-user-select:all;user-select:all}.lang-toggle{background:none;border:2px solid var(--accent);border-radius:var(--radius);color:var(--accent);font-family:inherit;font-weight:800;font-size:.85rem;padding:.4rem .65rem;cursor:pointer;min-height:40px;min-width:3rem;touch-action:manipulation;align-self:center}.parent-link-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e8e8e8;text-align:center}.parent-link-hint{margin:0 0 .5rem;font-size:.9rem;color:#888}.parent-link-btn{font-size:.95rem}.shortcode-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e8e8e8;text-align:center}.shortcode-label{margin:0 0 .5rem;font-size:.9rem;color:#888}.game{position:relative;padding-top:.5rem;min-height:60vh}.game.board--correct{animation:flash-green .5s ease}.game.board--wrong{animation:shake .45s ease}@keyframes flash-green{0%,to{background:transparent}40%{background:#7dcea059}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.topic-pill{display:inline-block;font-size:.8rem;font-weight:700;color:#555;background:#0000000f;padding:.35rem .75rem;border-radius:999px;margin-bottom:1rem}.game__problem{font-size:clamp(2rem,8vw,2.75rem);font-weight:800;text-align:center;margin:2rem 0 1.5rem;line-height:1.2}.choices-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.choice-btn{min-height:56px;font-size:1.35rem;font-weight:800;border:none;border-radius:var(--radius);background:var(--card);box-shadow:0 4px 14px #00000014;cursor:pointer;font-family:inherit;color:var(--text);touch-action:manipulation}.choice-btn:active:not(:disabled){transform:scale(.97)}.choice-btn:disabled{opacity:.55}.game__feedback{text-align:center;margin:1rem 0;min-height:3rem}.game__feedback-phrase{display:block;font-size:1.5rem;font-weight:800}.game__feedback.is-correct .game__feedback-phrase{color:#1e8449}.game__feedback.is-wrong .game__feedback-phrase{color:#a93226}.game__feedback-answer{display:block;margin-top:.5rem;font-size:1.15rem;font-weight:700}.game__feedback-milestone{display:block;margin-top:.75rem;font-size:1.2rem;color:var(--accent);animation:pop .5s ease}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.game__error,.game__loading{text-align:center;margin-top:2rem}.intro-card{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:linear-gradient(160deg,#fdfbf7,#e8f4fc);display:flex;align-items:center;justify-content:center;padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}.intro-card__inner{max-width:22rem;background:var(--card);border-radius:1.5rem;padding:2rem 1.5rem;text-align:center;box-shadow:0 16px 48px #0000001a}.intro-card__emoji{font-size:4rem;line-height:1;margin-bottom:.5rem}.intro-card__title{margin:0;font-size:1.35rem}.intro-card__topic{margin:.5rem 0 1rem;font-size:1.25rem;font-weight:800;color:var(--accent)}.intro-card__text{margin:0 0 1.5rem;color:#444;font-size:1.05rem}.progress-page__title{margin:0 0 1rem;font-size:clamp(1.25rem,4.5vw,1.55rem)}.progress-page__stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.stat-pill{background:var(--card);padding:.5rem .85rem;border-radius:999px;font-size:.9rem;box-shadow:0 2px 8px #0000000f}.topic-tree{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.topic-tree__node{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem 1rem;border-radius:var(--radius);border-left:4px solid #ccc;background:#fffc}.topic-tree__dot{width:10px;height:10px;border-radius:50%;margin-top:.35rem;flex-shrink:0}.topic-tree__body{display:flex;flex-direction:column;gap:.2rem}.topic-tree__title{font-weight:800}.topic-tree__badge{font-size:.8rem;font-weight:700}.topic-tree__meta{font-size:.85rem;color:#666}.topic-tree__train-btn{align-self:flex-start;margin-top:.35rem;padding:.35rem 0;min-height:44px;font-size:.9rem;font-weight:800}.pin-banner{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;background:#e8e4ff;border-radius:var(--radius);padding:.5rem .85rem;margin-bottom:.75rem;font-size:.9rem;font-weight:700;color:var(--accent)}.pin-banner__unpin{flex-shrink:0;margin:0;min-height:44px;font-size:.85rem}.progress-page__error,.progress-page__loading{color:#666}.parent-page{max-width:min(40rem,100%);margin:0 auto;padding:calc(.75rem + env(safe-area-inset-top)) var(--app-pad-x) calc(1.5rem + env(safe-area-inset-bottom))}.parent-page__header{margin-bottom:1.25rem}.parent-page__title{margin:0 0 .5rem;font-size:clamp(1.35rem,4.5vw,1.65rem)}.parent-page__hint{margin:0 0 1rem;font-size:.9rem;color:#555;line-height:1.4}.parent-page__actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.parent-page__link{text-decoration:none}.parent-page__error{color:#c0392b}.parent-page__loading{color:#666}.parent-page__body{display:flex;flex-direction:column;gap:1rem}.parent-card{background:var(--card);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:0 4px 16px #0000000f}.parent-card__title{margin:0 0 .65rem;font-size:1.05rem;font-weight:800}.parent-card__meta{margin:0 0 .35rem}.parent-card__period{margin:0;font-size:.9rem;color:#555}.parent-stats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;font-size:1rem}.parent-card__empty{margin:0;color:#666;font-size:.95rem}.parent-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.parent-table{width:100%;border-collapse:collapse;font-size:.95rem}.parent-table th,.parent-table td{text-align:left;padding:.65rem .5rem;border-bottom:1px solid #e8e8e8}.parent-table th{font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.02em;color:#555}.parent-table td:first-child{font-weight:700}@media print{body{background:#fff;padding:0}.parent-page__no-print{display:none!important}.parent-page{max-width:none;padding:.5cm}.parent-card{box-shadow:none;border:1px solid #ddd;break-inside:avoid}}