:root{--default: #ffffff;--primary: #3dcd58;--secondary: #adbdba;--accent: #000000;--bg-primary: #121212;--bg-secondary: #252525;--bg-accent: #1e1e1e;--bg-discontinued: #ffdfdb;--border-primary: #323232;--btn-bg-primary: #3dcd58;--btn-bg-secondary: #f2c037;--success: #36b37e;--warning: #ffab00;--error: #ff5252;--info: #2684ff;--input-color: #212529;--input-bg: #f8f9fa;--input-border: #495057;--input-disabled-color: #e6eefc;--input-disabled-bg: #0e1522;--input-disabled-border: #27334a}[data-theme=light]{--default: #000000;--primary: #000000;--secondary: #000000;--accent: #000000;--bg-primary: #f0f1f2;--bg-secondary: #fcfcfc;--bg-accent: #1e1e1e;--bg-discontinued: #ffdfdb;--border-primary: #e7e6e6;--btn-bg-primary: #3dcd58;--btn-bg-secondary: #f2c037;--success: #36b37e;--warning: #e88b00;--error: #ff5252;--info: #2684ff;--input-color: #212529;--input-bg: #f8f9fa;--input-border: #495057;--input-disabled-color: #333333;--input-disabled-bg: #e6e9f0;--input-disabled-border: #e6e9f0}*{box-sizing:border-box}button{cursor:pointer}input,select,button{font-size:16px}input,textarea,select{color:var(--input-color);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;padding:10px 12px}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--secondary) 50%),linear-gradient(135deg,var(--secondary) 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% - 3px),calc(100% - 15px) calc(50% - 3px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:30px}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.6;color:var(--input-disabled-color);background-color:var(--input-disabled-bg);border:1px solid var(--input-disabled-border)}body{background:var(--bg-primary);color:var(--secondary);font:16px/1.4 system-ui,Segoe UI,Roboto,Arial,sans-serif;margin:0}.user-info h3{margin:10px 0}.user-info button{margin-bottom:10px;padding:7px 10px}.error-message{color:var(--error)}.success-message{color:var(--success)}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{padding:16px;border-right:1px solid var(--border-primary)}.tab{width:100%;padding:12px 14px;margin:6px 0;border-radius:12px;background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--secondary);text-align:left}.active .tab{outline:2px solid var(--primary)}.content{padding:24px}.panel{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:20px;margin-bottom:24px}h2{margin:0 0 12px;font-size:28px;color:var(--primary)}h3{margin-top:20px;color:var(--default)}.header-row{display:flex;justify-content:space-between;align-items:center}.header-row h2,.header-row h3{padding-bottom:20px;margin:0}.grid{display:grid;grid-template-columns:190px 1fr;gap:12px 16px;align-items:center}hr{border:none;border-top:1px solid var(--border-primary);margin:16px 0}.primary{background:var(--btn-bg-primary);border:none;color:var(--accent);border-radius:12px;padding:10px 16px}.quite{background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--secondary);border-radius:12px;padding:12px 16px;margin:10px 0 0 100px}.afc .primary,.grid .primary,.actions .primary{background:var(--btn-bg-primary);border:none;color:var(--accent);border-radius:12px;padding:10px 16px;margin-top:10px}.secondary{background:var(--btn-bg-secondary);border:none;color:var(--accent);border-radius:12px;padding:10px 16px;margin-top:10px}.success{background:var(--success);color:var(--bg-secondary);border:none;border-radius:12px;padding:10px 16px}.actions{display:flex;gap:12px;margin-top:12px}.meta{color:var(--secondary)}.meta a{color:var(--info)}.disclaimer{color:var(--secondary);font-size:14px}.input-with-button{display:flex;gap:8px}.input-with-button input{flex:1}.highlight{color:var(--warning)}.discontinued{background-color:var(--bg-discontinued);color:var(--error)}.hidden{display:none}.radio-list{display:block;margin:8px 0 16px;padding:0;border-radius:10px;background:var(--bg-secondary)}.radio-list label{display:flex;align-items:center;gap:10px;padding:10px 12px;line-height:1.2;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.06)}.radio-list label:last-child{border-bottom:none}.radio-list input[type=radio]{accent-color:var(--primary);width:18px;height:18px;margin:0;flex:0 0 auto}.radio-list label:hover{background:#5aa9ff0f}dialog{border:none;border-radius:16px;padding:0;max-width:560px;width:90vw}dialog::backdrop{background:#0000008c}.dlg{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:16px}.dlg h3{margin:0 0 10px}.panel-grid{justify-content:center;gap:20px}.breaker-group{border:1px solid var(--secondary);border-radius:12px;padding:16px;background-color:var(--bg-secondary)}.container{display:flex;gap:16px}.col1{flex:0 0 15%}.col2{flex:0 0 10%}.col3{flex:0 0 65%}@media(max-width:600px){.breaker-group{grid-template-columns:1fr}}.breaker-group .afc{margin-top:10px}.breaker-group figure{margin:0;padding:12px;border:1px solid var(--border-primary);border-radius:12px;background:var(--bg-secondary);display:flex;flex-direction:column;align-items:center;gap:8px}.breaker-group img{width:100%;height:auto;display:block;border-radius:8px;max-width:180px;margin-inline:auto}.breaker-group figcaption{color:var(--secondary);font-size:12px}.panel-body{padding:0}.match{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px;border:1px dashed var(--border-primary);border-radius:10px;background:#ffffff05}.match.hidden{display:none}.match .thumb{width:64px;height:64px;border-radius:6px;background:var(--input-bg);border:1px solid var(--border-primary)}.match .text{font-size:14px;color:var(--secondary)}dialog,dialog *{color:var(--secondary)}fieldset{border:none}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-backdrop .actions .ghost{margin-top:0}.theme-switch{position:relative;display:inline-block;width:60px;height:32px;margin-top:8px}.theme-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:34px}.slider:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(28px)}.slider-label{position:absolute;font-size:14px;display:inline-block;min-width:100px;top:6px;left:70px}