@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-family-title:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-mono:"SFMono-Regular", Consolas, "Fira Code", monospace;--bg-primary:#090d16;--bg-secondary:#0f172a;--glass-bg:#0f172abf;--glass-border:#ffffff1f;--glass-backdrop:blur(16px) saturate(180%);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-glow:#6366f159;--accent-secondary:#ec4899;--card-shadow:0 20px 40px -15px #00000080, 0 0 1px 1px #ffffff0d;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-primary:#f1f5f9;--bg-secondary:#fff;--glass-bg:#ffffffd9;--glass-border:#00000014;--glass-backdrop:blur(16px) saturate(180%);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-primary:#4f46e5;--accent-primary-hover:#4338ca;--accent-glow:#4f46e533;--accent-secondary:#db2777;--card-shadow:0 20px 30px -10px #00000014, 0 0 1px 1px #0000000d}[data-theme=pride]{--bg-primary:#120524;--bg-secondary:#210b3e;--glass-bg:#230e41c7;--glass-border:#f472b659;--glass-backdrop:blur(20px) saturate(200%);--text-primary:#fff;--text-secondary:#f3e8ff;--text-muted:#c084fc;--accent-primary:#d946ef;--accent-primary-hover:#c026d3;--accent-glow:#d946ef73;--accent-secondary:#38bdf8;--card-shadow:0 20px 50px -10px #d946ef4d, 0 0 25px #a855f740}[data-theme=pride] body{background-image:radial-gradient(circle at 10% 20%,#e5000038,#0000 40%),radial-gradient(circle at 90% 15%,#ff8d0038,#0000 40%),radial-gradient(circle,#ffee0024,#0000 45%),radial-gradient(circle at 20% 85%,#00812138,#0000 40%),radial-gradient(circle at 80% 80%,#004cff38,#0000 40%),radial-gradient(circle at 50% 90%,#76008947,#0000 45%);background-attachment:fixed;animation:12s ease-in-out infinite alternate prideBgPulse}@keyframes prideBgPulse{0%{filter:hue-rotate()saturate(1.2)}to{filter:hue-rotate(360deg)saturate(1.5)}}[data-theme=pride] .category-tab.active{animation:4s linear infinite prideTabGlow;background:linear-gradient(135deg,#e5000059,#ff8d004d,#0081214d,#004cff59)!important;border-color:#f43f5e!important;box-shadow:0 0 20px #f43f5e80!important}@keyframes prideTabGlow{0%{box-shadow:0 0 15px #e5000099}33%{box-shadow:0 0 15px #00812199}66%{box-shadow:0 0 15px #004cff99}to{box-shadow:0 0 15px #e5000099}}[data-theme=pride] .pride-badge-glow{background:linear-gradient(135deg,#e50000,#ff8d00,#008121,#004cff,#760089);box-shadow:0 0 20px #f43f5ecc,0 0 40px #a855f799}[data-theme=pride] .pride-theme-btn{box-shadow:0 0 18px #ffffff80;color:#fff!important;background:linear-gradient(135deg,#e5000066,#ff8d0066,#00812166,#004cff66)!important;border-color:#fff9!important}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-body);background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at 15% 15%,#6366f126,#0000 40%),radial-gradient(circle at 85% 85%,#ec48991f,#0000 40%),radial-gradient(circle,#10b98114,#0000 50%);background-attachment:fixed;min-height:100vh;position:relative;overflow-x:hidden}#app{flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;padding:20px 24px 60px;display:flex}html.theme-transitioning,html.theme-transitioning body,html.theme-transitioning .glass-panel,html.theme-transitioning .glass-header,html.theme-transitioning .glass-btn,html.theme-transitioning .category-tab,html.theme-transitioning .converter-card,html.theme-transitioning header,html.theme-transitioning nav,html.theme-transitioning main,html.theme-transitioning footer,html.theme-transitioning input,html.theme-transitioning select,html.theme-transitioning button,html.theme-transitioning svg,html.theme-transitioning span,html.theme-transitioning div{transition:background-color .45s cubic-bezier(.4,0,.2,1),color .45s cubic-bezier(.4,0,.2,1),border-color .45s cubic-bezier(.4,0,.2,1),box-shadow .45s cubic-bezier(.4,0,.2,1),fill .45s cubic-bezier(.4,0,.2,1),stroke .45s cubic-bezier(.4,0,.2,1)!important}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);border-radius:var(--radius-lg)}.glass-btn{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-md);font-family:var(--font-family-body);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex}.glass-btn:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px var(--accent-glow);background:#6366f126;transform:translateY(-1px)}.app-header{border-radius:var(--radius-lg);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header-left{align-items:center;gap:14px;display:flex}.logo-badge{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;width:44px;height:44px;box-shadow:0 4px 15px var(--accent-glow);justify-content:center;align-items:center;display:flex}.header-titles h1{font-family:var(--font-family-title);letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:22px;font-weight:700}.header-tagline{color:var(--text-muted);font-size:12px}.header-actions{align-items:center;gap:10px;display:flex}.lang-select-wrapper{position:relative}.language-select{appearance:none;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-md);font-family:var(--font-family-body);cursor:pointer;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:8px 28px 8px 12px;font-size:13px;font-weight:600}.language-select:hover{border-color:var(--accent-primary);background-color:#6366f126;transform:translateY(-1px)}.language-select option{background:var(--bg-secondary);color:var(--text-primary);font-weight:500}.kbd-shortcut{font-family:var(--font-family-mono);color:var(--text-muted);background:#ffffff1a;border-radius:4px;padding:2px 6px;font-size:10px}.badge-dot{background:var(--accent-secondary);border-radius:50%;width:8px;height:8px}.category-nav-scroll{width:100%}.category-tabs{flex-wrap:wrap;gap:10px;width:100%;display:flex}.category-tab{border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);font-family:var(--font-family-body);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.category-tab:hover{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff40}.category-tab.active{border-color:var(--accent-primary);color:var(--text-primary);box-shadow:0 4px 15px var(--accent-glow);background:linear-gradient(135deg,#6366f140,#ec489926)}.fav-star{color:#f59e0b;font-size:12px}.converter-card{flex-direction:column;gap:28px;padding:32px;display:flex}.card-header{justify-content:space-between;align-items:flex-start;display:flex}.card-header h2{font-family:var(--font-family-title);font-size:24px;font-weight:700}.category-desc{color:var(--text-muted);margin-top:4px;font-size:14px}.fav-btn{color:var(--text-muted);cursor:pointer;transition:transform var(--transition-fast), color var(--transition-fast);background:0 0;border:none;font-size:24px}.fav-btn:hover{color:#f59e0b;transform:scale(1.2)}.fav-btn.favorited{color:#f59e0b}.converter-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;display:grid}@media (width<=768px){.converter-grid{grid-template-columns:1fr}}.converter-section{flex-direction:column;gap:12px;display:flex}.section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:13px;font-weight:600}.glass-input{border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-family-mono);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#0003;outline:none;padding:14px 18px;font-size:20px;font-weight:600}.glass-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.glass-select{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-family-body);cursor:pointer;outline:none;padding:12px 16px;font-size:14px;font-weight:500}.glass-output{border:1px solid var(--accent-primary);border-radius:var(--radius-md);background:#6366f11a;justify-content:space-between;align-items:center;width:100%;min-height:58px;padding:14px 18px;display:flex}.output-value{font-family:var(--font-family-mono);color:var(--text-primary);word-break:break-all;font-size:20px;font-weight:700}.copy-btn{border-radius:var(--radius-sm);padding:8px}.swap-btn{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;width:48px;height:48px;box-shadow:0 6px 20px var(--accent-glow);border:none;border-radius:50%;justify-content:center;padding:0}.swap-btn:hover{transform:rotate(180deg)scale(1.1)}.card-footer{border-top:1px solid var(--glass-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;display:flex}.formula-info{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.precision-controls{color:var(--text-secondary);align-items:center;gap:14px;font-size:13px;display:flex}.glass-select-sm{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);padding:4px 8px}.checkbox-label{cursor:pointer;align-items:center;gap:6px;display:flex}.visualizer-slot{margin-top:8px}.visualizer-card{flex-direction:column;gap:16px;padding:20px;display:flex}.visualizer-header{justify-content:space-between;align-items:center;display:flex}.visualizer-title{color:var(--text-secondary);font-size:14px;font-weight:600}.visualizer-badge{background:var(--accent-primary);color:#fff;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.canvas-container{justify-content:center;display:flex}.thermometer-gauge-wrapper{justify-content:center;align-items:center;gap:40px;padding:20px 0;display:flex}.thermo-ticks{width:140px;height:180px;position:relative}.tick-mark{color:var(--text-muted);white-space:nowrap;font-size:11px;position:absolute;left:0}.thermometer-glass{background:#ffffff1a;border:2px solid #fff3;border-radius:12px;flex-direction:column;justify-content:flex-end;width:24px;height:180px;display:flex;position:relative}.thermometer-fill{width:100%;transition:height var(--transition-normal);border-radius:10px}.thermometer-bulb{border:2px solid #fff3;border-radius:50%;width:40px;height:40px;position:absolute;bottom:-20px;left:-10px}.color-preview-box{border-radius:var(--radius-md);text-align:center;padding:24px;box-shadow:0 4px 15px #0003}.color-preview-text{font-size:18px;font-weight:700}.color-preview-sub{opacity:.8;margin-top:4px;font-size:12px}.color-palette-title{color:var(--text-muted);margin-top:8px;font-size:12px}.color-palette-row{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.palette-swatch{border-radius:var(--radius-sm);justify-content:center;align-items:flex-end;height:50px;padding:4px;display:flex;box-shadow:0 2px 8px #00000026}.palette-swatch span{font-family:var(--font-family-mono);color:#fff;background:#0009;border-radius:3px;padding:2px 4px;font-size:10px}.bitboard-grid{grid-template-columns:repeat(8,1fr);gap:8px;display:grid}@media (width<=600px){.bitboard-grid{grid-template-columns:repeat(4,1fr)}}.bit-item{border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;flex-direction:column;align-items:center;padding:10px 4px;display:flex}.bit-item:hover{border-color:var(--accent-primary);background:#6366f126}.bit-item.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 4px 10px var(--accent-glow)}.bit-val{font-family:var(--font-family-mono);font-size:18px;font-weight:700}.bit-index{color:var(--text-muted);font-size:10px}.bit-item.active .bit-index{color:#fffc}.glass-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.search-modal-card{flex-direction:column;gap:16px;width:100%;max-width:580px;padding:20px;display:flex}.search-input-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:12px;padding-bottom:12px;display:flex}.search-input-header input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:16px}.close-modal-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:18px}.search-results-list{flex-direction:column;gap:6px;max-height:340px;display:flex;overflow-y:auto}.search-item{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.search-item:hover,.search-item.selected{background:#6366f133}.search-unit-name{font-weight:500}.search-unit-symbol{color:var(--text-muted);margin-left:8px;font-size:12px}.search-cat-tag{color:var(--text-secondary);background:#ffffff1a;border-radius:10px;padding:2px 8px;font-size:11px}.search-modal-footer{color:var(--text-muted);border-top:1px solid var(--glass-border);gap:16px;padding-top:12px;font-size:11px;display:flex}.drawer-backdrop{justify-content:flex-end}.drawer-panel{flex-direction:column;gap:20px;width:100%;max-width:420px;height:100%;padding:24px;display:flex}.drawer-header{justify-content:space-between;align-items:center;display:flex}.drawer-body{flex-direction:column;gap:24px;display:flex;overflow-y:auto}.drawer-section h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:14px}.drawer-fav-grid{flex-wrap:wrap;gap:8px;display:flex}.history-list{flex-direction:column;gap:10px;display:flex}.history-item-card{cursor:pointer;transition:transform var(--transition-fast);padding:12px 14px}.history-item-card:hover{transform:translate(4px)}.history-item-top{color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}.history-conversion{font-family:var(--font-family-mono);align-items:center;gap:8px;margin-top:4px;font-size:13px;font-weight:600;display:flex}.hist-arrow{color:var(--accent-primary)}.section-title-row{justify-content:space-between;align-items:center;display:flex}.clear-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:12px}.toast-container{z-index:2000;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast-message{border-radius:var(--radius-md);color:#fff;opacity:0;background:#10b981e6;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;transform:translateY(20px);box-shadow:0 8px 20px #10b9814d}.toast-message.visible{opacity:1;transform:translateY(0)}.uuid-generator-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.uuid-card{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.uuid-card-header{justify-content:space-between;align-items:center;display:flex}.uuid-title{color:var(--text-secondary);font-size:13px;font-weight:600}.uuid-tag{color:var(--text-muted);font-size:11px}.glass-btn-sm{border-radius:var(--radius-sm);border:1px solid var(--accent-primary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);background:#6366f133;padding:4px 10px;font-size:12px}.glass-btn-sm:hover{background:var(--accent-primary)}.uuid-value-row{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#00000040;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.uuid-code{font-family:var(--font-family-mono);color:var(--text-primary);word-break:break-all;font-size:14px;font-weight:600}.app-footer{border-radius:var(--radius-lg);flex-direction:column;align-items:center;margin-top:20px;padding:0;display:flex;position:relative;overflow:hidden}.pride-stripe{background:linear-gradient(90deg,#e50000 0%,#ff8d00 16.66%,#fe0 33.33%,#008121 50%,#004cff 66.66%,#760089 83.33%,#e50000 100%) 0 0/200% 100%;width:100%;height:5px;animation:8s linear infinite prideGlow}@keyframes prideGlow{0%{background-position:0 0}to{background-position:200% 0}}.footer-content{box-sizing:border-box;flex-direction:column;align-items:center;gap:14px;width:100%;padding:18px 28px;display:flex}.footer-primary-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.footer-text-group{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.footer-meta-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.footer-meta-link{padding:6px 12px;font-size:12px;text-decoration:none}.footer-meta-link svg{fill:currentColor}.footer-badge{font-size:11px;font-weight:600;font-family:var(--font-family-mono);border-radius:var(--radius-sm);border:1px solid var(--glass-border);color:var(--text-muted);background:#ffffff0f;padding:3px 8px}.footer-link{color:var(--accent-primary);transition:all var(--transition-fast);font-weight:600;text-decoration:none}.footer-link:hover{color:var(--accent-secondary);text-decoration:underline}.footer-kitten-link{flex-shrink:0;align-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.footer-kitten-link:hover{transform:scale(1.08)translateY(-4px)rotate(-2deg)}.footer-kitten-img{object-fit:contain;width:auto;max-height:100px;image-rendering:pixelated}.bmac-btn{transition:all var(--transition-fast);font-weight:600;color:#fd0!important;background:#ffdd0026!important;border-color:#ffdd0080!important}[data-theme=light] .bmac-btn{color:#b45309!important;background:#f59e0b1f!important;border-color:#d9770666!important}.bmac-btn:hover{transform:translateY(-1px);box-shadow:0 0 16px #fd06;color:#111827!important;background:#fd0!important}[data-theme=light] .bmac-btn:hover{box-shadow:0 4px 15px #f59e0b4d;color:#111827!important;background:#fd0!important;border-color:#f59e0b!important}