:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-dark:#0a0a0f;--bg-gradient:radial-gradient(circle at 50% 0%, #5ec8f82b 0%, #0000 52%);--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-bg-hover:#ffffff0f;--glass-border-hover:#ffffff26;--primary:#5ec8f8;--primary-glow:#5ec8f861;--text-main:#f3f4f6;--text-muted:#9ca3af;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background-color:var(--bg-dark);background-image:var(--bg-gradient);min-width:320px;min-height:100vh;color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;margin:0;display:flex}#root{width:100%;overflow-x:clip}.app-main{max-width:1200px;margin:0 auto;padding:32px 20px}.app-navbar{border-bottom:1px solid var(--glass-border);z-index:500;background-color:var(--bg-dark);background-image:var(--bg-gradient);-webkit-backdrop-filter:none;isolation:isolate;background-repeat:no-repeat;background-size:100% 220px;border-top:none;border-left:none;border-right:none;border-radius:0;width:100%;padding:16px 20px;position:sticky;top:0}.app-navbar-inner{min-width:0;max-width:1200px;margin:0 auto}.app-brand-title{font-size:1.6rem}.app-brand-logo{object-fit:contain;flex-shrink:0;width:42px;height:42px}.app-drawer-brand-logo{object-fit:contain;flex-shrink:0;width:38px;height:38px}.app-drawer-brand-title{margin:0;font-size:1.35rem;line-height:1.1}.app-nav{margin-left:32px}.app-nav-link{white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.contest-problem-row a,.daily-problem-grid a,.daily-tag-result-grid a,.contest-step-item,.contest-tag-pill,.app-mobile-nav-link span{overflow-wrap:anywhere;word-break:break-word}.admin-inbox-key{flex:320px}.admin-inbox-limit{width:130px}.app-mobile-menu-btn{border:1px solid var(--glass-border);width:40px;height:40px;color:var(--text-main);cursor:pointer;z-index:520;background:#ffffff0a;border-radius:10px;justify-content:center;align-items:center;display:none;position:relative}.app-mobile-backdrop{display:none}.app-mobile-drawer{z-index:700;border-left:1px solid var(--glass-border);overscroll-behavior:contain;background:#0f131c;flex-direction:column;gap:12px;width:clamp(248px,82vw,320px);max-width:calc(100vw - 10px);height:100dvh;padding:14px;transition:transform .22s;display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(105%)}.app-mobile-drawer.open{transform:translate(0)}.app-mobile-drawer-head{justify-content:space-between;align-items:center;display:flex}.app-mobile-close-btn{border:1px solid var(--glass-border);width:32px;height:32px;color:var(--text-main);cursor:pointer;background:#ffffff0a;border-radius:8px}.app-mobile-user-chip{color:var(--text-main);border:1px solid var(--glass-border);background:#ffffff08;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-weight:600;display:inline-flex}.app-mobile-nav{flex-direction:column;gap:8px;display:flex}.app-mobile-nav-link{border:1px solid var(--glass-border);border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;text-decoration:none;transition:all .2s;display:flex}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;margin-top:0;font-weight:600}p{line-height:1.6}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:24px;transition:all .3s;box-shadow:0 4px 30px #0000001a}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px;padding:16px;transition:all .2s}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:0 10px 30px #0003}.modern-input{border:1px solid var(--glass-border);color:#fff;background:#0003;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .2s}.modern-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}select.modern-input{color:var(--text-main);background:#00000059}select.modern-input option{color:#e5e7eb;background:#10131a}select.modern-input option:checked{color:#fff;background:#1b2a3b}.modern-button{color:#fff;cursor:pointer;background:#2d89ab;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.modern-button:hover{box-shadow:0 0 15px var(--primary-glow);background:#319cc4;transform:translateY(-1px)}.modern-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.modern-button.secondary{border:1px solid var(--glass-border);background:#ffffff1a}.modern-button.secondary:hover{box-shadow:none;background:#ffffff26;border-color:#ffffff4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s ease-out forwards fadeIn}.d-flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.legal-note{color:#8b96a8;font-size:.78rem;line-height:1.4}.legal-author-link{color:#5ec8f8;text-underline-offset:2px;font-weight:700;text-decoration:underline}.legal-author-link:hover{color:#8edbfd}.legal-footer{margin-top:24px;padding-bottom:8px}.rating-newbie{color:gray}.rating-pupil{color:green}.rating-specialist{color:#03a89e}.rating-expert{color:#00f}.rating-cm{color:#a0a}.rating-master{color:#ff8c00}.rating-gm{color:red}.contest-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.contest-how-it-works{border:1px solid var(--glass-border);background:#ffffff05;border-radius:14px;padding:14px}.contest-mode-explain-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.contest-mode-explain-card{padding:12px}.contest-how-flow{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.contest-info-kpis{flex-wrap:wrap;gap:8px;display:flex}.contest-info-kpi{color:#d7f1fd;background:#5ec8f824;border:1px solid #5ec8f873;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;display:inline-flex}.contest-tip-list{gap:8px;margin-top:6px;display:grid}.contest-tip-row{border:1px solid var(--glass-border);color:var(--text-muted);background:#ffffff08;border-radius:10px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:.86rem;line-height:1.35;display:flex}.contest-tip-row svg{color:#9fdfff;flex-shrink:0;margin-top:2px}.contest-mode-card{text-align:left;border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;background:#ffffff08;border-radius:12px;padding:14px;transition:all .2s}.contest-mode-card:hover{border-color:#ffffff3d;transform:translateY(-1px)}.contest-mode-card.active{border-color:var(--primary);background:#5ec8f824;box-shadow:0 0 0 1px #5ec8f847}.contest-pill{border:1px solid var(--glass-border);color:var(--text-main);background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;display:inline-flex}.contest-pill-highlight{background:#5ec8f82e;border-color:#5ec8f880}.contest-chip-wrap{flex-wrap:wrap;gap:8px;display:flex}.contest-tag-pill{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;background:#ffffff08;border-radius:999px;padding:6px 10px;font-size:.8rem;transition:all .2s}.contest-tag-pill:hover{color:var(--text-main);border-color:#ffffff47}.contest-tag-pill.active{border-color:var(--primary);color:#fff;background:#5ec8f838}.contest-quick-stats{flex-wrap:wrap;gap:8px;display:flex}.contest-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.contest-problem-row{grid-template-columns:90px 1fr auto;align-items:center;gap:12px;display:grid}.analysis-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.analysis-category-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.analysis-dual-grid{grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:24px;display:grid}.analysis-pattern-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.analysis-tag-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.daily-problem-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.daily-mix-card{min-width:0}.daily-mix-card-head{flex-wrap:wrap;gap:10px}.daily-mix-badge{overflow-wrap:anywhere;word-break:break-word;max-width:100%}.daily-mix-rating{white-space:nowrap}.daily-mix-title{line-height:1.35}.daily-mix-link{flex-wrap:wrap;align-items:flex-start;gap:6px}.daily-mix-reveal-btn{min-height:40px}.daily-tag-result-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.contest-summary-tile{border:1px solid var(--glass-border);background:#ffffff08;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.contest-rating-bar{background:#ffffff14;border-radius:999px;width:100%;height:6px;overflow:hidden}.contest-rating-bar>span{background:linear-gradient(90deg,#22c55e,#eab308,#ef4444);border-radius:999px;height:100%;display:block}.contest-setup-flow{flex-direction:column;gap:10px;display:flex}.contest-setup-step{align-items:flex-start;gap:12px;display:flex;position:relative}.contest-setup-step-index{color:#fff;background:linear-gradient(135deg,#5ec8f8,#3eaedb);border-radius:999px;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 0 14px #5ec8f859}.contest-step-item-wrap{flex-wrap:wrap;gap:8px;display:flex}.contest-step-item{border:1px solid var(--glass-border);background:#ffffff08;border-radius:10px;align-items:center;padding:6px 10px;font-size:.86rem;line-height:1.35;display:inline-flex}.contest-step-item-link{color:var(--text-main);background:#5ec8f82e;border-color:#5ec8f880;text-decoration:none}.contest-step-item-link:hover{background:#5ec8f847;border-color:#5ec8f8c7}@media (width<=1100px){.app-nav{margin-left:14px;padding-bottom:2px;overflow-x:auto}.app-nav-link{padding:8px 12px;font-size:.92rem}.app-handle-chip{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden;padding:6px 12px!important}}@media (width<=900px){.app-main{padding:22px 14px}.glass-panel{padding:18px}.responsive-row{flex-direction:column;align-items:flex-start;gap:12px}.app-navbar{padding:12px 14px}.app-navbar-inner{flex-direction:row;align-items:center;gap:8px}.app-navbar-left,.app-navbar-right{flex-wrap:nowrap;justify-content:flex-start}.app-brand-title{font-size:1.45rem}.app-brand-logo{width:38px;height:38px}.app-drawer-brand-logo{width:36px;height:36px}.app-drawer-brand-title{font-size:1.45rem}.app-nav,.app-navbar-right{display:none}.app-mobile-menu-btn{margin-left:auto;display:inline-flex}.app-mobile-backdrop{z-index:490;background:#00000073;border:none;display:block;position:fixed;inset:0}.analysis-grid,.analysis-dual-grid,.analysis-pattern-grid,.analysis-tag-grid,.daily-problem-grid,.daily-tag-result-grid{grid-template-columns:1fr;gap:14px}.analysis-category-grid{grid-template-columns:1fr}.daily-mix-rating{white-space:normal}.contest-problem-row{grid-template-columns:1fr;gap:10px}.contest-mode-grid,.contest-mode-explain-grid,.contest-summary-grid{grid-template-columns:1fr}}@media (width<=480px){.app-main{padding:18px 10px}.glass-panel{border-radius:12px;padding:14px}.glass-card{padding:12px}h1{font-size:1.45rem}h2{font-size:1.2rem}.modern-button{width:100%}.admin-inbox-controls{align-items:stretch}.admin-inbox-key,.admin-inbox-limit{flex:100%;width:100%}.daily-problem-grid{grid-template-columns:minmax(0,1fr);gap:12px}.daily-mix-card{padding:12px}.daily-mix-card-head{align-items:flex-start}}@media (width<=360px){.app-navbar{padding:10px 8px}.app-main{padding:14px 8px}.app-brand-title{font-size:1.45rem}.app-brand-logo{width:34px;height:34px}.app-drawer-brand-logo{width:32px;height:32px}.app-drawer-brand-title{font-size:1.45rem}.glass-panel{border-radius:10px;padding:12px}}