.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 var(--transition-base),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;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:var(--gradient-primary);color:var(--text-on-primary);box-shadow:var(--shadow-button)}.mm-button--primary:hover:not(:disabled){background:linear-gradient(135deg,#ff7b3a,#f04b10);box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.mm-button--primary:active:not(:disabled){background:linear-gradient(135deg,#f04b10,#c73a0a);box-shadow:0 1px 3px #ff6b3533;transform:scale(.97)}.mm-button--secondary{background-color:var(--bg-soft);color:var(--text-secondary);border:1.5px solid var(--border-light);box-shadow:none}.mm-button--secondary:hover:not(:disabled){background-color:var(--primary-pale);border-color:var(--primary);color:var(--primary)}.mm-button--secondary:active:not(:disabled){background-color:var(--bg-soft);border-color:var(--primary-hover);color:var(--primary-hover)}.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-only{padding:0;aspect-ratio:1}.mm-button--icon-only.mm-button--sm{width:var(--btn-height-sm)}.mm-button--icon-only.mm-button--md{width:40px}.mm-button--icon-only.mm-button--lg{width:var(--btn-height)}.mm-button--icon-only.mm-button--xl{width:var(--btn-height-lg)}.mm-button--icon-only .mm-button__icon svg,.mm-button--icon-only .mm-button__icon{width:20px;height:20px}.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-xl);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(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--border-hover)}.mm-card--elevated{border:1px solid transparent;box-shadow:var(--shadow-md)}.mm-card--elevated:hover{transform:translateY(-2px);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(-2px);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(-2px);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)}.mm-card--selected{border-color:var(--primary)!important;box-shadow:var(--shadow-card),0 0 0 3px var(--primary-glow)}.mm-card--selected.mm-card--interactive:hover{box-shadow:var(--shadow-lg),0 0 0 3px var(--primary-glow)}@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:var(--border-subtle)}[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:rgba(var(--primary-rgb),.2)}.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-md);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);-webkit-appearance:none;appearance:none}.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-md)}.mm-input--lg{height:var(--input-height);padding:0 var(--space-lg);font-size:1rem;border-radius:var(--radius-md)}.mm-input--has-icon{padding-left:var(--space-10)}.mm-input--has-right-icon{padding-right:var(--space-10)}.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-icon--right{left:auto;right:var(--space-md);pointer-events:auto;cursor:pointer;background:none;border:none;padding:0;color:var(--text-muted);display:flex;align-items:center;transition:color var(--transition-base);border-radius:var(--radius-xs)}.mm-input-icon--right:hover{color:var(--text-secondary)}.mm-input-icon--right:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mm-input-icon--btn{min-width:var(--touch-target);min-height:var(--touch-target);justify-content:center;right:0}.mm-input--has-right-icon.mm-input-icon--btn-sibling,.mm-input-container:has(.mm-input-icon--btn) .mm-input--has-right-icon{padding-right:var(--touch-target)}.mm-input-container:focus-within .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 var(--error-soft)}.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::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 var(--primary-glow);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:.75rem}.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:#047857}.mm-badge--warning{background:var(--warning-pale);color:#92400e}.mm-badge--error{background:var(--error-soft);color:#991b1b}.mm-badge--info{background:var(--info-pale);color:#0369a1}.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;inset: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--fullscreen{max-width:100vw;width:100vw;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0;margin:0}.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;animation:mm-modal-in-bottom var(--duration-slow) var(--ease-spring) forwards}.mm-modal-overlay{align-items:flex-end;padding:0}.mm-modal-overlay--closing .mm-modal{animation:mm-modal-out-bottom var(--duration-fast) var(--ease-in-out) forwards}.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)}}@keyframes mm-modal-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes mm-modal-out-bottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.confirm-modal__body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding:var(--space-6) var(--space-4) var(--space-4)}.confirm-modal__icon-wrap{width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.confirm-modal__icon-wrap[data-variant=danger]{background:rgba(var(--error-rgb, 239, 68, 68),.12);color:var(--error, #ef4444)}.confirm-modal__icon-wrap[data-variant=warning]{background:rgba(var(--warning-rgb, 245, 158, 11),.12);color:var(--warning, #f59e0b)}.confirm-modal__icon-wrap[data-variant=primary]{background:rgba(var(--primary-rgb, 99, 102, 241),.12);color:var(--primary, #6366f1)}.confirm-modal__title{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.confirm-modal__message{font-family:var(--font-body);font-size:.9375rem;color:var(--text-muted);line-height:1.6;margin:0;max-width:320px}.confirm-modal__actions{display:flex;gap:var(--space-3);width:100%;justify-content:center;margin-top:var(--space-2)}.confirm-modal__cancel-btn{flex:1;padding:.625rem 1.25rem;border-radius:var(--radius-lg);border:1.5px solid var(--border);background:var(--bg-muted);color:var(--text-body);font-family:var(--font-body);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base)}.confirm-modal__cancel-btn:hover:not(:disabled){background:var(--border)}.confirm-modal__cancel-btn:disabled{opacity:.5;cursor:not-allowed}.confirm-modal__confirm-btn{flex:1;padding:.625rem 1.25rem;border-radius:var(--radius-lg);border:none;font-family:var(--font-body);font-size:.9375rem;font-weight:700;cursor:pointer;transition:opacity var(--transition-base),transform var(--transition-base);color:#fff}.confirm-modal__confirm-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.confirm-modal__confirm-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.confirm-modal__confirm-btn--danger{background:var(--error, #ef4444)}.confirm-modal__confirm-btn--warning{background:var(--warning, #f59e0b)}.confirm-modal__confirm-btn--primary{background:var(--primary, #6366f1)}[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;inset: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;inset: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;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;user-select:none;-webkit-tap-highlight-color:transparent}.mm-tabs--pill .mm-tab:hover:not(.mm-tab--active){color:var(--primary);background-color:#ff6b3514;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;inset:-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;inset: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:400px;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;position:relative}@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-close-btn{position:absolute;top:var(--space-md);right:var(--space-md);width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--radius-full);border:none;background:var(--bg-muted);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);flex-shrink:0;align-self:flex-end}.no-hearts-close-btn:hover{background:var(--error-soft);color:var(--error);transform:scale(1.1)}.no-hearts-close-btn:focus-visible{outline:var(--focus-ring);outline-offset:2px}[data-theme=dark] .no-hearts-close-btn{background:var(--bg-elevated);color:var(--text-muted)}[data-theme=dark] .no-hearts-close-btn:hover{background:var(--error-bg);color:var(--error)}.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);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));max-width:480px;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__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(2px) scale(.98);border-bottom-width:2px;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);outline:3px solid var(--primary);outline-offset:-1px}.word-match__card--matched{border-color:var(--success);background:linear-gradient(135deg,var(--success-pale) 0%,var(--success-soft) 100%);color:var(--success);opacity:1;pointer-events:none;box-shadow:0 0 0 3px var(--success-soft),0 4px 12px color-mix(in srgb,var(--success) 20%,transparent);animation:wm-match-pop .55s cubic-bezier(.34,1.56,.64,1)}@keyframes wm-match-pop{0%{transform:scale(1)}35%{transform:scale(1.12) rotate(-1deg)}65%{transform:scale(.96) rotate(.5deg)}85%{transform:scale(1.03)}to{transform:scale(1)}}.word-match__card--flash{animation:wm-flash .6s cubic-bezier(.34,1.56,.64,1)}@keyframes wm-flash{0%{transform:scale(1);background:var(--bg-card);box-shadow:var(--shadow-card);border-color:var(--border-light)}25%{transform:scale(1.04);background:var(--success);color:var(--white);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 40%,transparent);border-color:var(--success)}55%{transform:scale(.98)}75%{transform:scale(1.02)}to{transform:scale(1);background:var(--bg-card);box-shadow:var(--shadow-card);border-color:var(--border-light)}}.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--wrong{border-color:var(--error)!important;border-bottom-color:var(--accent-red-dark)!important;background:var(--error-pale)!important;color:var(--error)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--error) 25%,transparent)!important;animation:wm-shake .4s cubic-bezier(.34,1.56,.64,1)}@keyframes wm-shake{0%{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}to{transform:translate(0)}}.word-match__card-check{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--success)}.word-match__card-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:900;flex-shrink:0;font-family:var(--font-display)}.word-match__card-emoji{font-size:1.9rem;line-height:1;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.word-match__card-text{font-size:1.2rem}.word-match--results{display:flex;align-items:center;justify-content:center;min-height:100%;position:relative;overflow:clip;padding:var(--space-lg)}.wm-confetti-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden}.wm-confetti-piece{position:absolute;font-size:1.8rem;top:40%}.word-match__results-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-2xl) var(--space-xl);background:var(--bg-card);border-radius:var(--radius-2xl, 24px);border:2px solid var(--border-light);box-shadow:var(--shadow-lg, 0 20px 60px rgba(0,0,0,.12));max-width:420px;width:100%;text-align:center}.word-match__results-icon{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--warning-pale) 0%,var(--bg-orange-soft) 100%);box-shadow:0 8px 24px color-mix(in srgb,var(--warning) 25%,transparent)}.word-match__results-title{font-family:var(--font-display);font-size:2.2rem;font-weight:900;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-emoji{font-size:4.5rem}.word-match__results-stars{display:flex;gap:8px;align-items:center}.word-match__results-actions{display:flex;gap:var(--space-md);width:100%}.word-match__results-btn{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:.85rem 1.5rem;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;border:2px solid transparent;border-bottom-width:5px;transition:transform .15s ease,box-shadow .15s ease,border-bottom-width .08s ease;min-height:52px;touch-action:manipulation}.word-match__results-btn:hover{transform:translateY(-2px)}.word-match__results-btn:active{transform:translateY(2px) scale(.98);border-bottom-width:2px;box-shadow:none!important}.word-match__results-btn--primary{background:var(--gradient-primary);color:var(--white);border-color:transparent;border-bottom-color:#00000040;box-shadow:var(--shadow-button);font-size:1.05rem}.word-match__results-btn--primary:hover{box-shadow:var(--shadow-button-hover)}.word-match__results-btn--secondary{background:var(--bg-soft);color:var(--text-secondary);border-color:var(--border-light);border-bottom-color:color-mix(in srgb,var(--border-light) 60%,black);min-height:52px;padding:.85rem 2rem;font-size:1.1rem}.word-match__results-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}[data-theme=dark] .word-match__results-btn--secondary{background:var(--bg-elevated);color:var(--text-secondary)}[data-theme=dark] .word-match__results-icon{background:linear-gradient(135deg,var(--warning-pale) 0%,color-mix(in srgb,var(--warning) 10%,transparent) 100%)}[data-theme=dark] .word-match__results-content{background:var(--bg-card);border-color:color-mix(in srgb,var(--white) 6%,transparent)}@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: 480px){.word-match__results-actions{flex-direction:column}.word-match__results-btn{width:100%;justify-content:center}}@media (max-width: 768px){.word-match{padding:var(--space-sm);gap:var(--space-md)}.word-match__board{gap:var(--space-sm)}.word-match__column{max-width:100%;gap:var(--space-sm)}.word-match__title{font-size:1.3rem}.word-match__card{padding:var(--space-sm) var(--space-md);min-height:60px;gap:var(--space-sm);font-size:1rem}.word-match__card-avatar{width:34px;height:34px;font-size:.95rem}.word-match__card-emoji{font-size:1.5rem;width:34px;height:34px}.word-match__card-text{font-size:.95rem}}@media (max-width: 360px){.word-match{padding:var(--space-1) var(--space-2);gap:var(--space-2)}.word-match__board{gap:var(--space-1);overflow-x:auto;-webkit-overflow-scrolling:touch}.word-match__column{min-width:0;flex:1 1 0}.word-match__card{padding:var(--space-1) var(--space-2);min-height:48px;font-size:.875rem}.word-match__card-avatar,.word-match__card-emoji{width:28px;height:28px;font-size:1.1rem}.word-match__card-text{font-size:.8rem}.word-match__title{font-size:1.1rem}}@media (min-width: 1600px){.word-match{max-width:480px}.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)}[data-theme=dark] .word-match__card--wrong{background:var(--error-pale)!important;border-color:var(--error)!important}.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, rgba(255, 107, 53, .12));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, rgba(255, 107, 53, .22));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);padding:8px;box-sizing:content-box}.speak-btn--md{width:36px;height:36px;font-size:var(--text-sm, 13px);padding:4px;box-sizing:content-box}.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 #ff6b3580}70%{box-shadow:0 0 0 8px #ff6b3500}to{box-shadow:0 0 #ff6b3500}}@supports (color: color-mix(in srgb,red 50%,transparent)){@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, rgba(255, 107, 53, .2));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);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));max-width:480px;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__big-emoji--fallback{width:64px;height:64px;border-radius:50%;background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:900;filter:none}.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 color-mix(in srgb,var(--warning) 15%,transparent);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 var(--secondary-glow);animation:sb-fill .4s 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 color-mix(in srgb,var(--success) 18%,transparent);animation:sb-correct-glow .7s var(--ease-spring)}@keyframes sb-correct-glow{0%{transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--success) 50%,transparent)}30%{transform:scale(1.15);box-shadow:0 0 20px 6px color-mix(in srgb,var(--success) 35%,transparent);background:var(--success);color:var(--white)}60%{transform:scale(.95)}to{transform:scale(1);box-shadow:0 2px 12px color-mix(in srgb,var(--success) 18%,transparent)}}.spelling-bee__slot--wrong{border-color:var(--error);background:var(--error-pale);color:var(--error);animation:sb-wrong-shake .5s ease}.spelling-bee__slot--reveal{border-style:solid;border-color:var(--primary);background:var(--warning-pale);color:var(--primary-dark);box-shadow:0 0 0 3px var(--primary-glow);animation:sb-reveal .4s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1))}@keyframes sb-reveal{0%{transform:scale(.8) rotateX(90deg);opacity:0}60%{transform:scale(1.08) rotateX(0);opacity:1}to{transform:scale(1)}}@keyframes sb-wrong-shake{0%{transform:translate(0);box-shadow:0 0 color-mix(in srgb,var(--error) 40%,transparent)}10%{transform:translate(-8px);background:var(--error);color:var(--white);box-shadow:0 0 16px color-mix(in srgb,var(--error) 30%,transparent)}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__feedback-banner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-family:var(--font-display);font-weight:700}.spelling-bee__feedback-banner--correct{background:var(--success-pale);color:var(--mimi-green-dark)}.spelling-bee__feedback-banner--wrong{background:var(--error-pale);color:var(--error)}.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 color-mix(in srgb,var(--border) 80%,black);border-radius:var(--radius-lg);background:var(--bg-card);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 color-mix(in srgb,var(--secondary-glow) 50%,transparent)}.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 color-mix(in srgb,var(--secondary-glow) 83%,transparent),0 6px color-mix(in srgb,var(--secondary-glow) 67%,transparent)}.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(--bg-muted);border-color:var(--border-light);color:var(--text-muted)}.spelling-bee__tile:disabled:not(.spelling-bee__tile--used){opacity:.5;cursor:not-allowed}.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:.85rem 2rem;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1.1rem;font-weight:700;cursor:pointer;border:2px solid transparent;border-bottom-width:5px;display:inline-flex;align-items:center;gap:.5rem;min-height:52px;transition:transform .15s ease,box-shadow .15s ease,border-bottom-width .08s ease}.spelling-bee__results-btn:hover{transform:translateY(-2px)}.spelling-bee__results-btn:active{transform:translateY(2px) scale(.97);border-bottom-width:2px;box-shadow:none!important}.spelling-bee__results-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.spelling-bee__results-btn--primary{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-button);border-color:transparent;border-bottom-color:#00000040}.spelling-bee__results-btn--primary:hover{box-shadow:var(--shadow-button-hover)}.spelling-bee__results-btn--secondary{background:var(--bg-soft);color:var(--text-secondary);border-color:var(--border-light);border-bottom-color:color-mix(in srgb,var(--border-light) 60%,black)}@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 (max-width: 480px){.spelling-bee__results-actions{flex-direction:column;width:100%}.spelling-bee__results-btn{justify-content:center;width:100%}}@media (max-width: 360px){.spelling-bee{padding:var(--space-2);gap:var(--space-2)}.spelling-bee__tiles{gap:var(--space-2)}.spelling-bee__tile{width:44px;height:52px;font-size:1.3rem}.spelling-bee__answer{gap:var(--space-1)}.spelling-bee__slot{width:40px;height:48px;font-size:1.3rem}.spelling-bee__big-emoji{font-size:2.5rem}.spelling-bee__title{font-size:1.25rem}}@media (min-width: 1600px){.spelling-bee{max-width:480px}.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:color-mix(in srgb,var(--secondary) 20%,transparent)}[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:color-mix(in srgb,var(--warning) 10%,transparent)}[data-theme=dark] .spelling-bee__results-btn--secondary{background:var(--bg-elevated);color:var(--text-secondary)}.lcs-overlay{position:fixed;inset: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 #ff6b3526,0 0 120px #10b98114;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;inset:-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%,rgba(255,255,255,.08) 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)}}[data-theme=dark] .lcs-card{background:linear-gradient(160deg,var(--bg-card) 0%,var(--primary-pale) 50%,var(--success-pale) 100%)}.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 rgba(255,107,53,.2))}.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)}}[data-theme=dark] .lcs-xp-row{background:linear-gradient(135deg,var(--primary-pale),var(--bg-elevated))}.lcs-accuracy-row{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);background:linear-gradient(135deg,var(--success-pale),var(--bg-card));border:2px solid var(--success);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-8);position:relative;z-index:1;box-shadow:0 4px 16px #10b98133;box-shadow:0 4px 16px color-mix(in srgb,var(--success) 20%,transparent)}.lcs-accuracy-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-accuracy-value{font-family:var(--font-display, "Nunito", sans-serif);font-size:2.5rem;font-weight:900;color:var(--success);line-height:1;animation:lcs-xp-count .6s var(--ease-spring) .7s both}[data-theme=dark] .lcs-accuracy-row{background:linear-gradient(135deg,var(--success-pale),var(--bg-elevated))}.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 #f59e0b26;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-share-btn{display:inline-flex;align-items:center;gap:4px;margin-left:var(--space-2);padding:3px 10px;border-radius:var(--radius-full);border:1.5px solid var(--warning);background:transparent;color:var(--warning);font-family:var(--font-display, "Nunito", sans-serif);font-size:.75rem;font-weight:700;cursor:pointer;transition:background .15s,color .15s}.lcs-share-btn:hover{background:var(--warning);color:#fff}.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 rgba(255,107,53,.2);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 #f59e0b26;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){filter:brightness(1.08);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);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));max-width:480px;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:10px;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;min-height:160px;display:flex;align-items:center;justify-content:center}.quick-quiz__question-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%}.quick-quiz__emoji{font-size:4rem;line-height:1;filter:drop-shadow(0 4px 16px rgba(0,0,0,.08))}.quick-quiz__emoji--fallback{width:48px;height:48px;border-radius:50%;background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:900;filter:none}.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:translateY(-2px);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);outline:3px solid var(--primary);outline-offset:-1px}.quick-quiz__option--correct{border-color:var(--success);background:var(--success);color:var(--white);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 20%,transparent),0 4px 24px color-mix(in srgb,var(--success) 35%,transparent);animation:qq-correct-pop .6s var(--ease-spring)}@keyframes qq-correct-pop{0%{transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--success) 40%,transparent)}20%{transform:scale(1.08);box-shadow:0 0 0 8px color-mix(in srgb,var(--success) 20%,transparent),0 8px 32px color-mix(in srgb,var(--success) 40%,transparent)}40%{transform:scale(.96)}60%{transform:scale(1.03)}to{transform:scale(1);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 20%,transparent),0 4px 24px color-mix(in srgb,var(--success) 35%,transparent)}}.quick-quiz__option--wrong{border-color:var(--error);background:var(--error);color:var(--white);box-shadow:0 0 0 4px color-mix(in srgb,var(--error) 25%,transparent),0 4px 16px color-mix(in srgb,var(--error) 30%,transparent);animation:qq-wrong-shake .55s ease}@keyframes qq-wrong-shake{0%{transform:translate(0);box-shadow:0 0 color-mix(in srgb,var(--error) 50%,transparent)}10%{transform:translate(-10px);box-shadow:0 0 20px color-mix(in srgb,var(--error) 40%,transparent)}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 color-mix(in srgb,var(--error) 25%,transparent),0 4px 16px color-mix(in srgb,var(--error) 30%,transparent)}}.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:color-mix(in srgb,var(--white) 25%,transparent);color:var(--white)}.quick-quiz__option--correct .quick-quiz__option-text,.quick-quiz__option--wrong .quick-quiz__option-text{color:var(--white)}.quick-quiz__option-text{font-size:1.15rem}.quick-quiz__feedback{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);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-emoji{font-size:4.5rem;line-height:1;display:inline-flex}.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:.85rem 2rem;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1.1rem;font-weight:700;cursor:pointer;border:2px solid transparent;border-bottom-width:5px;display:inline-flex;align-items:center;gap:.5rem;min-height:52px;transition:transform .15s ease,box-shadow .15s ease,border-bottom-width .08s ease}.quick-quiz__results-btn:hover{transform:translateY(-2px)}.quick-quiz__results-btn:active{transform:translateY(2px) scale(.97);border-bottom-width:2px;box-shadow:none!important}.quick-quiz__results-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.quick-quiz__results-btn--primary{background:var(--gradient-primary);color:var(--white);border-color:transparent;border-bottom-color:#00000040;box-shadow:var(--shadow-button)}.quick-quiz__results-btn--primary:hover{box-shadow:var(--shadow-button-hover)}.quick-quiz__results-btn--secondary{background:var(--bg-soft);color:var(--text-secondary);border-color:var(--border-light);border-bottom-color:color-mix(in srgb,var(--border-light) 60%,black)}[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 (max-width: 480px){.quick-quiz__option{min-height:52px;padding:var(--space-sm) var(--space-md);font-size:.95rem}.quick-quiz__results-actions{flex-direction:column;width:100%}.quick-quiz__results-btn{justify-content:center;width:100%}}@media (max-width: 360px){.quick-quiz{padding:var(--space-2);gap:var(--space-2)}.quick-quiz__title{font-size:1.1rem}.quick-quiz__option{min-height:48px;padding:var(--space-2) var(--space-3);font-size:.875rem;gap:var(--space-2)}.quick-quiz__emoji{font-size:2.5rem}.quick-quiz__prompt-text{font-size:1rem}.quick-quiz__question{min-height:120px}}@media (min-width: 1600px){.quick-quiz{max-width:480px}.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:color-mix(in srgb,var(--white) 8%,transparent)}[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);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));max-width:480px;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 color-mix(in srgb,var(--warning) 15%,transparent);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,color-mix(in srgb,var(--secondary) 3%,transparent),color-mix(in srgb,var(--secondary) 6%,transparent));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,color-mix(in srgb,var(--secondary) 4%,transparent),color-mix(in srgb,var(--secondary) 8%,transparent));box-shadow:inset 0 2px 8px color-mix(in srgb,var(--secondary-glow) 20%,transparent)}.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:disabled{opacity:.5;cursor:not-allowed}.sentence-scramble__chip--available{background:var(--bg-card);border-color:var(--secondary);border-bottom:4px solid color-mix(in srgb,var(--border) 80%,black);color:var(--secondary);box-shadow:var(--shadow-card),0 3px color-mix(in srgb,var(--secondary-glow) 40%,transparent)}.sentence-scramble__chip--available:hover:not(:disabled){background:var(--gradient-secondary);color:var(--white);transform:translateY(-3px);box-shadow:0 8px 20px color-mix(in srgb,var(--secondary-glow) 83%,transparent)}.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 color-mix(in srgb,var(--secondary-glow) 40%,transparent);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 color-mix(in srgb,var(--error) 15%,transparent)}.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 color-mix(in srgb,var(--success) 12%,transparent)}.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:2px solid transparent;border-bottom-width:5px;display:inline-flex;align-items:center;gap:.5rem;min-height:52px;transition:transform .15s ease,box-shadow .15s ease,border-bottom-width .08s ease}.sentence-scramble__results-btn:hover{transform:translateY(-2px)}.sentence-scramble__results-btn:active{transform:translateY(2px) scale(.97);border-bottom-width:2px;box-shadow:none!important}.sentence-scramble__results-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sentence-scramble__results-btn--primary{background:var(--gradient-primary);color:var(--white);border-color:transparent;border-bottom-color:#00000040;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);color:var(--text-secondary);border-color:var(--border-light);border-bottom-color:color-mix(in srgb,var(--border-light) 60%,black)}@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:52px;font-size:1rem;padding:var(--space-sm) var(--space-md)}}@media (max-width: 480px){.sentence-scramble__results-actions{flex-direction:column;width:100%}.sentence-scramble__results-btn{justify-content:center;width:100%}}@media (min-width: 1600px){.sentence-scramble{max-width:480px}.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:color-mix(in srgb,var(--secondary) 15%,transparent);background:color-mix(in srgb,var(--secondary) 4%,transparent)}[data-theme=dark] .sentence-scramble__hint{background:var(--primary-pale);border-color:color-mix(in srgb,var(--warning) 10%,transparent)}[data-theme=dark] .sentence-scramble__feedback--correct{background:var(--success-pale)}[data-theme=dark] .sentence-scramble__feedback--wrong{background:var(--error-pale)}[data-theme=dark] .sentence-scramble__results-btn--secondary{background:var(--bg-elevated);color:var(--text-secondary)}.listening-challenge{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));max-width:480px;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.05rem;font-weight:600;color:var(--text-secondary);margin:0;line-height:1.5;letter-spacing:.01em}.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 color-mix(in srgb,var(--primary-glow) 35%,transparent)!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 color-mix(in srgb,var(--primary-glow) 35%,transparent)}50%{box-shadow:var(--shadow-button-hover),0 0 0 12px color-mix(in srgb,var(--primary-glow) 25%,transparent)}}.listening-challenge__play-btn:hover{box-shadow:var(--shadow-button-hover),0 0 0 8px color-mix(in srgb,var(--primary-glow) 45%,transparent)!important;animation:none}.listening-challenge__no-audio{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--text-muted);text-align:center;margin:0;padding:var(--space-xs) var(--space-md);background:var(--bg-muted);border-radius:var(--radius-md);border:1px dashed var(--border-light)}.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 var(--success-soft)}.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-bottom:5px solid color-mix(in srgb,var(--border-light) 80%,black);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),border-bottom-width .1s ease;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);border-bottom-width:2.5px}.listening-challenge__option:focus-visible{outline:none;box-shadow:var(--focus-ring)}.listening-challenge__option:disabled:not(.listening-challenge__option--correct):not(.listening-challenge__option--wrong){opacity:.5;cursor:not-allowed}.listening-challenge__option--correct{border-color:var(--success);border-bottom-color:color-mix(in srgb,var(--success) 80%,black);background:var(--success-pale);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 20%,transparent),0 4px 16px color-mix(in srgb,var(--success) 15%,transparent);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);border-bottom-color:color-mix(in srgb,var(--error) 80%,black);background:var(--error-pale);box-shadow:0 0 0 4px color-mix(in srgb,var(--error) 15%,transparent);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-emoji--fallback{background:var(--primary);color:var(--white);border-radius:50%;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.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-primary)}.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:2px solid transparent;border-bottom-width:5px;display:inline-flex;align-items:center;gap:.5rem;min-height:52px;transition:transform .15s ease,box-shadow .15s ease,border-bottom-width .08s ease}.listening-challenge__results-btn:hover{transform:translateY(-2px)}.listening-challenge__results-btn:active{transform:translateY(2px) scale(.97);border-bottom-width:2px;box-shadow:none!important}.listening-challenge__results-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.listening-challenge__results-btn--primary{background:var(--gradient-primary);color:var(--white);border-color:transparent;border-bottom-color:#00000040;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);color:var(--text-secondary);border-color:var(--border-light);border-bottom-color:color-mix(in srgb,var(--border-light) 60%,black)}@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 (max-width: 480px){.listening-challenge__results-actions{flex-direction:column;width:100%}.listening-challenge__results-btn{justify-content:center;width:100%}}@media (min-width: 1600px){.listening-challenge{max-width:480px}.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)}[data-theme=dark] .listening-challenge__results-btn--secondary{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border-light)}.dialogue-game{display:flex;flex-direction:column;gap:.85rem;padding:1rem 1rem calc(1.5rem + env(safe-area-inset-bottom));max-width:480px;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;min-height:140px;max-height:50vh;padding:.875rem .75rem;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%}.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:68%;padding:.75rem 1rem;border-radius:var(--radius-lg);line-height:1.5;word-break:break-word;position:relative}.dialogue-game__bubble--mimi{background:var(--bg-card);color:var(--text-primary);border-bottom-left-radius:var(--radius-sm);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:var(--white);border-bottom-right-radius:var(--radius-sm);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:.75rem 1rem;border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-sm);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(--text-secondary);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:.75rem;background:var(--bg-soft);border-radius:var(--radius-lg);border:1.5px solid var(--border-light)}.dialogue-game__options-label{margin:0 0 .35rem;font-size:.78rem;font-weight:700;color:var(--text-muted);text-align:center;letter-spacing:.05em;text-transform:uppercase}.dialogue-game__option{width:100%;padding:.8rem 1.25rem;border-radius:var(--radius-full);border:2.5px solid var(--border-medium);border-bottom:4px solid color-mix(in srgb,var(--border-medium) 75%,black);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),border-bottom-width .1s ease;outline:none;-webkit-tap-highlight-color:transparent;min-height:52px;display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-card)}.dialogue-game__option:hover:not(:disabled){border-color:var(--primary);border-bottom-color:var(--primary-dark);background:var(--primary-pale);transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.dialogue-game__option:active:not(:disabled){transform:translateY(1px) scale(.98);border-bottom-width:2.5px;box-shadow:var(--shadow-sm)}.dialogue-game__option:focus-visible{outline:none;box-shadow:var(--focus-ring)}.dialogue-game__option--correct{border-color:var(--success)!important;border-bottom-color:color-mix(in srgb,var(--success) 60%,black)!important;background:var(--success-pale)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 15%,transparent);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;border-bottom-color:color-mix(in srgb,var(--error) 60%,black)!important;background:var(--error-pale)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--error) 15%,transparent);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:.6rem;padding-top:.25rem;padding-bottom:.25rem}.dialogue-game__dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--border-medium);transition:background .25s,transform .25s,box-shadow .25s;cursor:default}.dialogue-game__dot--active{background:var(--primary);transform:scale(1.4);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary-glow) 57%,transparent)}.dialogue-game__dot--done{background:var(--success)}.dialogue-game__summary{text-align:center;width:100%}.dialogue-game__summary-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.dialogue-game__summary-title{margin:0;font-family:var(--font-display);font-size:2rem;font-weight:900;color:var(--secondary);letter-spacing:-.02em}.dialogue-game__summary-score{margin:0;font-family:var(--font-display);font-size:1.15rem;color:var(--text-body);line-height:1}.dialogue-game__summary-label{margin:0;font-size:.95rem;font-weight:600;color:var(--text-secondary)}.dialogue-game__summary-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;justify-content:center;width:100%}.dialogue-game__summary-btn{flex:1;min-width:130px;padding:.85rem 1.5rem;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;border:2px solid transparent;border-bottom-width:5px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .15s ease,box-shadow .15s ease,border-bottom-width .08s ease}.dialogue-game__summary-btn:hover{transform:translateY(-2px)}.dialogue-game__summary-btn:active{transform:translateY(2px) scale(.97);border-bottom-width:2px;box-shadow:none!important}.dialogue-game__summary-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.dialogue-game__summary-btn--primary{background:var(--gradient-primary);color:var(--white);border-color:transparent;border-bottom-color:#00000040;box-shadow:var(--shadow-button)}.dialogue-game__summary-btn--primary:hover{box-shadow:var(--shadow-button-hover)}.dialogue-game__summary-btn--secondary{background:var(--bg-soft);color:var(--text-secondary);border-color:var(--border-light);border-bottom-color:color-mix(in srgb,var(--border-light) 60%,black)}[data-theme=dark] .dialogue-game__summary-btn--secondary{background:var(--bg-elevated);color:var(--text-secondary)}[data-theme=dark] .dialogue-game__feed{background:var(--bg-card);border-color:var(--border)}[data-theme=dark] .dialogue-game__bubble--mimi{background:var(--bg-card);color:var(--text-primary)}[data-theme=dark] .dialogue-game__thinking{background:var(--bg-card);border-color:var(--border)}[data-theme=dark] .dialogue-game__options{background:var(--bg-elevated);border-color:var(--border-light)}[data-theme=dark] .dialogue-game__option{background:var(--bg-card);border-color:var(--border-medium)}@media (max-width: 480px){.dialogue-game__summary-actions{flex-direction:column;flex-wrap:nowrap}.dialogue-game__summary-btn{width:100%;justify-content:center}}@media (max-width: 400px){.dialogue-game{padding:.75rem .75rem 1.25rem;gap:.65rem}.dialogue-game__bubble{max-width:80%}.dialogue-game__bubble-text{font-size:.92rem}.dialogue-game__option-text{font-size:.9rem}.dialogue-game__feed{max-height:42vh;padding:.625rem .5rem}.dialogue-game__avatar{width:40px;height:40px}.dialogue-game__options{padding:.625rem}.dialogue-game__summary-title{font-size:1.6rem}.dialogue-game__summary-btn{font-size:.9rem;padding:.75rem 1rem}}.word-illustration{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-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);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));max-width:480px;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) 100%);border:2.5px solid var(--border-light);border-radius:var(--radius-xl, 20px);box-shadow:var(--shadow-card),inset 0 2px color-mix(in srgb,var(--white) 8%,transparent);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;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);border-radius:999px;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-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.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),border-bottom-width .1s ease;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(1px) scale(.97);border-bottom-width:2.5px;box-shadow:var(--shadow-sm)}.ilg-option:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ilg-option:disabled{cursor:not-allowed;opacity:.5}.ilg-option--correct{border-color:var(--success);background:var(--success-pale);color:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 20%,transparent),var(--shadow-md);animation:ilg-scale-up .35s cubic-bezier(.34,1.56,.64,1);opacity:1!important;cursor:default}.ilg-option--wrong{border-color:var(--error);background:var(--error-pale);color:var(--error);animation:ilg-shake .4s ease;opacity:1!important;cursor:default}@keyframes ilg-scale-up{0%{transform:scale(1)}40%{transform:scale(1.1)}65%{transform:scale(.96)}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);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 20%,transparent)}.ilg__feedback--wrong{background:var(--error-pale);color:var(--error);border:1px solid color-mix(in srgb,var(--error) 20%,transparent)}.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-emoji{font-size:4rem;line-height:1;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.12))}.ilg__completion-score{font-family:var(--font-display);font-size:1.15rem;color:var(--text-secondary);margin:0}.ilg__completion-title{font-family:var(--font-display);font-size:1.75rem;font-weight:900;color:var(--text-primary);margin:0;letter-spacing:-.02em}.ilg__completion-actions{display:flex;gap:var(--space-md);margin-top:var(--space-md);width:100%}.ilg__completion-btn{padding:.85rem 1.5rem;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;border:2px solid transparent;border-bottom-width:5px;min-height:52px;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .15s ease,box-shadow .15s ease,border-bottom-width .08s ease}.ilg__completion-btn:hover{transform:translateY(-2px)}.ilg__completion-btn:active{transform:translateY(2px) scale(.98);border-bottom-width:2px;box-shadow:none!important}.ilg__completion-btn--primary{background:var(--gradient-primary);color:var(--white);border-color:transparent;border-bottom-color:#00000040;box-shadow:var(--shadow-button)}.ilg__completion-btn--primary:hover{box-shadow:var(--shadow-button-hover)}.ilg__completion-btn--secondary{background:var(--bg-soft);color:var(--text-secondary);border-color:var(--border-light);border-bottom-color:color-mix(in srgb,var(--border-light) 60%,black)}.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);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));max-width:480px;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);background:var(--success-pale)}.sig__card--wrong{border-color:var(--error);background:var(--error-pale)}.sig__word{display:flex;align-items:center;justify-content:center;gap:var(--space-sm, 8px);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);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:88px;height:88px;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:var(--white);box-shadow:var(--shadow-md),0 6px #0000002e}.sig__mic-btn:hover:not(:disabled){transform:scale(1.07);box-shadow:var(--shadow-card-hover),0 8px #00000026}.sig__mic-btn:active:not(:disabled){transform:scale(.95) translateY(4px);box-shadow:var(--shadow-sm),0 2px #00000026}.sig__mic-btn:disabled{cursor:not-allowed;opacity:.55}.sig__mic-btn--listening{background:var(--error);box-shadow:var(--shadow-md),0 6px #0000002e,0 0 0 6px color-mix(in srgb,var(--error) 20%,transparent);animation:mic-pulse 1.4s ease-in-out infinite}.sig__mic-btn--processing{background:var(--text-secondary)}.sig__mic-btn--success{background:var(--mimi-green)}.sig__mic-btn--error{background:var(--warning)}@keyframes mic-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--error) 60%,transparent);transform:scale(1)}50%{box-shadow:0 0 0 18px transparent;transform:scale(1.04)}}.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);color:var(--mimi-green-dark)}.sig__feedback--wrong{background:var(--error-pale);color:var(--error)}.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:2px solid transparent;border-bottom-width:4px;font-family:var(--font-display);font-size:.95rem;font-weight:700;cursor:pointer;min-height:44px;transition:transform .15s ease,opacity .15s ease,border-bottom-width .08s ease}.sig__btn:hover:not(:disabled){transform:translateY(-1px);opacity:.9}.sig__btn:active:not(:disabled){transform:translateY(2px) scale(.96);border-bottom-width:2px}.sig__btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.sig__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sig__btn--retry{background:var(--warning);color:var(--white);border-color:transparent;border-bottom-color:#00000040;box-shadow:var(--shadow-button)}.sig__btn--skip{background:var(--bg-soft);color:var(--text-secondary)}.sig__btn--mark-done{background:var(--primary);color:var(--white);border-color:transparent;border-bottom-color:#00000040}.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:.85rem 2rem;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1.1rem;font-weight:700;cursor:pointer;border:2px solid transparent;border-bottom-width:5px;min-height:52px;display:inline-flex;align-items:center;gap:.5rem;transition:transform .15s ease,box-shadow .15s ease,border-bottom-width .08s ease}.sig__completion-btn:hover{transform:translateY(-2px)}.sig__completion-btn:active{transform:translateY(2px) scale(.97);border-bottom-width:2px;box-shadow:none!important}.sig__completion-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sig__completion-btn--primary{background:var(--gradient-primary);color:var(--white);border-color:transparent;border-bottom-color:#00000040;box-shadow:var(--shadow-button)}.sig__completion-btn--primary:hover{box-shadow:var(--shadow-button-hover)}.sig__completion-btn--secondary{background:var(--bg-soft);color:var(--text-secondary);border-color:var(--border-light);border-bottom-color:color-mix(in srgb,var(--border-light) 60%,black)}.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.5rem}.sig__mic-btn{width:88px;height:88px}.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(--error-pale);border-color:var(--error)}[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);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));max-width:480px;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(--border-hover)}.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:not-allowed;opacity:.5}.pbg__tile--tapped{border-color:var(--primary);background:var(--warning-pale)}.pbg__tile--active{border-color:var(--primary);background:var(--warning-pale);box-shadow:0 0 0 4px color-mix(in srgb,var(--warning) 25%,transparent),var(--shadow-md);animation:pbg-pulse .35s ease-out}.pbg__tile--merging{border-color:var(--secondary);background:var(--bg-soft);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;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),var(--bg-soft));border:3px solid var(--primary);border-radius:var(--radius-xl, 20px);box-shadow:0 0 0 6px color-mix(in srgb,var(--warning) 15%,transparent),var(--shadow-card)}.pbg__blended-letter{font-family:var(--font-display);font-size:3.5rem;font-weight:900;color:var(--primary-dark);letter-spacing:-.03em;line-height:1;-webkit-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:2px solid transparent;border-bottom:5px solid rgba(0,0,0,.25);background:var(--primary);color:var(--white);box-shadow:var(--shadow-button);letter-spacing:.02em;min-height:52px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-bottom-width .08s ease}.pbg__blend-btn:hover:not(.pbg__blend-btn--disabled){transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.pbg__blend-btn:active:not(.pbg__blend-btn--disabled){transform:translateY(2px) scale(.97);border-bottom-width:2px;box-shadow:none}.pbg__blend-btn--disabled{background:var(--border-medium);box-shadow:none;cursor:not-allowed;opacity:.5}.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-md, 12px)}.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-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.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),border-bottom-width .1s ease;text-align:center;width:100%}.pbg__option:hover:not(:disabled){box-shadow:var(--shadow-card-hover);transform:translateY(-2px);border-color:var(--border-hover)}.pbg__option:active:not(:disabled){transform:translateY(1px) scale(.98);border-bottom-width:2.5px}.pbg__option:focus-visible{outline:none;box-shadow:var(--focus-ring)}.pbg__option:disabled{cursor:not-allowed;opacity:.5}.pbg__option--correct{border-color:var(--success);background:var(--success-pale);color:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 20%,transparent),var(--shadow-md);animation:pbg-scale-up .35s cubic-bezier(.34,1.56,.64,1);opacity:1!important;cursor:default}.pbg__option--wrong{border-color:var(--error);background:var(--error-pale);color:var(--error);animation:pbg-shake .4s ease;opacity:1!important;cursor:default}@keyframes pbg-scale-up{0%{transform:scale(1)}40%{transform:scale(1.12)}65%{transform:scale(.96)}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);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 20%,transparent)}.pbg__feedback--wrong{background:var(--error-pale);color:var(--error);border:1px solid color-mix(in srgb,var(--error) 20%,transparent)}.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);color:var(--success)}.pbg__difficulty-badge--medium{background:var(--warning-pale);color:var(--warning)}.pbg__difficulty-badge--hard{background:var(--error-pale);color:var(--error)}.pbg__completion{text-align:center}.pbg__completion-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.pbg__completion-emoji{font-size:4rem;line-height:1;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.12))}.pbg__completion-title{font-family:var(--font-display);font-size:1.75rem;font-weight:900;color:var(--text-primary);margin:0;letter-spacing:-.02em}.pbg__completion-score{font-family:var(--font-display);font-size:1.15rem;color:var(--text-secondary);margin:0}.pbg__completion-actions{display:flex;gap:var(--space-md);margin-top:var(--space-sm);width:100%}.pbg__completion-btn{padding:.85rem 1.5rem;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;border:2px solid transparent;border-bottom-width:5px;min-height:52px;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:transform .15s ease,box-shadow .15s ease,border-bottom-width .08s ease}.pbg__completion-btn:hover{transform:translateY(-2px)}.pbg__completion-btn:active{transform:translateY(2px) scale(.98);border-bottom-width:2px;box-shadow:none!important}.pbg__completion-btn--primary{background:var(--gradient-primary);color:var(--white);border-color:transparent;border-bottom-color:#00000040;box-shadow:var(--shadow-button)}.pbg__completion-btn--primary:hover{box-shadow:var(--shadow-button-hover)}.pbg__completion-btn--secondary{background:var(--bg-soft);color:var(--text-secondary);border-color:var(--border-light);border-bottom-color:color-mix(in srgb,var(--border-light) 60%,black)}@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(--error-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);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));max-width:480px;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(--error-pale);color:var(--error)}.pmg__type-badge--substitute{background:var(--warning-pale);color:var(--warning)}.pmg__type-badge--add{background:var(--success-pale);color:var(--success)}.pmg__type-badge--reverse{background:var(--accent-purple-pale);color:var(--accent-purple)}.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;user-select:none}.pmg__prompt-card{background:linear-gradient(135deg,var(--warning-pale),var(--bg-soft));border:2px solid var(--primary);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;user-select:none;position:relative;overflow:hidden}.pmg__tile--consonant{background:var(--primary);border-color:#0000001a;color:var(--white)}.pmg__tile--vowel{background:var(--secondary);border-color:#0000001a;color:var(--white)}.pmg__tile--blend{background:var(--accent-purple);border-color:#0000001a;color:var(--white)}.pmg__tile--deleting{border-color:var(--error);box-shadow:0 0 0 4px color-mix(in srgb,var(--error) 30%,transparent),var(--shadow-card)}.pmg__tile--substituting{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow),var(--shadow-card)}.pmg__tile-phoneme{font-size:1.85rem;font-weight:900;line-height:1;letter-spacing:-.02em}.pmg__tile-slash{font-size:.75rem;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);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),var(--bg-elevated));border:2.5px solid var(--success);border-radius:var(--radius-xl, 20px);box-shadow:0 0 0 5px color-mix(in srgb,var(--success) 15%,transparent),var(--shadow-card)}.pmg__answer-label{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--success);text-transform:uppercase;letter-spacing:.05em}.pmg__answer-word{font-family:var(--font-display);font-size:3rem;font-weight:900;color:var(--success);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-md, 12px)}.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-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.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),border-bottom-width .1s ease;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(--border-hover)}.pmg__option:active:not(:disabled){transform:translateY(1px) scale(.98);border-bottom-width:2.5px}.pmg__option:focus-visible{outline:none;box-shadow:var(--focus-ring)}.pmg__option:disabled{cursor:not-allowed;opacity:.5}.pmg__option--correct{border-color:var(--success);background:var(--success-pale);color:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 25%,transparent),var(--shadow-md);animation:pmg-scale-up .35s cubic-bezier(.34,1.56,.64,1);opacity:1!important;cursor:default}.pmg__option--wrong{border-color:var(--error);background:var(--error-pale);color:var(--error);animation:pmg-shake .42s ease;opacity:1!important;cursor:default}@keyframes pmg-scale-up{0%{transform:scale(1)}40%{transform:scale(1.12)}65%{transform:scale(.96)}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);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 20%,transparent)}.pmg__feedback--wrong{background:var(--error-pale);color:var(--error);border:1px solid color-mix(in srgb,var(--error) 20%,transparent)}.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);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);color:var(--success)}.pmg__difficulty-badge--2{background:var(--warning-pale);color:var(--warning)}.pmg__difficulty-badge--3{background:var(--error-pale);color:var(--error)}.pmg__completion{text-align:center}.pmg__completion-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.pmg__completion-emoji{font-size:4rem;line-height:1;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.12))}.pmg__completion-title{font-family:var(--font-display);font-size:1.75rem;font-weight:900;color:var(--text-primary);margin:0;letter-spacing:-.02em}.pmg__completion-score{font-family:var(--font-display);font-size:1.15rem;color:var(--text-secondary);margin:0}.pmg__completion-actions{display:flex;gap:var(--space-md);margin-top:var(--space-sm);width:100%}.pmg__completion-btn{padding:.85rem 1.5rem;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;border:2px solid transparent;border-bottom-width:5px;min-height:52px;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:transform .15s ease,box-shadow .15s ease,border-bottom-width .08s ease}.pmg__completion-btn:hover{transform:translateY(-2px)}.pmg__completion-btn:active{transform:translateY(2px) scale(.98);border-bottom-width:2px;box-shadow:none!important}.pmg__completion-btn--primary{background:var(--gradient-primary);color:var(--white);border-color:transparent;border-bottom-color:#00000040;box-shadow:var(--shadow-button)}.pmg__completion-btn--primary:hover{box-shadow:var(--shadow-button-hover)}.pmg__completion-btn--secondary{background:var(--bg-soft);color:var(--text-secondary);border-color:var(--border-light);border-bottom-color:color-mix(in srgb,var(--border-light) 60%,black)}@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(--error-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(--success)}[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);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));max-width:480px;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;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 color-mix(in srgb,var(--primary-glow) 72%,transparent),0 2px 6px var(--primary-glow);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 color-mix(in srgb,var(--primary-glow) 114%,transparent),inset 0 2px 8px color-mix(in srgb,var(--white) 30%,transparent);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;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.syg__drum:after{content:"";position:absolute;inset:8px;border-radius:50%;border:3px solid color-mix(in srgb,var(--white) 25%,transparent);pointer-events:none}.syg__drum:hover{transform:translateY(-3px);box-shadow:0 11px #0003,0 16px 36px color-mix(in srgb,var(--primary) 50%,transparent),inset 0 2px 8px color-mix(in srgb,var(--white) 30%,transparent)}.syg__drum:active,.syg__drum--pulse{transform:translateY(4px) scale(.96);box-shadow:0 4px #0003,0 6px 16px var(--primary-glow),inset 0 2px 8px color-mix(in srgb,var(--white) 30%,transparent);animation:syg-drum-pulse .25s ease-out}@keyframes syg-drum-pulse{0%{box-shadow:0 4px #0003,0 6px 16px var(--primary-glow),0 0 color-mix(in srgb,var(--primary) 60%,transparent)}60%{box-shadow:0 4px #0003,0 6px 16px var(--primary-glow),0 0 0 28px transparent}to{box-shadow:0 4px #0003,0 6px 16px var(--primary-glow),0 0 0 0 transparent}}.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:2px solid transparent;border-bottom:5px solid rgba(0,0,0,.25);background:var(--secondary);color:var(--white);box-shadow:var(--shadow-button);letter-spacing:.02em;min-height:56px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-bottom-width .08s ease}.syg__done-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.syg__done-btn:active:not(:disabled){transform:translateY(2px) scale(.97);border-bottom-width:2px;box-shadow:none}.syg__done-btn:disabled{background:var(--border-medium);box-shadow:none;cursor:not-allowed;opacity:.5}.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);border-bottom:6px solid color-mix(in srgb,var(--border) 80%,black);background:var(--bg-card);box-shadow:var(--shadow-card),0 3px #0000000f;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),border-bottom-width .1s ease;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:.75rem;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:translateY(2px) scale(.96);border-bottom-width:3px}.syg__choice-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.syg__choice-btn:disabled{cursor:not-allowed;opacity:.5}.syg__choice-btn--correct{border-color:var(--success)!important;background:var(--success-pale)!important;color:var(--success)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 15%,transparent),var(--shadow-md);animation:syg-scale-up .35s cubic-bezier(.34,1.56,.64,1);opacity:1!important;cursor:default}.syg__choice-btn--wrong{border-color:var(--error)!important;background:var(--error-pale)!important;color:var(--error)!important;animation:syg-shake .4s ease;opacity:1!important;cursor:default}@keyframes syg-scale-up{0%{transform:scale(1)}40%{transform:scale(1.15)}65%{transform:scale(.96)}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:var(--white);font-family:var(--font-display);font-size:1.4rem;font-weight:800;box-shadow:0 4px 12px var(--secondary-glow);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 color-mix(in srgb,var(--success) 20%,transparent)}.syg__feedback--wrong{background:var(--error-pale);color:var(--error);border:1px solid color-mix(in srgb,var(--error) 20%,transparent)}.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-emoji{font-size:4rem;line-height:1;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.12))}.syg__completion-title{font-family:var(--font-display);font-size:1.75rem;font-weight:900;color:var(--text-primary);margin:0;letter-spacing:-.02em}.syg__completion-score{font-family:var(--font-display);font-size:1.15rem;color:var(--text-secondary);margin:0}.syg__completion-actions{display:flex;gap:var(--space-md);margin-top:var(--space-sm);width:100%}.syg__completion-btn{padding:.85rem 1.5rem;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;border:2px solid transparent;border-bottom-width:5px;min-height:52px;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:transform .15s ease,box-shadow .15s ease,border-bottom-width .08s ease}.syg__completion-btn:hover{transform:translateY(-2px)}.syg__completion-btn:active{transform:translateY(2px) scale(.98);border-bottom-width:2px;box-shadow:none!important}.syg__completion-btn--primary{background:var(--gradient-primary);color:var(--white);border-color:transparent;border-bottom-color:#00000040;box-shadow:var(--shadow-button)}.syg__completion-btn--primary:hover{box-shadow:var(--shadow-button-hover)}.syg__completion-btn--secondary{background:var(--bg-soft);color:var(--text-secondary);border-color:var(--border-light);border-bottom-color:color-mix(in srgb,var(--border-light) 60%,black)}.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);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));max-width:480px;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);line-height:1;letter-spacing:-.03em;-webkit-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;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);line-height:1;letter-spacing:-.03em;-webkit-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);border-bottom:5px solid color-mix(in srgb,var(--border) 80%,black);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;user-select:none;-webkit-tap-highlight-color:transparent}.wfg__onset-tile:disabled:not(.wfg__onset-tile--used){opacity:.5;cursor:not-allowed}.wfg__onset-tile:hover:not(:disabled){box-shadow:var(--shadow-card-hover);transform:translateY(-4px) rotate(-3deg);border-color:var(--primary)}.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);background:var(--success-pale)}.wfg__onset-tile--invalid{border-color:var(--error);background:var(--error-pale);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);background:var(--warning-pale);box-shadow:0 0 0 4px var(--primary-glow),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);color:var(--white);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);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);color:var(--mimi-green-dark)}.wfg__feedback--wrong{background:var(--error-pale);color:var(--error)}.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:2px solid transparent;border-bottom:5px solid rgba(0,0,0,.25);background:var(--primary);color:var(--white);box-shadow:var(--shadow-button);letter-spacing:.02em;min-height:52px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-bottom-width .08s ease}.wfg__next-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.wfg__next-btn:active{transform:translateY(2px) scale(.97);border-bottom-width:2px;box-shadow:none}.wfg__next-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.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:.85rem 2rem;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1.1rem;font-weight:700;cursor:pointer;border:2px solid transparent;border-bottom-width:5px;min-height:52px;display:inline-flex;align-items:center;gap:.5rem;transition:transform .15s ease,box-shadow .15s ease,border-bottom-width .08s ease}.wfg__completion-btn:hover{transform:translateY(-2px)}.wfg__completion-btn:active{transform:translateY(2px) scale(.97);border-bottom-width:2px;box-shadow:none!important}.wfg__completion-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.wfg__completion-btn--primary{background:var(--gradient-primary);color:var(--white);border-color:transparent;border-bottom-color:#00000040;box-shadow:var(--shadow-button)}.wfg__completion-btn--primary:hover{box-shadow:var(--shadow-button-hover)}.wfg__completion-btn--secondary{background:var(--bg-soft);color:var(--text-secondary);border-color:var(--border-light);border-bottom-color:color-mix(in srgb,var(--border-light) 60%,black)}@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(--error-pale);border-color:var(--error)}[data-theme=dark] .wfg__feedback--correct{background:var(--success-pale);color:var(--mimi-green-dark)}[data-theme=dark] .wfg__feedback--wrong{background:var(--error-pale);color:var(--error)}[data-theme=dark] .wfg__completion-btn--secondary{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border-light)}.rg{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-lg);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));max-width:480px;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 color-mix(in srgb,var(--success) 20%,transparent)}.rg__feedback--wrong{background:var(--error-pale);color:var(--error);border:1px solid color-mix(in srgb,var(--error) 20%,transparent)}.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);border-bottom:6px solid color-mix(in srgb,var(--border) 80%,black);box-shadow:var(--shadow-card),0 3px #0000000f;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 color-mix(in srgb,var(--success) 15%,transparent),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 color-mix(in srgb,var(--error) 15%,transparent),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;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:2px solid transparent;border-bottom:5px solid rgba(0,0,0,.25);letter-spacing:.02em;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-bottom-width .08s ease;min-height:56px}.rg__detect-btn:hover:not(:disabled){transform:translateY(-2px)}.rg__detect-btn:active:not(:disabled){transform:translateY(2px) scale(.96);border-bottom-width:2px}.rg__detect-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.rg__detect-btn:disabled{opacity:.5;cursor:not-allowed}.rg__detect-btn--yes{background:var(--success);color:var(--white);box-shadow:var(--shadow-button)}.rg__detect-btn--yes:hover:not(:disabled){box-shadow:var(--shadow-button-hover)}.rg__detect-btn--no{background:var(--error);color:var(--white);box-shadow:var(--shadow-button)}.rg__detect-btn--no:hover:not(:disabled){box-shadow:var(--shadow-button-hover)}.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 var(--secondary-glow);min-width:180px}.rg__produce-target-word{font-family:var(--font-display);font-size:2.5rem;font-weight:900;color:var(--white);letter-spacing:-.02em;line-height:1;-webkit-user-select:none;user-select:none}.rg__options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);width:100%}.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);border-bottom:6px solid color-mix(in srgb,var(--border) 80%,black);box-shadow:var(--shadow-card),0 3px #0000000f;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),border-bottom-width .1s ease;-webkit-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:translateY(2px) scale(.96);border-bottom-width:3px}.rg__option-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.rg__option-card:disabled{cursor:not-allowed;opacity:.5}.rg__option-card--correct{border-color:var(--success)!important;background:var(--success-pale)!important;color:var(--success)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 15%,transparent),var(--shadow-md);animation:rg-scale-up .35s cubic-bezier(.34,1.56,.64,1);opacity:1!important;cursor:default}.rg__option-card--wrong{border-color:var(--error)!important;background:var(--error-pale)!important;color:var(--error)!important;animation:rg-shake .4s ease;opacity:1!important;cursor:default}.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;user-select:none;-webkit-tap-highlight-color:transparent}.rg__chip:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px color-mix(in srgb,var(--secondary-glow) 83%,transparent)}.rg__chip:active{transform:scale(.94);cursor:grabbing;box-shadow:0 8px 24px var(--secondary-glow)}.rg__chip--selected{background:var(--secondary);color:var(--white);box-shadow:0 6px 20px var(--secondary-glow);transform:scale(1.08)}.rg__chip--placed{background:var(--success);border-color:var(--success);color:var(--white);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;inset:-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 color-mix(in srgb,var(--secondary-glow) 33%,transparent)}.rg__bucket--active{border-color:var(--secondary);border-style:solid;background:var(--secondary-pale);box-shadow:0 0 0 4px color-mix(in srgb,var(--secondary-glow) 67%,transparent),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 color-mix(in srgb,var(--success) 15%,transparent)}.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:var(--white);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)}40%{transform:scale(1.12)}65%{transform:scale(.96)}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-emoji{font-size:4rem;line-height:1;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.12))}.rg__completion-title{font-family:var(--font-display);font-size:1.75rem;font-weight:900;color:var(--text-primary);margin:0;letter-spacing:-.02em}.rg__completion-score{font-family:var(--font-display);font-size:1.15rem;color:var(--text-secondary);margin:0}.rg__completion-actions{display:flex;gap:var(--space-md);margin-top:var(--space-sm);width:100%}.rg__completion-btn{padding:.85rem 1.5rem;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;border:2px solid transparent;border-bottom-width:5px;min-height:52px;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:transform .15s ease,box-shadow .15s ease,border-bottom-width .08s ease}.rg__completion-btn:hover{transform:translateY(-2px)}.rg__completion-btn:active{transform:translateY(2px) scale(.98);border-bottom-width:2px;box-shadow:none!important}.rg__completion-btn--primary{background:var(--gradient-primary);color:var(--white);border-color:transparent;border-bottom-color:#00000040;box-shadow:var(--shadow-button)}.rg__completion-btn--primary:hover{box-shadow:var(--shadow-button-hover)}.rg__completion-btn--secondary{background:var(--bg-soft);color:var(--text-secondary);border-color:var(--border-light);border-bottom-color:color-mix(in srgb,var(--border-light) 60%,black)}@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)}[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)}