:root{--color-bg:#f7f9f7;--color-surface:#fff;--color-surface-alt:#eef5f0;--color-primary:#0e7c5a;--color-primary-dark:#0a5f45;--color-primary-hover:#0a5f45;--color-primary-light:#e3f3ec;--color-accent:#f4a93b;--color-accent-dark:#d98e1f;--color-text:#16241d;--color-text-muted:#5b6b62;--color-border:#e1e8e3;--color-danger:#d64545;--color-danger-light:#fbeaea;--color-success:#1e9e63;--color-success-light:#e7f7ef;--color-accent-2:#d9704a;--color-accent-2-light:#fbe9e1;--color-accent-3:#2f7dc0;--color-accent-3-light:#e4f0fa;--color-accent-4:#9455b0;--color-accent-4-light:#f3e8f7;--color-navbar-bg:#ffffffe6;--shadow-sm:0 1px 2px #10241a0f;--shadow-md:0 6px 16px #10241a14;--shadow-lg:0 16px 40px #10241a24;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--font-heading:"Poppins", "Inter", -apple-system, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--container-width:1080px;--navbar-height:65px;--flag-gradient-es:linear-gradient(90deg, #aa151b 0%, #aa151b 25%, #f1bf00 25%, #f1bf00 75%, #aa151b 75%, #aa151b 100%);--flag-gradient-fr:linear-gradient(90deg, #0055a4 0%, #0055a4 33.3%, #fff 33.3%, #fff 66.6%, #ef4135 66.6%, #ef4135 100%)}:root[data-theme=dark]{--color-bg:#12181a;--color-surface:#1b2427;--color-surface-alt:#212c2f;--color-primary:#24a679;--color-primary-dark:#4fd6a5;--color-primary-hover:#1c8a63;--color-primary-light:#1c3730;--color-accent:#f4a93b;--color-accent-dark:#ffc164;--color-text:#eef3f0;--color-text-muted:#99a8a0;--color-border:#2c393d;--color-danger:#ef6a6a;--color-danger-light:#3a2223;--color-success:#3fcf8e;--color-success-light:#1d3329;--color-accent-2:#ff9268;--color-accent-2-light:#3a241d;--color-accent-3:#5aa9e6;--color-accent-3-light:#1c2f3d;--color-accent-4:#c98ee0;--color-accent-4-light:#34213d;--color-navbar-bg:#12181ad9;--shadow-sm:0 1px 2px #00000040;--shadow-md:0 6px 16px #0000004d;--shadow-lg:0 16px 40px #0006}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;transition:background .2s,color .2s}h1,h2,h3,h4{font-family:var(--font-heading);margin:0;line-height:1.2}p{margin:0}button{font-family:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
.App{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 24px}.page{flex:1;animation:.35s both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page{animation:none}}.navbar{z-index:20;background:var(--color-navbar-bg);-webkit-backdrop-filter:saturate(180%)blur(10px);backdrop-filter:saturate(180%)blur(10px);border-bottom:1px solid var(--color-border);position:sticky;top:0}.navbar-inner{grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 24px;display:grid}.navbar-brand{font-family:var(--font-heading);color:var(--color-primary-dark);cursor:pointer;background:0 0;border:none;justify-self:start;align-items:center;gap:8px;padding:0;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.navbar-links{justify-self:center;align-items:center;gap:4px;display:flex}.navbar-actions{justify-self:end;align-items:center;gap:8px;display:flex}.navbar-link{cursor:pointer;border-radius:var(--radius-pill);color:var(--color-text-muted);background:0 0;border:none;padding:8px 14px;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.navbar-link:hover,.navbar-link.active{color:var(--color-primary-dark);background:var(--color-primary-light)}.theme-toggle{border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;line-height:1;transition:border-color .15s,background .15s,transform .15s;display:inline-flex}.theme-toggle:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.theme-toggle:active{transform:scale(.92)}.navbar-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:8px 10px;display:none}.navbar-toggle span,.navbar-toggle span:before,.navbar-toggle span:after{background:var(--color-text);width:20px;height:2px;transition:transform .15s;display:block;position:relative}.navbar-toggle span:before{content:"";position:absolute;top:-6px}.navbar-toggle span:after{content:"";position:absolute;top:6px}@media (max-width:720px){.navbar-toggle{display:block}.navbar-links{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);flex-direction:column;align-items:stretch;gap:4px;padding:8px 16px 16px;display:none;position:absolute;top:100%;left:0;right:0}.navbar-links.open{display:flex}.navbar-link{text-align:left}}.btn{border-radius:var(--radius-pill);cursor:pointer;border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:.95rem;font-weight:600;transition:transform .12s,box-shadow .12s,background .12s,color .12s,border-color .12s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-accent{background:var(--color-accent);color:#2a1d02;box-shadow:var(--shadow-sm)}.btn-accent:hover:not(:disabled){background:var(--color-accent-dark);box-shadow:var(--shadow-md)}.btn-outline{color:var(--color-primary-dark);border-color:var(--color-primary);background:0 0}.btn-outline:hover:not(:disabled){background:var(--color-primary-light)}.btn-ghost{color:var(--color-text-muted);border-color:var(--color-border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface-alt);color:var(--color-text)}.btn-sm{padding:8px 18px;font-size:.875rem}.hero{justify-content:center;align-items:center;min-height:clamp(360px,46vw,560px);padding:24px;display:flex;position:relative;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-bg-image{object-fit:cover;object-position:center 25%}.hero-scrim{background:linear-gradient(#0a140f99 0%,#0a140f40 45%,#0a140f99 100%);position:absolute;inset:0}.hero-inner{z-index:1;max-width:var(--container-width);margin:0 auto;position:relative}.hero-text{text-align:center}.hero h1{letter-spacing:-.01em;color:#fff;text-shadow:0 6px 28px #00000073;margin-top:8px;font-size:clamp(2.75rem,8vw,5rem);font-weight:700}.hero-flag-emoji{filter:drop-shadow(0 2px 6px #00000059);font-size:2.75rem;line-height:1;display:block}.hero-flag-stripe{border-radius:var(--radius-pill);width:72px;height:5px;margin:14px auto 0;display:block;box-shadow:0 1px 4px #00000059}.hero-flag-stripe--es{background:var(--flag-gradient-es)}.hero-flag-stripe--fr{background:var(--flag-gradient-fr)}.hero p{color:#ffffffeb;max-width:560px;margin:16px auto 0;font-size:1.1rem;line-height:1.6}.section{padding:56px 24px}.section-heading{text-align:center;color:var(--color-text);margin-bottom:32px;font-size:1.6rem}.action-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:720px;margin:0 auto;display:grid}@media (max-width:640px){.action-cards{grid-template-columns:1fr}}.action-card{text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;color:inherit;box-shadow:var(--shadow-sm);flex-direction:column;align-items:flex-start;gap:10px;padding:28px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.action-card:before{content:"";background:var(--color-primary);height:3px;position:absolute;top:0;left:0;right:0}.action-cards .action-card:nth-child(2):before{background:var(--color-accent-3)}.action-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-4px)}.action-card h3{color:var(--color-text);font-size:1.15rem}.action-card p{color:var(--color-text-muted);font-size:.95rem;line-height:1.5}.language-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:480px;margin:0 auto;display:grid}@media (max-width:640px){.language-cards{grid-template-columns:1fr}}.language-card{text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:inherit;box-shadow:var(--shadow-sm);flex-direction:column;gap:6px;padding:24px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.language-card:before{content:"";height:5px;position:absolute;top:0;left:0;right:0}.language-card--es:before{background:var(--flag-gradient-es)}.language-card--fr:before{background:var(--flag-gradient-fr)}a.language-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-4px)}.language-card h3{color:var(--color-text);font-size:1.1rem}.language-card p{color:var(--color-text-muted);font-size:.9rem}.language-card.disabled{cursor:not-allowed;opacity:.6}.language-card-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-pill);background:var(--color-surface-alt);color:var(--color-text-muted);padding:3px 10px;font-size:.7rem;font-weight:600;position:absolute;top:24px;right:24px}.feature-grid{max-width:var(--container-width);grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 auto;display:grid}@media (max-width:720px){.feature-grid{grid-template-columns:1fr}}.feature{text-align:center;padding:8px}.feature:before{content:"";border-radius:var(--radius-pill);background:var(--color-primary);width:32px;height:3px;margin:0 auto 14px;display:block}.feature-grid .feature:nth-child(2):before{background:var(--color-accent-2)}.feature-grid .feature:nth-child(3):before{background:var(--color-accent-4)}.feature h3{margin-bottom:6px;font-size:1.05rem}.feature p{color:var(--color-text-muted);font-size:.9rem;line-height:1.55}.page-header{text-align:center;padding:48px 24px 8px}.page-header h1{color:var(--color-primary-dark);font-size:2rem}.page-header p{color:var(--color-text-muted);margin-top:8px}.back-link{color:var(--color-text-muted);margin-bottom:16px;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-block}.back-link:hover{color:var(--color-primary-dark)}.verbs-toolbar{max-width:480px;margin:24px auto 0}.search-input{border-radius:var(--radius-pill);border:1.5px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);padding:12px 16px;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.verbs-list{flex-direction:column;gap:8px;max-width:720px;margin:32px auto 64px;padding:0 24px;display:flex}.verb-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.verb-row:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translate(2px)}.verb-detail{max-width:880px;margin:24px auto 64px;padding:0 24px}.verb-detail-layout{align-items:stretch;gap:24px;display:flex}.verb-detail-sections{flex:1;min-width:0}.conjugation-section+.conjugation-section{margin-top:40px}.conjugation-section-heading{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:1.05rem}.tense-spine{top:var(--navbar-height);height:calc(100vh - var(--navbar-height));flex-shrink:0;width:96px;position:sticky}.tense-spine-line{border-radius:var(--radius-pill);background:linear-gradient(to bottom, var(--color-border) 0%, var(--color-primary) 50%, var(--color-border) 100%);width:3px;position:absolute;top:20px;bottom:20px;left:50%;transform:translate(-50%)}.tense-spine-line:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:7px solid var(--color-border);width:0;height:0;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.tense-spine-indicator{background:var(--color-primary);border:2px solid var(--color-surface);width:14px;height:14px;box-shadow:var(--shadow-md);border-radius:50%;transition:top 80ms linear;position:absolute;left:50%;transform:translate(-50%,-50%)}.tense-spine-label{border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);white-space:nowrap;padding:4px 12px;font-size:.72rem;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.tense-spine-label-past{top:16px}.tense-spine-label-present{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm);top:50%;transform:translate(-50%,-50%)}.tense-spine-label-future{bottom:16px}@media (max-width:720px){.tense-spine{display:none}.verb-detail-layout{gap:0}}.mood-badge{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.mood-badge-indicative{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.mood-badge-subjunctive{background:var(--color-accent);color:#2a1d02}.conjugation-table{table-layout:fixed;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.conjugation-table th:first-child,.conjugation-table td:first-child{width:22%}.conjugation-table th:not(:first-child),.conjugation-table td:not(:first-child){width:39%}.conjugation-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-surface-alt);padding:12px 20px;font-size:.8rem}.conjugation-table td{border-top:1px solid var(--color-border);padding:14px 20px}.conjugation-table tr:first-child td{border-top:none}.pronoun-cell{color:var(--color-text-muted);font-size:.9rem}.target-cell{color:var(--color-primary-dark);font-weight:600}.conjugation-form-group{flex-direction:column;gap:2px;display:flex}.conjugation-form{color:var(--color-primary-dark);font-weight:600}.conjugation-gloss{color:var(--color-text-muted);font-size:.85rem;font-weight:400}.no-subjunctive-cell{text-align:center;vertical-align:middle;color:var(--color-text-muted);font-size:.85rem;font-style:italic}.verb-target{color:var(--color-text);font-weight:600}.verb-english{color:var(--color-text-muted);font-size:.9rem}.empty-state{text-align:center;color:var(--color-text-muted);padding:48px 24px}.practice-card{max-width:640px;margin:32px auto 64px;padding:0 24px}.practice-stats{justify-content:center;gap:16px;margin-bottom:28px;display:flex}.stat-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);align-items:center;gap:10px;padding:14px 22px;transition:transform .2s,box-shadow .2s;display:flex}.stat-card--timer{background:var(--color-primary-light);border-color:color-mix(in srgb, var(--color-primary) 25%, var(--color-border))}.stat-card--score{background:linear-gradient(135deg, var(--color-success-light), color-mix(in srgb, var(--color-accent) 18%, var(--color-success-light)));border-color:color-mix(in srgb, var(--color-success) 30%, var(--color-border))}.stat-icon{font-size:1.6rem;line-height:1}.stat-value{font-family:var(--font-heading);font-variant-numeric:tabular-nums;color:var(--color-text);font-size:1.9rem;font-weight:700;line-height:1}.stat-value-of{color:var(--color-text-muted);font-size:1.1rem;font-weight:600}.stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);align-self:flex-end;margin-bottom:2px;font-size:.75rem;font-weight:600}.stat-card--score.bump{animation:.5s stat-bump}@keyframes stat-bump{0%{transform:scale(1)}35%{box-shadow:var(--shadow-md);transform:scale(1.12)}to{transform:scale(1)}}.stat-card--timer.low-time{background:var(--color-danger-light);border-color:color-mix(in srgb, var(--color-danger) 40%, var(--color-border));animation:1s infinite stat-pulse}.stat-card--timer.low-time .stat-value,.stat-card--timer.low-time .stat-label{color:var(--color-danger)}@keyframes stat-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.stat-card--score.bump,.stat-card--timer.low-time{animation:none}}.time-up-content{opacity:0;transition:opacity .45s,transform .45s;transform:translateY(10px)}.time-up-content.visible{opacity:1;transform:translateY(0)}.time-up-score{font-family:var(--font-heading);color:var(--color-primary);margin-bottom:8px;font-size:3rem;font-weight:700;line-height:1}.time-up-score-of{color:var(--color-text-muted);font-size:1.6rem;font-weight:600}.time-up-summary{color:var(--color-text-muted);margin-bottom:24px;font-size:1.1rem}.confetti-container{pointer-events:none;z-index:200;position:fixed;inset:0;overflow:hidden}.confetti-piece{opacity:.9;border-radius:2px;width:8px;height:14px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards;position:absolute;top:-20px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{transform:translate(var(--confetti-drift), 110vh) rotate(var(--confetti-rotation));opacity:.4}}@media (prefers-reduced-motion:reduce){.confetti-piece{display:none}.time-up-content{transition:none}}.step-progress{justify-content:center;gap:8px;margin-bottom:32px;display:flex}.step-dot{background:var(--color-border);border-radius:50%;width:8px;height:8px;transition:background .2s,width .2s}.step-dot.active{background:var(--color-primary);border-radius:var(--radius-pill);width:24px}.step-dot.done{background:var(--color-primary-light)}.question-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);padding:40px 32px;animation:.25s both card-in}@keyframes card-in{0%{opacity:0;transform:translateY(6px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.question-card{animation:none}}.question-card h2{color:var(--color-text);margin-bottom:24px;font-size:1.4rem}.choice-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.select-all-row{justify-content:center;margin-bottom:4px;display:flex}.chip-grid{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:28px;display:flex}.chip{border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-pill);cursor:pointer;padding:9px 18px;font-size:.9rem;font-weight:500;transition:all .15s}.chip:hover{border-color:var(--color-primary)}.chip.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.quiz-badges{justify-content:center;align-items:center;gap:8px;margin-bottom:22px;display:flex}.quiz-mood{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;justify-content:center;align-items:center;padding:4px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.quiz-mood.subjunctive,.quiz-mood.negative{background:var(--color-accent);color:#2a1d02}.quiz-mood.indicative,.quiz-mood.imperative,.quiz-mood.affirmative{background:var(--color-surface-alt);color:var(--color-text-muted);border:1px solid var(--color-border)}.quiz-mood.present{background:var(--color-primary-light);color:var(--color-primary-dark)}.quiz-mood.preterite,.quiz-mood.imperfect,.quiz-mood.perfect,.quiz-mood.preterite_perfect,.quiz-mood.pluperfect{background:var(--color-accent-3-light);color:var(--color-accent-3)}.quiz-mood.future,.quiz-mood.future_perfect{background:var(--color-accent-2-light);color:var(--color-accent-2)}.quiz-mood.conditional,.quiz-mood.conditional_perfect{background:var(--color-accent-4-light);color:var(--color-accent-4)}.quiz-sentence{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px;margin-bottom:28px;display:flex}.quiz-subjunctive-marker{color:var(--color-text-muted);font-size:1.75rem;font-style:italic}.quiz-pronoun{color:var(--color-primary-dark);font-size:1.75rem;font-weight:700}.quiz-word{color:var(--color-text);font-size:1.75rem}.quiz-input{text-align:center;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);padding:14px 18px;font-size:1.1rem;transition:border-color .15s,box-shadow .15s}.quiz-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.quiz-input.correct{border-color:var(--color-success);box-shadow:0 0 0 3px var(--color-success-light)}.quiz-input.incorrect{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-light);animation:.4s quiz-input-shake}@keyframes quiz-input-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.quiz-input.incorrect{animation:none}}.quiz-input:disabled{color:var(--color-text-muted);cursor:not-allowed}.accent-toolbar{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;display:flex}.accent-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-alt);min-width:34px;color:var(--color-text);cursor:pointer;padding:4px 8px;font-size:.95rem;transition:border-color .15s,background .15s}.accent-btn:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.quiz-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.feedback-banner{border-radius:var(--radius-pill);align-items:center;gap:8px;margin-top:20px;padding:10px 20px;font-size:.95rem;font-weight:600;animation:.2s both feedback-in;display:inline-flex}@keyframes feedback-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.feedback-banner.correct{background:var(--color-success-light);color:var(--color-success)}.feedback-banner.incorrect{background:var(--color-danger-light);color:var(--color-danger)}.hint-text{color:var(--color-text-muted);margin-top:14px;font-size:.9rem;animation:.2s both feedback-in}.hint-text strong{color:var(--color-text)}.about-content{max-width:680px;color:var(--color-text);margin:0 auto 64px;padding:0 24px}.about-content p{color:var(--color-text-muted);margin-bottom:16px;line-height:1.7}.about-content h2{color:var(--color-text);margin:32px 0 12px;font-size:1.2rem}.footer{border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-muted);padding:24px;font-size:.85rem}.footer-brand{color:var(--color-text);align-items:center;gap:6px;font-weight:600;display:inline-flex}.brand-dots{align-items:center;gap:3px;display:inline-flex}.brand-dot{border-radius:50%;width:6px;height:6px}.brand-dot:first-child{background:var(--color-primary)}.brand-dot:nth-child(2){background:var(--color-accent)}.brand-dot:nth-child(3){background:var(--color-accent-3)}.feedback-fab{z-index:40;border:1.5px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;box-shadow:var(--shadow-sm);opacity:.85;padding:8px 14px;font-size:.8rem;font-weight:600;transition:opacity .15s,border-color .15s,color .15s,box-shadow .15s;position:fixed;bottom:20px;right:20px}.feedback-fab:hover{opacity:1;border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-md)}@media (max-width:640px){.feedback-fab{padding:7px 12px;font-size:.75rem;bottom:12px;right:12px}}.feedback-overlay{z-index:50;background:#10241a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.feedback-modal{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:460px;max-height:90vh;box-shadow:var(--shadow-lg);padding:36px;position:relative;overflow-y:auto}.feedback-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.4rem;line-height:1;position:absolute;top:16px;right:16px}.feedback-close:hover{color:var(--color-text)}.feedback-form h3,.feedback-success h3{margin-bottom:4px}.feedback-subtitle{color:var(--color-text-muted);margin-bottom:18px;font-size:.9rem}.feedback-label{color:var(--color-text);flex-direction:column;gap:6px;margin-bottom:14px;font-size:.85rem;font-weight:600;display:flex}.feedback-optional{color:var(--color-text-muted);font-weight:400}.feedback-select,.feedback-input,.feedback-textarea{border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:10px 12px;font-family:inherit;font-size:.95rem;font-weight:400;transition:border-color .15s,box-shadow .15s}.feedback-textarea{resize:vertical;min-height:100px}.feedback-select:focus,.feedback-input:focus,.feedback-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.feedback-honeypot{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.feedback-error{color:var(--color-danger);margin-bottom:12px;font-size:.85rem}.feedback-success{text-align:center;padding:12px 0}.feedback-success p{color:var(--color-text-muted);margin:8px 0 20px}