:root{--font-family: "Plus Jakarta Sans", system-ui, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--color-bg: #ffffff;--color-text: #252323;--color-text-muted: #83878f;--color-border: #525150;--color-brand-1: #f7f3f2;--color-brand-2: #ffffff;--color-brand-3: #e6a4a4;--color-brand-4: #b16969;--color-brand-5: #ececec;--color-topic-1: #C2828C;--color-topic-2: #72966A;--color-topic-3: #7C9BBE;--color-topic-4: #B1AB75;--color-topic-5: #BA9484;--color-link: #252323;--color-link-hover: #70798c;--color-link-visited: #70798c;--color-focus-ring: #70798c;--color-disabled-bg: #dad2bc;--color-disabled-text: #a99985;--color-error: #c53030;--color-btn-primary-bg: #252323;--color-btn-primary-text: #f5f1ed;--color-btn-primary-hover-bg: #3d3a3a;--color-btn-secondary-bg: #f5f1ed;--color-btn-secondary-text: #252323;--color-btn-secondary-border: #dad2bc;--color-btn-secondary-hover-bg: #dad2bc;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--gradient-hero: linear-gradient(135deg, #f5f1ed 0%, #dad2bc 50%, #a99985 100%);--gradient-accent-1: linear-gradient(135deg, #dad2bc 0%, #a99985 100%);--gradient-accent-2: radial-gradient(circle at 30% 50%, #dad2bc 0%, #a99985 100%);--gradient-accent-3: radial-gradient(circle at 70% 30%, #a99985 0%, #70798c 100%);--bp-tablet: 800px;--bp-desktop: 1280px;--illustration-noise-size: 80px;--illustration-noise-opacity: .25}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;min-height:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg)}main{max-width:1200px;margin:0 auto;padding:var(--space-3)}@media (min-width: 800px){main{padding:var(--space-6)}}@media (min-width: 1280px){main{padding:var(--space-8)}}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}@media (min-width: 800px){h1{font-size:var(--font-size-3xl)}}p{margin:0 0 var(--space-4)}p:last-child{margin-bottom:0}a{color:var(--color-link);text-decoration:underline}a:hover{color:var(--color-link-hover)}a:visited{color:var(--color-link-visited)}a:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-3)}@media (min-width: 800px){.container{padding:0 var(--space-6)}}@media (min-width: 1280px){.container{padding:0 var(--space-8)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);min-height:44px;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s}.btn:disabled{cursor:not-allowed;background-color:var(--color-disabled-bg);color:var(--color-disabled-text);border-color:var(--color-disabled-bg)}.btn-primary{background-color:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border-color:var(--color-btn-primary-bg)}.btn-primary:hover:not(:disabled){background-color:var(--color-btn-primary-hover-bg);border-color:var(--color-btn-primary-hover-bg)}.btn-secondary{background-color:var(--color-btn-secondary-bg);color:var(--color-btn-secondary-text);border-color:var(--color-btn-secondary-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-btn-secondary-hover-bg)}.btn-ghost{background-color:transparent;color:var(--color-text);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-btn-secondary-hover-bg)}.btn-full,.btn--mobile-full{width:100%;max-width:360px}@media (min-width: 800px){.btn--mobile-full{width:auto;max-width:none}}.btn-compact{padding:var(--space-2) var(--space-3);min-height:40px;font-size:var(--font-size-sm)}a.btn{text-decoration:none}a.btn-primary,a.btn-primary:hover,a.btn-primary:visited{color:var(--color-btn-primary-text)}.card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.section{padding:var(--space-4) 0}.section:first-child{padding-top:0}@media (min-width: 800px){.section{padding:var(--space-6) 0}}.profile-quiz-list{display:flex;flex-direction:column;gap:var(--space-3)}.profile-quiz-item{margin-top:0;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);width:100%;min-width:0;max-width:100%;box-sizing:border-box}.profile-quiz-item:last-child{border-bottom:none}.profile-quiz-item--simple{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-2)}.profile-quiz-summary{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-2);cursor:pointer;list-style:none}.profile-quiz-summary::-webkit-details-marker{display:none}.profile-quiz-summary:before{content:"▸";margin-right:var(--space-2);color:var(--color-text-muted)}.profile-quiz-item[open] .profile-quiz-summary:before{content:"▾"}.profile-quiz-meta{font-size:var(--font-size-sm);color:var(--color-text-muted)}.profile-quiz-score{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.profile-quiz-breakdown{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);min-width:0;max-width:100%;overflow-wrap:break-word;overflow-x:hidden}.profile-quiz-breakdown-inner{margin-top:0;max-width:100%;min-width:0}.profile-quiz-breakdown .quiz-breakdown,.profile-quiz-breakdown .quiz-breakdown__content,.profile-quiz-breakdown .quiz-breakdown__question,.profile-quiz-breakdown .quiz-breakdown__answer{overflow-wrap:break-word;word-wrap:break-word;max-width:100%}.profile-quiz-loading{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.profile-page{width:100%;max-width:100%;min-width:0;overflow-x:hidden;box-sizing:border-box}.profile-page__header{margin-bottom:var(--space-6)}.profile-page__title{margin:0;font-size:var(--font-size-2xl)}.profile-page__header-main{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-3)}.profile-page__stats,.profile-page__chart,.profile-page__topics,.profile-page__badges,.profile-page__quizzes,.profile-page__overview{margin-bottom:var(--space-6)}.profile-page__topics{margin-top:var(--space-8)}.profile-page__section-title{margin:0 0 var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.profile-page__overview{padding:var(--space-6)}.profile-page__hero{padding-bottom:var(--space-4);margin-bottom:var(--space-4)}.profile-page__level{margin:0 0 var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted)}.profile-page__xp-total{margin:0 0 var(--space-3);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.profile-page__xp-bar{margin-top:var(--space-3)}.profile-page__xp-bar-track{height:8px;background:var(--color-brand-1);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-1)}.profile-page__xp-bar-fill{height:100%;background:var(--gradient-accent-1);border-radius:var(--radius-sm);transition:width .3s ease}.profile-page__xp-bar-label{margin:0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.profile-page__stats-dl{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin:0;padding:0;list-style:none}.profile-page__stat-item{margin:0;padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.profile-page__stat-item dt{margin:0 0 var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em}.profile-page__stat-item dd{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}@media (min-width: 800px){.profile-page__stats-dl{grid-template-columns:repeat(4,1fr)}}.profile-page__charts-grid{margin-bottom:var(--space-6)}.profile-page__charts{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.profile-page__donut-wrap{position:relative;height:200px}.profile-page__donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-align:center;pointer-events:none}.profile-page__donut-sublabel{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-muted)}.profile-page__line-wrap{height:200px}.profile-page__topic-chart{height:200px;margin-bottom:var(--space-6)}.profile-page__section-title--sub{margin-top:0}.profile-page__topic-list{display:flex;flex-direction:column;gap:var(--space-2)}.profile-page__topic-item{display:grid;grid-template-columns:minmax(80px,1fr) 1fr 70px;align-items:center;gap:var(--space-3)}.profile-page__topic-bar-track{height:8px;background:var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.profile-page__topic-bar{display:block;height:100%;border-radius:var(--radius-sm);min-width:4px}.profile-page__topic-label{font-size:var(--font-size-sm)}.profile-page__topic-value{font-size:var(--font-size-sm);color:var(--color-text-muted)}.profile-page__badge-list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2)}.profile-page__badge-list li{padding:var(--space-1) var(--space-2);background:var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.profile-page__empty{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.profile-page__quiz-history-cta{display:flex;flex-direction:column;gap:var(--space-4)}.profile-page__quiz-history-cta .profile-page__empty{margin:0}.profile-page__quizzes{max-width:100%;min-width:0;overflow-x:hidden}.profile-quiz-list{max-width:100%;min-width:0;width:100%}@media (min-width: 800px){.profile-page{max-width:960px;margin-left:auto;margin-right:auto}.profile-page__charts{grid-template-columns:1fr 1fr}}@media (min-width: 1280px){.profile-page{max-width:1100px}}.countdown{font-weight:var(--font-weight-semibold)}.section--hero{text-align:center;max-width:560px;margin-left:auto;margin-right:auto}.hero-layout{display:flex;flex-direction:column;gap:var(--space-6)}.hero-image{order:1}.hero-content{order:2}@media (min-width: 800px){.section--hero{max-width:900px}.hero-layout{flex-direction:row;align-items:center;gap:var(--space-8)}.hero-image{flex:0 0 45%;order:1}.hero-content{flex:1;order:2;text-align:left}}.section--hero h1{margin-bottom:var(--space-3)}.section--hero p{margin-bottom:var(--space-3);color:var(--color-text)}.section--hero .hero-sub{color:var(--color-text-muted);font-size:var(--font-size-lg)}.section--hero .countdown-badge{margin-bottom:var(--space-6)}.section--hero .hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;align-items:center}@media (min-width: 800px){.section--hero .countdown-badge{align-self:flex-end}.section--hero .hero-actions{justify-content:flex-start}}.section--hero .hero-actions .btn{margin-top:0}.hero-tagline{text-align:center;margin-top:var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-muted)}.hero-illustration,.bento-illustration,.topic-illustration{position:relative}.hero-illustration:after,.bento-illustration:after,.topic-illustration:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' result='noise'/%3E%3CfeColorMatrix in='noise' type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='64' height='64' fill='white' filter='url(%23n)'/%3E%3C/svg%3E");background-size:var(--illustration-noise-size) var(--illustration-noise-size);background-repeat:repeat;mix-blend-mode:overlay;opacity:var(--illustration-noise-opacity);pointer-events:none}.hero-illustration{width:100%;border-radius:var(--radius-lg);overflow:hidden}.hero-illustration__svg{width:100%;height:auto;min-height:160px;display:block}@media (min-width: 800px){.hero-illustration__svg{min-height:200px}}.section--compact{padding-top:var(--space-2);padding-bottom:var(--space-2)}.section--auth{max-width:360px}.legal-content{margin-top:var(--space-4)}.legal-content-section{margin-bottom:var(--space-6)}.legal-content-section h2{margin-top:var(--space-6);margin-bottom:var(--space-2)}.legal-content-section h2:first-child{margin-top:0}.legal-content-section h3{margin-top:var(--space-4);margin-bottom:var(--space-1)}@media (min-width: 800px){.section--compact{padding-top:var(--space-4);padding-bottom:var(--space-4)}}.loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8)}.spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-text);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.navbar{position:sticky;top:0;z-index:100;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);color:var(--color-link)}.navbar__content{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding-top:var(--space-2);padding-bottom:var(--space-2)}.navbar__brand-wrapper{display:flex;align-items:center;gap:var(--space-2)}.navbar__brand{display:flex;align-items:center;color:var(--color-link);text-decoration:none;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.navbar__brand:hover{color:var(--color-link-hover)}.navbar__title{margin:0}.navbar__alpha-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 6px;background-color:var(--color-brand-2);color:var(--color-bg);border-radius:var(--radius-sm)}.navbar__hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:0;background:none;border:none;cursor:pointer}.navbar__hamburger-line{display:block;width:100%;height:2px;background-color:var(--color-link);border-radius:1px;transition:transform .2s,opacity .2s}.navbar__hamburger-line--open:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__hamburger-line--open:nth-child(2){opacity:0}.navbar__hamburger-line--open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar__links--desktop,.navbar__actions--desktop{display:none}@media (min-width: 800px){.navbar__hamburger{display:none}.navbar__links--desktop{display:flex;align-items:center;gap:var(--space-4)}.navbar__actions--desktop{display:flex;align-items:center;gap:var(--space-2)}}.navbar__link{color:var(--color-link);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.navbar__link:visited{color:var(--color-link)}.navbar__link:hover,.navbar__link--active{color:var(--color-link-hover)}.navbar a:visited{color:var(--color-link)}.navbar a.btn-primary,.navbar a.btn-primary:visited{color:var(--color-btn-primary-text)}.navbar__user{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);color:var(--color-link);text-decoration:none;font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.navbar__user:hover{background-color:var(--color-btn-secondary-hover-bg)}.navbar__premium-star{font-size:.85em;color:var(--color-text-muted)}.navbar__avatar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:var(--color-brand-2);color:var(--color-bg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:50%}.navbar__mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background-color:var(--color-bg)}.navbar__mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--color-bg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.navbar__mobile-header{display:flex;align-items:center;justify-content:space-between}.navbar__mobile-close{padding:var(--space-2);background:none;border:none;cursor:pointer}.navbar__mobile-profile{display:flex;justify-content:center;padding-bottom:var(--space-4)}.navbar__mobile-profile .navbar__user--mobile{justify-content:center}.navbar__mobile-profile .navbar__user.btn-primary{padding:var(--space-2) var(--space-4);min-height:44px}.navbar__mobile-profile .navbar__user.btn-primary:hover{background-color:var(--color-btn-primary-hover-bg)}.navbar__mobile-profile .navbar__premium-star{color:inherit;opacity:.9}.navbar__mobile-profile .navbar__user.btn-primary .navbar__avatar{background-color:#fff3;color:var(--color-btn-primary-text)}.navbar__mobile-links{display:flex;flex-direction:column;flex:1;justify-content:space-evenly;gap:var(--space-2);padding:var(--space-4) 0;min-height:0}.navbar__mobile-links .navbar__link{font-size:var(--font-size-lg);padding:var(--space-3) 0}.navbar__mobile-actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto}@media (min-width: 800px){.navbar__mobile-profile,.navbar__mobile-links{display:none}}.modal-overlay,.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background-color:#25232366}.modal-content{background-color:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-6);max-width:400px;width:100%;border:1px solid var(--color-border)}.modal-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.result-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background-color:#25232380;cursor:pointer}.result-modal{width:100%;max-width:360px;padding:var(--space-6);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 24px #2523231f;cursor:default}.result-modal__title{margin:0 0 var(--space-4);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-align:center}.result-modal__body{margin-bottom:var(--space-6);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text)}.result-modal__body p{margin:0 0 var(--space-2)}.result-modal__body p:last-child{margin-bottom:0}.result-modal__actions{display:flex;justify-content:center}.result-modal__button{min-width:140px;min-height:48px}@media (min-width: 800px){.result-modal{padding:var(--space-8);max-width:400px}.result-modal__title{font-size:var(--font-size-2xl)}}.premium-modal__actions{flex-wrap:wrap;gap:var(--space-2);justify-content:center}.premium-modal__actions .btn{min-width:140px;min-height:48px}.manage-premium__status{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-weight:var(--font-weight-semibold)}.manage-premium__check{display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;background:#4a7c59;color:#f5f1ed;border-radius:50%;font-size:.9em}.manage-premium__details{margin:0 0 var(--space-4);display:grid;gap:var(--space-2)}.manage-premium__row{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);align-items:baseline}.manage-premium__row dt{margin:0;font-weight:var(--font-weight-normal);color:var(--color-text-muted)}.manage-premium__row dd{margin:0;text-align:right}.manage-premium__note{margin:0 0 var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.manage-premium__payment{padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.manage-premium__payment-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);background:var(--color-btn-secondary-bg);border:1px solid var(--color-btn-secondary-border);border-radius:var(--radius-sm);cursor:not-allowed;color:var(--color-text-muted)}.manage-premium__payment-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.premium-page{width:100%;max-width:100%;box-sizing:border-box}.premium-page__header{margin-bottom:var(--space-6)}.premium-page__title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.premium-page__hero{margin-bottom:var(--space-6)}.premium-page__tagline{margin:0 0 var(--space-4);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text)}.premium-page__cta{margin:0}.premium-page__cta .link{font-weight:var(--font-weight-medium)}.link--button{background:none;border:none;padding:0;font:inherit;color:var(--color-link);text-decoration:underline;cursor:pointer}.link--button:hover{color:var(--color-link-hover)}.premium-page__actions{margin:0}.premium-page__actions .btn{min-height:48px}.premium-page__explainer{margin-bottom:var(--space-6)}.premium-page__explainer-text{margin:0 0 var(--space-3);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text)}.premium-page__explainer-text:last-child{margin-bottom:0}.premium-page__explainer-text--muted{color:var(--color-text-muted);font-size:var(--font-size-sm)}.premium-page__comparison{margin-bottom:var(--space-6)}.premium-page__section-title{margin:0 0 var(--space-4);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.premium-table{width:100%;min-width:280px;border-collapse:collapse;font-size:var(--font-size-sm)}.premium-table th,.premium-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.premium-table th{font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.premium-table th:nth-child(2),.premium-table th:nth-child(3),.premium-table td:nth-child(2),.premium-table td:nth-child(3){text-align:center}.premium-feature__check{color:var(--color-text);font-weight:var(--font-weight-semibold)}.premium-feature__dash{color:var(--color-text-muted)}.premium-badge{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-btn-primary-text);background:var(--color-brand-1);border-radius:var(--radius-sm)}.premium-badge--md{padding:var(--space-2) var(--space-3);font-size:var(--font-size-base)}@media (min-width: 800px){.premium-page{max-width:560px;margin-left:auto;margin-right:auto}.premium-page__title{font-size:var(--font-size-3xl)}.premium-page__section-title{font-size:var(--font-size-2xl)}}@media (min-width: 1280px){.premium-page{max-width:640px}}.site-footer{margin-top:auto;padding:var(--space-8) 0 var(--space-4);border-top:1px solid var(--color-border);background-color:var(--color-bg)}.footer-grid{display:flex;flex-direction:column;gap:var(--space-6);padding-bottom:var(--space-6)}@media (min-width: 800px){.footer-grid{flex-direction:row;justify-content:space-between;align-items:flex-start}}.footer-brand{display:flex;flex-direction:column;gap:var(--space-2)}.footer-logo-container{display:flex;align-items:center;gap:var(--space-2)}.footer-logo-symbol{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--color-text);color:var(--color-bg);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);border-radius:var(--radius-sm)}.footer-logo-symbol-text{margin:0}.footer-logo{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.footer-brand p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.footer-links a{color:var(--color-link)}.footer-meta{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.footer-meta-row{display:flex;flex-direction:column;gap:var(--space-2)}@media (min-width: 800px){.footer-meta-row{flex-direction:row;justify-content:space-between;align-items:center}}.footer-copyright{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.footer-build-id{margin-left:var(--space-2);opacity:.6;font-size:var(--font-size-xs)}.footer-legal{display:flex;flex-wrap:wrap;gap:var(--space-2)}.footer-legal a{font-size:var(--font-size-sm)}.footer-separator{color:var(--color-border);-webkit-user-select:none;user-select:none}.about-page{padding-bottom:var(--space-8)}.about-page__header{padding:var(--space-6) 0}.about-page__header h1{margin-bottom:var(--space-3)}.about-page__intro{width:100%;max-width:1000px;margin:0 auto;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md)}.about-page__play{width:100%;max-width:1000px;margin:0 auto;padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.about-page__play h2,.about-page__play p{margin:0}.about-page ol{margin:var(--space-4) 0 0;padding-left:var(--space-5)}.about-page ol li{margin-bottom:var(--space-2)}.about-page ol li:last-child{margin-bottom:0}.contact-page{width:100%;max-width:100%;box-sizing:border-box;padding-bottom:var(--space-8)}.contact-page__header{margin-bottom:var(--space-6)}.contact-page__title{margin:0 0 var(--space-3);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.contact-page__intro{margin:0;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text)}.contact-page__form-section{margin-bottom:var(--space-6)}.contact-page__form-section .form-field input[type=text],.contact-page__form-section .form-field input[type=email],.contact-page__form-section .form-field textarea{max-width:100%}.contact-page__status{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.contact-page__status--success{background-color:var(--color-btn-secondary-hover-bg);border:1px solid var(--color-border);color:var(--color-text)}.contact-page__status--error{background-color:#fef2f2;border:1px solid #fecaca;color:var(--color-error)}.contact-page__form .btn{min-height:48px}.contact-page__fallback{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.contact-page__fallback p{margin:0 0 var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.contact-page__fallback a{font-weight:var(--font-weight-medium)}@media (min-width: 800px){.contact-page{max-width:560px;margin-left:auto;margin-right:auto}.contact-page__title{font-size:var(--font-size-3xl)}}@media (min-width: 1280px){.contact-page{max-width:640px}}.bento-section{padding:var(--space-6) 0}.bento-block{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6) 0;align-items:center}.about-page .bento-block{padding:var(--space-6);width:100%;max-width:1000px;margin-left:auto;margin-right:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.bento-block__image{order:1;width:100%;max-width:400px}.bento-block__content{order:2;width:100%;max-width:480px}.bento-block__content h1,.bento-block__content h2{margin-top:0}.bento-block__content h2{margin-bottom:var(--space-4)}@media (min-width: 800px){.bento-block{flex-direction:row;gap:var(--space-8);padding:var(--space-8) 0;max-width:1000px;margin:0 auto}.about-page .bento-block{padding:var(--space-8)}.bento-block__image{flex:0 0 45%;max-width:420px;order:1}.bento-block__content{flex:1;max-width:none;order:2;display:flex;flex-direction:column;justify-content:center}.bento-block--flip .bento-block__image{order:2}.bento-block--flip .bento-block__content{order:1}.bento-block__image--stretch{align-self:stretch;display:flex}.bento-block__image--stretch .bento-illustration{flex:1;min-height:0}.bento-block__image--stretch .bento-illustration__svg{width:100%;height:100%;min-height:0}}.quiz-pre__image{aspect-ratio:2 / 1;min-height:160px;overflow:hidden;border-radius:var(--radius-lg)}.quiz-pre__image .topic-illustration{width:100%;height:100%}.quiz-pre__image .topic-illustration__svg{width:100%;height:100%;min-height:0}.quiz-pre__festivity{margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.quiz-pre__warning{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.quiz-pre__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}@media (min-width: 800px){.quiz-pre__image{aspect-ratio:4 / 3;min-height:200px}}.quiz-countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background-color:#000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease-out;pointer-events:none}.quiz-countdown-overlay--visible{opacity:1}.quiz-countdown-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.quiz-countdown-number{font-family:var(--font-family);font-size:clamp(4rem,20vw,8rem);font-weight:var(--font-weight-bold);color:#fff;line-height:1;-webkit-user-select:none;user-select:none}.quiz-interface{padding-bottom:var(--space-8);max-width:560px;margin-left:auto;margin-right:auto;width:100%}.quiz-header{margin-bottom:var(--space-6)}.quiz-progress-bar{height:4px;background-color:var(--color-border);border-radius:2px;overflow:hidden;margin-bottom:var(--space-3)}.quiz-progress-bar__fill{height:100%;background-color:var(--color-brand-1);border-radius:2px;transition:width .2s ease}.quiz-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.quiz-meta__timer{font-variant-numeric:tabular-nums}.quiz-question{margin:var(--space-6) 0}.quiz-question__category{margin:0 0 var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.quiz-question__text{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);min-height:5em}@media (min-width: 800px){.quiz-question__text{font-size:var(--font-size-2xl)}}.quiz-options{list-style:none;padding:0;margin:var(--space-6) 0;display:flex;flex-direction:column;gap:var(--space-3)}.quiz-option{display:block;width:100%;min-height:56px;padding:var(--space-4);font-family:var(--font-family);font-size:var(--font-size-base);text-align:left;background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:background-color .15s,border-color .15s}.quiz-option:hover:not(:disabled){background-color:var(--color-btn-secondary-hover-bg);border-color:var(--color-brand-2)}.quiz-option:disabled{cursor:default}.quiz-option--selected{background-color:var(--color-brand-1);border-color:var(--color-brand-1);color:var(--color-btn-primary-text);font-weight:var(--font-weight-medium)}.quiz-option__label{font-weight:var(--font-weight-semibold);margin-right:var(--space-2)}.quiz-nav{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-top:var(--space-6)}.quiz-nav .btn{min-height:48px}.quiz-alert{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.quiz-alert--warning{background-color:#fef3c7;border:1px solid #f59e0b;color:#92400e}.quiz-alert--error{background-color:#fef2f2;border:1px solid var(--color-error);color:var(--color-error)}.quiz-results{max-width:480px;margin-left:auto;margin-right:auto}.quiz-results__summary{padding:var(--space-6) 0 var(--space-4);text-align:center}.quiz-results__title{margin-bottom:var(--space-2);font-size:var(--font-size-2xl)}.quiz-results__score{margin:0;font-size:var(--font-size-lg);color:var(--color-text)}.quiz-results__cta{padding:var(--space-6) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.quiz-results__cta-title{margin:0 0 var(--space-3);font-size:var(--font-size-xl)}.quiz-results__cta-desc{margin:0 0 var(--space-6);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text)}.quiz-results__actions{display:flex;flex-direction:column;gap:var(--space-4);align-items:stretch}.quiz-results__actions .btn{min-height:48px}.quiz-results__sign-in{margin:0;font-size:var(--font-size-sm);text-align:center}.quiz-results__sign-in a{color:var(--color-link)}.quiz-results__back{margin:var(--space-6) 0 0;padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);text-align:center}.quiz-results__back a{color:var(--color-link)}@media (min-width: 800px){.quiz-results__title{font-size:var(--font-size-3xl)}.quiz-results__cta{padding:var(--space-8) var(--space-6)}.quiz-results__actions{align-items:flex-start}.quiz-results__actions .btn--mobile-full{width:auto;max-width:280px}}.share-page{max-width:100%}.share-page__header{margin-bottom:var(--space-6)}.share-page__meta{margin:0 0 var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.share-page__badge{display:inline-block;margin-right:var(--space-2);margin-bottom:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);border-radius:var(--radius-sm);color:var(--color-text)}.share-page__body{display:flex;flex-direction:column;gap:var(--space-8)}.share-page__main{display:flex;flex-direction:column;gap:var(--space-6)}.share-page__hero{padding:var(--space-6);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.share-page__username{margin:0 0 var(--space-1);font-size:var(--font-size-2xl)}.share-page__headline{margin:0 0 var(--space-3);font-size:var(--font-size-lg);color:var(--color-text-muted)}.share-page__score{margin:0 0 var(--space-2);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.share-page__xp{margin:0;font-size:var(--font-size-base);color:var(--color-text)}.share-page__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin:0;padding:0;list-style:none}.share-page__stat{margin:0;padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.share-page__stat dt{margin:0 0 var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em}.share-page__stat dd{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.share-page__actions{display:flex;flex-direction:column;gap:var(--space-3)}.share-page__actions .btn{min-height:48px}.share-page__breakdown{margin-top:var(--space-8);width:100%}.share-page__breakdown-title{margin:0 0 var(--space-4);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.share-page__breakdown-list{margin:0;padding:0;list-style:none}.share-page__breakdown-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.share-page__breakdown-item:last-child{border-bottom:none}.share-page__breakdown-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:14px;font-weight:var(--font-weight-bold);line-height:1}.share-page__breakdown-item--correct .share-page__breakdown-badge{background:#4a7c59;color:#f5f1ed}.share-page__breakdown-item--incorrect .share-page__breakdown-badge{background:#a85d5d;color:#f5f1ed}.share-page__breakdown-content{flex:1;min-width:0}.share-page__breakdown-question{margin:0 0 var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.share-page__breakdown-answer{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.share-page__breakdown-item--correct .share-page__breakdown-answer{color:var(--color-text)}.share-page__breakdown-correct{color:var(--color-text-muted)}.quiz-breakdown{margin-top:var(--space-6);width:100%;max-width:100%;min-width:0;box-sizing:border-box}.quiz-breakdown__title{margin:0 0 var(--space-4);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.quiz-breakdown__list{margin:0;padding:0;list-style:none;min-width:0;max-width:100%}.quiz-breakdown__item{display:flex;align-items:flex-start;min-width:0;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.quiz-breakdown__item:last-child{border-bottom:none}.quiz-breakdown__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:14px;font-weight:var(--font-weight-bold);line-height:1}.quiz-breakdown__item--correct .quiz-breakdown__badge{background:#4a7c59;color:#f5f1ed}.quiz-breakdown__item--incorrect .quiz-breakdown__badge{background:#a85d5d;color:#f5f1ed}.quiz-breakdown__content{flex:1;min-width:0;overflow-wrap:break-word;word-wrap:break-word}.quiz-breakdown__question{margin:0 0 var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.quiz-breakdown__answer{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.quiz-breakdown__item--correct .quiz-breakdown__answer{color:var(--color-text)}.quiz-breakdown__correct{color:var(--color-text-muted)}.share-page__share{padding:var(--space-6) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.share-page__share-title{margin:0 0 var(--space-4);font-size:var(--font-size-xl)}.share-page__copy-group{margin-bottom:var(--space-4)}.share-page__copy-group:last-of-type{margin-bottom:var(--space-4)}.share-page__details{margin-bottom:var(--space-4)}.share-page__details-summary{font-size:var(--font-size-sm);color:var(--color-link);cursor:pointer}.share-page__details-summary:hover{color:var(--color-link-hover)}.share-page__details[open] .share-page__textarea{margin-top:var(--space-2)}.share-page__textarea,.share-page__input{width:100%;margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text)}.share-page__textarea{min-height:80px;resize:vertical;display:block}.share-page__copy-group .btn{min-height:48px}.share-page__copy-error{margin:0 0 var(--space-4);font-size:var(--font-size-sm);color:var(--color-error)}.share-page__social-label{margin:0 0 var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.share-page__social-links{display:flex;flex-wrap:wrap;gap:var(--space-2)}.share-page__social-link{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-link);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;transition:background-color .15s,border-color .15s}.share-page__social-link:hover{background:var(--color-btn-secondary-hover-bg);border-color:var(--color-brand-2)}@media (min-width: 800px){.share-page{max-width:960px;margin-left:auto;margin-right:auto}.share-page__body{flex-direction:row;align-items:flex-start;gap:var(--space-8)}.share-page__main{flex:1;min-width:0}.share-page__aside{flex:0 0 320px;order:0}.share-page__username{font-size:var(--font-size-3xl)}.share-page__stats{grid-template-columns:repeat(3,1fr)}.share-page__actions{flex-direction:row;flex-wrap:wrap}.share-page__actions .btn-full{flex:1;min-width:140px}.share-page__share{padding:var(--space-6);position:sticky;top:var(--space-4)}}@media (min-width: 1280px){.share-page{max-width:1100px}.share-page__aside{flex:0 0 360px}}.bento-illustration{width:100%;border-radius:var(--radius-lg);overflow:hidden;filter:hue-rotate(var(--bento-hue-rotate, 0deg))}.bento-illustration__svg{width:100%;height:auto;min-height:180px;display:block}@media (min-width: 800px){.bento-illustration__svg{min-height:220px}}.compete-page__header{margin-bottom:var(--space-6)}.compete-page__header-text h1,.compete-page__header-text p{margin-bottom:var(--space-2)}.compete-page__header-text p:last-child{margin-bottom:0}.countdown-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);margin:var(--space-4) 0 0}.countdown-badge__label{color:var(--color-text-muted);font-size:var(--font-size-sm)}.countdown-badge__value{font-variant-numeric:tabular-nums}@media (min-width: 800px){.compete-page__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.countdown-badge{margin:0 0 0 auto}}.compete-topic-grid{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.compete-topic-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.compete-topic-card__image{aspect-ratio:4 / 1;min-height:60px;overflow:hidden}.compete-topic-card__image .topic-illustration{width:100%;height:100%}.compete-topic-card__image .topic-illustration__svg{width:100%;height:100%;min-height:0}.compete-topic-card__content{padding:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.compete-topic-card__content h3{margin:0;font-size:var(--font-size-lg)}.compete-topic-card__check{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:14px;font-weight:var(--font-weight-bold);line-height:1;background:#4a7c59;color:#f5f1ed}.compete-topic-card--unavailable{opacity:.6;pointer-events:none}.compete-topic-card--unavailable .compete-topic-card__image .topic-illustration__svg{filter:grayscale(.5)}.compete-topic-card__unavailable{flex-shrink:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.compete-action-cards{display:flex;flex-direction:column;gap:var(--space-4)}.compete-action-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.compete-action-card__image{aspect-ratio:2 / 1;min-height:120px;overflow:hidden}.compete-action-card__image .topic-illustration{width:100%;height:100%}.compete-action-card__image .topic-illustration__svg{width:100%;height:100%;min-height:0}.compete-action-card__content{padding:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.compete-action-card__content h2{margin:0 0 var(--space-1);font-size:var(--font-size-xl)}.compete-action-card__content p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.compete-action-card__content .compete-action-card__text{flex:1;min-width:0}.topic-illustration{width:100%;height:100%;border-radius:0;overflow:hidden;filter:hue-rotate(var(--topic-hue-rotate, 0deg))}.topic-illustration__svg{width:100%;height:100%;min-height:100px;display:block}@media (min-width: 800px){.compete-topic-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4)}.compete-topic-card__image{aspect-ratio:4 / 3;min-height:140px}.compete-action-cards{flex-direction:row;gap:var(--space-6)}.compete-action-card{flex:1}.compete-action-card__image{aspect-ratio:3 / 1;min-height:0}}.faq-item{margin-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.faq-item button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:none;border:none;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);text-align:left;cursor:pointer}.faq-item button:hover{background-color:var(--color-btn-secondary-hover-bg)}.faq-item p{padding:0 var(--space-3) var(--space-3);margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.faq-list{margin-top:var(--space-2)}.faq-item--expanded{padding-bottom:var(--space-3)}.faq-item--expanded .faq-item__q{margin:0 0 var(--space-1);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--color-text)}.faq-item--expanded .faq-item__a{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;min-width:280px;border-collapse:collapse;font-size:var(--font-size-sm)}th,td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}th{font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}select{font-family:var(--font-family);font-size:var(--font-size-sm);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text)}.form-field{margin-bottom:var(--space-4)}.form-field label{display:block;margin-bottom:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.form-field input[type=text],.form-field input[type=email],.form-field input[type=password],.form-field textarea{width:100%;max-width:360px;padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text)}.form-field textarea{min-height:120px;resize:vertical}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #70798c33}.form-field .form-helper{display:block;margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted)}.form-group{margin-bottom:var(--space-4)}.form-group .form-label{display:block;margin-bottom:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.form-group .form-input,.form-group input,.form-group select{width:100%;max-width:360px;padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text)}.form-group .form-input:focus,.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #70798c33}.password-input-wrapper{position:relative;display:inline-block;width:100%;max-width:360px}.password-input-wrapper .form-input,.password-input-wrapper input{padding-right:56px}.password-toggle{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);padding:var(--space-1);background:none;border:none;cursor:pointer;color:var(--color-text-muted)}.password-toggle:hover{color:var(--color-text)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success, #10b981)}.alert.alert-error{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);color:var(--color-error)}.pagination-row{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.filters-panel{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.filters-row{display:flex;flex-direction:column;gap:var(--space-2)}.filters-row .filters-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.filters-row select{width:100%;max-width:280px}.filters-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media (min-width: 800px){.filters-row{flex-direction:row;align-items:center}.filters-row .filters-label{min-width:80px}}.leaderboard-page{width:100%;max-width:100%;box-sizing:border-box}.leaderboard-page__header{margin-bottom:var(--space-6)}.leaderboard-page__title{margin:0 0 var(--space-2);font-size:var(--font-size-2xl)}.leaderboard-filters__countdown{display:flex;width:100%;margin:0 0 var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.leaderboard-filters__countdown .countdown-badge__value{font-variant-numeric:tabular-nums}@media (min-width: 800px){.leaderboard-filters__countdown{width:auto;display:inline-flex;margin-bottom:var(--space-4)}}.country-badge{display:inline-flex;align-items:center;vertical-align:middle}.country-badge__flag{display:block;width:20px;height:15px;object-fit:cover;border-radius:2px}.country-badge__flag--emoji{font-size:1em;line-height:1}.country-badge img.country-badge__flag{width:20px;height:15px}.leaderboard-page__error{margin-bottom:var(--space-4)}.leaderboard-page__empty{margin:var(--space-6) 0;color:var(--color-text-muted);text-align:center}.leaderboard-podium{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-8);align-items:end}.leaderboard-podium__slot{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.leaderboard-podium__slot--1{order:2;padding:var(--space-6);background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-border) 100%)}.leaderboard-podium__slot--2{order:1}.leaderboard-podium__slot--3{order:3}.leaderboard-podium__rank{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);margin-bottom:var(--space-1)}.leaderboard-podium__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.leaderboard-podium__score{font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.leaderboard-podium__slot--1 .leaderboard-podium__rank,.leaderboard-podium__slot--1 .leaderboard-podium__name,.leaderboard-podium__slot--1 .leaderboard-podium__score{font-size:var(--font-size-base)}.leaderboard-podium__slot--1 .leaderboard-podium__score{font-size:var(--font-size-lg)}.leaderboard-filters{margin-bottom:var(--space-6)}.leaderboard-filters__tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.leaderboard-filters__tab{flex:1;padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.leaderboard-filters__tab:hover{background:var(--color-btn-secondary-hover-bg);color:var(--color-text)}.leaderboard-filters__tab--active{background:var(--color-btn-primary-bg);border-color:var(--color-btn-primary-bg);color:var(--color-btn-primary-text)}.leaderboard-filters__toggle{padding:var(--space-2) 0;font-family:var(--font-family);font-size:var(--font-size-sm);background:none;border:none;color:var(--color-link);cursor:pointer}.leaderboard-filters__toggle:hover{color:var(--color-link-hover)}.leaderboard-filters__panel{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-4)}.leaderboard-filters__row{display:flex;flex-direction:column;gap:var(--space-2)}.leaderboard-filters__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.leaderboard-filters__row select{width:100%;max-width:280px}@media (min-width: 800px){.leaderboard-filters__row{flex-direction:row;align-items:center}.leaderboard-filters__label{min-width:80px}}.leaderboard-user-rank{margin-bottom:var(--space-6);font-size:var(--font-size-sm)}.leaderboard-cards{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.leaderboard-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.leaderboard-card__main{display:grid;grid-template-columns:36px 1fr auto;grid-template-rows:auto auto;gap:var(--space-1) var(--space-2);align-items:center;width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-sm);text-align:left}.leaderboard-card__rank{font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.leaderboard-card__user{font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-card__score{font-weight:var(--font-weight-semibold)}.leaderboard-card__meta{grid-column:2 / 4;font-size:var(--font-size-xs);color:var(--color-text-muted);display:inline-flex;align-items:center;flex-wrap:wrap;gap:2px}.leaderboard-card__flag{display:inline-flex;vertical-align:middle}.leaderboard-table-wrap{display:none;overflow-x:auto;-webkit-overflow-scrolling:touch}.leaderboard-table{width:100%;min-width:640px;table-layout:fixed;border-collapse:collapse;font-size:var(--font-size-sm)}.leaderboard-table th,.leaderboard-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.leaderboard-table th{font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.leaderboard-pagination{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center;margin-top:var(--space-6)}.leaderboard-pagination__current{background:var(--color-brand-1);color:var(--color-btn-primary-text);border-color:var(--color-brand-1)}@media (min-width: 800px){.leaderboard-page{width:100%;max-width:960px;margin-left:auto;margin-right:auto}.leaderboard-page__title{font-size:var(--font-size-3xl)}.leaderboard-cards{display:none}.leaderboard-table-wrap{display:block}}@media (min-width: 1280px){.leaderboard-page{max-width:1100px}}.leaderboard-table-wrap{width:100%}.leaderboard-table col:nth-child(1){width:4em}.leaderboard-table col:nth-child(2){width:min(120px,18%)}.leaderboard-table col:nth-child(3){width:5em}.leaderboard-table col:nth-child(4){width:4.5em}.leaderboard-table col:nth-child(5){width:4.5em}.leaderboard-table col:nth-child(6){width:5em}.leaderboard-table col:nth-child(7){width:min(90px,12%)}.leaderboard-table col:nth-child(8){width:min(90px,14%)}.admin-layout{display:flex;flex-direction:column;width:100%;min-height:0}@media (min-width: 800px){.admin-layout{flex-direction:row;align-items:flex-start}}.admin-nav{flex-shrink:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-3)}@media (min-width: 800px){.admin-nav{width:200px;min-height:calc(100vh - 120px);border-bottom:none;border-right:1px solid var(--color-border)}}.admin-nav__inner{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}@media (min-width: 800px){.admin-nav__inner{flex-direction:column;align-items:stretch}}.admin-nav__home{font-size:var(--font-size-sm);color:var(--color-link);text-decoration:none}.admin-nav__home:hover{color:var(--color-link-hover);text-decoration:underline}.admin-nav__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-1)}@media (min-width: 800px){.admin-nav__list{flex-direction:column}}.admin-nav__link{display:block;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);text-decoration:none;border-radius:var(--radius-sm)}.admin-nav__link:hover{background:var(--color-btn-secondary-hover-bg)}.admin-nav__link--active{background:var(--color-brand-1);color:var(--color-btn-primary-text)}.admin-nav__link--active:hover{background:var(--color-btn-primary-hover-bg);color:var(--color-btn-primary-text)}.admin-nav__group{margin-top:var(--space-2)}.admin-nav__group-label{display:block;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.admin-nav__group-label--active{color:var(--color-brand-1)}.admin-nav__sublist{list-style:none;margin:0;padding:0}.admin-nav__sublist .admin-nav__link{padding-left:var(--space-6);font-size:var(--font-size-sm)}.admin-main{flex:1;min-width:0;padding:var(--space-4) var(--space-3)}@media (min-width: 800px){.admin-main{padding:var(--space-6)}}.admin-back{display:inline-block;margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--color-link);text-decoration:none}.admin-back:hover{color:var(--color-link-hover);text-decoration:underline}.admin-page{max-width:960px}.admin-page__header{margin-bottom:var(--space-6)}.admin-page__title{margin:0 0 var(--space-2);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.admin-page__subtitle{margin:0;font-size:var(--font-size-base);color:var(--color-text-muted)}.admin-page__filters{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-bottom:var(--space-6)}.admin-checkbox{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);cursor:pointer}.admin-checkbox input{width:1rem;height:1rem}.admin-page__presets{display:flex;gap:var(--space-1)}.admin-page__presets .btn{min-height:36px;padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.admin-page__presets .btn-ghost--active{background:var(--color-btn-secondary-hover-bg)}.admin-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.admin-card__label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-1)}.admin-card__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.admin-card__meta{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.admin-card__header{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:flex-start;margin-bottom:var(--space-2)}.admin-card__badges{display:flex;gap:var(--space-1);flex-wrap:wrap}.admin-card__actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.admin-section{margin-bottom:var(--space-8)}.admin-section__title{margin:0 0 var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.admin-section__subtitle{margin:0 0 var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.admin-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width: 800px){.admin-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.admin-grid{grid-template-columns:repeat(4,1fr)}}.admin-tools{margin-bottom:var(--space-6)}.admin-tools__list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.admin-callout{background:var(--color-btn-secondary-hover-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-4)}.admin-callout__title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.admin-callout__body{font-size:var(--font-size-sm);margin-bottom:var(--space-3)}.admin-callout__actions{display:flex;gap:var(--space-2)}.admin-loading,.admin-error{padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.admin-error{color:var(--color-error)}.admin-error .btn{margin-top:var(--space-4)}.admin-usage-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.admin-usage-card h3{margin:0 0 var(--space-3);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.admin-usage-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border)}.admin-usage-row:last-child{border-bottom:none}.admin-usage-label{color:var(--color-text-muted)}.admin-usage-value{font-weight:var(--font-weight-medium)}.admin-page__last-updated{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.admin-page__meta{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-2) var(--space-3)}.admin-page__controls{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-bottom:var(--space-6)}.admin-page__search{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:180px}.admin-page__date-inputs{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.admin-page__date-inputs label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.admin-page__date-inputs input[type=date]{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.admin-section__grid{display:grid;gap:var(--space-4)}@media (min-width: 800px){.admin-section__grid{grid-template-columns:repeat(2,1fr)}}.admin-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.admin-table th,.admin-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.admin-table th{font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.admin-table .admin-expand-btn{padding:var(--space-1);background:none;border:none;cursor:pointer;color:var(--color-text-muted)}.admin-table .admin-expand-btn:hover{color:var(--color-text)}.admin-table .admin-expand-icon{display:inline-block;transition:transform .2s}.admin-table .admin-expand-icon--open{transform:rotate(90deg)}.admin-table-detail{background:transparent;padding:var(--space-4)}.admin-table-detail h3{margin:0 0 var(--space-3);font-size:var(--font-size-base)}.admin-question-item{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.admin-question-item:last-child{border-bottom:none}.admin-question-item__text{font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.admin-question-item__meta{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.admin-question-item__stats{display:flex;gap:var(--space-4);font-size:var(--font-size-sm)}.admin-badge{display:inline-block;padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);margin-right:var(--space-1)}.admin-badge--easy{background:#c6f6d5;color:#22543d}.admin-badge--medium{background:#feebc8;color:#7c2d12}.admin-badge--hard{background:#fed7d7;color:#742a2a}.admin-badge--niche{background:var(--color-border);color:var(--color-text)}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-8);overflow-y:auto;z-index:1000}.admin-users-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;justify-content:flex-end;align-items:stretch;z-index:10000}.admin-users-drawer{position:relative;width:100%;max-width:420px;background:var(--color-bg);border-left:1px solid var(--color-border);box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;overflow:hidden}.admin-users-drawer__content{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:var(--space-4)}.admin-users-drawer__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);flex-shrink:0}.admin-users-drawer__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.admin-users-drawer__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:.25rem 0 0}.admin-users-drawer__tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);flex-shrink:0}.admin-users-drawer__tab{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted)}.admin-users-drawer__tab:hover{color:var(--color-text)}.admin-users-drawer__tab--active{background:var(--color-brand-1);color:var(--color-btn-primary-text);border-color:var(--color-brand-1)}.admin-users-drawer__empty{padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.admin-users-drawer__empty-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.admin-users-panel{flex:1;min-height:0}.admin-users-field-row{margin-bottom:var(--space-4)}.admin-users-field-row label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.admin-users-field-row input,.admin-users-field-row select{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.admin-users-actions-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.admin-users-divider{height:1px;background:var(--color-border);margin:var(--space-4) 0}.admin-users-badge-list__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.admin-users-badge-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.admin-users-badge-row:last-child{border-bottom:none}.admin-users-badge-row__name{font-weight:var(--font-weight-medium)}.admin-users-badge-row__meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.admin-users-danger__title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.admin-users-danger__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.admin-users-kv{font-size:var(--font-size-sm)}.admin-users-kv dt{font-weight:var(--font-weight-medium);margin:0 0 var(--space-1)}.admin-users-kv dd{margin:0 0 var(--space-3);color:var(--color-text-muted)}.admin-users-empty{padding:var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.admin-modal,.admin-drawer{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 20px #0000001a;max-width:640px;width:100%;margin:0 auto}.admin-modal__header,.admin-drawer__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.admin-modal__body,.admin-drawer__body{padding:var(--space-4)}.admin-modal__footer{padding:var(--space-4);border-top:1px solid var(--color-border);display:flex;gap:var(--space-2);justify-content:flex-end}.admin-modal__close{padding:var(--space-1);background:none;border:none;cursor:pointer;color:var(--color-text-muted)}.admin-modal__close:hover{color:var(--color-text)}.admin-modal__grid{display:grid;gap:var(--space-4)}.admin-modal__grid--two{grid-template-columns:1fr 1fr}@media (max-width: 600px){.admin-modal__grid--two{grid-template-columns:1fr}}.admin-section-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-6)}.admin-section-card__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.admin-section-card__header h2{margin:0 0 var(--space-1);font-size:var(--font-size-lg)}.admin-section-card__header p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.admin-distribution-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}.admin-distribution-row:last-child{border-bottom:none}.admin-distribution-bar{flex:1;height:8px;background:var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.admin-distribution-bar-fill{height:100%;background:var(--color-brand-1);border-radius:var(--radius-sm)}.admin-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.admin-summary-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.admin-summary-card__label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-1)}.admin-summary-card__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.admin-filters{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4)}.admin-layout-split{display:grid;gap:var(--space-6)}@media (min-width: 800px){.admin-layout-split{grid-template-columns:1fr 1fr}}.admin-detail-section{margin-bottom:var(--space-4)}.admin-detail-section h3{margin:0 0 var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.admin-detail-section p,.admin-detail-section select,.admin-detail-section textarea{margin:0 0 var(--space-2);font-size:var(--font-size-sm)}.admin-detail-section textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;resize:vertical}.notification-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:10001;display:flex;flex-direction:column;gap:var(--space-2);max-width:min(400px,calc(100vw - var(--space-8)));pointer-events:none}.notification-container>*{pointer-events:auto}.notification{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-sm);line-height:var(--line-height-normal);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;border:1px solid rgba(0,0,0,.08);cursor:pointer;transition:opacity .2s,transform .2s}.notification:hover{opacity:.95}.notification__content{flex:1;min-width:0}.notification__message{display:block}.notification__close{flex-shrink:0;width:24px;height:24px;padding:0;margin:calc(-1 * var(--space-1)) calc(-1 * var(--space-2)) 0 0;background:transparent;border:none;border-radius:var(--radius-sm);color:inherit;opacity:.7;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}.notification__close:hover{opacity:1;background:#00000014}.notification--success{background:#d1fae5;color:#065f46;border-color:#055f4633}.notification--error{background:#fee2e2;color:#991b1b;border-color:#991b1b33}.notification--warning{background:#fef3c7;color:#92400e;border-color:#92400e33}.notification--info{background:#dbeafe;color:#1e40af;border-color:#1e40af33}.App{min-height:100vh;display:flex;flex-direction:column}.app-shell{flex:1;display:flex;flex-direction:column;min-width:0;width:100%;overflow-x:hidden}.app-shell.container{max-width:1200px;margin:0 auto;padding:var(--space-3)}@media (min-width: 800px){.app-shell.container{padding:var(--space-6)}}@media (min-width: 1280px){.app-shell.container{padding:var(--space-8);justify-content:center;align-items:center}}.app-shell--share{max-width:none;padding:var(--space-4)}.app-shell--admin{max-width:none;padding:0}