:root,[data-theme=default]{--bg: #0f1117;--surface: #1a1d27;--surface2: #242834;--border: #2e3340;--text: #e4e6ed;--text2: #9498a6;--accent: #6c8cff;--accent2: #4a6adf;--accent-glow: rgba(108,140,255,.15);--green: #3ddc84;--green-bg: rgba(61,220,132,.12);--red: #ff5c5c;--red-bg: rgba(255,92,92,.12);--yellow: #ffb74d;--radius: 12px;--font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--card-bg: var(--surface);--card-border: 1px solid var(--border);--card-backdrop: none;--header-extra: none}[data-theme=light]{--bg: #f5f6f8;--surface: #ffffff;--surface2: #edf0f4;--border: #d5d9e2;--text: #1a1a2e;--text2: #6b7280;--accent: #2563eb;--accent2: #1d4ed8;--accent-glow: rgba(37,99,235,.1);--green: #16a34a;--green-bg: rgba(22,163,74,.08);--red: #dc2626;--red-bg: rgba(220,38,38,.06);--yellow: #d97706;--radius: 12px;--font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--card-bg: var(--surface);--card-border: 1px solid var(--border);--card-backdrop: none;--header-extra: none}[data-theme=light] body{-webkit-font-smoothing:auto}[data-theme=light] .header{background:var(--bg);border-bottom:1px solid var(--border)}[data-theme=light] .answer-btn.selected{background:#2563eb14}[data-theme=light] .submit-btn.next-correct{color:#fff}[data-theme=light] ::-webkit-scrollbar-thumb{background:#c5c9d2}[data-theme=rose]{--bg: #1a1218;--surface: #241a20;--surface2: #2e222a;--border: #3e2e38;--text: #f0e4e8;--text2: #a8919a;--accent: #e8809a;--accent2: #d06a84;--accent-glow: rgba(232,128,154,.12);--green: #6ecf8e;--green-bg: rgba(110,207,142,.1);--red: #e86070;--red-bg: rgba(232,96,112,.1);--yellow: #e8b468;--radius: 16px;--font-display: "DM Sans", -apple-system, system-ui, sans-serif;--font-body: "DM Sans", -apple-system, system-ui, sans-serif;--card-bg: var(--surface);--card-border: 1px solid var(--border);--card-backdrop: none;--header-extra: none}[data-theme=rose] .mode-card,[data-theme=rose] .topic-item,[data-theme=rose] .answer-btn,[data-theme=rose] .box-card{border-radius:16px}[data-theme=rose] .mode-card:hover,[data-theme=rose] .topic-item:hover{border-color:var(--accent);background:#e8809a0f}[data-theme=rose] .answer-btn.selected{border-color:var(--accent);background:#e8809a1a}[data-theme=rose] .answer-btn.selected .answer-check{border-color:var(--accent);background:var(--accent)}[data-theme=rose] .submit-btn.check{background:var(--accent);border-radius:20px}[data-theme=rose] .submit-btn.check:hover{background:var(--accent2)}[data-theme=rose] .btn-primary,[data-theme=rose] .results-btn{border-radius:20px}[data-theme=rose] .input,[data-theme=rose] .search-input,[data-theme=rose] .number-input{border-radius:12px}[data-theme=rose] .results-card{border-radius:20px}[data-theme=simulator]{--bg: #0D1117;--surface: rgba(13,17,23,.85);--surface2: rgba(30,38,50,.7);--border: rgba(76,201,240,.18);--text: #c9d1d9;--text2: rgba(76,201,240,.6);--accent: #4CC9F0;--accent2: #3aa8cc;--accent-glow: rgba(76,201,240,.12);--green: #39d353;--green-bg: rgba(57,211,83,.1);--red: #f85149;--red-bg: rgba(248,81,73,.1);--yellow: #d29922;--radius: 0px;--font-display: "JetBrains Mono", monospace;--font-body: "JetBrains Mono", monospace;--card-bg: rgba(13,17,23,.7);--card-border: 1px solid rgba(76,201,240,.18);--card-backdrop: blur(8px);--header-extra: none}[data-theme=neon]{--bg: #0A0012;--surface: rgba(28,8,48,.55);--surface2: rgba(45,15,70,.5);--border: rgba(224,64,251,.2);--text: #ede0f5;--text2: rgba(224,64,251,.55);--accent: #E040FB;--accent2: #c030d8;--accent-glow: rgba(224,64,251,.15);--green: #69f0ae;--green-bg: rgba(105,240,174,.1);--red: #ff5252;--red-bg: rgba(255,82,82,.1);--yellow: #ffd740;--radius: 14px;--font-display: "Unbounded", cursive;--font-body: "DM Sans", sans-serif;--card-bg: rgba(28,8,48,.45);--card-border: 1px solid rgba(224,64,251,.2);--card-backdrop: blur(16px);--header-extra: none}[data-theme=hud]{--bg: #111318;--surface: #181b22;--surface2: #1f222b;--border: rgba(255,107,53,.2);--text: #e8e6e3;--text2: #8a8880;--accent: #FF6B35;--accent2: #e05a28;--accent-glow: rgba(255,107,53,.1);--green: #4caf50;--green-bg: rgba(76,175,80,.1);--red: #ef5350;--red-bg: rgba(239,83,80,.1);--yellow: #ffa726;--radius: 2px;--font-display: "Unbounded", cursive;--font-body: "DM Sans", sans-serif;--card-bg: var(--surface);--card-border: 1px solid var(--border);--card-backdrop: none;--header-extra: none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.5;min-height:100dvh;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}input{font-family:inherit}#app,#root{max-width:720px;margin:0 auto;padding:0 16px 100px;position:relative}.header{display:flex;align-items:center;gap:12px;padding:20px 0 16px;position:sticky;top:0;background:var(--bg);z-index:100}.header h1{font-size:20px;font-weight:700;flex:1;font-family:var(--font-display)}.header-stats{display:flex;gap:16px;font-size:13px;color:var(--text2)}.header-stats span{display:flex;align-items:center;gap:4px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-green{background:var(--green)}.dot-red{background:var(--red)}.dot-gray{background:var(--text2)}.back-btn{background:none;border:none;color:var(--text2);font-size:22px;padding:4px 8px;border-radius:8px}.back-btn:hover{background:var(--surface2);color:var(--text)}.user-bar{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;background:var(--card-bg);border-radius:var(--radius);border:var(--card-border);backdrop-filter:var(--card-backdrop);-webkit-backdrop-filter:var(--card-backdrop)}.user-bar span{flex:1;font-size:13px;color:var(--text2)}.user-bar button{background:none;border:none;color:var(--text2);font-size:12px;padding:4px 8px}.home-section{margin-bottom:28px}.home-section h2{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text2);margin-bottom:10px;font-family:var(--font-display)}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-card{background:var(--card-bg);border:var(--card-border);border-radius:var(--radius);padding:16px;transition:all .15s;cursor:pointer;backdrop-filter:var(--card-backdrop);-webkit-backdrop-filter:var(--card-backdrop)}.mode-card:hover{border-color:var(--accent);background:var(--surface2)}.mode-card .icon{font-size:24px;margin-bottom:8px}.mode-card .title{font-size:15px;font-weight:600;font-family:var(--font-display)}.mode-card .desc{font-size:12px;color:var(--text2);margin-top:2px}.topic-list{display:flex;flex-direction:column;gap:6px}.topic-item{background:var(--card-bg);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;border:1px solid transparent;transition:all .15s;backdrop-filter:var(--card-backdrop);-webkit-backdrop-filter:var(--card-backdrop)}.topic-item:hover{border-color:var(--accent);background:var(--surface2)}.topic-progress{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;position:relative}.topic-info{flex:1;min-width:0}.topic-name{font-size:14px;font-weight:500}.topic-count{font-size:12px;color:var(--text2)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.question-container{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.progress-bar-wrap{height:3px;background:var(--surface2);border-radius:2px;margin-bottom:20px}.progress-bar{height:100%;background:var(--accent);border-radius:2px;transition:width .3s}.q-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.q-tag{font-size:11px;padding:3px 8px;border-radius:6px;background:var(--surface2);color:var(--text2);font-weight:500}.q-image-wrap{margin-bottom:16px;border-radius:var(--radius);overflow:hidden;background:var(--surface)}.q-image-wrap img{width:100%;display:block;object-fit:contain;max-height:300px}.q-image-wrap video{width:100%;display:block;max-height:300px;background:#000}.q-text{font-size:18px;font-weight:600;line-height:1.45;margin-bottom:20px}.q-heading{font-size:14px;color:var(--text2);margin-bottom:6px}.answers{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.answer-btn{background:var(--card-bg);border:2px solid var(--border);border-radius:var(--radius);padding:14px 16px;text-align:left;font-size:15px;color:var(--text);display:flex;align-items:flex-start;gap:12px;transition:all .15s;position:relative;cursor:pointer;backdrop-filter:var(--card-backdrop);-webkit-backdrop-filter:var(--card-backdrop)}.answer-btn:hover:not(.revealed){border-color:var(--accent);background:var(--surface2)}.answer-btn.selected{border-color:var(--accent);background:var(--accent-glow)}.answer-btn.correct{border-color:var(--green);background:var(--green-bg)}.answer-btn.wrong{border-color:var(--red);background:var(--red-bg)}.answer-btn.missed{border-color:var(--green);border-style:dashed}.answer-check{width:22px;height:22px;border-radius:6px;border:2px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px;transition:all .15s;font-size:14px}.answer-btn.selected .answer-check{border-color:var(--accent);background:var(--accent);color:#fff}.answer-btn.correct .answer-check{border-color:var(--green);background:var(--green);color:#fff}.answer-btn.wrong .answer-check{border-color:var(--red);background:var(--red);color:#fff}.answer-btn.missed .answer-check{border-color:var(--green)}.answer-text{flex:1}.choice-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:16px}.choice-img-btn{border:2px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all .15s}.choice-img-btn:hover{border-color:var(--accent)}.choice-img-btn.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.choice-img-btn img{width:100%;display:block}.number-input-wrap{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.number-input-wrap label{font-size:15px;color:var(--text2)}.number-input{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:12px 16px;color:var(--text);font-size:18px;font-weight:600;width:120px;text-align:center;outline:none}.number-input:focus{border-color:var(--accent)}.number-input.correct{border-color:var(--green);background:var(--green-bg)}.number-input.wrong{border-color:var(--red);background:var(--red-bg)}.number-unit{font-size:15px;color:var(--text2)}.correct-value{font-size:14px;color:var(--green);margin-top:8px;margin-bottom:12px;font-weight:600}.submit-btn{width:100%;padding:16px;border-radius:var(--radius);font-size:16px;font-weight:600;border:none;transition:all .15s}.submit-btn.check{background:var(--accent);color:#fff}.submit-btn.check:hover{background:var(--accent2)}.submit-btn.check:disabled{opacity:.4;cursor:not-allowed}.submit-btn.next-correct{background:var(--green);color:#000}.submit-btn.next-wrong{background:var(--red);color:#fff}.explanation{background:var(--card-bg);border-radius:var(--radius);padding:14px 16px;font-size:13px;color:var(--text2);margin-bottom:16px;line-height:1.6;border-left:3px solid var(--accent);backdrop-filter:var(--card-backdrop);-webkit-backdrop-filter:var(--card-backdrop)}.exam-timer{font-weight:700;font-size:16px;color:var(--yellow);font-family:var(--font-display)}.exam-dots{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px}.exam-dot{width:18px;height:18px;border-radius:4px;font-size:9px;display:flex;align-items:center;justify-content:center;background:var(--surface2);color:var(--text2);cursor:pointer;font-weight:600}.exam-dot.current{border:2px solid var(--accent)}.exam-dot.answered{background:var(--accent);color:#fff}.exam-dot.correct-dot{background:var(--green);color:#fff}.exam-dot.wrong-dot{background:var(--red);color:#fff}.results-card{background:var(--card-bg);border-radius:var(--radius);padding:32px 24px;text-align:center;margin-top:20px;border:var(--card-border);backdrop-filter:var(--card-backdrop);-webkit-backdrop-filter:var(--card-backdrop)}.results-card .big-icon{font-size:64px;margin-bottom:12px}.results-card h2{font-size:22px;margin-bottom:4px;font-family:var(--font-display)}.results-card .subtitle{font-size:15px;color:var(--text2);margin-bottom:24px}.results-stats{display:flex;justify-content:center;gap:24px;margin-bottom:24px}.results-stats .stat{text-align:center}.results-stats .stat .n{font-size:28px;font-weight:700;font-family:var(--font-display)}.results-stats .stat .l{font-size:12px;color:var(--text2)}.results-btn{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:14px 32px;font-size:15px;font-weight:600}.results-btn:hover{background:var(--accent2)}.box-overview{display:flex;gap:8px;margin-bottom:20px}.box-card{flex:1;background:var(--card-bg);border-radius:var(--radius);padding:12px;text-align:center;cursor:pointer;border:2px solid transparent;transition:all .15s}.box-card:hover,.box-card.active{border-color:var(--accent)}.box-num{font-size:22px;font-weight:700;font-family:var(--font-display)}.box-label{font-size:11px;color:var(--text2)}.wrong-list{text-align:left;margin-top:16px}.wrong-list h3{font-size:14px;color:var(--text2);margin-bottom:8px}.wrong-item{font-size:13px;padding:6px 0;border-bottom:1px solid var(--border)}.wrong-penalty{color:var(--red);font-weight:600}.loading{text-align:center;padding:40vh 0;color:var(--text2)}.loading-error{color:var(--red)}.login-container{max-width:400px;margin:20vh auto;padding:0 16px}.login-container h1{font-size:28px;margin-bottom:4px;font-family:var(--font-display)}.login-container .subtitle{color:var(--text2);margin-bottom:32px}.login-container form{display:flex;flex-direction:column;gap:12px}.input{width:100%;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:12px 16px;color:var(--text);font-size:15px;outline:none}.input:focus{border-color:var(--accent)}.btn-primary{width:100%;padding:14px;border-radius:var(--radius);font-size:16px;font-weight:600;border:none;background:var(--accent);color:#fff;margin-top:8px}.btn-primary:hover{background:var(--accent2)}.btn-secondary{width:100%;padding:10px;border-radius:var(--radius);font-size:14px;border:none;background:transparent;color:var(--text2)}.hint{font-size:13px;color:var(--text2);margin-bottom:4px}.error{color:var(--red);font-size:13px;margin-top:8px}.search-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;color:var(--text);font-size:14px;outline:none}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text2)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:3px}@media(max-width:480px){.mode-grid{grid-template-columns:1fr}.q-text{font-size:16px}}[data-theme=simulator] body{background:linear-gradient(rgba(76,201,240,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(76,201,240,.03) 1px,transparent 1px),var(--bg);background-size:24px 24px}[data-theme=simulator] body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(76,201,240,.015) 2px,rgba(76,201,240,.015) 4px);pointer-events:none;z-index:10000}[data-theme=simulator] .answer-check{border-radius:0}[data-theme=simulator] .dot{border-radius:2px}[data-theme=simulator] .exam-dot,[data-theme=simulator] .back-btn{border-radius:0}[data-theme=simulator] .home-section h2{letter-spacing:.15em;font-size:11px}[data-theme=simulator] .mode-card .title,[data-theme=simulator] .q-tag,[data-theme=simulator] .box-label{text-transform:uppercase;letter-spacing:.08em}[data-theme=simulator] .mode-card:hover,[data-theme=simulator] .topic-item:hover,[data-theme=simulator] .answer-btn:hover:not(.revealed){box-shadow:0 0 12px #4cc9f01f,inset 0 0 12px #4cc9f00a}[data-theme=simulator] .input:focus,[data-theme=simulator] .search-input:focus,[data-theme=simulator] .number-input:focus{box-shadow:0 0 8px #4cc9f033}[data-theme=simulator] .header-stats .dot{animation:sim-blink 2s ease-in-out infinite}@keyframes sim-blink{0%,to{opacity:1}50%{opacity:.4}}[data-theme=simulator] .submit-btn.check{background:transparent;border:1px solid var(--accent);color:var(--accent)}[data-theme=simulator] .submit-btn.check:hover{background:#4cc9f01a;box-shadow:0 0 12px #4cc9f033}[data-theme=simulator] .btn-primary{background:transparent;border:1px solid var(--accent);color:var(--accent)}[data-theme=simulator] .btn-primary:hover{background:#4cc9f01a;box-shadow:0 0 12px #4cc9f033}[data-theme=simulator] .results-btn{background:transparent;border:1px solid var(--accent);color:var(--accent)}[data-theme=simulator] .results-btn:hover{background:#4cc9f014}[data-theme=simulator] .mode-card{padding:12px}[data-theme=simulator] .mode-grid{gap:6px}[data-theme=simulator] .topic-list{gap:4px}[data-theme=simulator] .results-stats .stat .n{font-variant-numeric:tabular-nums}[data-theme=simulator] .progress-bar{box-shadow:0 0 6px #4cc9f066}[data-theme=neon] body{background:radial-gradient(ellipse 80% 50% at 50% 110%,rgba(224,64,251,.12) 0%,transparent 60%),var(--bg)}[data-theme=neon] .mode-card,[data-theme=neon] .topic-item,[data-theme=neon] .answer-btn,[data-theme=neon] .results-card,[data-theme=neon] .user-bar,[data-theme=neon] .box-card,[data-theme=neon] .explanation{background:#1c083073;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(224,64,251,.15)}[data-theme=neon] .mode-card:hover{border-color:#e040fb80;box-shadow:0 0 20px #e040fb1f,0 0 4px #e040fb33;background:#1c08308c}[data-theme=neon] .topic-item:hover{border-color:#e040fb80;box-shadow:0 0 16px #e040fb1a}[data-theme=neon] .answer-btn:hover:not(.revealed){border-color:#e040fb80;box-shadow:0 0 16px #e040fb1a;background:#1c08308c}[data-theme=neon] .answer-btn.selected{border-color:var(--accent);box-shadow:0 0 16px #e040fb26;background:#e040fb14}[data-theme=neon] .submit-btn.check{background:transparent;border:1px solid var(--accent);color:var(--accent);box-shadow:0 0 12px #e040fb26}[data-theme=neon] .submit-btn.check:hover{box-shadow:0 0 24px #e040fb4d;background:#e040fb14}[data-theme=neon] .btn-primary{background:transparent;border:1px solid var(--accent);color:var(--accent);box-shadow:0 0 12px #e040fb26}[data-theme=neon] .btn-primary:hover{box-shadow:0 0 24px #e040fb4d;background:#e040fb14}[data-theme=neon] .results-btn{background:transparent;border:1px solid var(--accent);color:var(--accent);box-shadow:0 0 12px #e040fb26}[data-theme=neon] .progress-bar{box-shadow:0 0 8px #e040fb80}[data-theme=neon] .exam-dot.current{box-shadow:0 0 8px #e040fb66}[data-theme=neon] .input:focus,[data-theme=neon] .search-input:focus,[data-theme=neon] .number-input:focus{box-shadow:0 0 12px #e040fb33}[data-theme=neon] #root:after{content:"";position:fixed;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,#0a0012f2),linear-gradient(to right,transparent 20%,transparent 47%,rgba(224,64,251,.15) 47%,rgba(224,64,251,.15) 48%,transparent 48%,transparent 52%,rgba(224,64,251,.15) 52%,rgba(224,64,251,.15) 53%,transparent 53%,transparent 80%);pointer-events:none;z-index:99}[data-theme=neon] .header h1,[data-theme=neon] .login-container h1,[data-theme=neon] .results-card h2{font-weight:700;letter-spacing:-.02em}[data-theme=hud] #root{border-left:4px solid var(--accent);padding-left:20px}[data-theme=hud] .mode-card,[data-theme=hud] .topic-item,[data-theme=hud] .answer-btn,[data-theme=hud] .box-card{border-width:1px}[data-theme=hud] .answer-btn.selected{border-color:var(--border);border-left:3px solid var(--accent);background:#ff6b350a}[data-theme=hud] .mode-card:hover,[data-theme=hud] .topic-item:hover{border-color:var(--border);border-left:3px solid var(--accent);background:#ff6b3508;box-shadow:none}[data-theme=hud] .box-card.active,[data-theme=hud] .box-card:hover{border-color:var(--border);border-left:3px solid var(--accent)}[data-theme=hud] .box-num,[data-theme=hud] .results-stats .stat .n,[data-theme=hud] .exam-timer{color:var(--accent);font-family:Unbounded,cursive}[data-theme=hud] .header-stats{font-family:Unbounded,cursive;font-weight:600;font-size:12px;color:var(--accent)}[data-theme=hud] .results-card .big-icon{font-size:48px}[data-theme=hud] .results-stats .stat .n{font-size:36px}[data-theme=hud] .results-card{border-left:4px solid var(--accent);border-radius:var(--radius)}[data-theme=hud] .explanation{border-left:3px solid var(--accent);border-radius:var(--radius)}[data-theme=hud] .progress-bar-wrap{height:4px}[data-theme=hud] .progress-bar{border-radius:0}[data-theme=hud] .exam-dot{border-radius:1px}[data-theme=hud] .header h1,[data-theme=hud] .login-container h1{font-weight:700;letter-spacing:-.01em}[data-theme=hud] .home-section h2{color:var(--accent);font-weight:700;letter-spacing:.12em}[data-theme=hud] .submit-btn.check{border-radius:var(--radius)}[data-theme=hud] .login-container h1{color:var(--accent)}.theme-preview{border:2px solid var(--border);border-radius:var(--radius);padding:16px;cursor:pointer;transition:all .15s;position:relative;overflow:hidden}.theme-preview:hover{border-color:var(--accent)}.theme-preview.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-preview-label{font-size:14px;font-weight:600;margin-bottom:2px}.theme-preview-desc{font-size:12px;color:var(--text2)}.theme-swatch-row{display:flex;gap:4px;margin-top:10px}.theme-swatch{width:16px;height:16px;border-radius:3px;border:1px solid rgba(255,255,255,.1)}