@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--sp-xs:6px;--sp-sm:12px;--sp-md:18px;--sp-lg:26px;--sp-xl:40px;--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:20px;--fs-xl:26px;--fs-2xl:34px;--cyan:#06b6d4;--violet:#8b5cf6;--pink:#ec4899;--grad-primary:linear-gradient(135deg, #0891b2 0%, #4f46e5 100%);--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-pill:999px;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}:root,:root[data-theme=light]{--bg-base:#d6ecf7;--bg-deep:#e8f4fb;--bg-card:#ffffff8c;--bg-card-hi:#ffffffc7;--text-1:#062033;--text-2:#1e3a52;--text-3:#547089;--border-soft:#065f8224;--border-glow:#06b6d466;--shadow-card:0 18px 50px #0f173c1f;--shadow-glow:0 0 40px #06b6d42e;--aurora-1:#0ea5e973;--aurora-2:#38bdf866;--aurora-3:#8b5cf633;--blue:#06b6d4;--blue-dark:#0891b2;--blue-dim:#06b6d41f;--blue-border:#06b6d459;--bg-dark:#f6f8ff;color:var(--text-1)}:root[data-theme=dark]{--bg-base:#05060f;--bg-deep:#070a1c;--bg-card:#ffffff0f;--bg-card-hi:#ffffff1a;--text-1:#f1f5ff;--text-2:#c9d1e8;--text-3:#8893b5;--border-soft:#ffffff1a;--border-glow:#06d4ff73;--shadow-card:0 20px 60px #00000073;--shadow-glow:0 0 40px #06d4ff2e;--aurora-1:#06d4ff38;--aurora-2:#8b5cf647;--aurora-3:#ec48991a;--bg-dark:#05060f}*{box-sizing:border-box}html{background:var(--bg-base);font-size:clamp(14px,1.5vw + 10px,16px);transition:background .4s}body{min-height:100vh;color:var(--text-1);background:radial-gradient(1200px 700px at 85% -10%, var(--aurora-2), transparent 60%), radial-gradient(1000px 600px at -10% 110%, var(--aurora-1), transparent 60%), radial-gradient(800px 500px at 50% 50%, var(--aurora-3), transparent 70%), var(--bg-base);background-attachment:fixed;margin:0;transition:color .4s;overflow-x:hidden}#app{min-height:100vh}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent;font-family:inherit}body:before,body:after{content:"";filter:blur(140px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}body:before{background:radial-gradient(circle, var(--cyan) 0%, transparent 70%);opacity:.16;width:560px;height:560px;top:-240px;left:-180px}body:after{background:radial-gradient(circle, var(--violet) 0%, transparent 70%);opacity:.13;width:640px;height:640px;bottom:-260px;right:-220px}.grad-text{background:var(--grad-primary);color:#0000;-webkit-background-clip:text;background-clip:text}.page-logo{z-index:5;justify-content:center;align-items:center;width:100%;padding:24px 16px 12px;display:flex;position:relative}.page-logo-img{width:auto;height:84px;display:block}.page-logo-dark,:root[data-theme=dark] .page-logo-light{display:none}:root[data-theme=dark] .page-logo-dark{display:block}.back-btn-corner{z-index:30;top:14px;left:14px;position:absolute!important}@media (max-width:520px){.back-btn-corner{top:10px;left:10px}}.rule-topbar-end{justify-content:flex-end!important}@media (max-width:720px){.page-logo{padding:18px 12px 8px}.page-logo-img{height:68px}}@media (max-width:520px){.page-logo{padding:14px 10px 6px}.page-logo-img{height:56px}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7f7f7f40;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#06b6d473}.theme-toggle{border:1px solid var(--border-soft);background:var(--bg-card-hi);-webkit-backdrop-filter:blur(16px);width:48px;height:48px;color:var(--text-1);cursor:pointer;z-index:1000;box-shadow:var(--shadow-card);border-radius:999px;justify-content:center;align-items:center;font-size:22px;transition:transform .3s,background .3s,border-color .3s;display:flex;position:fixed;top:20px;right:20px}.theme-toggle:hover{border-color:var(--cyan);transform:scale(1.08)rotate(-12deg)}.theme-toggle:active{transform:scale(.95)}

.topic-page,.menu-page,.rule-page,.topic-test-page,.exam-page,.proc-page{z-index:1;font-family:Inter,system-ui,sans-serif;position:relative;color:var(--text-1)!important;background:0 0!important}.back-btn,.back-link{-webkit-backdrop-filter:blur(14px)saturate(140%);font-family:inherit;background:var(--bg-card)!important;color:var(--text-1)!important;border:1px solid var(--border-soft)!important;box-shadow:var(--shadow-card)!important;transition:all .25s!important}.back-btn:hover,.back-link:hover{transform:translate(-3px);border-color:var(--cyan)!important;box-shadow:0 10px 30px color-mix(in srgb, var(--cyan) 22%, transparent)!important}.topic-title,.menu-title,.exam-title,.rule-header h1{letter-spacing:-.01em;font-weight:900;color:var(--text-1)!important;text-shadow:none!important}.topic-title{background:linear-gradient(135deg, var(--cyan), var(--violet));-webkit-background-clip:text;background-clip:text;color:#0000!important}.topic-title:after{background:linear-gradient(90deg, transparent, var(--cyan), var(--violet), transparent)!important;box-shadow:0 0 18px color-mix(in srgb, var(--cyan) 35%, transparent)!important}.topic-card,.menu-card{-webkit-backdrop-filter:blur(18px)saturate(140%);isolation:isolate;position:relative;overflow:hidden;background:var(--bg-card)!important;color:var(--text-1)!important;border:1px solid var(--border-soft)!important;box-shadow:var(--shadow-card)!important;transition:all .3s cubic-bezier(.2,.8,.2,1)!important}.topic-card:before,.menu-card:before{content:"";background:radial-gradient(circle at top right, var(--cyan), transparent 65%);opacity:.1;pointer-events:none;z-index:-1;transition:opacity .3s;position:absolute;inset:0}.topic-card:hover,.menu-card:hover{border-color:var(--cyan)!important;box-shadow:0 24px 60px #0f173c2e, 0 0 40px color-mix(in srgb, var(--cyan) 22%, transparent)!important;transform:translateY(-6px)!important}.topic-card:hover:before,.menu-card:hover:before{opacity:.22}.topic-card h2,.menu-card-title{color:var(--text-1)!important}.topic-card p,.menu-card-desc{color:var(--text-3)!important;opacity:1!important}.topic-card span,.start-pill{box-shadow:0 8px 22px color-mix(in srgb, var(--cyan) 30%, transparent);background:linear-gradient(135deg, var(--cyan), var(--violet))!important;color:#fff!important;border-radius:999px!important;font-weight:800!important}.exam-header,.exam-topic-head{-webkit-backdrop-filter:blur(20px)saturate(140%);background:var(--bg-card)!important;border:1px solid var(--border-soft)!important;box-shadow:var(--shadow-card)!important;border-radius:18px!important}.pill{background:var(--bg-card-hi)!important;color:var(--text-1)!important;border:1px solid var(--border-soft)!important}.header-btn{font-weight:800;background:linear-gradient(135deg, var(--cyan), var(--violet))!important;color:#fff!important;box-shadow:0 8px 22px color-mix(in srgb, var(--cyan) 28%, transparent)!important;border-radius:12px!important;transition:all .25s!important}.header-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.question-card{border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(16px)saturate(140%);box-shadow:var(--shadow-card);background:var(--bg-card-hi)!important;color:var(--text-1)!important;border-radius:18px!important}.question-text{color:var(--text-1)}.option{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:inherit;transition:all .2s;background:var(--bg-card)!important;color:var(--text-1)!important;border:1px solid var(--border-soft)!important}.option:hover{transform:translate(2px);border-color:var(--cyan)!important}.option.active{background:linear-gradient(135deg, var(--cyan), var(--violet))!important;color:#fff!important;border-color:#0000!important}.option.correct{color:#fff!important;background:linear-gradient(135deg,#34d399,#059669)!important;border-color:#0000!important}.option.wrong{color:#fff!important;background:linear-gradient(135deg,#f87171,#dc2626)!important;border-color:#0000!important}.finished-box{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;background:var(--bg-card)!important;border:1px solid var(--border-soft)!important;color:var(--text-1)!important}.rule-header p,.result-info{color:var(--text-3)!important}.search-input{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-family:inherit;background:var(--bg-card-hi)!important;color:var(--text-1)!important;border:1px solid var(--border-soft)!important;box-shadow:var(--shadow-card)!important}.search-input::placeholder{color:var(--text-3)}.sidebar-card{border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(20px)saturate(140%);background:var(--bg-card)!important;color:var(--text-1)!important;box-shadow:var(--shadow-card)!important}.sidebar-card h3,.sidebar-close{color:var(--text-1)!important}.chapter-btn{border:1px solid var(--border-soft);font-family:inherit;transition:all .2s;background:var(--bg-card-hi)!important;color:var(--text-1)!important}.chapter-btn:hover{border-color:var(--cyan);transform:translate(3px);background:var(--bg-card-hi)!important}.chapter-btn.active{box-shadow:0 8px 22px color-mix(in srgb, var(--cyan) 28%, transparent);border-color:#0000;background:linear-gradient(135deg, var(--cyan), var(--violet))!important;color:#fff!important}.menu-btn{font-family:inherit;font-weight:800;background:linear-gradient(135deg, var(--cyan), var(--violet))!important;color:#fff!important;box-shadow:0 8px 22px color-mix(in srgb, var(--cyan) 28%, transparent)!important;border:none!important;border-radius:12px!important}.rule-card{border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(16px)saturate(140%);background:var(--bg-card-hi)!important;color:var(--text-1)!important;box-shadow:var(--shadow-card)!important}.rule-card.definition{border-left:4px solid var(--cyan)!important}.rule-card.rule{border-left:4px solid #10b981!important}.rule-card.prohibition{border-left:4px solid var(--pink)!important}.rule-title{color:var(--text-1)!important}.rule-text,.rule-list-detail{color:var(--text-2)!important}.rule-id-badge{background:linear-gradient(135deg, var(--cyan), var(--violet))!important;color:#fff!important}.rule-type-badge,.keyword-chip,.rule-note{border:1px solid var(--border-soft);background:var(--bg-card)!important;color:var(--text-2)!important}.no-result{border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--bg-card)!important;color:var(--text-1)!important}.image-preview-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05060fc7!important}.image-preview-modal{border:1px solid var(--border-soft);background:var(--bg-deep)!important;color:var(--text-1)!important}.image-preview-info{color:var(--text-1)!important}.image-preview-info p,.image-preview-item p{color:var(--text-2)!important}.image-preview-close{border:none;background:linear-gradient(135deg, var(--cyan), var(--violet))!important;color:#fff!important}.scroll-top-btn{background:linear-gradient(135deg, var(--cyan), var(--violet))!important;color:#fff!important;box-shadow:0 12px 30px color-mix(in srgb, var(--cyan) 30%, transparent)!important;border:none!important}.proc-carousel-arrow{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:all .2s;background:var(--bg-card)!important;color:var(--text-1)!important;border:1px solid var(--border-soft)!important}.proc-carousel-arrow:hover{border-color:var(--cyan)!important;background:var(--bg-card-hi)!important}.proc-carousel-counter{color:var(--text-3)!important}.history-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05060fb8!important}.history-modal{border:1px solid var(--border-soft);background:var(--bg-deep)!important;color:var(--text-1)!important}.history-item{border:1px solid var(--border-soft);background:var(--bg-card-hi)!important;color:var(--text-1)!important}