.mm-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-full);font-family:var(--font-display);font-weight:700;line-height:1;cursor:pointer;text-decoration:none;white-space:nowrap;outline:none;transition:background-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast),border-color var(--transition-base),opacity var(--transition-base);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mm-button:focus-visible{box-shadow:var(--focus-ring)}.mm-button:active:not(:disabled){transform:scale(.97)}.mm-button:disabled{opacity:.48;cursor:not-allowed;pointer-events:none}.mm-button--sm{height:var(--btn-height-sm);padding:0 var(--space-3);font-size:13px;border-radius:var(--radius-full)}.mm-button--md{height:40px;padding:0 var(--space-5);font-size:14px;border-radius:var(--radius-full)}.mm-button--lg{height:var(--btn-height);padding:var(--space-3) var(--space-6);font-size:16px;border-radius:var(--radius-full)}.mm-button--xl{height:var(--btn-height-lg);padding:0 var(--space-8);font-size:18px;border-radius:var(--radius-full)}.mm-button--primary{background-color:var(--primary);color:var(--text-on-primary);box-shadow:var(--shadow-button)}.mm-button--primary:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:var(--shadow-button-hover)}.mm-button--primary:active:not(:disabled){background-color:var(--primary-dark);box-shadow:var(--shadow-xs)}.mm-button--secondary{background-color:transparent;color:var(--primary);border:2px solid var(--primary);box-shadow:none}.mm-button--secondary:hover:not(:disabled){background-color:var(--primary-pale);border-color:var(--primary-hover);color:var(--primary-hover)}.mm-button--secondary:active:not(:disabled){background-color:var(--bg-soft)}.mm-button--ghost{background-color:transparent;color:var(--primary);border:none;box-shadow:none}.mm-button--ghost:hover:not(:disabled){background-color:var(--primary-pale);color:var(--primary-hover)}.mm-button--ghost:active:not(:disabled){background-color:var(--bg-soft)}.mm-button--danger{background-color:var(--error);color:var(--text-on-primary);box-shadow:0 2px 8px #ef444440}.mm-button--danger:hover:not(:disabled){background-color:var(--accent-red);box-shadow:0 4px 14px #ef444452}.mm-button--danger:active:not(:disabled){background-color:var(--accent-red-dark)}.mm-button--full-width{width:100%}.mm-button__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mm-button--loading{cursor:wait;pointer-events:none}.mm-button__spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:mm-btn-spin .65s linear infinite;flex-shrink:0}.mm-button--lg .mm-button__spinner,.mm-button--xl .mm-button__spinner{width:18px;height:18px}.mm-button--sm .mm-button__spinner{width:13px;height:13px}@keyframes mm-btn-spin{to{transform:rotate(360deg)}}.mm-card{background:var(--bg-card);border-radius:var(--radius-md);position:relative;overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.mm-card--padding-none{padding:0}.mm-card--padding-sm{padding:var(--space-md)}.mm-card--padding-md{padding:var(--space-lg)}.mm-card--padding-lg{padding:var(--space-xl) var(--space-lg)}.mm-card--padding-xl{padding:var(--space-2xl)}.mm-card--default{border:1px solid var(--border);box-shadow:var(--shadow-card)}.mm-card--default:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--border-hover)}.mm-card--elevated{border:1px solid transparent;box-shadow:var(--shadow-md)}.mm-card--elevated:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.mm-card--outlined{box-shadow:none;border:1.5px solid var(--border)}.mm-card--outlined:hover{border-color:var(--primary-light);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.mm-card--interactive{border:1px solid var(--border);box-shadow:var(--shadow-card);cursor:pointer}.mm-card--interactive:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg);border-color:var(--primary-pale)}.mm-card--interactive:active{transform:scale(.98);box-shadow:var(--shadow-sm)}.mm-card--interactive:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--shadow-sm)}@media (max-width: 768px){.mm-card--padding-lg{padding:var(--space-lg)}.mm-card--padding-xl{padding:var(--space-xl) var(--space-lg)}}@media (min-width: 1600px){.mm-card--padding-md{padding:var(--space-xl)}.mm-card--padding-lg{padding:var(--space-2xl)}.mm-card--padding-xl{padding:var(--space-3xl)}}[data-theme=dark] .mm-card{background:var(--bg-card)}[data-theme=dark] .mm-card--default,[data-theme=dark] .mm-card--interactive{border-color:#ffffff0f}[data-theme=dark] .mm-card--outlined{border-color:var(--border)}[data-theme=dark] .mm-card--outlined:hover{border-color:var(--primary)}[data-theme=dark] .mm-card--interactive:hover{border-color:#ff6b3533}.mm-input-wrapper{display:flex;flex-direction:column;gap:var(--space-1);width:100%}.mm-input-label{font-family:var(--font-display);font-size:.875rem;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:2px;letter-spacing:.01em;padding-left:2px}.mm-input-container{position:relative;display:flex;align-items:center}.mm-input{width:100%;font-family:var(--font-body);font-size:.9375rem;font-weight:400;color:var(--text-primary);background:var(--bg-muted);border:2px solid transparent;border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);-webkit-appearance:none;-moz-appearance:none;appearance:none}.mm-input::-moz-placeholder{color:var(--text-muted);font-weight:400}.mm-input::placeholder{color:var(--text-muted);font-weight:400}.mm-input:hover:not(:disabled):not(:focus):not(.mm-input--error){border-color:var(--border);background:var(--bg-card)}.mm-input:focus{border-color:var(--primary);box-shadow:var(--focus-ring);background:var(--bg-card)}.mm-input:disabled{background:var(--bg-muted);color:var(--text-muted);cursor:not-allowed;opacity:.6}.mm-input--sm{height:var(--btn-height-sm);padding:0 var(--space-md);font-size:.875rem;border-radius:var(--radius-sm)}.mm-input--md{height:var(--btn-height);padding:0 var(--space-md);font-size:.9375rem;border-radius:var(--radius-sm)}.mm-input--lg{height:var(--input-height);padding:0 var(--space-lg);font-size:1rem;border-radius:var(--radius-sm)}.mm-input--has-icon{padding-left:var(--space-2xl)}.mm-input-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--text-muted);pointer-events:none;transition:color var(--transition-base)}.mm-input:focus~.mm-input-icon,.mm-input:focus+.mm-input-icon{color:var(--primary)}.mm-input--error{border-color:var(--error)}.mm-input--error:focus{border-color:var(--error);box-shadow:0 0 0 4px #ef444433}.mm-input-error-text{font-family:var(--font-body);font-size:.8125rem;font-weight:500;color:var(--error);display:flex;align-items:center;gap:var(--space-xs);line-height:1.4;padding-left:2px;animation:mm-input-error-enter var(--transition-base)}@keyframes mm-input-error-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mm-input-helper-text{font-family:var(--font-body);font-size:.8125rem;color:var(--text-muted);line-height:1.4;padding-left:2px}@media (max-width: 768px){.mm-input--lg{height:var(--btn-height);padding:0 var(--space-md)}}@media (min-width: 1600px){.mm-input--lg{height:var(--btn-height-lg);font-size:1.0625rem}.mm-input-label{font-size:.9375rem}}[data-theme=dark] .mm-input-label{color:var(--cloud)}[data-theme=dark] .mm-input{background:var(--bg-soft);border-color:transparent;color:var(--text-primary)}[data-theme=dark] .mm-input::-moz-placeholder{color:var(--text-muted)}[data-theme=dark] .mm-input::placeholder{color:var(--text-muted)}[data-theme=dark] .mm-input:hover:not(:disabled):not(:focus):not(.mm-input--error){border-color:var(--border);background:var(--bg-muted)}[data-theme=dark] .mm-input:focus{border-color:var(--primary-light);box-shadow:0 0 0 4px #ff6b3526;background:var(--bg-card)}.mm-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-display);font-weight:700;border-radius:var(--radius-full);white-space:nowrap;line-height:1;transition:background var(--transition-base)}.mm-badge--sm{padding:2px 10px;font-size:.6875rem}.mm-badge--md{padding:4px 14px;font-size:.8rem}.mm-badge__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mm-badge--sm .mm-badge__icon svg{width:12px;height:12px}.mm-badge--md .mm-badge__icon svg{width:14px;height:14px}.mm-badge--default{background:var(--primary-pale);color:var(--primary-dark)}.mm-badge--success{background:var(--success-pale);color:var(--success)}.mm-badge--warning{background:var(--warning-pale);color:var(--warning)}.mm-badge--error{background:var(--error-soft);color:var(--error)}.mm-badge--info{background:var(--info-pale);color:var(--info)}.mm-badge--premium{background:linear-gradient(135deg,var(--ink) 0%,var(--charcoal) 100%);color:var(--mimi-gold)}@media (min-width: 1600px){.mm-badge--md{padding:6px 16px;font-size:.875rem}}[data-theme=dark] .mm-badge--default{background:#ff6b3526;color:var(--primary-light)}[data-theme=dark] .mm-badge--success{background:var(--success-soft);color:var(--success-light)}[data-theme=dark] .mm-badge--warning{background:var(--warning-soft);color:var(--warning-light)}[data-theme=dark] .mm-badge--error{background:#ef444426;color:var(--error-light)}[data-theme=dark] .mm-badge--info{background:#0ea5e926;color:var(--info-light)}[data-theme=dark] .mm-badge--premium{background:linear-gradient(135deg,var(--bg-page) 0%,var(--bg-card) 100%);color:var(--mimi-gold)}.mm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:mm-modal-overlay-in var(--duration-normal) var(--ease-out) forwards}.mm-modal-overlay--closing{animation:mm-modal-overlay-out var(--duration-fast) var(--ease-in-out) forwards}@keyframes mm-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes mm-modal-overlay-out{0%{opacity:1}to{opacity:0}}.mm-modal{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;position:relative;animation:mm-modal-in var(--duration-slow) var(--ease-spring) forwards}.mm-modal-overlay--closing .mm-modal{animation:mm-modal-out var(--duration-fast) var(--ease-in-out) forwards}@keyframes mm-modal-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mm-modal-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.97)}}.mm-modal--sm{max-width:400px}.mm-modal--md{max-width:520px}.mm-modal--lg{max-width:680px}.mm-modal--xl{max-width:860px}.mm-modal--full{max-width:calc(100vw - var(--space-8))}.mm-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--border)}.mm-modal__title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.3;margin:0}.mm-modal__close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--bg-muted);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base);flex-shrink:0}.mm-modal__close:hover{background:var(--border);color:var(--text-primary)}.mm-modal__close:focus-visible{box-shadow:var(--focus-ring);outline:none}.mm-modal__body{padding:var(--space-6);font-family:var(--font-body);font-size:.9375rem;color:var(--text-body);line-height:1.6}.mm-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--border)}@media (max-width: 768px){.mm-modal{max-width:100%;max-height:85vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;align-self:flex-end}.mm-modal-overlay{align-items:flex-end;padding:0}.mm-modal__header{padding:var(--space-5) var(--space-4) var(--space-3)}.mm-modal__body{padding:var(--space-4)}.mm-modal__footer{padding:var(--space-3) var(--space-4) var(--space-5)}}[data-theme=dark] .mm-modal{background:var(--bg-card);box-shadow:var(--shadow-xl)}[data-theme=dark] .mm-modal__header{border-bottom-color:#ffffff0f}[data-theme=dark] .mm-modal__footer{border-top-color:#ffffff0f}[data-theme=dark] .mm-modal__close{background:#ffffff0f;color:var(--text-muted)}[data-theme=dark] .mm-modal__close:hover{background:#ffffff1f;color:var(--text-primary)}.mm-progress{display:flex;align-items:center;gap:var(--space-sm);width:100%}.mm-progress__track{flex:1;border-radius:var(--radius-full);background:var(--bg-muted);overflow:hidden;position:relative}.mm-progress--sm .mm-progress__track{height:4px}.mm-progress--md .mm-progress__track{height:8px}.mm-progress--lg .mm-progress__track{height:14px}.mm-progress__fill{height:100%;border-radius:var(--radius-full);transition:width .6s var(--ease-out);position:relative;min-width:4px}.mm-progress--default .mm-progress__fill{background:linear-gradient(90deg,var(--primary-light) 0%,var(--primary) 60%,var(--primary-dark) 100%)}.mm-progress--success .mm-progress__fill{background:linear-gradient(90deg,var(--success-light) 0%,var(--success) 100%)}.mm-progress--warning .mm-progress__fill{background:linear-gradient(90deg,var(--warning-light) 0%,var(--warning) 100%)}.mm-progress--animated .mm-progress__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);animation:mm-progress-shimmer 2s ease-in-out infinite}@keyframes mm-progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.mm-progress__label{font-family:var(--font-display);font-size:.8125rem;font-weight:700;color:var(--text-secondary);min-width:36px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}@media (min-width: 1600px){.mm-progress--md .mm-progress__track{height:10px}.mm-progress--lg .mm-progress__track{height:16px}.mm-progress__label{font-size:.875rem}}[data-theme=dark] .mm-progress__track{background:#ffffff14}[data-theme=dark] .mm-progress__label{color:var(--text-muted)}[data-theme=dark] .mm-progress--animated .mm-progress__fill:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.18) 50%,transparent 100%)}.mm-skeleton{display:block;background:var(--bg-muted);border-radius:var(--radius-sm);position:relative;overflow:hidden;animation:mm-skeleton-pulse 1.8s ease-in-out infinite}.mm-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);transform:translate(-100%);animation:mm-skeleton-shimmer 1.8s ease-in-out infinite}@keyframes mm-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes mm-skeleton-shimmer{0%{transform:translate(-100%)}60%{transform:translate(100%)}to{transform:translate(100%)}}.mm-skeleton--text{height:14px;border-radius:var(--radius-xs);width:100%}.mm-skeleton--heading{height:24px;border-radius:var(--radius-xs);width:60%}.mm-skeleton--circle{border-radius:var(--radius-full)}.mm-skeleton--card{border-radius:var(--radius-md);border:1px solid var(--border)}.mm-skeleton--button{height:var(--btn-height);border-radius:var(--radius-full);width:120px}.mm-skeleton--avatar-sm{width:32px;height:32px;border-radius:var(--radius-full)}.mm-skeleton--avatar-md{width:40px;height:40px;border-radius:var(--radius-full)}.mm-skeleton--avatar-lg{width:56px;height:56px;border-radius:var(--radius-full)}[data-theme=dark] .mm-skeleton{background:#ffffff0f}[data-theme=dark] .mm-skeleton:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%)}.mm-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-3xl) var(--space-lg);gap:var(--space-md);max-width:440px;margin:0 auto;animation:fadeInUp .5s var(--ease-out)}.mm-empty-state__icon{display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:var(--radius-full);background:var(--primary-pale);color:var(--primary);font-size:2.5rem;margin-bottom:var(--space-sm);box-shadow:var(--shadow-sm);animation:float 4s ease-in-out infinite}.mm-empty-state__title{font-family:var(--font-display);font-size:1.375rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;letter-spacing:-.01em}.mm-empty-state__description{font-family:var(--font-body);font-size:.9375rem;color:var(--text-secondary);max-width:360px;line-height:1.7;margin:0}.mm-empty-state__mimi{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--primary-pale);border-radius:var(--radius-md);border:1px solid var(--border);font-family:var(--font-display);font-size:.9375rem;font-weight:600;color:var(--text-body);max-width:380px;margin-top:var(--space-sm);box-shadow:var(--shadow-sm);text-align:left;line-height:1.5}.mm-empty-state__mimi span:first-child{font-size:1.75rem;flex-shrink:0;animation:wiggle 2s ease-in-out infinite}.mm-empty-state__action{margin-top:var(--space-md)}@media (max-width: 768px){.mm-empty-state{padding:var(--space-2xl) var(--space-md)}.mm-empty-state__icon{width:72px;height:72px;font-size:2rem}.mm-empty-state__title{font-size:1.25rem}}@media (min-width: 1600px){.mm-empty-state__icon{width:100px;height:100px;font-size:3rem}.mm-empty-state__title{font-size:1.5rem}.mm-empty-state__description{font-size:1rem}}[data-theme=dark] .mm-empty-state__icon{background:#ff6b351f;box-shadow:0 1px 3px #00000040}[data-theme=dark] .mm-empty-state__mimi{background:var(--bg-soft);border-color:#ffffff0f}.mm-tabs{display:flex;align-items:stretch;gap:0;position:relative}.mm-tabs:not(.mm-tabs--pill){border-bottom:2px solid var(--border)}.mm-tabs:not(.mm-tabs--pill) .mm-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:10px var(--space-4) 12px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:color var(--transition-base),border-color var(--transition-base);outline:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mm-tabs:not(.mm-tabs--pill) .mm-tab:hover:not(.mm-tab--active){color:var(--primary);border-bottom-color:var(--primary-glow)}.mm-tabs:not(.mm-tabs--pill) .mm-tab:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-xs) var(--radius-xs) 0 0}.mm-tabs:not(.mm-tabs--pill) .mm-tab--active{color:var(--primary);border-bottom-color:var(--primary)}.mm-tabs--pill{background-color:var(--bg-muted);border-radius:var(--radius-md);padding:var(--space-1);gap:2px;border-bottom:none}.mm-tabs--pill .mm-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:none;border:none;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:color var(--transition-base),background-color var(--transition-base),box-shadow var(--transition-base);outline:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mm-tabs--pill .mm-tab:hover:not(.mm-tab--active){color:var(--primary);background-color:color-mix(in srgb,var(--primary) 8%,transparent)}.mm-tabs--pill .mm-tab:focus-visible{box-shadow:var(--focus-ring)}.mm-tabs--pill .mm-tab--active{background-color:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-sm)}.mm-tab__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.celebration-starburst{position:fixed;top:50%;left:50%;z-index:var(--z-above-all);pointer-events:none}.celebration-starburst__star{position:absolute;width:10px;height:10px;background:var(--accent-amber, #f59e0b);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:starburst-fly 1s ease-out forwards;animation-delay:var(--star-delay, 0s);opacity:0;transform:rotate(var(--star-angle, 0deg)) translateY(0)}@keyframes starburst-fly{0%{opacity:1;transform:rotate(var(--star-angle, 0deg)) translateY(0) scale(.5)}50%{opacity:1}to{opacity:0;transform:rotate(var(--star-angle, 0deg)) translateY(-80px) scale(1.2)}}.celebration-confetti{position:fixed;top:0;left:0;width:100%;height:100%;z-index:calc(var(--z-above-all) - 1);pointer-events:none;overflow:hidden}.celebration-confetti__piece{position:absolute;top:-12px;left:var(--confetti-left, 50%);width:var(--confetti-size, 8px);height:var(--confetti-size, 8px);background:var(--confetti-color, #f59e0b);border-radius:2px;animation:confetti-fall var(--confetti-duration, 2s) ease-in forwards;animation-delay:var(--confetti-delay, 0s);opacity:0}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0)}80%{opacity:1}to{opacity:0;transform:translateY(100vh) rotate(var(--confetti-rotation, 360deg))}}.celebration-floating-emoji{position:fixed;bottom:0;left:0;width:100%;height:100%;z-index:calc(var(--z-above-all) - 2);pointer-events:none;overflow:hidden}.celebration-floating-emoji__item{position:absolute;bottom:-30px;left:var(--emoji-left, 50%);font-size:2rem;animation:float-up 1.8s ease-out forwards;animation-delay:var(--emoji-delay, 0s);opacity:0}@keyframes float-up{0%{opacity:1;transform:translateY(0) translate(0) scale(1)}60%{opacity:1}to{opacity:0;transform:translateY(-300px) translate(var(--emoji-drift, 0px)) scale(.6)}}.celebration-streak-flame{display:inline-flex;align-items:center;position:relative}.celebration-streak-flame__fire{display:inline-block;font-size:1.6rem;transform:scale(var(--flame-scale, 1));animation:flame-pulse .6s ease-in-out infinite alternate}@keyframes flame-pulse{0%{transform:scale(var(--flame-scale, 1)) translateY(0);filter:brightness(1)}to{transform:scale(var(--flame-scale, 1)) translateY(-3px);filter:brightness(1.3)}}.celebration-streak-flame__glow{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:radial-gradient(circle,rgba(255,140,0,.35) 0%,transparent 70%);animation:glow-pulse 1s ease-in-out infinite alternate;pointer-events:none}@keyframes glow-pulse{0%{opacity:.5}to{opacity:1}}.celebration-xp-pop{position:fixed;z-index:var(--z-above-all);font-size:1.4rem;font-weight:800;color:var(--accent-amber, #f59e0b);text-shadow:0 1px 4px rgba(0,0,0,.25);pointer-events:none;animation:xp-pop-rise 1.5s ease-out forwards;white-space:nowrap}.celebration-xp-pop:not([style*=left]){left:50%;top:40%;transform:translate(-50%)}@keyframes xp-pop-rise{0%{opacity:1;transform:translate(-50%) translateY(0) scale(.8)}20%{transform:translate(-50%) translateY(-10px) scale(1.2)}to{opacity:0;transform:translate(-50%) translateY(-50px) scale(1)}}.celebration-perfect-badge{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-above-all);display:flex;flex-direction:column;align-items:center;gap:.25rem;pointer-events:none;animation:perfect-badge-enter .6s cubic-bezier(.175,.885,.32,1.275) forwards}.celebration-perfect-badge__star{font-size:4rem;filter:drop-shadow(0 0 16px rgba(255,200,0,.6));animation:perfect-badge-spin 2s ease-in-out forwards}.celebration-perfect-badge__label{font-size:1.5rem;font-weight:900;color:var(--accent-amber, #f59e0b);text-shadow:0 2px 8px rgba(0,0,0,.2);letter-spacing:.15em}@keyframes perfect-badge-enter{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}60%{transform:translate(-50%,-50%) scale(1.15)}80%{transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes perfect-badge-spin{0%{transform:rotate(0)}30%{transform:rotate(20deg)}60%{transform:rotate(-10deg)}to{transform:rotate(0)}}.celebration-perfect-badge__sparkle{position:absolute;width:6px;height:6px;background:var(--color-gold);border-radius:50%;box-shadow:var(--shadow-glow-warm);animation:sparkle-blink .8s ease-in-out infinite alternate}.celebration-perfect-badge__sparkle--1{top:-12px;right:-12px;animation-delay:0s}.celebration-perfect-badge__sparkle--2{bottom:-8px;left:-14px;animation-delay:.2s}.celebration-perfect-badge__sparkle--3{top:10px;left:-18px;animation-delay:.4s}.celebration-perfect-badge__sparkle--4{bottom:-12px;right:-10px;animation-delay:.6s}@keyframes sparkle-blink{0%{opacity:.3;transform:scale(.5)}to{opacity:1;transform:scale(1.2)}}.no-hearts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,transparent 40%,color-mix(in srgb,var(--error) 15%,transparent) 100%),var(--overlay-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--space-md);animation:nhOverlayIn .2s ease both}@keyframes nhOverlayIn{0%{opacity:0}to{opacity:1}}.no-hearts-card{width:100%;max-width:380px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-xl);box-shadow:var(--shadow-xl);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);animation:nhCardIn .3s var(--ease-spring) both}@keyframes nhCardIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}[data-theme=dark] .no-hearts-card{border-color:var(--border-medium)}.no-hearts-icon{width:80px;height:80px;color:var(--error);filter:drop-shadow(0 6px 20px color-mix(in srgb,var(--error) 40%,transparent));animation:nhHeartBreak 1.2s ease-out forwards,nhHeartPulse 1.4s ease-in-out 1.2s infinite}@keyframes nhHeartBreak{0%{transform:scale(1.3);opacity:1;filter:drop-shadow(0 0 30px color-mix(in srgb,var(--error) 60%,transparent))}15%{transform:scale(1.5) rotate(-5deg);filter:drop-shadow(0 0 40px color-mix(in srgb,var(--error) 80%,transparent))}30%{transform:scale(.9) rotate(3deg)}50%{transform:scale(1.1) rotate(-2deg);opacity:.8}to{transform:scale(1) rotate(0);opacity:1;filter:drop-shadow(0 6px 20px color-mix(in srgb,var(--error) 40%,transparent))}}@keyframes nhHeartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.no-hearts-title{font-family:var(--font-display);font-size:1.5rem;font-weight:900;color:var(--text-primary);margin:0;line-height:1.2}.no-hearts-body{font-family:var(--font-body);font-size:.9375rem;color:var(--text-secondary);margin:0;line-height:1.6;max-width:280px}.no-hearts-timer{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs, 4px);background:var(--bg-elevated, var(--bg-secondary));border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-xl);width:100%}.no-hearts-timer__label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.no-hearts-timer__countdown{font-family:var(--font-display);font-size:2rem;font-weight:900;color:var(--primary);letter-spacing:.04em}.no-hearts-actions{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.no-hearts-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-4) var(--space-xl);border:none;border-radius:var(--radius-full);font-family:var(--font-display);font-size:1rem;font-weight:800;cursor:pointer;min-height:var(--btn-height-lg);transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out),background .15s var(--ease-out);width:100%}.no-hearts-btn:focus-visible{outline:var(--focus-ring);outline-offset:2px}.no-hearts-btn--primary{background:var(--gradient-primary);color:var(--text-on-primary);box-shadow:var(--shadow-button),0 4px 24px var(--primary-glow);font-size:1.1rem;font-weight:900;letter-spacing:.02em;position:relative;overflow:hidden;animation:nhBtnPulse 2s ease-in-out infinite}.no-hearts-btn--primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,var(--glass-shine) 50%,transparent 100%);animation:nhBtnShine 2.5s ease-in-out infinite;pointer-events:none}@keyframes nhBtnPulse{0%,to{box-shadow:var(--shadow-button),0 4px 24px var(--primary-glow)}50%{box-shadow:var(--shadow-button),0 6px 36px var(--primary-glow)}}@keyframes nhBtnShine{0%{left:-100%}to{left:100%}}.no-hearts-btn--primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-button-hover),0 8px 30px var(--primary-glow)}.no-hearts-btn--primary:active{transform:scale(.97)}.no-hearts-btn--secondary{background:var(--bg-elevated);color:var(--text-secondary);border:1.5px solid var(--border);min-height:var(--btn-height);font-size:.9375rem;font-weight:700}.no-hearts-btn--secondary:hover{background:var(--bg-muted);border-color:var(--border-hover);color:var(--text-body)}@media (max-width: 480px){.no-hearts-card{padding:var(--space-xl) var(--space-lg);max-width:100%}.no-hearts-title{font-size:1.25rem}.no-hearts-timer__countdown{font-size:1.5rem}.no-hearts-icon{width:60px;height:60px}}.word-match{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);max-width:800px;margin:0 auto;animation:fadeInUp .4s ease-out}.word-match__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.word-match__title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--secondary);margin:0;letter-spacing:-.01em}.word-match__feedback{text-align:center;font-family:var(--font-display);font-size:1.15rem;font-weight:700;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.word-match__feedback--correct{background:var(--success-pale);color:var(--mimi-green-dark);box-shadow:0 2px 12px #4caf501f;animation:wm-correct-flash .6s ease-out}@keyframes wm-correct-flash{0%{transform:scale(.9);box-shadow:0 0 #10b98166}40%{transform:scale(1.08);box-shadow:0 0 24px 8px #10b98140}to{transform:scale(1);box-shadow:0 2px 12px #4caf501f}}.word-match__feedback--wrong{background:var(--error-pale);color:var(--error);animation:wm-wrong-shake .5s ease}@keyframes wm-wrong-shake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}}.word-match__board{display:flex;gap:var(--space-lg);justify-content:center;align-items:stretch}.word-match__column{display:flex;flex-direction:column;gap:var(--space-md);flex:1;max-width:340px}.word-match__card{position:relative;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);min-height:72px;border:2.5px solid var(--border-light);border-bottom:5px solid color-mix(in srgb,var(--border-light) 80%,black);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-card),0 3px #0000000f;cursor:pointer;font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-base),transform var(--transition-base),background var(--transition-fast),opacity var(--transition-base),border-bottom-width .1s ease;text-align:left;width:100%}.word-match__card:hover:not(:disabled){box-shadow:var(--shadow-card-hover);transform:translateY(-3px);border-color:var(--cloud)}.word-match__card:active:not(:disabled){transform:translateY(1px) scale(.98);border-bottom-width:2.5px;box-shadow:var(--shadow-sm)}.word-match__card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.word-match__card--selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow),var(--shadow-md);background:var(--primary-pale)}.word-match__card--matched{border-color:var(--success);background:var(--success-pale);opacity:.75;pointer-events:none;transform:scale(.97);box-shadow:0 0 0 3px #10b98126;animation:wm-match-pop .5s var(--ease-spring)}@keyframes wm-match-pop{0%{transform:scale(1)}30%{transform:scale(1.08)}60%{transform:scale(.95)}to{transform:scale(.97)}}.word-match__card--flash{animation:wm-flash .7s ease}@keyframes wm-flash{0%{background:var(--bg-card);box-shadow:var(--shadow-card);transform:scale(1)}25%{background:var(--success);box-shadow:0 0 32px #10b98180;transform:scale(1.06)}50%{background:var(--success-pale);box-shadow:0 0 20px #10b9814d;transform:scale(1.02)}to{background:var(--bg-card);box-shadow:var(--shadow-card);transform:scale(1)}}.word-match__card--matched:after{content:"";position:absolute;top:50%;right:-8px;width:8px;height:3px;background:var(--success);border-radius:var(--radius-full);opacity:.5}.word-match__card:disabled{cursor:default}.word-match__card-emoji{font-size:2rem;line-height:1;flex-shrink:0}.word-match__card-text{font-size:1.2rem}.word-match__results{text-align:center}.word-match__results-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.word-match__results-emoji{font-size:4.5rem;animation:celebrate .6s ease-out}.word-match__results-title{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--secondary);margin:0;letter-spacing:-.02em}.word-match__results-score{font-size:1.15rem;color:var(--text-body);margin:0;line-height:1.6}.word-match__results-stars{font-size:1.75rem;letter-spacing:.1em}.word-match__results-actions{display:flex;gap:var(--space-md);margin-top:var(--space-sm)}.word-match__results-btn{padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease}.word-match__results-btn:hover{transform:translateY(-2px)}.word-match__results-btn:active{transform:scale(.97)}.word-match__results-btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-button);min-height:52px;padding:.85rem 2rem;font-size:1.1rem}.word-match__results-btn--primary:hover{box-shadow:var(--shadow-button-hover)}.word-match__results-btn--secondary{background:var(--bg-soft, #f5f5f5);color:var(--text-secondary);border:2px solid var(--border-light);min-height:52px;padding:.85rem 2rem;font-size:1.1rem}[data-theme=dark] .word-match__results-btn--secondary{background:var(--bg-elevated);color:var(--text-secondary)}@media (min-width: 1024px){.word-match__card{min-height:88px;padding:var(--space-lg) var(--space-xl);font-size:1.4rem}.word-match__card-emoji{font-size:2.5rem}.word-match__card-text{font-size:1.4rem}}@media (max-width: 768px){.word-match{padding:var(--space-md)}.word-match__board{flex-direction:column;gap:var(--space-md)}.word-match__column{max-width:100%}.word-match__title{font-size:1.5rem}}@media (min-width: 1600px){.word-match{max-width:900px}.word-match__card{min-height:96px;font-size:1.5rem}.word-match__card-emoji{font-size:3rem}}[data-theme=dark] .word-match__card{background:var(--bg-card);border-color:var(--border-light)}[data-theme=dark] .word-match__card:hover:not(:disabled){border-color:var(--border-medium)}[data-theme=dark] .word-match__card--selected{border-color:var(--primary-light);background:var(--primary-pale)}[data-theme=dark] .word-match__card--matched{border-color:var(--mimi-green);background:var(--success-pale)}[data-theme=dark] .word-match__feedback--correct{background:var(--success-pale)}[data-theme=dark] .word-match__feedback--wrong{background:var(--error-pale)}.speak-btn-wrap{display:inline-flex;align-items:center;gap:var(--space-xs, 6px)}.speak-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs, 6px);border:none;border-radius:var(--radius-full, 9999px);cursor:pointer;background:var(--speak-btn-bg, color-mix(in srgb, var(--primary, #FF6B35) 12%, transparent));color:var(--speak-btn-color, var(--primary, #FF6B35));transition:background .18s ease,transform .14s ease,opacity .18s ease;flex-shrink:0;line-height:1;font-family:var(--font-body, Nunito, sans-serif);font-weight:700;outline-offset:3px}.speak-btn:hover{background:var(--speak-btn-bg-hover, color-mix(in srgb, var(--primary, #FF6B35) 22%, transparent));transform:scale(1.08)}.speak-btn:active{transform:scale(.95)}.speak-btn:focus-visible{outline:2px solid var(--primary, #FF6B35)}.speak-btn--sm{width:28px;height:28px;font-size:var(--text-xs, 11px)}.speak-btn--md{width:36px;height:36px;font-size:var(--text-sm, 13px)}.speak-btn--lg{width:48px;height:48px;padding:0 var(--space-sm, 10px);border-radius:var(--radius-lg, 14px);font-size:var(--text-base, 15px)}.speak-btn--lg.speak-btn--playing,.speak-btn--lg:has(.speak-btn__label){width:auto}.speak-btn__label{white-space:nowrap}@keyframes speak-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--primary, #FF6B35) 50%,transparent)}70%{box-shadow:0 0 0 8px color-mix(in srgb,var(--primary, #FF6B35) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--primary, #FF6B35) 0%,transparent)}}.speak-btn--playing{background:var(--speak-btn-bg-active, color-mix(in srgb, var(--primary, #FF6B35) 20%, transparent));animation:speak-pulse 1.2s ease-out infinite;color:var(--primary, #FF6B35)}.spelling-bee{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);max-width:700px;margin:0 auto;animation:fadeInUp .4s ease-out}.spelling-bee__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.spelling-bee__title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--secondary);margin:0;letter-spacing:-.01em}.spelling-bee__prompt{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center}.spelling-bee__big-emoji{font-size:4.5rem;line-height:1;filter:drop-shadow(0 4px 16px rgba(0,0,0,.08))}.spelling-bee__turkish{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text-body);margin:0}.spelling-bee__hint{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--primary-pale);color:var(--primary-dark);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:700;font-size:1rem;justify-content:center;border:1px solid rgba(232,163,23,.15);box-shadow:var(--shadow-sm)}.spelling-bee__answer{display:flex;justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.spelling-bee__slot{width:56px;height:64px;border:3px dashed var(--secondary-pale);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--text-primary);text-transform:uppercase;transition:all var(--transition-fast);background:var(--bg-card)}.spelling-bee__slot--filled{border-style:solid;border-color:var(--secondary);background:var(--secondary-pale);box-shadow:0 2px 12px #1a6b5a26;animation:sb-fill .3s var(--ease-spring)}@keyframes sb-fill{0%{transform:scale(.7);opacity:.5}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.spelling-bee__slot--correct{border-color:var(--mimi-green);background:var(--success-pale);color:var(--mimi-green-dark);box-shadow:0 2px 12px #4caf502e;animation:sb-correct-glow .7s ease-out}@keyframes sb-correct-glow{0%{transform:scale(1);box-shadow:0 0 #10b98180}30%{transform:scale(1.15);box-shadow:0 0 20px 6px #10b98159;background:var(--success);color:#fff}60%{transform:scale(.95)}to{transform:scale(1);box-shadow:0 2px 12px #4caf502e}}.spelling-bee__slot--wrong{border-color:var(--error);background:var(--error-pale);color:var(--error);animation:sb-wrong-shake .5s ease}@keyframes sb-wrong-shake{0%{transform:translate(0);box-shadow:0 0 #ef444466}10%{transform:translate(-8px);background:var(--error);color:#fff;box-shadow:0 0 16px #ef44444d}20%{transform:translate(8px)}30%{transform:translate(-6px)}40%{transform:translate(6px)}50%{transform:translate(-4px);background:var(--error-pale);color:var(--error)}60%{transform:translate(3px)}to{transform:translate(0);box-shadow:none}}.spelling-bee__sentence{text-align:center;font-family:var(--font-body);font-size:1.1rem;color:var(--mimi-green-dark);font-weight:500;font-style:italic;margin:0;padding:var(--space-sm) 0}.spelling-bee__try-again{text-align:center;font-family:var(--font-display);font-size:1.1rem;color:var(--primary-dark);font-weight:700;margin:0}.spelling-bee__tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md)}.spelling-bee__tile{width:64px;height:72px;border:2.5px solid var(--secondary);border-bottom:5px solid var(--secondary-dark);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--bg-card) 0%,var(--bg-elevated) 100%);font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;text-transform:uppercase;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-base);box-shadow:var(--shadow-card),0 4px #0d5c4d26}.spelling-bee__tile:hover:not(:disabled){background:var(--gradient-secondary);color:var(--white);transform:translateY(-4px);border-bottom-width:5px;box-shadow:0 8px 20px #1a6b5a40,0 6px #0d5c4d33}.spelling-bee__tile:active:not(:disabled){transform:translateY(3px) scale(.95);border-bottom-width:2px;box-shadow:inset 0 2px 4px #0000001a;transition:transform 50ms ease,border-bottom-width 50ms ease,box-shadow 50ms ease}.spelling-bee__tile:focus-visible{outline:none;box-shadow:var(--focus-ring)}.spelling-bee__tile--used{opacity:.2;pointer-events:none;transform:scale(.9) translateY(2px);border-bottom-width:2.5px;box-shadow:none;background:var(--slate-100);border-color:var(--slate-300);color:var(--slate-400)}.spelling-bee__actions{display:flex;justify-content:center;gap:var(--space-md)}.spelling-bee__results{text-align:center}.spelling-bee__results-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.spelling-bee__results-title{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--secondary);margin:0;letter-spacing:-.02em}.spelling-bee__results-score{font-size:1.15rem;color:var(--text-body);margin:0;line-height:1.6}.spelling-bee__results-stars{font-size:1.75rem;letter-spacing:.1em}.spelling-bee__results-actions{display:flex;gap:var(--space-md);margin-top:var(--space-sm)}.spelling-bee__results-btn{padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease}.spelling-bee__results-btn:hover{transform:translateY(-2px)}.spelling-bee__results-btn:active{transform:scale(.97)}.spelling-bee__results-btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-button);min-height:52px;padding:.85rem 2rem;font-size:1.1rem}.spelling-bee__results-btn--primary:hover{box-shadow:var(--shadow-button-hover)}.spelling-bee__results-btn--secondary{background:var(--bg-soft, #f5f5f5);color:var(--text-secondary);border:2px solid var(--border-light);min-height:52px;padding:.85rem 2rem;font-size:1.1rem}[data-theme=dark] .spelling-bee__results-btn--secondary{background:var(--bg-elevated);color:var(--text-secondary)}@media (min-width: 1024px){.spelling-bee__tile{width:80px;height:88px;font-size:2.25rem}.spelling-bee__slot{width:68px;height:76px;font-size:2.25rem}.spelling-bee__big-emoji{font-size:6rem}}@media (max-width: 768px){.spelling-bee{padding:var(--space-md)}.spelling-bee__title{font-size:1.5rem}.spelling-bee__tile{width:52px;height:60px;font-size:1.5rem}.spelling-bee__slot{width:48px;height:56px;font-size:1.5rem}.spelling-bee__big-emoji{font-size:3.5rem}}@media (min-width: 1600px){.spelling-bee{max-width:800px}.spelling-bee__tile{width:88px;height:96px;font-size:2.5rem}.spelling-bee__slot{width:76px;height:84px;font-size:2.5rem}}[data-theme=dark] .spelling-bee__slot{background:var(--bg-card);border-color:#2a9d8f33}[data-theme=dark] .spelling-bee__slot--filled{background:var(--secondary-pale);border-color:var(--secondary)}[data-theme=dark] .spelling-bee__tile{background:var(--bg-card);border-color:var(--secondary)}[data-theme=dark] .spelling-bee__hint{background:var(--primary-pale);border-color:#e8a3171a}.lcs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:var(--overlay-lg);padding:var(--space-4);animation:lcs-overlay-in .2s ease both}@keyframes lcs-overlay-in{0%{opacity:0}to{opacity:1}}.lcs-card{background:linear-gradient(160deg,var(--bg-card) 0%,var(--primary-pale) 50%,var(--success-pale) 100%);border-radius:var(--radius-2xl);padding:var(--space-10) var(--space-8);width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);box-shadow:var(--shadow-xl),0 0 60px color-mix(in srgb,var(--primary) 15%,transparent),0 0 120px color-mix(in srgb,var(--accent-emerald, var(--success)) 8%,transparent);position:relative;overflow:hidden}.lcs-card:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:inherit;background:conic-gradient(var(--primary) 0%,var(--warning) 25%,var(--accent-green) 50%,var(--accent-sky) 75%,var(--primary) 100%);opacity:.2;z-index:-1;animation:lcs-ring-spin 4s linear infinite}.lcs-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,color-mix(in srgb,white 8%,transparent) 50%,transparent 70%);animation:lcs-shimmer 3s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes lcs-ring-spin{to{transform:rotate(360deg)}}@keyframes lcs-shimmer{0%,to{transform:translate(-30%) translateY(-30%) rotate(25deg)}50%{transform:translate(30%) translateY(30%) rotate(25deg)}}.lcs-mascot-wrap{width:130px;height:130px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;filter:drop-shadow(0 4px 12px color-mix(in srgb,var(--primary) 20%,transparent))}.lcs-title{font-family:var(--font-display, "Nunito", sans-serif);font-size:2.25rem;font-weight:900;color:var(--text-primary);margin:0;line-height:1.1;text-align:center;position:relative;z-index:1}.lcs-subtitle{font-family:var(--font-display, "Nunito", sans-serif);font-size:1rem;font-weight:700;color:var(--text-secondary);margin:0;text-align:center;position:relative;z-index:1}.lcs-stars{display:flex;gap:var(--space-4);align-items:center;position:relative;z-index:1}.lcs-star{font-size:2.5rem;color:var(--primary);display:inline-block;filter:drop-shadow(0 2px 8px var(--primary-glow));line-height:1;animation:lcs-star-pop .5s var(--ease-spring) both}.lcs-star:nth-child(1){animation-delay:.1s}.lcs-star:nth-child(2){animation-delay:.25s;font-size:3rem}.lcs-star:nth-child(3){animation-delay:.4s}@keyframes lcs-star-pop{0%{opacity:0;transform:scale(0) rotate(-180deg)}60%{transform:scale(1.3) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.lcs-xp-row{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);background:linear-gradient(135deg,var(--primary-pale),var(--bg-card));border:2px solid var(--primary);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-8);position:relative;z-index:1;box-shadow:0 4px 20px var(--primary-glow)}.lcs-xp-label{font-family:var(--font-display, "Nunito", sans-serif);font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.lcs-xp-value{font-family:var(--font-display, "Nunito", sans-serif);font-size:3rem;font-weight:900;color:var(--primary);line-height:1;animation:lcs-xp-count .6s var(--ease-spring) .5s both}@keyframes lcs-xp-count{0%{opacity:0;transform:scale(.5) translateY(10px)}60%{transform:scale(1.15) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.lcs-streak{display:flex;align-items:center;gap:var(--space-2);background:var(--warning-pale);border:1.5px solid var(--warning-light);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);position:relative;z-index:1;box-shadow:0 2px 8px color-mix(in srgb,var(--warning) 15%,transparent)}.lcs-streak-fire{display:flex;align-items:center;color:var(--warning)}.lcs-streak-text{font-family:var(--font-display, "Nunito", sans-serif);font-size:.85rem;font-weight:800;color:var(--warning)}.lcs-words{width:100%;display:flex;flex-direction:column;gap:var(--space-2);align-items:center;position:relative;z-index:1}.lcs-words-label{font-family:var(--font-display, "Nunito", sans-serif);font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0}.lcs-words-list{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.lcs-word-chip{font-family:var(--font-display, "Nunito", sans-serif);font-size:.8rem;font-weight:700;background:var(--primary-pale);color:var(--primary);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);transition:transform var(--transition-fast)}.lcs-word-chip:hover{transform:scale(1.05)}.lcs-badge{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);background:var(--warning-pale);border:1.5px solid var(--warning-light);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);position:relative;z-index:1;box-shadow:0 2px 12px color-mix(in srgb,var(--warning) 15%,transparent)}.lcs-badge-icon{font-size:var(--text-4xl, 2rem);display:flex;align-items:center;justify-content:center;animation:lcs-badge-bounce .6s var(--ease-spring) .8s both}@keyframes lcs-badge-bounce{0%{opacity:0;transform:scale(0) rotate(-20deg)}60%{transform:scale(1.2) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.lcs-badge-name{font-family:var(--font-display, "Nunito", sans-serif);font-size:.8rem;font-weight:800;color:var(--warning);text-align:center}.lcs-continue-btn{width:100%;background:var(--gradient-primary);color:var(--text-on-primary);font-family:var(--font-display, "Nunito", sans-serif);font-size:1.1rem;font-weight:900;border:none;border-radius:var(--radius-full);padding:var(--space-4) var(--space-8);min-height:var(--btn-height-lg);cursor:pointer;transition:background var(--transition-fast),transform .1s ease,box-shadow var(--transition-fast);box-shadow:var(--shadow-button);margin-top:var(--space-2);position:relative;z-index:1}.lcs-continue-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.lcs-continue-btn:active:not(:disabled){transform:scale(.97)}.lcs-continue-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 480px){.lcs-card{padding:var(--space-8) var(--space-5);max-width:100%}.lcs-title{font-size:1.75rem}.lcs-xp-value{font-size:2.5rem}.lcs-star{font-size:2rem}.lcs-star:nth-child(2){font-size:2.5rem}}.quick-quiz{--qq-primary: var(--secondary);display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);max-width:700px;margin:0 auto;animation:fadeInUp .4s ease-out}.quick-quiz__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.quick-quiz__title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--secondary);margin:0;letter-spacing:-.01em}.quick-quiz__meta{display:flex;gap:var(--space-sm);align-items:center}.quick-quiz__timer{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-body)}.quick-quiz__timer-bar{flex:1;height:8px;background:var(--bg-muted);border-radius:var(--radius-full);overflow:hidden}.quick-quiz__timer-fill{height:100%;border-radius:var(--radius-full);transition:background-color var(--transition-slow)}.quick-quiz__timer-text{font-family:var(--font-display);font-weight:800;font-size:1rem;min-width:2.5rem;text-align:right;font-variant-numeric:tabular-nums;color:var(--text-primary)}.quick-quiz__question{text-align:center}.quick-quiz__question-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.quick-quiz__emoji{font-size:4rem;line-height:1;filter:drop-shadow(0 4px 16px rgba(0,0,0,.08))}.quick-quiz__prompt-text{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4}.quick-quiz__options{display:flex;flex-direction:column;gap:var(--space-md)}.quick-quiz__option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);min-height:68px;border:2.5px solid var(--border-light);border-bottom:5px solid color-mix(in srgb,var(--border-light) 80%,black);border-radius:var(--radius-lg);background:var(--bg-card);cursor:pointer;font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--text-primary);transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast),border-bottom-width .1s ease;text-align:left;width:100%;box-shadow:var(--shadow-card),0 3px #0000000f}.quick-quiz__option:hover:not(:disabled){border-color:var(--secondary-light);background:var(--secondary-pale);transform:translate(4px);box-shadow:var(--shadow-md)}.quick-quiz__option:active:not(:disabled){transform:translateY(2px) scale(.98);border-bottom-width:2.5px;box-shadow:var(--shadow-sm)}.quick-quiz__option:focus-visible{outline:none;box-shadow:var(--focus-ring)}.quick-quiz__option--selected{border-color:var(--primary);background:var(--primary-pale)}.quick-quiz__option--correct{border-color:var(--success);background:var(--success);color:#fff;box-shadow:0 0 0 4px #10b98133,0 4px 24px #10b98159;animation:qq-correct-pop .6s var(--ease-spring)}@keyframes qq-correct-pop{0%{transform:scale(1);box-shadow:0 0 #10b98166}20%{transform:scale(1.08);box-shadow:0 0 0 8px #10b98133,0 8px 32px #10b98166}40%{transform:scale(.96)}60%{transform:scale(1.03)}to{transform:scale(1);box-shadow:0 0 0 4px #10b98133,0 4px 24px #10b98159}}.quick-quiz__option--wrong{border-color:var(--error);background:var(--error);color:#fff;box-shadow:0 0 0 4px #ef444440,0 4px 16px #ef44444d;animation:qq-wrong-shake .55s ease}@keyframes qq-wrong-shake{0%{transform:translate(0);box-shadow:0 0 #ef444480}10%{transform:translate(-10px);box-shadow:0 0 20px #ef444466}20%{transform:translate(10px)}30%{transform:translate(-8px)}40%{transform:translate(8px)}50%{transform:translate(-5px)}60%{transform:translate(5px)}70%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:translate(0);box-shadow:0 0 0 4px #ef444440,0 4px 16px #ef44444d}}.quick-quiz__option-label{width:36px;height:36px;border-radius:var(--radius-full);background:var(--secondary-pale);color:var(--secondary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.quick-quiz__option--correct .quick-quiz__option-label,.quick-quiz__option--wrong .quick-quiz__option-label{background:#ffffff40;color:#fff}.quick-quiz__option--correct .quick-quiz__option-text,.quick-quiz__option--wrong .quick-quiz__option-text{color:#fff}.quick-quiz__option-text{font-size:1.15rem}.quick-quiz__feedback{text-align:center;font-family:var(--font-display);font-size:1.1rem;font-weight:700;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg)}.quick-quiz__feedback--correct{background:var(--success-pale);color:var(--mimi-green-dark)}.quick-quiz__feedback--wrong,.quick-quiz__feedback--timeout{background:var(--error-pale);color:var(--error)}.quick-quiz__results{text-align:center}.quick-quiz__results-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.quick-quiz__trophy{color:var(--primary);animation:celebrate .6s ease-out}.quick-quiz__results-title{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--secondary);margin:0;letter-spacing:-.02em}.quick-quiz__results-score{font-size:1.15rem;color:var(--text-body);margin:0;line-height:1.6}.quick-quiz__results-stars{font-size:1.75rem;letter-spacing:.1em}.quick-quiz__results-actions{display:flex;gap:var(--space-md);margin-top:var(--space-sm)}.quick-quiz__results-btn{padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease}.quick-quiz__results-btn:hover{transform:translateY(-2px)}.quick-quiz__results-btn:active{transform:scale(.97)}.quick-quiz__results-btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-button);min-height:52px;padding:.85rem 2rem;font-size:1.1rem}.quick-quiz__results-btn--primary:hover{box-shadow:var(--shadow-button-hover)}.quick-quiz__results-btn--secondary{background:var(--bg-soft, #f5f5f5);color:var(--text-secondary);border:2px solid var(--border-light);min-height:52px;padding:.85rem 2rem;font-size:1.1rem}[data-theme=dark] .quick-quiz__results-btn--secondary{background:var(--bg-elevated);color:var(--text-secondary)}@media (min-width: 1024px){.quick-quiz__option{min-height:76px;padding:var(--space-lg) var(--space-xl);font-size:1.3rem}.quick-quiz__emoji{font-size:5rem}.quick-quiz__prompt-text{font-size:1.5rem}}@media (max-width: 768px){.quick-quiz{padding:var(--space-md)}.quick-quiz__title{font-size:1.5rem}.quick-quiz__option{min-height:60px;font-size:1rem;padding:var(--space-md) var(--space-lg)}.quick-quiz__emoji{font-size:3.5rem}}@media (min-width: 1600px){.quick-quiz{max-width:800px}.quick-quiz__option{min-height:84px;font-size:1.4rem}}[data-theme=dark] .quick-quiz__option{background:var(--bg-card);border-color:var(--border-light)}[data-theme=dark] .quick-quiz__option:hover:not(:disabled){border-color:var(--secondary);background:var(--secondary-pale)}[data-theme=dark] .quick-quiz__option-label{background:var(--secondary-pale)}[data-theme=dark] .quick-quiz__timer-bar{background:#ffffff14}[data-theme=dark] .quick-quiz__feedback--correct{background:var(--success-pale)}[data-theme=dark] .quick-quiz__feedback--wrong,[data-theme=dark] .quick-quiz__feedback--timeout{background:var(--error-pale)}.sentence-scramble{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);max-width:750px;margin:0 auto;animation:fadeInUp .4s ease-out}.sentence-scramble__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.sentence-scramble__title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--secondary);margin:0;letter-spacing:-.01em}.sentence-scramble__hint{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--primary-pale);color:var(--primary-dark);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:700;font-size:1rem;justify-content:center;border:1px solid rgba(232,163,23,.15);box-shadow:var(--shadow-sm)}.sentence-scramble__dropzone{min-height:120px;border:3px dashed var(--secondary-pale);border-radius:var(--radius-xl);background:linear-gradient(180deg,#1a6b5a08,#1a6b5a0f);padding:var(--space-lg);transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);box-shadow:inset 0 2px 8px #00000008}.sentence-scramble__dropzone:has(.sentence-scramble__chip--placed){border-color:var(--secondary-light);background:linear-gradient(180deg,#1a6b5a0a,#1a6b5a14);box-shadow:inset 0 2px 8px #0d5c4d0f}.sentence-scramble__dropzone-label{font-family:var(--font-display);font-size:.9rem;color:var(--text-muted);margin:0 0 var(--space-md);text-align:center;letter-spacing:.03em;text-transform:uppercase;font-weight:600}.sentence-scramble__placed{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;min-height:56px;align-items:center}.sentence-scramble__chip{padding:var(--space-md) var(--space-lg);min-height:52px;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1.2rem;font-weight:700;cursor:pointer;border:2.5px solid transparent;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-base),box-shadow var(--transition-fast),border-color var(--transition-fast);display:flex;align-items:center;justify-content:center}.sentence-scramble__chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sentence-scramble__chip--available{background:linear-gradient(180deg,var(--bg-card) 0%,var(--bg-elevated) 100%);border-color:var(--secondary);border-bottom:4px solid var(--secondary-dark);color:var(--secondary);box-shadow:var(--shadow-card),0 3px #0d5c4d1f}.sentence-scramble__chip--available:hover:not(:disabled){background:var(--gradient-secondary);color:var(--white);transform:translateY(-3px);box-shadow:0 8px 20px #1a6b5a40}.sentence-scramble__chip--available:active:not(:disabled){transform:translateY(0) scale(.97);border-bottom-width:2.5px;box-shadow:var(--shadow-sm)}.sentence-scramble__chip--placed{background:var(--secondary-pale);border-color:var(--secondary);color:var(--secondary);box-shadow:0 2px 8px #0d5c4d1f;font-weight:800;position:relative}.sentence-scramble__chip--placed:before{content:"";position:absolute;bottom:-2px;left:10%;width:80%;height:3px;background:var(--secondary);border-radius:var(--radius-full);opacity:.3}.sentence-scramble__chip--placed:hover{background:var(--error-pale);border-color:var(--error);color:var(--error);box-shadow:0 2px 8px #ef444426}.sentence-scramble__chip--placed:hover:before{background:var(--error)}.sentence-scramble__available{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.sentence-scramble__feedback{text-align:center;font-family:var(--font-display);font-size:1.1rem;font-weight:700;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.sentence-scramble__feedback--correct{background:var(--success-pale);color:var(--mimi-green-dark);box-shadow:0 2px 12px #4caf501f}.sentence-scramble__feedback--wrong{background:var(--error-pale);color:var(--error)}.sentence-scramble__actions{display:flex;justify-content:center;gap:var(--space-md)}.sentence-scramble__results{text-align:center}.sentence-scramble__results-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.sentence-scramble__big-emoji{font-size:4.5rem;animation:celebrate .6s ease-out}.sentence-scramble__results-title{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--secondary);margin:0;letter-spacing:-.02em}.sentence-scramble__results-score{font-size:1.15rem;color:var(--text-body);margin:0;line-height:1.6}.sentence-scramble__results-stars{font-size:1.75rem;letter-spacing:.1em}.sentence-scramble__results-actions{display:flex;gap:var(--space-md);margin-top:var(--space-sm)}.sentence-scramble__results-btn{padding:.85rem 2rem;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1.1rem;font-weight:700;cursor:pointer;border:none;min-height:52px;transition:transform .15s ease,box-shadow .15s ease}.sentence-scramble__results-btn:hover{transform:translateY(-2px)}.sentence-scramble__results-btn:active{transform:scale(.97)}.sentence-scramble__results-btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-button)}.sentence-scramble__results-btn--primary:hover{box-shadow:var(--shadow-button-hover)}.sentence-scramble__results-btn--secondary{background:var(--bg-soft, #f5f5f5);color:var(--text-secondary);border:2px solid var(--border-light)}@media (min-width: 1024px){.sentence-scramble__chip{min-height:64px;padding:var(--space-md) var(--space-xl);font-size:1.4rem}.sentence-scramble__dropzone{min-height:140px}}@media (max-width: 768px){.sentence-scramble{padding:var(--space-md)}.sentence-scramble__title{font-size:1.5rem}.sentence-scramble__chip{min-height:44px;font-size:1rem;padding:var(--space-sm) var(--space-md)}}@media (min-width: 1600px){.sentence-scramble{max-width:850px}.sentence-scramble__chip{min-height:72px;font-size:1.5rem}}[data-theme=dark] .sentence-scramble__chip--available{background:var(--bg-card);border-color:var(--secondary)}[data-theme=dark] .sentence-scramble__chip--placed{background:var(--secondary-pale)}[data-theme=dark] .sentence-scramble__dropzone{border-color:#2a9d8f26;background:#1a6b5a0a}[data-theme=dark] .sentence-scramble__hint{background:var(--primary-pale);border-color:#e8a3171a}[data-theme=dark] .sentence-scramble__feedback--correct{background:var(--success-pale)}[data-theme=dark] .sentence-scramble__feedback--wrong{background:var(--error-pale)}.listening-challenge{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);max-width:750px;margin:0 auto;animation:fadeInUp .4s ease-out}.listening-challenge__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.listening-challenge__title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--secondary);margin:0;letter-spacing:-.01em}.listening-challenge__speaker{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);text-align:center}.listening-challenge__instruction{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-body);margin:0;line-height:1.5}.listening-challenge__play-btn{min-width:220px;min-height:80px;font-size:1.3rem!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-button),0 0 0 6px #ff6b351f!important;position:relative;animation:lc-pulse-ring 2.5s ease-in-out infinite}@keyframes lc-pulse-ring{0%,to{box-shadow:var(--shadow-button),0 0 0 6px #ff6b351f}50%{box-shadow:var(--shadow-button-hover),0 0 0 12px #ff6b3514}}.listening-challenge__play-btn:hover{box-shadow:var(--shadow-button-hover),0 0 0 8px #ff6b3526!important;animation:none}.listening-challenge__feedback{text-align:center;font-family:var(--font-display);font-size:1.1rem;font-weight:700;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg)}.listening-challenge__feedback--correct{background:var(--success-pale);color:var(--mimi-green-dark);box-shadow:0 2px 12px #4caf501f}.listening-challenge__feedback--wrong{background:var(--error-pale);color:var(--error)}.listening-challenge__options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.listening-challenge__option{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-md);min-height:120px;border:2.5px solid var(--border-light);border-radius:var(--radius-xl);background:var(--bg-card);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-base),transform var(--transition-base),background var(--transition-fast);font-family:var(--font-display);box-shadow:var(--shadow-card),0 3px #0000000d}.listening-challenge__option:hover:not(:disabled){border-color:var(--secondary-light);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.listening-challenge__option:active:not(:disabled){transform:translateY(-1px) scale(.97)}.listening-challenge__option:focus-visible{outline:none;box-shadow:var(--focus-ring)}.listening-challenge__option:disabled{cursor:default}.listening-challenge__option--correct{border-color:var(--success);background:var(--success-pale);box-shadow:0 0 0 4px #10b98133,0 4px 16px #10b98126;animation:lc-correct-pop .4s var(--ease-spring)}@keyframes lc-correct-pop{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}.listening-challenge__option--wrong{border-color:var(--error);background:var(--error-pale);box-shadow:0 0 0 4px #ef444426;animation:lc-shake .45s ease}@keyframes lc-shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.listening-challenge__option-emoji{font-size:3.5rem;line-height:1;filter:drop-shadow(0 3px 10px rgba(0,0,0,.08));transition:transform var(--transition-fast)}.listening-challenge__option:hover:not(:disabled) .listening-challenge__option-emoji{transform:scale(1.08)}.listening-challenge__option-label{font-size:1.05rem;font-weight:700;color:var(--text-body)}.listening-challenge__prompt-listen{text-align:center;font-family:var(--font-display);font-size:1.05rem;color:var(--text-muted);font-weight:600;margin:0;animation:pulse 2s ease-in-out infinite}.listening-challenge__results{text-align:center}.listening-challenge__results-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.listening-challenge__results-icon{color:var(--primary);animation:celebrate .6s ease-out}.listening-challenge__results-title{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--secondary);margin:0;letter-spacing:-.02em}.listening-challenge__results-score{font-size:1.15rem;color:var(--text-body);margin:0;line-height:1.6}.listening-challenge__results-stars{font-size:1.75rem;letter-spacing:.1em}.listening-challenge__results-actions{display:flex;gap:var(--space-md);margin-top:var(--space-sm)}.listening-challenge__results-btn{padding:.85rem 2rem;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1.1rem;font-weight:700;cursor:pointer;border:none;min-height:52px;transition:transform .15s ease,box-shadow .15s ease}.listening-challenge__results-btn:hover{transform:translateY(-2px)}.listening-challenge__results-btn:active{transform:scale(.97)}.listening-challenge__results-btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-button)}.listening-challenge__results-btn--primary:hover{box-shadow:var(--shadow-button-hover)}.listening-challenge__results-btn--secondary{background:var(--bg-soft, #f5f5f5);color:var(--text-secondary);border:2px solid var(--border-light)}@media (min-width: 1024px){.listening-challenge__option{min-height:160px;padding:var(--space-xl) var(--space-lg)}.listening-challenge__option-emoji{font-size:5rem}.listening-challenge__option-label{font-size:1.3rem}.listening-challenge__play-btn{min-width:280px;min-height:96px;font-size:1.5rem!important;border-radius:var(--radius-2xl)!important}}@media (max-width: 768px){.listening-challenge{padding:var(--space-md)}.listening-challenge__title{font-size:1.5rem}.listening-challenge__option{min-height:100px;padding:var(--space-md) var(--space-sm)}.listening-challenge__option-emoji{font-size:2.5rem}.listening-challenge__option-label{font-size:.9rem}}@media (min-width: 1600px){.listening-challenge{max-width:850px}.listening-challenge__option{min-height:180px;border-radius:var(--radius-xl)}.listening-challenge__option-emoji{font-size:5.5rem}.listening-challenge__option-label{font-size:1.4rem}}[data-theme=dark] .listening-challenge__option{background:var(--bg-card);border-color:var(--border-light)}[data-theme=dark] .listening-challenge__option:hover:not(:disabled){border-color:var(--secondary)}[data-theme=dark] .listening-challenge__option--correct{background:var(--success-pale);border-color:var(--mimi-green)}[data-theme=dark] .listening-challenge__option--wrong{background:var(--error-pale);border-color:var(--error)}[data-theme=dark] .listening-challenge__feedback--correct{background:var(--success-pale)}[data-theme=dark] .listening-challenge__feedback--wrong{background:var(--error-pale)}.dialogue-game{display:flex;flex-direction:column;gap:1rem;padding:1rem 1rem 1.5rem;max-width:520px;margin:0 auto;font-family:var(--font-display, "Nunito", sans-serif);min-height:0}.dialogue-game__feed{display:flex;flex-direction:column;gap:.6rem;overflow-y:auto;max-height:52vh;padding:.75rem .5rem .5rem;scroll-behavior:smooth;background:var(--bg-muted);border-radius:var(--radius-lg);border:1.5px solid var(--border)}.dialogue-game__row{display:flex;align-items:flex-end;gap:.5rem;width:100%;animation:dialogue-msg-in .3s var(--ease-spring)}@keyframes dialogue-msg-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dialogue-game__row--mimi{justify-content:flex-start}.dialogue-game__row--child{justify-content:flex-end}.dialogue-game__avatar{flex-shrink:0;width:48px;height:48px;display:flex;align-items:flex-end;justify-content:center;border-radius:var(--radius-full);background:var(--success-pale);border:2px solid var(--success);overflow:hidden}.dialogue-game__bubble{max-width:72%;padding:.75rem 1rem;border-radius:var(--radius-lg);line-height:1.45;word-break:break-word;position:relative}.dialogue-game__bubble--mimi{background:var(--bg-card);color:var(--text-primary);border-bottom-left-radius:var(--radius-xs);box-shadow:var(--shadow-sm);border:1.5px solid var(--border);border-left:3px solid var(--success)}.dialogue-game__bubble--child{background:var(--primary);color:#fff;border-bottom-right-radius:var(--radius-xs);box-shadow:0 2px 8px var(--primary-glow)}.dialogue-game__bubble-text{margin:0;font-size:.98rem;font-weight:600}.dialogue-game__bubble-translation{margin:.35rem 0 0;font-size:.8rem;font-weight:500;opacity:.65;font-style:italic}.dialogue-game__bubble-feedback{margin:.35rem 0 0;font-size:.82rem;font-weight:700;opacity:.9}.dialogue-game__thinking{display:flex;align-items:center;gap:5px;background:var(--bg-card);padding:.65rem 1rem;border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-xs);box-shadow:var(--shadow-sm);border:1.5px solid var(--border);border-left:3px solid var(--success)}.dialogue-game__thinking span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--slate-400);animation:dialogue-bounce 1.2s infinite ease-in-out}.dialogue-game__thinking span:nth-child(2){animation-delay:.2s}.dialogue-game__thinking span:nth-child(3){animation-delay:.4s}@keyframes dialogue-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-6px);opacity:1}}.dialogue-game__options{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.dialogue-game__options-label{margin:0 0 .35rem;font-size:.82rem;font-weight:700;color:var(--text-muted);text-align:center;letter-spacing:.03em;text-transform:uppercase}.dialogue-game__option{width:100%;padding:.85rem 1.1rem;border-radius:var(--radius-md);border:2.5px solid var(--border);background:var(--bg-card);cursor:pointer;text-align:left;transition:border-color .18s var(--ease-out),background .18s var(--ease-out),transform .1s var(--ease-out),box-shadow .18s var(--ease-out);outline:none;-webkit-tap-highlight-color:transparent;min-height:56px;display:flex;align-items:center;box-shadow:var(--shadow-xs)}.dialogue-game__option:hover:not(:disabled){border-color:var(--primary);background:var(--primary-pale);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.dialogue-game__option:focus-visible{box-shadow:0 0 0 3px var(--primary-glow)}.dialogue-game__option--correct{border-color:var(--success)!important;background:var(--success-pale)!important;box-shadow:0 0 0 3px #10b98126;animation:dialogue-option-correct .4s var(--ease-spring)}@keyframes dialogue-option-correct{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}.dialogue-game__option--correct .dialogue-game__option-text{color:var(--success)}.dialogue-game__option--wrong{border-color:var(--error)!important;background:var(--error-pale)!important;animation:dialogue-option-shake .4s ease}@keyframes dialogue-option-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.dialogue-game__option--wrong .dialogue-game__option-text{color:var(--error)}.dialogue-game__option:disabled{cursor:default;opacity:.8}.dialogue-game__option-text{font-size:.97rem;font-weight:700;color:var(--text-primary);display:block;line-height:1.4;font-family:var(--font-display)}.dialogue-game__progress{display:flex;justify-content:center;gap:.45rem;padding-top:.25rem}.dialogue-game__dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--slate-200);transition:background .25s,transform .25s}.dialogue-game__dot--active{background:var(--primary);transform:scale(1.3);box-shadow:0 0 0 3px #ff6b3533}.dialogue-game__dot--done{background:var(--success)}.dialogue-game__summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2.5rem 1.5rem;text-align:center;font-family:var(--font-display, "Nunito", sans-serif)}.dialogue-game__summary-title{margin:0;font-size:2rem;font-weight:900;color:var(--primary);letter-spacing:-.02em}.dialogue-game__summary-score{margin:0;font-size:3rem;font-weight:900;color:var(--success);line-height:1}.dialogue-game__summary-label{margin:0;font-size:1rem;font-weight:600;color:var(--text-secondary)}@media (max-width: 768px){.dialogue-game{padding:.75rem .75rem 1.25rem;gap:.75rem}.dialogue-game__feed{max-height:48vh}.dialogue-game__bubble{max-width:78%}.dialogue-game__option{min-height:52px;padding:.7rem .9rem}.dialogue-game__summary-title{font-size:1.6rem}.dialogue-game__summary-score{font-size:2.5rem}}@media (max-width: 400px){.dialogue-game__bubble{max-width:82%}.dialogue-game__bubble-text{font-size:.92rem}.dialogue-game__option-text{font-size:.9rem}.dialogue-game__feed{max-height:44vh}.dialogue-game__avatar{width:40px;height:40px}}.word-illustration{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.word-illustration__fallback{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xl, 20px);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:var(--text-on-primary, #fff);font-family:var(--font-display);font-weight:900;line-height:1;letter-spacing:-.02em;box-shadow:var(--shadow-card),0 4px 12px #ff6b3533;flex-shrink:0;position:relative;overflow:hidden}.word-illustration__fallback:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.2) 0%,transparent 100%);border-radius:var(--radius-xl, 20px) var(--radius-xl, 20px) 0 0;pointer-events:none}.ilg{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);max-width:600px;margin:0 auto;animation:ilgFadeIn .4s var(--ease-out)}@keyframes ilgFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ilg__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.ilg__title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--secondary);margin:0;letter-spacing:-.01em}.ilg-picture-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);background:linear-gradient(145deg,var(--bg-card) 0%,var(--bg-soft, #f8f9fb) 100%);border:2.5px solid var(--border-light);border-radius:var(--radius-xl, 20px);box-shadow:var(--shadow-card),inset 0 2px #fffc;padding:var(--space-xl, 32px) var(--space-lg);min-height:220px;position:relative;overflow:hidden}.ilg-picture-box:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);pointer-events:none;opacity:.3}.ilg-picture-box__emoji{font-size:7rem;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(0 6px 16px rgba(0,0,0,.15));position:relative;z-index:1}.ilg-picture-box__phonetic{font-family:var(--font-mono);font-size:1rem;color:var(--text-muted);letter-spacing:.06em;background:var(--bg-muted, #efefef);border-radius:var(--radius-full);padding:.25rem .85rem;position:relative;z-index:1}.ilg-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm, 10px)}.ilg-option{display:flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-lg);min-height:64px;border:2.5px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-card);cursor:pointer;font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary);transition:border-color .15s var(--ease-out),box-shadow .2s var(--ease-out),transform .2s var(--ease-spring),background .15s var(--ease-out);text-align:center;width:100%}.ilg-option:hover:not(:disabled){box-shadow:var(--shadow-card-hover);transform:translateY(-3px);border-color:var(--primary);background:var(--primary-pale)}.ilg-option:active:not(:disabled){transform:translateY(0) scale(.97)}.ilg-option:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ilg-option:disabled{cursor:default}.ilg-option--correct{border-color:var(--success, #10b981);background:var(--success-pale, #e8f5e9);color:var(--mimi-green-dark, #2e7d32);box-shadow:0 0 0 3px #10b98133,var(--shadow-md);animation:ilg-scale-up .3s var(--ease-spring)}.ilg-option--wrong{border-color:var(--error, #ef4444);background:var(--error-pale, #fef2f2);color:var(--accent-red-dark, #991b1b);animation:ilg-shake .4s ease}@keyframes ilg-scale-up{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes ilg-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.ilg__feedback{text-align:center;font-family:var(--font-display);font-size:1.1rem;font-weight:700;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);animation:ilgFadeIn .25s var(--ease-out)}.ilg__feedback--correct{background:var(--success-pale, #e8f5e9);color:var(--mimi-green-dark, #2e7d32);border:1px solid rgba(16,185,129,.2)}.ilg__feedback--wrong{background:var(--warning-pale, #fff8e1);color:var(--primary-dark, #C73A0A);border:1px solid rgba(245,158,11,.2)}.ilg__translation-hint{text-align:center;font-size:.95rem;color:var(--text-muted);font-family:var(--font-display);min-height:1.4rem;font-style:italic}.ilg__completion{text-align:center}.ilg__completion-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.ilg__completion-score{font-family:var(--font-display);font-size:1.15rem;color:var(--text-body);margin:0}.ilg__completion-title{font-family:var(--font-display);font-size:2rem;font-weight:900;color:var(--secondary);margin:0;letter-spacing:-.02em}.ilg__completion-actions{display:flex;gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;justify-content:center}.ilg__completion-btn{padding:.8rem 1.75rem;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1rem;font-weight:800;cursor:pointer;border:none;transition:all .2s var(--ease-spring)}.ilg__completion-btn:hover{transform:translateY(-2px)}.ilg__completion-btn:active{transform:scale(.97)}.ilg__completion-btn--primary{background:var(--primary);color:#fff;box-shadow:0 4px 16px var(--primary-glow)}.ilg__completion-btn--primary:hover{box-shadow:0 6px 22px var(--primary-glow)}.ilg__completion-btn--secondary{background:var(--bg-muted, #f5f5f5);color:var(--text-secondary);border:1.5px solid var(--border-light)}.ilg__completion-btn--secondary:hover{background:var(--bg-elevated);border-color:var(--border-hover)}@media (min-width: 600px){.ilg-options-grid{grid-template-columns:1fr 1fr}.ilg-picture-box__emoji{font-size:9rem}}@media (max-width: 480px){.ilg{padding:var(--space-md)}.ilg-picture-box__emoji{font-size:5.5rem}.ilg-option{font-size:1.1rem;min-height:52px}.ilg__title{font-size:1.4rem}}[data-theme=dark] .ilg-picture-box{background:var(--bg-elevated);border-color:var(--border-light)}[data-theme=dark] .ilg-option{background:var(--bg-card);border-color:var(--border-light)}[data-theme=dark] .ilg-option--correct{background:var(--success-pale)}[data-theme=dark] .ilg-option--wrong{background:var(--error-pale)}[data-theme=dark] .ilg__completion-btn--secondary{background:var(--bg-elevated);color:var(--text-secondary)}.sig{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);max-width:540px;margin:0 auto;animation:fadeInUp .4s ease-out}.sig__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.sig__title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--secondary);margin:0;letter-spacing:-.01em}.sig__card{background:var(--bg-card);border:3px solid var(--border-light);border-radius:var(--radius-xl, 20px);box-shadow:var(--shadow-card);padding:var(--space-xl, 32px) var(--space-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center;transition:border-color .3s ease,background .3s ease}.sig__card--correct{border-color:var(--mimi-green, #4caf50);background:var(--success-pale, #e8f5e9)}.sig__card--wrong{border-color:var(--danger, #f44336);background:var(--danger-pale, #ffebee)}.sig__word{font-family:var(--font-display);font-size:3rem;font-weight:900;color:var(--text-primary);letter-spacing:-.02em;line-height:1.1}.sig__translation{font-size:1.1rem;color:var(--text-secondary);font-family:var(--font-display)}.sig__phonetic{font-size:1rem;color:var(--text-secondary);background:var(--bg-muted, #efefef);border-radius:var(--radius-md, 8px);padding:.2rem .75rem;letter-spacing:.04em}.sig__hint{font-size:.9rem;color:var(--text-secondary);font-style:italic}.sig__mic-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm, 8px);margin-top:var(--space-sm, 8px)}.sig__mic-btn{width:80px;height:80px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease,background .2s ease;background:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.sig__mic-btn:hover:not(:disabled){transform:scale(1.07);box-shadow:var(--shadow-card-hover)}.sig__mic-btn:active:not(:disabled){transform:scale(.95)}.sig__mic-btn:disabled{cursor:not-allowed;opacity:.55}.sig__mic-btn--listening{background:var(--danger, #f44336);animation:mic-pulse 1.4s ease-in-out infinite}.sig__mic-btn--processing{background:var(--text-secondary, #64748b)}.sig__mic-btn--success{background:var(--mimi-green, #4caf50)}.sig__mic-btn--error{background:var(--accent-amber, #f59e0b)}@keyframes mic-pulse{0%,to{box-shadow:0 0 0 0 var(--primary)}50%{box-shadow:0 0 0 16px transparent}}.sig__mic-label{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--text-secondary);text-align:center}.sig__feedback{width:100%;padding:var(--space-md);border-radius:var(--radius-lg);font-family:var(--font-display);font-weight:700;font-size:1rem;text-align:center}.sig__feedback--correct{background:var(--success-pale, #e8f5e9);color:var(--mimi-green-dark, #2e7d32)}.sig__feedback--wrong{background:var(--warning-pale, #fff8e1);color:var(--primary-dark, #e65100)}.sig__heard{font-size:.88rem;color:var(--text-secondary);font-weight:400;margin-top:var(--space-xs, 4px)}.sig__actions{display:flex;gap:var(--space-sm, 8px);justify-content:center;flex-wrap:wrap;margin-top:var(--space-xs, 4px)}.sig__btn{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.25rem;border-radius:var(--radius-lg);border:none;font-family:var(--font-display);font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.sig__btn:hover:not(:disabled){transform:translateY(-1px);opacity:.9}.sig__btn:active:not(:disabled){transform:scale(.96)}.sig__btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.sig__btn--retry{background:var(--accent-amber, #f59e0b);color:#fff}.sig__btn--skip{background:var(--bg-soft, #f5f5f5);color:var(--text-secondary)}.sig__btn--mark-done{background:var(--primary);color:#fff}.sig__skip-row{display:flex;justify-content:flex-end;padding-top:var(--space-xs, 4px)}.sig__unsupported{text-align:center;padding:3rem var(--space-lg);background:var(--bg-card);border:3px solid var(--border-light);border-radius:var(--radius-xl, 20px);box-shadow:var(--shadow-card)}.sig__unsupported h2{font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:var(--text-primary);margin:0 0 var(--space-sm)}.sig__unsupported p{font-size:1rem;color:var(--text-secondary);margin:0 0 var(--space-lg)}.sig__completion{text-align:center}.sig__completion-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.sig__completion-title{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--secondary);margin:0;letter-spacing:-.02em}.sig__completion-score{font-family:var(--font-display);font-size:1.15rem;color:var(--text-body);margin:0}.sig__completion-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center;margin-top:var(--space-sm)}.sig__completion-btn{padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease}.sig__completion-btn:hover{transform:translateY(-2px)}.sig__completion-btn:active{transform:scale(.97)}.sig__completion-btn--primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #e8a31759}.sig__completion-btn--secondary{background:var(--bg-soft, #f5f5f5);color:var(--text-secondary)}.sig__score-row{text-align:center;color:var(--text-secondary);font-size:.9rem;font-family:var(--font-display)}@media (max-width: 480px){.sig{padding:var(--space-md)}.sig__word{font-size:2.25rem}.sig__mic-btn{width:68px;height:68px}.sig__title{font-size:1.4rem}}[data-theme=dark] .sig__card{background:var(--bg-elevated);border-color:var(--border-light)}[data-theme=dark] .sig__card--correct{background:var(--success-pale)}[data-theme=dark] .sig__card--wrong{background:var(--danger-pale)}[data-theme=dark] .sig__phonetic{background:var(--bg-elevated)}[data-theme=dark] .sig__unsupported{background:var(--bg-card);border-color:var(--border-light)}[data-theme=dark] .sig__completion-btn--secondary,[data-theme=dark] .sig__btn--skip{background:var(--bg-elevated);color:var(--text-secondary)}.pbg{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);max-width:600px;margin:0 auto;animation:fadeInUp .4s ease-out}.pbg__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.pbg__title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--secondary);margin:0;letter-spacing:-.01em}.pbg__instruction{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-secondary);text-align:center;margin:0;min-height:1.5rem}.pbg__tiles-row{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg) var(--space-md);flex-wrap:wrap}.pbg__tiles-row--blending{gap:0;transition:gap .6s cubic-bezier(.34,1.56,.64,1)}.pbg__tiles-row--blending .pbg__tile{transform:scale(.9);opacity:.7;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .6s ease,margin .6s ease;margin:0 -4px}.pbg__tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:72px;min-height:80px;padding:var(--space-md) var(--space-lg);border:3px solid var(--border-light);border-radius:var(--radius-xl, 20px);background:var(--bg-card);box-shadow:var(--shadow-card);cursor:pointer;font-family:var(--font-display);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-base),transform var(--transition-base),background var(--transition-fast)}.pbg__tile:hover:not(:disabled){box-shadow:var(--shadow-card-hover);transform:translateY(-3px);border-color:var(--cloud, #b0bec5)}.pbg__tile:active:not(:disabled){transform:translateY(0) scale(.94)}.pbg__tile:focus-visible{outline:none;box-shadow:var(--focus-ring)}.pbg__tile:disabled{cursor:default}.pbg__tile--tapped{border-color:var(--primary, #E8A317);background:var(--warning-pale, #fff8e1)}.pbg__tile--active{border-color:var(--primary, #E8A317);background:var(--warning-pale, #fff8e1);box-shadow:0 0 0 4px #e8a31740,var(--shadow-md);animation:pbg-pulse .35s ease-out}.pbg__tile--merging{border-color:var(--secondary, #3f51b5);background:var(--bg-soft, #f8f9fb);animation:pbg-merge .55s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes pbg-pulse{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes pbg-merge{0%{transform:scale(1) translate(0)}60%{transform:scale(.85) translate(0)}to{transform:scale(.9) translate(0)}}.pbg__tile-letter{font-size:2.25rem;font-weight:900;line-height:1;letter-spacing:-.02em;color:var(--text-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.pbg__tile-icon{color:var(--text-secondary);opacity:.6;display:flex;align-items:center}.pbg__blended-word{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl);background:linear-gradient(135deg,var(--warning-pale, #fff8e1),var(--bg-soft, #f8f9fb));border:3px solid var(--primary, #E8A317);border-radius:var(--radius-xl, 20px);box-shadow:0 0 0 6px #e8a31726,var(--shadow-card)}.pbg__blended-letter{font-family:var(--font-display);font-size:3.5rem;font-weight:900;color:var(--primary-dark, #e65100);letter-spacing:-.03em;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pbg__blended-tr{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-secondary);letter-spacing:.01em}.pbg__blend-btn-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-top:var(--space-md)}.pbg__blend-btn{padding:1rem 3rem;border-radius:var(--radius-xl, 20px);font-family:var(--font-display);font-size:1.35rem;font-weight:800;cursor:pointer;border:none;background:var(--primary, #E8A317);color:#fff;box-shadow:0 6px 20px #e8a31773;letter-spacing:.02em;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.pbg__blend-btn:hover:not(.pbg__blend-btn--disabled){transform:translateY(-2px);box-shadow:0 8px 24px #e8a3178c}.pbg__blend-btn:active:not(.pbg__blend-btn--disabled){transform:scale(.97)}.pbg__blend-btn--disabled{background:var(--cloud, #b0bec5);box-shadow:none;cursor:not-allowed;opacity:.7}.pbg__blend-hint{font-family:var(--font-display);font-size:.85rem;color:var(--text-secondary);margin:0;text-align:center}.pbg__options-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm, 8px)}.pbg__option{display:flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-lg);min-height:64px;border:2.5px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-card);cursor:pointer;font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-base),transform var(--transition-base),background var(--transition-fast);text-align:center;width:100%}.pbg__option:hover:not(:disabled){box-shadow:var(--shadow-card-hover);transform:translateY(-2px);border-color:var(--cloud, #b0bec5)}.pbg__option:active:not(:disabled){transform:translateY(0) scale(.97)}.pbg__option:focus-visible{outline:none;box-shadow:var(--focus-ring)}.pbg__option:disabled{cursor:default}.pbg__option--correct{border-color:var(--mimi-green, #4caf50);background:var(--success-pale, #e8f5e9);color:var(--mimi-green-dark, #2e7d32);box-shadow:0 0 0 3px #4caf5033,var(--shadow-md);animation:pbg-scale-up .25s ease-out}.pbg__option--wrong{border-color:var(--danger, #f44336);background:var(--danger-pale, #ffebee);color:var(--danger-dark, #c62828);animation:pbg-shake .4s ease}@keyframes pbg-scale-up{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes pbg-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.pbg__feedback{text-align:center;font-family:var(--font-display);font-size:1.1rem;font-weight:700;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.pbg__feedback--correct{background:var(--success-pale, #e8f5e9);color:var(--mimi-green-dark, #2e7d32)}.pbg__feedback--wrong{background:var(--warning-pale, #fff8e1);color:var(--primary-dark, #e65100)}.pbg__difficulty-row{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xs, 4px);margin-top:var(--space-sm)}.pbg__difficulty-badge{font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.25rem .75rem;border-radius:var(--radius-full, 999px)}.pbg__difficulty-badge--easy{background:var(--success-pale, #e8f5e9);color:var(--mimi-green-dark, #2e7d32)}.pbg__difficulty-badge--medium{background:var(--warning-pale, #fff8e1);color:var(--primary-dark, #e65100)}.pbg__difficulty-badge--hard{background:var(--danger-pale, #ffebee);color:var(--danger-dark, #c62828)}.pbg__completion{text-align:center}.pbg__completion-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.pbg__completion-title{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--secondary);margin:0;letter-spacing:-.02em}.pbg__completion-score{font-family:var(--font-display);font-size:1.15rem;color:var(--text-body);margin:0}.pbg__completion-actions{display:flex;gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap;justify-content:center}.pbg__completion-btn{padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease}.pbg__completion-btn:hover{transform:translateY(-2px)}.pbg__completion-btn:active{transform:scale(.97)}.pbg__completion-btn--primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #e8a31759}.pbg__completion-btn--secondary{background:var(--bg-soft, #f5f5f5);color:var(--text-secondary)}@media (min-width: 600px){.pbg__tile-letter{font-size:2.75rem}.pbg__tile{min-width:88px;min-height:96px}}@media (max-width: 480px){.pbg{padding:var(--space-md)}.pbg__tile{min-width:58px;min-height:66px;padding:var(--space-sm) var(--space-md)}.pbg__tile-letter{font-size:1.85rem}.pbg__blended-letter{font-size:2.75rem}.pbg__title{font-size:1.4rem}.pbg__option{font-size:1.15rem;min-height:52px}.pbg__blend-btn{font-size:1.15rem;padding:.9rem 2rem}}[data-theme=dark] .pbg__tile{background:var(--bg-card);border-color:var(--border-light)}[data-theme=dark] .pbg__tile--tapped,[data-theme=dark] .pbg__tile--active{background:var(--bg-elevated)}[data-theme=dark] .pbg__option{background:var(--bg-card);border-color:var(--border-light)}[data-theme=dark] .pbg__option--correct{background:var(--success-pale)}[data-theme=dark] .pbg__option--wrong{background:var(--danger-pale)}[data-theme=dark] .pbg__blended-word{background:var(--bg-elevated);border-color:var(--primary)}[data-theme=dark] .pbg__completion-btn--secondary{background:var(--bg-elevated);color:var(--text-secondary)}.pmg{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);max-width:600px;margin:0 auto;animation:fadeInUp .4s ease-out}.pmg__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.pmg__title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--secondary);margin:0;letter-spacing:-.01em}.pmg__type-badge{font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.25rem .75rem;border-radius:var(--radius-full, 999px)}.pmg__type-badge--delete{background:var(--danger-pale, #ffebee);color:var(--danger-dark, #c62828)}.pmg__type-badge--substitute{background:var(--warning-pale, #fff8e1);color:var(--primary-dark, #e65100)}.pmg__type-badge--add{background:var(--success-pale, #e8f5e9);color:var(--mimi-green-dark, #2e7d32)}.pmg__type-badge--reverse{background:#3b82f61a;color:var(--info, #3b82f6)}.pmg__target-word{text-align:center;padding:var(--space-md) 0 0}.pmg__target-label{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;margin:0 0 var(--space-xs);display:block}.pmg__target-text{font-family:var(--font-display);font-size:3.5rem;font-weight:900;color:var(--text-primary);letter-spacing:-.03em;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pmg__prompt-card{background:linear-gradient(135deg,var(--warning-pale, #fff8e1),var(--bg-soft, #f8f9fb));border:2px solid var(--primary, #E8A317);border-radius:var(--radius-xl, 20px);padding:var(--space-md) var(--space-lg);text-align:center}.pmg__prompt-text{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4}.pmg__prompt-tr{font-family:var(--font-display);font-size:.88rem;font-weight:500;color:var(--text-secondary);margin:var(--space-xs) 0 0}.pmg__tiles-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.pmg__tiles-label{font-family:var(--font-display);font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.pmg__tiles-row{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);flex-wrap:wrap;min-height:96px}.pmg__tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;min-height:72px;padding:var(--space-sm) var(--space-md);border:3px solid transparent;border-radius:var(--radius-xl, 20px);box-shadow:var(--shadow-card);cursor:default;font-family:var(--font-display);-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden}.pmg__tile--consonant{background:var(--primary, #E8A317);border-color:#0000001a;color:#fff}.pmg__tile--vowel{background:var(--secondary, #e879f9);border-color:#0000001a;color:#fff}.pmg__tile--blend{background:var(--info, #3b82f6);border-color:#0000001a;color:#fff}.pmg__tile--deleting{border-color:var(--danger, #f44336);box-shadow:0 0 0 4px #f443364d,var(--shadow-card)}.pmg__tile--substituting{border-color:var(--primary, #E8A317);box-shadow:0 0 0 4px #e8a31759,var(--shadow-card)}.pmg__tile-phoneme{font-size:1.85rem;font-weight:900;line-height:1;letter-spacing:-.02em}.pmg__tile-slash{font-size:.7rem;font-weight:600;opacity:.75;letter-spacing:.02em}.pmg__change-instruction{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--bg-soft, #f8f9fb);border-radius:var(--radius-full, 999px);border:1.5px solid var(--border-light)}.pmg__change-label{font-family:var(--font-display);font-size:.88rem;font-weight:600;color:var(--text-secondary)}.pmg__change-text{font-family:var(--font-mono, monospace);font-size:.9rem;font-weight:700;color:var(--text-primary);background:var(--bg-card);padding:.1rem .5rem;border-radius:var(--radius-sm, 6px);border:1.5px solid var(--border-light)}.pmg__answer-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--success-pale, #e8f5e9),var(--bg-soft, #f8f9fb));border:2.5px solid var(--mimi-green, #4caf50);border-radius:var(--radius-xl, 20px);box-shadow:0 0 0 5px #4caf5026,var(--shadow-card)}.pmg__answer-label{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--mimi-green-dark, #2e7d32);text-transform:uppercase;letter-spacing:.05em}.pmg__answer-word{font-family:var(--font-display);font-size:3rem;font-weight:900;color:var(--mimi-green-dark, #2e7d32);letter-spacing:-.03em;line-height:1}.pmg__options-section{display:flex;flex-direction:column;gap:var(--space-sm)}.pmg__options-label{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-primary);text-align:center;margin:0}.pmg__options-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm, 8px)}.pmg__option{display:flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-lg);min-height:72px;border:2.5px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-card);cursor:pointer;font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-base),transform var(--transition-base),background var(--transition-fast);text-align:center;width:100%;letter-spacing:-.01em}.pmg__option:hover:not(:disabled){box-shadow:var(--shadow-card-hover);transform:translateY(-2px);border-color:var(--cloud, #b0bec5)}.pmg__option:active:not(:disabled){transform:translateY(0) scale(.97)}.pmg__option:focus-visible{outline:none;box-shadow:var(--focus-ring)}.pmg__option:disabled{cursor:default}.pmg__option--correct{border-color:var(--mimi-green, #4caf50);background:var(--success-pale, #e8f5e9);color:var(--mimi-green-dark, #2e7d32);box-shadow:0 0 0 3px #4caf5040,var(--shadow-md);animation:pmg-scale-up .25s ease-out}.pmg__option--wrong{border-color:var(--danger, #f44336);background:var(--danger-pale, #ffebee);color:var(--danger-dark, #c62828);animation:pmg-shake .42s ease}@keyframes pmg-scale-up{0%{transform:scale(1)}50%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes pmg-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.pmg__feedback{text-align:center;font-family:var(--font-display);font-size:1.1rem;font-weight:700;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:2.5rem}.pmg__feedback--correct{background:var(--success-pale, #e8f5e9);color:var(--mimi-green-dark, #2e7d32)}.pmg__feedback--wrong{background:var(--warning-pale, #fff8e1);color:var(--primary-dark, #e65100)}.pmg__hint{font-family:var(--font-display);font-size:.88rem;font-weight:600;color:var(--text-secondary);text-align:center;padding:var(--space-xs) var(--space-md);background:var(--bg-soft, #f8f9fb);border-radius:var(--radius-lg);border:1.5px dashed var(--border-light);margin:0}.pmg__bottom-row{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xs, 4px)}.pmg__difficulty-badge{font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.25rem .75rem;border-radius:var(--radius-full, 999px)}.pmg__difficulty-badge--1{background:var(--success-pale, #e8f5e9);color:var(--mimi-green-dark, #2e7d32)}.pmg__difficulty-badge--2{background:var(--warning-pale, #fff8e1);color:var(--primary-dark, #e65100)}.pmg__difficulty-badge--3{background:var(--danger-pale, #ffebee);color:var(--danger-dark, #c62828)}.pmg__completion{text-align:center}.pmg__completion-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.pmg__completion-title{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--secondary);margin:0;letter-spacing:-.02em}.pmg__completion-score{font-family:var(--font-display);font-size:1.15rem;color:var(--text-body);margin:0}.pmg__completion-actions{display:flex;gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap;justify-content:center}.pmg__completion-btn{padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease}.pmg__completion-btn:hover{transform:translateY(-2px)}.pmg__completion-btn:active{transform:scale(.97)}.pmg__completion-btn--primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #e8a31759}.pmg__completion-btn--secondary{background:var(--bg-soft, #f5f5f5);color:var(--text-secondary)}@media (min-width: 600px){.pmg__tile-phoneme{font-size:2.25rem}.pmg__tile{min-width:80px;min-height:90px}}@media (max-width: 480px){.pmg{padding:var(--space-md)}.pmg__target-text{font-size:2.75rem}.pmg__tile{min-width:52px;min-height:60px;padding:var(--space-xs) var(--space-sm)}.pmg__tile-phoneme{font-size:1.5rem}.pmg__option{font-size:1.25rem;min-height:58px}.pmg__title{font-size:1.4rem}.pmg__prompt-text{font-size:.95rem}.pmg__answer-word{font-size:2.5rem}}[data-theme=dark] .pmg__option{background:var(--bg-card);border-color:var(--border-light)}[data-theme=dark] .pmg__option--correct{background:var(--success-pale)}[data-theme=dark] .pmg__option--wrong{background:var(--danger-pale)}[data-theme=dark] .pmg__prompt-card{background:var(--bg-elevated);border-color:var(--primary)}[data-theme=dark] .pmg__answer-area{background:var(--bg-elevated);border-color:var(--mimi-green, #4caf50)}[data-theme=dark] .pmg__completion-btn--secondary{background:var(--bg-elevated);color:var(--text-secondary)}[data-theme=dark] .pmg__change-instruction{background:var(--bg-elevated)}[data-theme=dark] .pmg__change-text{background:var(--bg-card)}[data-theme=dark] .pmg__hint{background:var(--bg-elevated)}.syg{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-lg);max-width:560px;margin:0 auto;animation:fadeInUp .4s ease-out}.syg__header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-md)}.syg__title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--secondary);margin:0;letter-spacing:-.01em}.syg__word-display{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.syg__word{font-family:var(--font-display);font-size:3rem;font-weight:900;color:var(--text-primary);letter-spacing:-.02em;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.syg__word-tr{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-secondary)}.syg__instruction{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text-secondary);text-align:center;margin:0}.syg__dots{display:flex;gap:var(--space-sm);align-items:center;justify-content:center;min-height:32px}.syg__dot{width:20px;height:20px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px #ff6b3540,0 2px 6px #ff6b3566;animation:syg-dot-pop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes syg-dot-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.syg__drum-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%}.syg__drum{width:160px;height:160px;border-radius:50%;border:none;cursor:pointer;background:radial-gradient(circle at 35% 30%,var(--primary-light),var(--primary) 60%,var(--primary-hover));box-shadow:0 8px #0003,0 12px 32px #ff6b3566,inset 0 2px 8px #ffffff4d;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:3rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.syg__drum:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;border:3px solid rgba(255,255,255,.25);pointer-events:none}.syg__drum:hover{transform:translateY(-3px);box-shadow:0 11px #0003,0 16px 36px #ff6b3580,inset 0 2px 8px #ffffff4d}.syg__drum:active,.syg__drum--pulse{transform:translateY(4px) scale(.96);box-shadow:0 4px #0003,0 6px 16px #ff6b3559,inset 0 2px 8px #ffffff4d;animation:syg-drum-pulse .25s ease-out}@keyframes syg-drum-pulse{0%{box-shadow:0 4px #0003,0 6px 16px #ff6b3559,0 0 #ff6b3599}60%{box-shadow:0 4px #0003,0 6px 16px #ff6b3559,0 0 0 28px #ff6b3500}to{box-shadow:0 4px #0003,0 6px 16px #ff6b3559,0 0 #ff6b3500}}.syg__drum-label{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--text-secondary);text-align:center;margin:0}.syg__done-btn{padding:.9rem 2.5rem;border-radius:var(--radius-xl, 20px);font-family:var(--font-display);font-size:1.25rem;font-weight:800;cursor:pointer;border:none;background:var(--secondary);color:#fff;box-shadow:0 6px 20px #0d5c4d59;letter-spacing:.02em;min-height:56px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.syg__done-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0d5c4d73}.syg__done-btn:active:not(:disabled){transform:scale(.97)}.syg__done-btn:disabled{background:var(--slate-300);box-shadow:none;cursor:not-allowed;opacity:.7}.syg__choices{display:flex;gap:var(--space-md);align-items:center;justify-content:center;flex-wrap:wrap;width:100%}.syg__choice-btn{min-width:68px;min-height:68px;border-radius:var(--radius-xl, 20px);border:3px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-card);font-family:var(--font-display);font-size:2rem;font-weight:900;color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-base),transform var(--transition-base),background var(--transition-fast);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-sm) var(--space-md)}.syg__choice-btn span{font-size:.7rem;font-weight:600;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase}.syg__choice-btn:hover:not(:disabled){box-shadow:var(--shadow-card-hover);transform:translateY(-3px);border-color:var(--secondary-light)}.syg__choice-btn:active:not(:disabled){transform:scale(.94)}.syg__choice-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.syg__choice-btn:disabled{cursor:default}.syg__choice-btn--correct{border-color:var(--success)!important;background:var(--success-pale)!important;color:var(--success)!important;box-shadow:0 0 0 4px #10b98126,var(--shadow-md);animation:syg-scale-up .25s ease-out}.syg__choice-btn--wrong{border-color:var(--error)!important;background:var(--error-pale)!important;color:var(--error)!important;animation:syg-shake .4s ease}@keyframes syg-scale-up{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes syg-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.syg__syllable-tiles{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.syg__syllable-tile{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:var(--secondary);color:#fff;font-family:var(--font-display);font-size:1.4rem;font-weight:800;box-shadow:0 4px 12px #0d5c4d4d;letter-spacing:.02em;animation:syg-tile-enter .3s cubic-bezier(.34,1.56,.64,1)}@keyframes syg-tile-enter{0%{transform:scale(0) rotate(-8deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.syg__feedback{text-align:center;font-family:var(--font-display);font-size:1.1rem;font-weight:700;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;animation:syg-feedback-in .3s var(--ease-spring)}@keyframes syg-feedback-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.syg__feedback--correct{background:var(--success-pale);color:var(--success);border:1px solid rgba(16,185,129,.2)}.syg__feedback--wrong{background:var(--error-pale);color:var(--error);border:1px solid rgba(239,68,68,.2)}.syg__completion{text-align:center;width:100%}.syg__completion-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-6) 0}.syg__completion-title{font-family:var(--font-display);font-size:2rem;font-weight:900;color:var(--secondary);margin:0;letter-spacing:-.02em}.syg__completion-score{font-family:var(--font-display);font-size:1.15rem;color:var(--text-body);margin:0}.syg__completion-actions{display:flex;gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap;justify-content:center}.syg__completion-btn{padding:.85rem 1.75rem;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease;min-height:48px}.syg__completion-btn:hover{transform:translateY(-2px)}.syg__completion-btn:active{transform:scale(.97)}.syg__completion-btn--primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #ff6b3559}.syg__completion-btn--secondary{background:var(--bg-muted);color:var(--text-secondary);border:1.5px solid var(--border)}.syg__reset-btn{padding:.5rem 1.5rem;border-radius:var(--radius-full, 999px);border:2px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-display);font-size:.9rem;font-weight:700;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.syg__reset-btn:hover{border-color:var(--secondary-light);background:var(--bg-soft)}@media (max-width: 480px){.syg{padding:var(--space-md);gap:var(--space-md)}.syg__word{font-size:2.25rem}.syg__drum{width:130px;height:130px;font-size:2.4rem}.syg__choice-btn{min-width:58px;min-height:58px;font-size:1.6rem}.syg__title{font-size:1.4rem}}[data-theme=dark] .syg__choice-btn{background:var(--bg-card);border-color:var(--border)}[data-theme=dark] .syg__choice-btn--correct{background:var(--success-pale)}[data-theme=dark] .syg__choice-btn--wrong{background:var(--error-pale)}[data-theme=dark] .syg__completion-btn--secondary{background:var(--bg-elevated);color:var(--text-secondary)}.wfg{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-lg);max-width:600px;margin:0 auto;animation:fadeInUp .4s ease-out}.wfg__header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-md)}.wfg__title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--secondary);margin:0;letter-spacing:-.01em}.wfg__progress-text{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--text-secondary);margin:0;text-align:center}.wfg__rime-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%}.wfg__rime-label{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0}.wfg__word-snap{display:flex;align-items:center;justify-content:center;gap:0;min-height:100px}.wfg__snap-onset{font-family:var(--font-display);font-size:4.5rem;font-weight:900;color:var(--primary, #E8A317);line-height:1;letter-spacing:-.03em;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:60px;text-align:right;animation:wfg-onset-snap .3s cubic-bezier(.34,1.56,.64,1)}.wfg__snap-onset--placeholder{color:var(--border-light);font-size:4.5rem;font-weight:900;line-height:1;letter-spacing:-.03em;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:60px;text-align:right}@keyframes wfg-onset-snap{0%{transform:scale(.4) translateY(-20px);opacity:0}70%{transform:scale(1.15) translateY(0);opacity:1}to{transform:scale(1)}}.wfg__snap-rime{font-family:var(--font-display);font-size:4.5rem;font-weight:900;color:var(--secondary, #3f51b5);line-height:1;letter-spacing:-.03em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wfg__snap-rime--shake{animation:wfg-shake .45s ease}@keyframes wfg-shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-7px)}80%{transform:translate(7px)}}.wfg__snap-rime--valid{animation:wfg-valid .35s ease-out}@keyframes wfg-valid{0%{filter:brightness(1)}50%{filter:brightness(1.4)}to{filter:brightness(1)}}.wfg__onsets-label{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0;align-self:flex-start}.wfg__onsets{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;width:100%}.wfg__onset-tile{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:var(--radius-xl, 20px);border:3px solid var(--border-light);background:var(--bg-card);box-shadow:var(--shadow-card);cursor:pointer;font-family:var(--font-display);font-size:2.25rem;font-weight:900;color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-base),transform var(--transition-base),background var(--transition-fast),opacity var(--transition-base);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.wfg__onset-tile:hover:not(:disabled){box-shadow:var(--shadow-card-hover);transform:translateY(-4px) rotate(-3deg);border-color:var(--primary, #E8A317)}.wfg__onset-tile:active:not(:disabled){transform:translateY(0) scale(.92)}.wfg__onset-tile:focus-visible{outline:none;box-shadow:var(--focus-ring)}.wfg__onset-tile:disabled{cursor:default}.wfg__onset-tile--used{opacity:.35;pointer-events:none;border-color:var(--mimi-green, #4caf50);background:var(--success-pale, #e8f5e9)}.wfg__onset-tile--invalid{border-color:var(--danger, #f44336);background:var(--danger-pale, #ffebee);animation:wfg-tile-wrong .45s ease}@keyframes wfg-tile-wrong{0%,to{transform:translate(0)}25%{transform:translate(-6px) rotate(-4deg)}75%{transform:translate(6px) rotate(4deg)}}.wfg__onset-tile--active{border-color:var(--primary, #E8A317);background:var(--warning-pale, #fff8e1);box-shadow:0 0 0 4px #e8a3174d,var(--shadow-md);transform:scale(1.08)}.wfg__found-label{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0;align-self:flex-start}.wfg__found-words{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:flex-start;width:100%;min-height:40px}.wfg__found-word{padding:.35rem .9rem;border-radius:var(--radius-full, 999px);background:var(--secondary, #3f51b5);color:#fff;font-family:var(--font-display);font-size:1.1rem;font-weight:800;letter-spacing:.02em;animation:wfg-word-enter .3s cubic-bezier(.34,1.56,.64,1)}@keyframes wfg-word-enter{0%{transform:scale(.5) rotate(-6deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.wfg__illustration{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs, 4px);min-height:72px}.wfg__word-formed{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--mimi-green-dark, #2e7d32);letter-spacing:.02em}.wfg__feedback{text-align:center;font-family:var(--font-display);font-size:1.1rem;font-weight:700;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%}.wfg__feedback--correct{background:var(--success-pale, #e8f5e9);color:var(--mimi-green-dark, #2e7d32)}.wfg__feedback--wrong{background:var(--warning-pale, #fff8e1);color:var(--primary-dark, #e65100)}.wfg__next-btn{padding:.9rem 2.5rem;border-radius:var(--radius-xl, 20px);font-family:var(--font-display);font-size:1.25rem;font-weight:800;cursor:pointer;border:none;background:var(--primary, #E8A317);color:#fff;box-shadow:0 6px 20px #e8a31766;letter-spacing:.02em;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.wfg__next-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #e8a31780}.wfg__next-btn:active{transform:scale(.97)}.wfg__completion{text-align:center;width:100%}.wfg__completion-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.wfg__completion-title{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--secondary);margin:0;letter-spacing:-.02em}.wfg__completion-score{font-family:var(--font-display);font-size:1.15rem;color:var(--text-body);margin:0}.wfg__completion-actions{display:flex;gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap;justify-content:center}.wfg__completion-btn{padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease}.wfg__completion-btn:hover{transform:translateY(-2px)}.wfg__completion-btn:active{transform:scale(.97)}.wfg__completion-btn--primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #e8a31759}.wfg__completion-btn--secondary{background:var(--bg-soft, #f5f5f5);color:var(--text-secondary)}@media (max-width: 480px){.wfg{padding:var(--space-md);gap:var(--space-md)}.wfg__snap-onset,.wfg__snap-onset--placeholder,.wfg__snap-rime{font-size:3.25rem}.wfg__onset-tile{width:60px;height:60px;font-size:1.85rem}.wfg__title{font-size:1.4rem}}[data-theme=dark] .wfg__onset-tile{background:var(--bg-card);border-color:var(--border-light)}[data-theme=dark] .wfg__onset-tile--used{background:var(--success-pale)}[data-theme=dark] .wfg__onset-tile--invalid{background:var(--danger-pale)}[data-theme=dark] .wfg__completion-btn--secondary{background:var(--bg-elevated);color:var(--text-secondary)}.rg{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-lg);max-width:600px;margin:0 auto;animation:fadeInUp .4s ease-out}.rg__header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-md)}.rg__title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--secondary);margin:0;letter-spacing:-.01em}.rg__feedback{text-align:center;font-family:var(--font-display);font-size:1.1rem;font-weight:700;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;animation:rg-feedback-in .3s var(--ease-spring)}@keyframes rg-feedback-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.rg__feedback--correct{background:var(--success-pale);color:var(--success);border:1px solid rgba(16,185,129,.2)}.rg__feedback--wrong{background:var(--error-pale);color:var(--error);border:1px solid rgba(239,68,68,.2)}.rg__detect{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);width:100%}.rg__detect-prompt{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-secondary);text-align:center;margin:0}.rg__detect-cards{display:flex;align-items:center;gap:var(--space-xl);position:relative;justify-content:center;width:100%}.rg__detect-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-xl, 20px);background:var(--bg-card);border:3px solid var(--border);box-shadow:var(--shadow-card);min-width:140px;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.rg__detect-card--correct{border-color:var(--success);box-shadow:0 0 0 4px #10b98126,var(--shadow-md);animation:rg-scale-up .3s cubic-bezier(.34,1.56,.64,1)}.rg__detect-card--wrong{border-color:var(--error);box-shadow:0 0 0 4px #ef444426,var(--shadow-md);animation:rg-shake .4s ease}.rg__detect-word{font-family:var(--font-display);font-size:2.25rem;font-weight:900;color:var(--text-primary);letter-spacing:-.02em;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rg__arc-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.rg__arc-path{fill:none;stroke:var(--success);stroke-width:4;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200;opacity:0}.rg__arc-path--animate{animation:rhyme-arc .55s cubic-bezier(.4,0,.2,1) forwards}@keyframes rhyme-arc{0%{stroke-dashoffset:200;opacity:0}to{stroke-dashoffset:0;opacity:1}}.rg__detect-btns{display:flex;gap:var(--space-md);justify-content:center}.rg__detect-btn{padding:.9rem 2.5rem;border-radius:var(--radius-xl, 20px);font-family:var(--font-display);font-size:1.25rem;font-weight:800;cursor:pointer;border:none;letter-spacing:.02em;transition:transform var(--transition-fast),box-shadow var(--transition-fast);min-height:56px}.rg__detect-btn:hover:not(:disabled){transform:translateY(-2px)}.rg__detect-btn:active:not(:disabled){transform:scale(.96)}.rg__detect-btn:disabled{opacity:.5;cursor:not-allowed}.rg__detect-btn--yes{background:var(--success);color:#fff;box-shadow:0 6px 20px #10b98166}.rg__detect-btn--yes:hover:not(:disabled){box-shadow:0 8px 24px #10b98180}.rg__detect-btn--no{background:var(--error);color:#fff;box-shadow:0 6px 20px #ef444459}.rg__detect-btn--no:hover:not(:disabled){box-shadow:0 8px 24px #ef444473}.rg__produce{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);width:100%}.rg__produce-prompt{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-secondary);text-align:center;margin:0}.rg__produce-target{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-xl, 20px);background:linear-gradient(135deg,var(--secondary) 0%,var(--secondary-hover) 100%);box-shadow:0 8px 24px #0d5c4d59;min-width:180px}.rg__produce-target-word{font-family:var(--font-display);font-size:2.5rem;font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rg__options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);width:100%;max-width:440px}.rg__option-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-xl, 20px);background:var(--bg-card);border:3px solid var(--border);box-shadow:var(--shadow-card);cursor:pointer;font-family:var(--font-display);font-size:1.75rem;font-weight:900;color:var(--text-primary);min-height:56px;transition:border-color var(--transition-fast),box-shadow var(--transition-base),transform var(--transition-base),background var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.rg__option-card:hover:not(:disabled){box-shadow:var(--shadow-card-hover);transform:translateY(-3px);border-color:var(--secondary-light)}.rg__option-card:active:not(:disabled){transform:scale(.94)}.rg__option-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.rg__option-card:disabled{cursor:default}.rg__option-card--correct{border-color:var(--success)!important;background:var(--success-pale)!important;color:var(--success)!important;box-shadow:0 0 0 4px #10b98126,var(--shadow-md);animation:rg-scale-up .3s cubic-bezier(.34,1.56,.64,1)}.rg__option-card--wrong{border-color:var(--error)!important;background:var(--error-pale)!important;color:var(--error)!important;animation:rg-shake .4s ease}.rg__sort{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);width:100%}.rg__sort-prompt{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-secondary);text-align:center;margin:0}.rg__chips-pool{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;min-height:56px;width:100%;padding:var(--space-md);border-radius:var(--radius-lg);background:var(--bg-soft);border:2px dashed var(--border)}.rg__chip{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full, 999px);background:var(--bg-card);border:2.5px solid var(--secondary);color:var(--secondary);font-family:var(--font-display);font-size:1.15rem;font-weight:800;cursor:grab;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.rg__chip:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #0d5c4d40}.rg__chip:active{transform:scale(.94);cursor:grabbing;box-shadow:0 8px 24px #0d5c4d59}.rg__chip--selected{background:var(--secondary);color:#fff;box-shadow:0 6px 20px #0d5c4d66;transform:scale(1.08)}.rg__chip--placed{background:var(--success);border-color:var(--success);color:#fff;cursor:default;opacity:.75}.rg__chip--placed:hover{transform:none;box-shadow:none}.rg__chip--wrong{border-color:var(--error);background:var(--error-pale);color:var(--error);animation:rg-shake .4s ease}.rg__buckets{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);width:100%}.rg__bucket{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-xl, 20px);background:var(--bg-card);border:3px dashed var(--border);min-height:140px;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer;position:relative}.rg__bucket:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:calc(var(--radius-xl, 20px) + 3px);background:transparent;transition:background .2s;z-index:-1}.rg__bucket:hover{border-color:var(--secondary);background:var(--secondary-pale);box-shadow:0 0 0 3px #0d5c4d1a}.rg__bucket--active{border-color:var(--secondary);border-style:solid;background:var(--secondary-pale);box-shadow:0 0 0 4px #0d5c4d33,var(--shadow-md)}.rg__bucket--correct{border-color:var(--success);border-style:solid;background:var(--success-pale);animation:rg-scale-up .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 0 3px #10b98126}.rg__bucket--wrong{border-color:var(--error);background:var(--error-pale);animation:rg-shake .4s ease}.rg__bucket-label{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0}.rg__bucket-rime{font-family:var(--font-display);font-size:1.75rem;font-weight:900;color:var(--secondary);line-height:1}.rg__bucket-words{display:flex;flex-wrap:wrap;gap:var(--space-xs, 4px);justify-content:center;align-items:center;flex:1}.rg__bucket-word{padding:4px 12px;border-radius:var(--radius-full, 999px);background:var(--success);color:#fff;font-family:var(--font-display);font-size:1rem;font-weight:800;animation:rg-chip-land .3s cubic-bezier(.34,1.56,.64,1)}@keyframes rg-chip-land{0%{transform:scale(.5) rotate(-6deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes rg-scale-up{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes rg-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.rg__completion{text-align:center;width:100%}.rg__completion-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-6) 0}.rg__completion-title{font-family:var(--font-display);font-size:2rem;font-weight:900;color:var(--secondary);margin:0;letter-spacing:-.02em}.rg__completion-score{font-family:var(--font-display);font-size:1.15rem;color:var(--text-body);margin:0}.rg__completion-actions{display:flex;gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap;justify-content:center}.rg__completion-btn{padding:.85rem 1.75rem;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease;min-height:48px}.rg__completion-btn:hover{transform:translateY(-2px)}.rg__completion-btn:active{transform:scale(.97)}.rg__completion-btn--primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #ff6b3559}.rg__completion-btn--secondary{background:var(--bg-muted);color:var(--text-secondary);border:1.5px solid var(--border)}@media (max-width: 480px){.rg{padding:var(--space-md);gap:var(--space-md)}.rg__title{font-size:1.4rem}.rg__detect-card{min-width:110px;padding:var(--space-md)}.rg__detect-word{font-size:1.75rem}.rg__produce-target-word{font-size:2rem}.rg__options{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.rg__option-card{font-size:1.4rem;padding:var(--space-sm) var(--space-md)}.rg__buckets{grid-template-columns:1fr 1fr}.rg__detect-cards{gap:var(--space-md)}}[data-theme=dark] .rg__detect-card,[data-theme=dark] .rg__option-card{background:var(--bg-card);border-color:var(--border)}[data-theme=dark] .rg__option-card--correct{background:var(--success-pale)}[data-theme=dark] .rg__option-card--wrong{background:var(--error-pale)}[data-theme=dark] .rg__chips-pool{background:var(--bg-elevated, #1e1e1e)}[data-theme=dark] .rg__chip,[data-theme=dark] .rg__bucket{background:var(--bg-card)}[data-theme=dark] .rg__completion-btn--secondary{background:var(--bg-elevated);color:var(--text-secondary)}