:root{--primary:#2457d6;--primary-hover:#1b43a8;--primary-text:#fff;--accent-text:#2457d6;--turquoise:#16a6a0;--yellow:#f4b942;--coral:#f17c55;--green:#1e8e4e;--blue:#2457d6;--bg:#f5f6fa;--surface:#fff;--surface-alt:#ebeef6;--soft:#e6edfc;--text:#202b3c;--muted:#56617a;--line:#dce1ec;--badge-soon-bg:#fcefd0;--badge-soon-text:#6b4a00;--shadow:0 10px 30px #202b3c14;--radius:16px;--header-h:68px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--primary:#3a6bdb;--primary-hover:#4d7be6;--accent-text:#8db0ff;--bg:#0e1420;--surface:#172030;--surface-alt:#1e2a3d;--soft:#8db0ff24;--text:#e7ecf4;--muted:#a7b3c6;--line:#2a3750;--badge-soon-bg:#f4b9422e;--badge-soon-text:#f4c96b;--shadow:0 10px 30px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;margin:0;transition:background-color .3s,color .3s}h1,h2{color:var(--text);margin:0;font-weight:700;line-height:1.2}p{margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--accent-text);outline-offset:3px}[hidden]{display:none!important}.app-shell{grid-template:"header""content"1fr"nav"/1fr;min-height:100dvh;display:grid}.topbar{z-index:20;height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--line);grid-area:header;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:sticky;top:0}.brand{color:var(--text);background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;padding:4px 8px 4px 4px;transition:background-color .2s;display:flex}.brand:hover{background:var(--surface-alt)}.brand-logo{object-fit:cover;object-position:center;border-radius:12px;flex:none;width:44px;height:44px}.brand-name{text-align:left;flex-direction:column;align-items:flex-start;line-height:1.1;display:flex}.brand-name strong{letter-spacing:.08em;font-size:16px}.brand-name small{color:var(--muted);letter-spacing:.2em;font-size:11px}.theme-button{border:1px solid var(--line);background:var(--surface-alt);border-radius:50%;place-items:center;width:44px;height:44px;font-size:18px;transition:transform .4s,background-color .2s;display:grid}.theme-button:hover{transform:rotate(20deg)}.page{grid-area:content;width:100%;max-width:1040px;margin:0 auto;padding:20px 16px 28px;animation:.35s backwards page-in}.bottom-nav{z-index:20;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);grid-area:nav;grid-template-columns:repeat(5,auto);justify-content:space-between;gap:4px;display:grid;position:sticky;bottom:0}.nav-item{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;font-size:12px;transition:background-color .2s,color .2s,transform .2s;display:flex}.nav-item span{font-size:20px;line-height:1.1}.nav-item:hover{color:var(--text);background:var(--surface-alt)}.nav-item:active{transform:scale(.96)}.nav-item.active{color:var(--accent-text);background:var(--soft);font-weight:600}.eyebrow{color:var(--accent-text);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:700;display:inline-block}.primary-button{background:var(--primary);color:var(--primary-text);border:0;border-radius:999px;align-items:center;gap:10px;margin-top:24px;padding:14px 24px;font-size:16px;font-weight:600;transition:transform .2s,background-color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 24px #2457d640}.primary-button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 14px 28px #2457d64d}.primary-button:active{transform:scale(.98)}.primary-button span{transition:transform .2s;display:inline-block}.primary-button:hover span{transform:translate(4px)}.text-button{color:var(--accent-text);white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:8px 4px;font-weight:600}.text-button:hover{text-decoration:underline}.pill-button{background:var(--green);color:#fff;white-space:nowrap;border:0;border-radius:999px;padding:10px 18px;font-weight:600;transition:background-color .2s,transform .2s}.pill-button:hover{background:#17733f;transform:scale(1.03)}.back-button{color:var(--accent-text);background:0 0;border:0;margin-bottom:8px;padding:8px 0;font-weight:600;transition:transform .2s;display:inline-flex}.back-button:hover{transform:translate(-4px)}.welcome{grid-template-columns:1fr;align-items:center;gap:32px;padding:16px 0 0;display:grid}.welcome h1{margin:12px 0 16px;font-size:clamp(2.2rem,6vw,3.25rem)}.welcome p{max-width:36ch;color:var(--muted);font-size:1.125rem}.welcome-art{justify-self:center;width:100%;max-width:420px;position:relative}.hero-logo{width:100%;height:auto;box-shadow:var(--shadow);border-radius:28px;display:block}.globe{box-shadow:var(--shadow);background:radial-gradient(circle at 32% 28%,#9be3df,#16a6a0 42%,#2457d6 100%);border-radius:50%;place-items:center;font-size:clamp(64px,18vw,96px);animation:6s ease-in-out infinite float;display:grid;position:absolute;inset:12%}.floating-letter{background:var(--yellow);color:#202b3c;width:60px;height:60px;box-shadow:var(--shadow);border-radius:14px;place-items:center;font-size:30px;font-weight:700;animation:7s ease-in-out infinite float-slow;display:grid;position:absolute;top:4%;left:2%}.floating-book{font-size:48px;animation:8s ease-in-out infinite reverse float-slow;position:absolute;bottom:14%;right:0}.mini-grid{background:var(--surface);box-shadow:var(--shadow);border-radius:14px;grid-template-columns:repeat(3,36px);gap:4px;padding:8px;display:grid;position:absolute;top:2%;right:4%}.mini-cell{background:var(--surface-alt);height:36px;color:var(--text);border-radius:6px;place-items:center;font-size:16px;font-weight:700;display:grid}.mini-cell.is-black{background:#202b3c}.flag-bar{border-radius:99px;height:6px;display:flex;position:absolute;bottom:0;left:12%;right:12%;overflow:hidden}.flag-bar span{flex:1}.flag-bar span:first-child{background:var(--green)}.flag-bar span:nth-child(2){background:var(--yellow)}.flag-bar span:nth-child(3){background:var(--blue)}.section-block{margin-top:40px}.section-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.section-heading h2,.section-block>h2{margin-top:4px;font-size:1.5rem}.section-block>h2{margin-bottom:20px}.quick-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.quick-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);text-align:left;flex-direction:column;align-items:flex-start;gap:6px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.quick-card>span:first-child{margin-bottom:4px;font-size:28px}.quick-card strong{font-size:1.0625rem}.quick-card small{color:var(--muted);font-size:.875rem}.quick-card:hover{box-shadow:var(--shadow);border-color:var(--accent-text);transform:translateY(-3px)}.category-list{grid-template-columns:1fr;gap:12px;display:grid}.category-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);text-align:left;animation:.4s backwards page-in;animation-delay:calc(var(--i,0) * 60ms);align-items:center;gap:14px;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.category-card:hover{box-shadow:var(--shadow);border-color:var(--accent-text);transform:translateY(-2px)}.category-card:hover .card-arrow{transform:translate(4px)}.category-icon{border-radius:14px;flex:none;place-items:center;width:52px;height:52px;font-size:26px;display:grid}.category-icon.large{border-radius:20px;width:72px;height:72px;font-size:36px}.category-icon.blue{background:#2457d61f}.category-icon.turquoise{background:#16a6a024}.category-icon.yellow{background:#f4b94238}.category-icon.coral{background:#f17c5529}.category-icon.green{background:#1e8e4e24}.category-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.category-info strong{font-size:1.0625rem}.category-info small{color:var(--muted);font-size:.875rem}.category-count{font-weight:600}.card-arrow{color:var(--muted);margin-left:auto;font-size:22px;transition:transform .2s}.search-box{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:10px;margin:8px 0 24px;padding:12px 18px;font-size:20px;transition:border-color .2s,box-shadow .2s;display:flex}.search-box:focus-within{border-color:var(--accent-text);box-shadow:0 0 0 3px var(--soft)}.search-box input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:16px}.empty-note{color:var(--muted);text-align:center;margin-top:24px}.page-heading{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:28px;display:flex}.page-heading h1{font-size:clamp(2rem,5vw,2.75rem)}.page-heading p{max-width:52ch;color:var(--muted);font-size:1.125rem}.category-hero{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;align-items:flex-start;gap:8px;padding:32px;display:flex;position:relative;overflow:hidden}.category-hero.is-gabon:before{content:"";background:linear-gradient(90deg, var(--green) 0 33.33%, var(--yellow) 33.33% 66.66%, var(--blue) 66.66%);height:6px;position:absolute;top:0;left:0;right:0}.category-hero h1{margin-top:4px;font-size:clamp(2rem,5vw,2.75rem)}.category-hero p{color:var(--muted);font-size:1.125rem}.category-hero .badge{margin-top:8px}.level-list{gap:12px;display:grid}.level-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);text-align:left;align-items:center;gap:14px;padding:18px;display:flex}.level-icon{background:var(--surface-alt);border-radius:14px;flex:none;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.level-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.level-info strong{font-size:1.0625rem}.level-info small{color:var(--muted);font-size:.875rem}.badge{background:var(--surface-alt);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.badge-soon{background:var(--badge-soon-bg);color:var(--badge-soon-text)}.notice{border-left:4px solid var(--yellow);background:var(--soft);border-radius:14px;margin-top:24px;padding:16px 18px}.feature-panel,.profile-panel{border:1px solid var(--line);background:var(--surface);border-radius:20px;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:16px;padding:28px;display:flex}.feature-panel p,.profile-panel p{color:var(--muted)}.feature-icon{margin-bottom:4px;font-size:32px;line-height:1}.profile-avatar{background:var(--surface-alt);border-radius:50%;place-items:center;width:72px;height:72px;font-size:36px;display:grid}.community-options{gap:16px;display:grid}.community-options .feature-panel{margin-bottom:0}.page-badge{margin-top:24px}.gabobanner{border:1px solid var(--line);background:var(--surface);border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:16px;margin-top:40px;padding:20px 24px 20px 28px;display:grid;position:relative;overflow:hidden}.gabobanner:before{content:"";background:linear-gradient(180deg, var(--green) 0 33.33%, var(--yellow) 33.33% 66.66%, var(--blue) 66.66%);width:6px;position:absolute;top:0;bottom:0;left:0}.gabon-flag{font-size:36px}.gabobanner .pill-button{grid-column:2;justify-self:start}.gabobanner strong{display:block}.gabobanner p{color:var(--muted);font-size:.9375rem}.app-footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;margin-top:48px;padding-top:24px;font-size:.875rem}.app-footer small{margin-top:4px;display:block}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-slow{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-8px)rotate(4deg)}}@media (width>=600px){.quick-grid{grid-template-columns:repeat(4,1fr)}.category-list,.community-options{grid-template-columns:repeat(2,1fr)}.gabobanner{grid-template-columns:auto 1fr auto}.gabobanner .pill-button{grid-column:auto;justify-self:auto}}@media (width>=900px){.app-shell{grid-template-columns:240px 1fr;grid-template-rows:var(--header-h) 1fr;grid-template-areas:"header header""nav content"}.topbar{padding:0 32px}.bottom-nav{top:var(--header-h);height:calc(100dvh - var(--header-h));border-top:0;border-right:1px solid var(--line);grid-template-columns:1fr;align-content:start;align-self:start;padding:16px;bottom:auto}.nav-item{flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 14px;font-size:15px}.nav-item span{text-align:center;width:24px;font-size:18px}.page{padding:40px 48px 56px}.welcome{grid-template-columns:1.1fr .9fr;padding:40px 0 0}.welcome-art{max-width:420px}.category-list.wide{grid-template-columns:repeat(3,1fr)}}.profile-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}.profile-stat{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;gap:4px;padding:18px;display:flex}.profile-stat strong{font-size:1.35rem}.profile-stat span,.profile-note{color:var(--muted);font-size:.8125rem}.profile-progress-panel{align-items:stretch}.profile-progress-list{gap:4px;width:100%;display:grid}.profile-progress-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:12px 0;display:flex}.profile-progress-row strong{color:var(--accent-text)}@media (width>=600px){.profile-stats{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.topbar-actions{align-items:center;gap:8px;display:flex}.icon-button{border:1px solid var(--line);background:var(--surface-alt);border-radius:50%;place-items:center;width:44px;height:44px;font-size:18px;transition:transform .4s,background-color .2s;display:grid}.icon-button:hover{transform:rotate(20deg)}.grid-list{gap:12px;display:grid}.grid-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);text-align:left;align-items:center;gap:14px;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.grid-card:hover:not(:disabled){box-shadow:var(--shadow);border-color:var(--accent-text);transform:translateY(-2px)}.grid-card.is-completed{border-color:var(--green)}.grid-card.is-locked{opacity:.5}.grid-card-icon{background:var(--surface-alt);border-radius:14px;flex:none;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.grid-card.is-completed .grid-card-icon{color:var(--green);background:#1e8e4e24}.grid-card-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.grid-card-info strong{font-size:1.0625rem}.grid-card-info small{color:var(--muted);font-size:.875rem}.level-card.is-disabled{opacity:.6}.game-page{flex-direction:column;align-items:center;gap:16px;display:flex}.game-header{justify-content:space-between;align-items:center;width:100%;max-width:480px;display:flex}.game-stats{align-items:center;gap:16px;display:flex}.game-timer,.game-progress{background:var(--surface-alt);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:14px;font-weight:600;display:inline-flex}.clue-bar{border:1px solid var(--line);background:var(--surface);width:100%;max-width:480px;box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:10px;padding:14px 18px;display:flex}.clue-number{background:var(--primary);color:var(--primary-text);white-space:nowrap;border-radius:8px;flex:none;padding:4px 10px;font-size:13px;font-weight:700}.clue-text{flex:1;font-size:.9375rem;line-height:1.4}.crossword-grid{grid-template-columns:repeat(var(--cols), 1fr);background:var(--surface);box-shadow:var(--shadow);touch-action:manipulation;border-radius:16px;gap:3px;width:100%;max-width:480px;padding:12px;display:grid;position:relative}.grid-row{display:contents}.cell{aspect-ratio:1;border:1px solid var(--line);background:var(--surface-alt);text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:6px;place-items:center;font-size:clamp(16px,5vw,24px);font-weight:700;transition:background-color .15s,border-color .15s,transform .1s;display:grid;position:relative}.cell:hover{border-color:var(--accent-text)}.cell.is-black{background:var(--text);border-color:var(--text);pointer-events:none}.cell.is-active{background:var(--soft);border-color:var(--accent-text)}.cell.is-cursor{background:var(--primary);color:var(--primary-text);border-color:var(--primary);z-index:2;transform:scale(1.05)}.cell.is-locked{border-color:var(--green);background:#1e8e4e1f}.cell.is-correct{border-color:var(--green);color:var(--green);background:#1e8e4e29}.cell.is-incorrect{border-color:var(--coral);color:var(--coral);background:#f17c5524}.cell.is-cursor.is-locked,.cell.is-cursor.is-correct,.cell.is-cursor.is-incorrect{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.cell-number{color:var(--muted);font-size:9px;font-weight:600;line-height:1;position:absolute;top:1px;left:3px}.cell.is-cursor .cell-number,.cell.is-locked .cell-number,.cell.is-correct .cell-number,.cell.is-incorrect .cell-number{color:inherit;opacity:.7}.cell-letter{line-height:1}.crossword-grid.is-paused .cell,.crossword-grid.is-paused+.game-actions,.crossword-grid.is-paused~.clues-panel,.crossword-grid.is-paused~.virtual-keyboard{pointer-events:none}.pause-overlay{z-index:5;background:color-mix(in srgb, var(--surface) 94%, transparent);color:var(--text);text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:12px}.pause-overlay span{color:var(--muted)}.pause-overlay .primary-button{margin-top:8px}.game-actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;max-width:480px;display:flex}.game-actions .pill-button:disabled{opacity:.5;background:var(--muted)}.game-actions .primary-button{margin-top:0}.virtual-keyboard{flex-direction:column;gap:6px;width:100%;max-width:480px;margin-top:4px;display:flex}.keyboard-row{justify-content:center;gap:4px;display:flex}.key{border:1px solid var(--line);background:var(--surface);min-width:28px;max-width:40px;height:48px;color:var(--text);text-transform:uppercase;border-radius:8px;flex:1;place-items:center;font-size:16px;font-weight:600;transition:background-color .1s,transform .1s;display:grid}.key:active{background:var(--primary);color:var(--primary-text);transform:scale(.92)}.key-wide{max-width:72px;font-size:14px}.key-enter{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.key-enter:active{background:var(--primary-hover)}@media (width>=600px){.key{max-width:44px;height:54px;font-size:18px}.key-wide{max-width:80px}}.result-hero{text-align:center;margin-bottom:24px}.result-hero h1{margin-top:8px;font-size:clamp(1.75rem,5vw,2.5rem)}.result-score{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;align-items:center;gap:4px;margin-bottom:24px;padding:32px;display:flex}.result-score-value{color:var(--primary);font-size:clamp(3rem,8vw,4rem);font-weight:800;line-height:1}.result-score-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:1.125rem}.result-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}@media (width>=600px){.result-stats{grid-template-columns:repeat(4,1fr)}}.result-stat{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:20px 12px;display:flex}.result-stat-value{color:var(--text);font-size:1.75rem;font-weight:700}.result-stat-label{color:var(--muted);text-align:center;font-size:.875rem}.explanation-clue{color:var(--muted);font-style:italic}.explanation-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:24px;margin-bottom:24px;padding:28px;display:flex}.explanation-section h2{color:var(--accent-text);margin-bottom:10px;font-size:1.125rem}.explanation-section p{color:var(--text);line-height:1.6}.example-item{border-left:3px solid var(--yellow);background:var(--surface-alt);color:var(--text);border-radius:0 12px 12px 0;margin:8px 0;padding:12px 16px;font-style:italic}.explanation-nav{justify-content:space-between}.clue-current{border:1px solid var(--line);background:var(--surface);width:100%;max-width:480px;box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:10px;padding:14px 18px;display:flex}.clues-panel{border:1px solid var(--line);background:var(--surface);border-radius:16px;width:100%;max-width:480px;overflow:hidden}.clues-panel-title{cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:14px 18px;font-size:1rem;font-weight:700;list-style:none;display:flex}.clues-panel-title:before{content:"▸";color:var(--muted);font-size:12px;transition:transform .2s}.clues-panel[open] .clues-panel-title:before{transform:rotate(90deg)}.clues-sections{flex-direction:column;gap:16px;padding:0 18px 18px;display:flex}.clues-section-heading{color:var(--accent-text);letter-spacing:.05em;text-transform:uppercase;margin:0 0 8px;font-size:.875rem;font-weight:700}.clue-item{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:.9375rem;line-height:1.4;transition:background-color .15s;display:flex}.clue-item:hover{background:var(--surface-alt)}.clue-item.is-selected{background:var(--soft);font-weight:600}.clue-item-number{min-width:24px;color:var(--accent-text);flex:none;font-weight:700}.clue-item-text{flex:1}.clue-item-text.is-found{color:var(--green);opacity:.7;text-decoration:line-through}.clue-item-text.is-progress{color:var(--text)}.clue-item-text.is-empty{color:var(--muted)}.clue-item-status{flex:none;font-size:14px;font-weight:700}.clue-item-status.is-found{color:var(--green)}.clue-item-status.is-progress{color:var(--yellow)}.clue-item-status.is-empty{color:#0000}.auth-page{max-width:480px}.auth-error{color:var(--coral);background:#f17c5526;border-radius:12px;margin-bottom:16px;padding:14px 18px;font-size:.9375rem}.auth-form{flex-direction:column;gap:16px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field span{color:var(--text);font-size:.875rem;font-weight:600}.form-field input,.form-field textarea,.form-field select{border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;border-radius:12px;padding:12px 14px;transition:border-color .2s}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--accent-text);outline:none}.auth-switch{text-align:center;margin-top:24px}.auth-switch p{color:var(--muted);margin-bottom:8px}.auth-guest{margin-top:12px}.theme-selector{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.theme-chip{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;transition:border-color .2s,background-color .2s;display:flex}.theme-chip.active{border-color:var(--accent-text);background:var(--soft);font-weight:600}:root[data-theme=ndoss]{--primary:#c8902a;--primary-hover:#b87d20;--primary-text:#1a1212;--accent-text:#d4a050;--bg:#1a1212;--surface:#241818;--surface-alt:#2e2020;--soft:#c8902a1f;--text:#f0e0d0;--muted:#b8a898;--line:#3a2828;--shadow:0 10px 30px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=matheu]{--primary:#16a6a0;--primary-hover:#128a85;--primary-text:#fff;--accent-text:#4dd0c8;--bg:#0d1b1e;--surface:#16282d;--surface-alt:#1d363c;--soft:#16a6a01f;--text:#d4f0ec;--muted:#8ab8b2;--line:#2a484d;--shadow:0 10px 30px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.music-player-widget{align-items:center;gap:4px;display:flex}.music-player-controls{top:calc(var(--header-h) - 4px);z-index:30;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:10px;min-width:240px;padding:16px;display:flex;position:absolute;right:20px}.music-volume{flex-direction:column;gap:4px;display:flex}.music-volume span{color:var(--muted);font-size:.75rem}.music-volume input[type=range]{width:100%;accent-color:var(--accent-text)}.music-actions{flex-direction:column;gap:8px;display:flex}.music-file-label{cursor:pointer;text-align:center}.music-source{color:var(--muted);font-size:.75rem}.icon-button.is-playing{background:var(--soft);border-color:var(--accent-text)}.admin-page{max-width:100%}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.admin-layout{flex-direction:column;gap:16px;display:flex}.admin-sidebar{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-wrap:wrap;gap:6px;padding:12px;display:flex}.admin-nav-item{color:var(--muted);background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:.875rem;transition:background-color .2s,color .2s;display:flex}.admin-nav-item:hover{background:var(--surface-alt);color:var(--text)}.admin-nav-item.active{background:var(--soft);color:var(--accent-text);font-weight:600}.admin-content{min-height:300px}.admin-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.admin-table{border-collapse:collapse;width:100%;font-size:.875rem}.admin-table th{text-align:left;border-bottom:2px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:10px 12px;font-size:.75rem}.admin-table td{border-bottom:1px solid var(--line);padding:10px 12px}.admin-table tr:hover td{background:var(--surface-alt)}.admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.admin-stat-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;gap:4px;padding:20px;display:flex}.admin-stat-card strong{font-size:1.75rem}.admin-stat-card span{color:var(--muted);font-size:.8125rem}.admin-hint{color:var(--muted);margin-top:16px;font-size:.875rem}.admin-inline-form{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.admin-inline-form select{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:8px 12px}.admin-form{flex-direction:column;gap:16px;max-width:560px;display:flex}.admin-theme-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.admin-theme-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;gap:6px;padding:16px;display:flex}.admin-theme-card.active{border-color:var(--accent-text)}.donation-options{gap:16px;margin:20px 0;display:grid}.donation-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;flex-direction:column;align-items:flex-start;gap:8px;padding:24px;display:flex}.donation-card.is-future{opacity:.7}.donation-card small{color:var(--muted)}.versus-actions{flex-direction:column;gap:16px;margin-top:16px;display:flex}.versus-join{width:100%}.versus-join-row{gap:8px;display:flex}.versus-join-row input{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;flex:1;padding:10px 14px}@media (width>=900px){.admin-layout{flex-direction:row;align-items:flex-start}.admin-sidebar{flex-direction:column;flex:none;width:220px}.admin-stats-grid,.admin-theme-grid{grid-template-columns:repeat(4,1fr)}}