:root{--pixfan-pink: #f3538c;--pixfan-pink-hover: #e03d75;--pixfan-pink-soft: #fdf2f7;--color-bg: #f8f9fc;--color-surface: #ffffff;--color-surface-alt: #f1f3f8;--color-text: #1a1a2e;--color-text-muted: #6b7280;--color-text-soft: #9ca3af;--color-border: rgba(0, 0, 0, .08);--color-border-strong: rgba(0, 0, 0, .12);--color-primary: var(--pixfan-pink);--color-primary-hover: var(--pixfan-pink-hover);--color-primary-soft: var(--pixfan-pink-soft);--color-success: #059669;--color-success-soft: #ecfdf5;--color-danger: #e11d48;--color-danger-soft: #fff1f2;--color-warning: #d97706;--color-warning-soft: #fffbeb;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .04);--shadow-glow: 0 6px 20px rgba(243, 83, 140, .3);--radius-xs: 6px;--radius-sm: 10px;--radius: 16px;--radius-lg: 20px;--radius-full: 999px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--font-display: var(--font);--max-width: 760px;--header-h: 64px;--ease-out: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--font);font-size:16px;line-height:1.55;color:var(--color-text);background:linear-gradient(180deg,#f8f9fce0,#f8f9fcd1 55%,#ecf0f8eb),url(https://images.unsplash.com/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&w=2000&q=65);background-size:cover;background-position:center 30%;background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font:inherit}button{cursor:pointer;border:none;background:none;color:inherit}a{color:var(--color-primary)}:focus-visible{outline:2px solid var(--pixfan-pink);outline-offset:2px}::selection{background:#f3538c2e;color:var(--color-text)}.skip-link{position:absolute;top:-40px;left:0;background:var(--pixfan-pink);color:#fff;padding:8px;text-decoration:none;z-index:100}.skip-link:focus{position:absolute;top:0}.app{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.app__bg{display:none}.app-header{position:sticky;top:0;z-index:40;min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.25rem;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-header__brand{display:flex;align-items:center;gap:.75rem;min-width:0}.app-header__pixfan-link{display:flex;align-items:center;gap:.35rem;text-decoration:none;color:var(--color-text-muted);font-size:.75rem;font-weight:600;padding:.3rem .7rem;border-radius:var(--radius-full);border:1px solid var(--color-border);transition:all .2s;white-space:nowrap}.app-header__pixfan-link:hover{color:var(--color-primary);border-color:var(--color-primary)}.app-header__logo-container{display:inline-flex;align-items:center;gap:.15rem;padding:0;border:none;background:none;cursor:pointer;text-decoration:none;font-size:1.35rem;font-weight:700;line-height:1;transition:opacity .2s}.app-header__logo-container:hover{opacity:.8}.logo-pix{color:var(--pixfan-pink)}.logo-fan{color:var(--color-text);margin-right:.2rem}.logo-badge{display:inline-flex;align-items:center;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--pixfan-pink);padding:.15rem .4rem;border-radius:4px}.app-header__tagline{display:none}.app-header__controls{display:flex;align-items:center;gap:.4rem}.dark-mode-toggle{width:2.1rem;height:2.1rem;border-radius:50%;display:grid;place-items:center;font-size:1rem;background:var(--color-surface-alt);border:1px solid var(--color-border);transition:transform .2s var(--ease-out),background .2s}.dark-mode-toggle:hover{transform:scale(1.1)}.app-main{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:2rem 1.25rem 3rem}.lang-switcher{display:inline-flex;align-items:center;padding:2px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-full)}.lang-switcher__btn{position:relative;border:none;background:transparent;color:var(--color-text-soft);font-size:.73rem;font-weight:600;letter-spacing:.04em;padding:.35rem .65rem;border-radius:var(--radius-full);transition:color .15s,background .15s}.lang-switcher__btn:hover{color:var(--color-text)}.lang-switcher__btn.is-active{background:var(--color-surface);color:var(--pixfan-pink);box-shadow:var(--shadow-xs)}.card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid transparent;border-radius:var(--radius-sm);padding:.7rem 1.2rem;font-weight:600;font-size:.9rem;line-height:1.2;transition:transform .15s var(--ease-out),box-shadow .15s,background .15s,border-color .15s,color .15s}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--pixfan-pink);color:#fff;box-shadow:var(--shadow-glow)}.btn--primary:hover:not(:disabled){background:var(--pixfan-pink-hover);box-shadow:0 8px 24px #f3538c59;transform:translateY(-1px)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:hover:not(:disabled){border-color:var(--pixfan-pink);color:var(--pixfan-pink);transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--color-primary)}.btn--ghost:hover:not(:disabled){background:var(--color-primary-soft)}.btn--block{width:100%}.btn-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.25rem}.btn-row .btn{flex:1 1 auto;min-width:8rem}.btn__icon{display:inline-flex;font-size:1em;line-height:1}.btn--small{padding:.4rem .8rem;font-size:.82rem;font-weight:600}.home-hero{margin-bottom:1.5rem}.home-hero__eyebrow{display:inline-flex;align-items:center;gap:.35rem;margin:0 0 .65rem;padding:.25rem .65rem;border-radius:var(--radius-full);background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--pixfan-pink);font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.home-hero__eyebrow-dot{display:none}.page-title{margin:0 0 .4rem;font-size:clamp(1.6rem,4vw,2rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--color-text)}.page-subtitle{margin:0;color:var(--color-text-muted);font-size:.95rem;max-width:36ch;line-height:1.5}.quiz-list{display:flex;flex-direction:column;gap:.85rem;list-style:none;margin:0;padding:0}.quiz-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:.85rem 1rem;text-align:left;width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.1rem 1.15rem;transition:box-shadow .2s var(--ease-out),border-color .2s var(--ease-out)}.quiz-card:hover{box-shadow:var(--shadow-md);border-color:var(--pixfan-pink)}.quiz-card:focus-visible{outline:2px solid var(--pixfan-pink);outline-offset:2px}.quiz-card__icon{width:2.8rem;height:2.8rem;border-radius:12px;display:grid;place-items:center;font-size:1.25rem;color:#fff;background:var(--pixfan-pink);grid-row:span 2;align-self:start}.quiz-card--alt .quiz-card__icon{background:#6366f1}.quiz-card__body{display:flex;flex-direction:column;gap:.3rem;min-width:0}.quiz-card__title{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.02em;line-height:1.25}.quiz-card__desc{margin:0;color:var(--color-text-muted);font-size:.85rem;line-height:1.45}.quiz-card__footer{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem;margin-top:.15rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.quiz-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;font-size:.78rem;font-weight:500;color:var(--color-text-muted)}.quiz-card__meta-chip{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:var(--radius-full);background:var(--color-surface-alt);border:1px solid var(--color-border)}.quiz-card__cta{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .85rem;border-radius:var(--radius-sm);background:var(--pixfan-pink);color:#fff;font-size:.82rem;font-weight:600;transition:opacity .2s}.quiz-card__cta:hover{opacity:.9}.quiz-card__cta-arrow{transition:transform .15s var(--ease-out)}.quiz-card:hover .quiz-card__cta-arrow{transform:translate(3px)}.highscore-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:var(--radius-full);background:var(--pixfan-pink-soft);color:var(--pixfan-pink-hover);font-weight:600;font-size:.75rem;border:1px solid rgba(243,83,140,.15)}.highscore-badge--empty{background:var(--color-surface-alt);color:var(--color-text-soft);font-weight:500;border-color:var(--color-border)}.quiz-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem;margin-bottom:.75rem}.progress{font-weight:700;font-size:.9rem;color:var(--color-text)}.quiz-stats{display:flex;gap:.4rem}.stat-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .65rem;border-radius:var(--radius-full);background:var(--color-surface-alt);border:1px solid var(--color-border);font-size:.75rem;font-weight:600;color:var(--color-text-muted)}.stat-pill__icon{font-size:.85em;opacity:.85}.stat-pill--streak{color:#c2410c;background:#fb923c1a;border-color:#f9731633}.stat-pill--critical{color:var(--color-danger);background:var(--color-danger-soft);border-color:#e11d4833}.stat-pill--warning{color:var(--color-warning);background:var(--color-warning-soft);border-color:#d9770633}.progress-track{position:relative;width:100%;height:6px;background:var(--color-surface-alt);border-radius:var(--radius-full);overflow:hidden;margin-bottom:1rem}.progress-track__fill{height:100%;border-radius:var(--radius-full);background:var(--pixfan-pink);transition:width .4s var(--ease-out)}.question-card{animation:question-in .35s var(--ease-out) both}@keyframes question-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}.question-type-hint{display:inline-flex;align-items:center;margin:0 0 .75rem;padding:.25rem .6rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--pixfan-pink);background:var(--pixfan-pink-soft);border:1px solid rgba(243,83,140,.15)}.question-text{margin:0 0 1.15rem;font-size:clamp(1.1rem,3vw,1.3rem);font-weight:700;letter-spacing:-.02em;line-height:1.35;color:var(--color-text)}.answer-list{display:flex;flex-direction:column;gap:.6rem;list-style:none;margin:0;padding:0}.answer-option{display:flex;align-items:center;gap:.8rem;width:100%;text-align:left;padding:.9rem 1rem;border-radius:var(--radius-sm);border:1.5px solid var(--color-border-strong);background:var(--color-surface);transition:border-color .2s var(--ease-out),background .2s var(--ease-out),box-shadow .2s var(--ease-out)}.answer-option:hover:not(:disabled){border-color:var(--pixfan-pink);background:var(--pixfan-pink-soft)}.answer-option.is-selected{border-color:var(--pixfan-pink);background:var(--pixfan-pink-soft);box-shadow:0 0 0 3px #f3538c1f}.answer-option.is-correct{border-color:#34d399;background:var(--color-success-soft);box-shadow:0 0 0 3px #10b9811f}.answer-option.is-wrong{border-color:#fb7185;background:var(--color-danger-soft);box-shadow:0 0 0 3px #f43f5e1a}.answer-option:disabled{cursor:default}.answer-option__letter{flex-shrink:0;width:1.8rem;height:1.8rem;border-radius:8px;display:grid;place-items:center;font-size:.82rem;font-weight:700;color:var(--color-text-muted);background:var(--color-surface-alt);border:1px solid var(--color-border);transition:background .15s,color .15s,border-color .15s}.answer-option.is-selected .answer-option__letter{color:#fff;background:var(--pixfan-pink);border-color:transparent}.answer-option.is-correct .answer-option__letter{color:#fff;background:#10b981;border-color:transparent}.answer-option.is-wrong .answer-option__letter{color:#fff;background:#f43f5e;border-color:transparent}.answer-option__text{flex:1;font-weight:500;font-size:.94rem;line-height:1.4}.feedback{margin-top:1.15rem;padding:.9rem 1rem;border-radius:var(--radius-sm);border:1px solid transparent;animation:feedback-in .3s var(--ease-out) both}@keyframes feedback-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.feedback--correct{background:var(--color-success-soft);border-color:#a7f3d0;color:#047857}.feedback--incorrect{background:var(--color-danger-soft);border-color:#fecdd3;color:#be123c}.feedback--partial{background:var(--color-warning-soft);border-color:#fde68a;color:#b45309}.feedback__title{margin:0 0 .35rem;font-weight:700;font-size:.95rem;letter-spacing:-.02em;display:flex;align-items:center;gap:.35rem}.feedback__explanation{margin:0;font-size:.88rem;color:var(--color-text);line-height:1.5}.feedback__explanation strong{display:block;margin-bottom:.15rem;font-size:.7rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.timer-bar{width:100%;height:4px;background:var(--color-surface-alt);border-radius:var(--radius-full);overflow:hidden;margin-bottom:.75rem}.timer-bar__fill{height:100%;width:var(--pct, 100%);border-radius:var(--radius-full);background:var(--pixfan-pink);transition:width .3s linear,background .3s}.result-card{padding:1.5rem 1.25rem 1.35rem}.result-hero{text-align:center;padding:.25rem 0 .5rem}.result-hero__title{margin:0 0 1.25rem;font-size:1.1rem;font-weight:650;color:var(--color-text-muted);letter-spacing:-.02em}.result-ring{--p: 0;position:relative;width:9rem;height:9rem;margin:0 auto 1rem;border-radius:50%;background:conic-gradient(from -90deg,var(--pixfan-pink) 0%,var(--pixfan-pink-hover) calc(var(--p) * 1%),#e5e7eb calc(var(--p) * 1%));display:grid;place-items:center;box-shadow:var(--shadow-md),0 0 0 6px var(--color-surface)}.result-ring:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:var(--color-surface)}@keyframes ring-pop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.result-ring__value{position:relative;z-index:1;font-size:2rem;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--pixfan-pink)}.result-ring__unit{display:block;font-size:.72rem;font-weight:600;letter-spacing:.04em;color:var(--color-text-muted);margin-top:.15rem}.result-hero__score{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.result-hero__message{margin:.5rem auto 0;max-width:28ch;color:var(--color-text-muted);font-size:.95rem;line-height:1.45}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1.25rem}.result-stat{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.85rem .65rem;text-align:center}.result-stat__icon{display:block;font-size:1.1rem;margin-bottom:.2rem}.result-stat__label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:.2rem}.result-stat__value{font-weight:750;font-size:1.15rem;letter-spacing:-.02em}.highscore-banner{margin-top:1rem;padding:.85rem 1rem;border-radius:var(--radius-sm);background:var(--pixfan-pink);color:#fff;text-align:center;font-weight:700;letter-spacing:-.02em;animation:feedback-in .35s var(--ease-out) both}.highscore-banner__sub{font-weight:500;font-size:.8rem;opacity:.9;margin-top:.2rem}.share-section{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.share-section__title{margin:0 0 .75rem;font-size:.9rem;font-weight:700;letter-spacing:-.02em;text-align:center}.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.share-btn{font-size:.8rem;font-weight:600;padding:.65rem .5rem;border-radius:var(--radius-sm);border:none;color:#fff;transition:opacity .15s}.share-btn:hover{opacity:.9}.share-btn--twitter{background:#0f1419}.share-btn--facebook{background:#1877f2}.share-btn--linkedin{background:#0a66c2}.share-btn--whatsapp{background:#25d366}.export-section{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--color-border)}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none}.quiz-settings-bar{margin-bottom:1.15rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.quiz-settings-panel{display:flex;flex-wrap:wrap;gap:.85rem;padding:.8rem .9rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);animation:panel-in .25s var(--ease-out) both}@keyframes panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.setting-row{display:flex;align-items:center;gap:.55rem}.setting-label{font-size:.8rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap}.setting-select{padding:.3rem .55rem;border-radius:var(--radius-xs);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.8rem;font-weight:600;cursor:pointer}.toggle-btn{padding:.25rem .65rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:.7rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all .15s var(--ease-out)}.toggle-btn--on{background:var(--pixfan-pink);color:#fff;border-color:transparent}.dark-mode{--color-bg: #111827;--color-surface: #1e293b;--color-surface-alt: #1a2332;--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-text-soft: #64748b;--color-border: rgba(148, 163, 184, .12);--color-border-strong: rgba(148, 163, 184, .22);--color-primary-soft: rgba(243, 83, 140, .12);--color-success-soft: rgba(16, 185, 129, .12);--color-danger-soft: rgba(244, 63, 94, .12);--color-warning-soft: rgba(245, 158, 11, .12)}.dark-mode .app-header{background:var(--color-surface);border-bottom-color:var(--color-border)}.dark-mode .card,.dark-mode .quiz-card{background:var(--color-surface);border-color:var(--color-border)}.dark-mode .quiz-card:hover{border-color:var(--pixfan-pink)}.dark-mode .answer-option{background:var(--color-surface);border-color:var(--color-border-strong)}.dark-mode .answer-option:hover:not(:disabled){border-color:var(--pixfan-pink);background:var(--color-primary-soft)}.dark-mode .stat-pill{background:var(--color-surface-alt);border-color:var(--color-border);color:var(--color-text-muted)}.dark-mode .lang-switcher{background:var(--color-surface-alt);border-color:var(--color-border)}.dark-mode .lang-switcher__btn.is-active{background:var(--color-surface);color:var(--pixfan-pink)}.dark-mode .page-title{color:var(--color-text)}.dark-mode .result-stat{background:var(--color-surface-alt)}.dark-mode .highscore-badge--empty{background:var(--color-surface-alt);color:var(--color-text-soft)}.dark-mode .feedback--correct{background:var(--color-success-soft);color:#6ee7b7;border-color:#10b9814d}.dark-mode .feedback--incorrect{background:var(--color-danger-soft);color:#fda4af;border-color:#f43f5e4d}.dark-mode .feedback--partial{background:var(--color-warning-soft);color:#fcd34d;border-color:#f59e0b4d}.dark-mode .question-type-hint{background:var(--color-primary-soft);color:var(--pixfan-pink);border-color:#f3538c40}.dark-mode .result-ring:before{background:var(--color-surface)}.dark-mode .result-ring{box-shadow:var(--shadow-md),0 0 0 6px #1e293b;background:conic-gradient(from -90deg,var(--pixfan-pink) 0%,var(--pixfan-pink-hover) calc(var(--p) * 1%),rgba(255,255,255,.08) calc(var(--p) * 1%))}.dark-mode .result-ring__value{color:var(--pixfan-pink)}.dark-mode .answer-option__letter{background:var(--color-surface-alt);border-color:var(--color-border);color:var(--color-text-muted)}.dark-mode .progress-track{background:var(--color-surface-alt)}.dark-mode .quiz-card__footer,.dark-mode .share-section{border-top-color:var(--color-border)}.dark-mode .btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.dark-mode .btn--secondary:hover:not(:disabled){border-color:var(--pixfan-pink);color:var(--pixfan-pink)}.dark-mode .dark-mode-toggle{background:var(--color-surface-alt);border-color:var(--color-border)}.dark-mode .lang-switcher__btn:hover,.dark-mode .answer-option__text,.dark-mode b,.dark-mode strong{color:var(--color-text)}.dark-mode .quiz-settings-panel{background:var(--color-surface)}.dark-mode .setting-select{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.dark-mode .toggle-btn{background:var(--color-surface);color:var(--color-text-muted);border-color:var(--color-border)}.dark-mode .quiz-card__meta-chip{background:var(--color-surface-alt);border-color:var(--color-border)}.dark-mode .feedback__explanation{color:var(--color-text)}.dark-mode .result-hero__title{color:var(--color-text-muted)}.dark-mode .app-header__pixfan-link{border-color:var(--color-border);color:var(--color-text-muted)}.dark-mode .app-header__pixfan-link:hover{border-color:var(--pixfan-pink);color:var(--pixfan-pink)}.dark-mode body{background:linear-gradient(180deg,#111827d1,#111827c7,#111827eb),url(https://images.unsplash.com/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&w=2000&q=65);background-size:cover;background-position:center 30%;background-attachment:fixed}@media(min-width:540px){.app-header{padding:0 1.75rem}.app-main{padding:2.5rem 1.5rem 3.5rem}.card,.result-card{padding:1.75rem}.quiz-card{grid-template-columns:auto 1fr auto;align-items:center}.quiz-card__icon{grid-row:span 1}.quiz-card__footer{grid-column:auto;flex-direction:column;align-items:flex-end;border-top:none;margin-top:0;padding-top:0;gap:.5rem}.result-ring{width:10rem;height:10rem}.result-ring__value{font-size:2.25rem}}@media(min-width:720px){.share-grid{grid-template-columns:repeat(4,1fr)}.quiz-list{gap:1rem}}.app-footer{margin-top:3rem;padding:1.5rem 1.5rem 2rem;text-align:center;border-top:1px solid var(--color-border)}.app-footer__link{color:var(--color-text-muted);text-decoration:none;font-size:.78rem;font-weight:500;transition:color .15s}.app-footer__link:hover{color:var(--color-primary)}