:root{--brand-orange: #ff651a;--brand-orange-hover: #ff782e;--brand-orange-subtle: rgba(255, 101, 26, .12);--brand-purple-deep: #160424;--bg-app: #0d0718;--bg-sidebar: #120a20;--bg-surface: #160c26;--bg-surface-elevated: #1e1134;--bg-surface-hover: #291845;--bg-input: #10081d;--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .14);--border-focus: rgba(255, 101, 26, .5);--border-orange: rgba(255, 101, 26, .35);--text-primary: #f8f8fc;--text-secondary: #a39bb2;--text-tertiary: #6e6480;--text-quaternary: #4a4258;--text-inverse: #0d0718;--accent-emerald: #10b981;--accent-emerald-subtle: rgba(16, 185, 129, .12);--accent-cyan: #38bdf8;--accent-amber: #f59e0b;--accent-red: #ef4444;--btn-primary-bg: #ff651a;--btn-primary-text: #ffffff;--btn-primary-hover: #ff782e;--btn-secondary-bg: #1e1134;--btn-secondary-border: rgba(255, 255, 255, .12);--btn-secondary-text: #f8f8fc;--btn-secondary-hover: #291845;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Plus Jakarta Sans", var(--font-sans);--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--radius-xs: 5px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .65);--shadow-brand-glow: 0 0 20px rgba(255, 101, 26, .25);--ease-fast: .15s cubic-bezier(.16, 1, .3, 1);--ease-normal: .25s cubic-bezier(.16, 1, .3, 1);--ease-spring: .3s cubic-bezier(.175, .885, .32, 1.275);--header-height: 64px}[data-theme=light]{--bg-app: #fbf9fe;--bg-sidebar: #f4effc;--bg-surface: #ffffff;--bg-surface-elevated: #f5effe;--bg-surface-hover: #ede4fb;--bg-input: #ffffff;--border-subtle: rgba(0, 0, 0, .07);--border-medium: rgba(0, 0, 0, .12);--border-focus: rgba(255, 101, 26, .6);--border-orange: rgba(255, 101, 26, .4);--text-primary: #190c29;--text-secondary: #574b67;--text-tertiary: #7d728e;--text-quaternary: #a59cb4;--text-inverse: #ffffff;--btn-primary-bg: #ff651a;--btn-primary-text: #ffffff;--btn-primary-hover: #ff782e;--btn-secondary-bg: #ffffff;--btn-secondary-border: rgba(0, 0, 0, .1);--btn-secondary-text: #190c29;--btn-secondary-hover: #f5effe;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background-color:var(--bg-app);color:var(--text-primary)}body{min-height:100vh;line-height:1.5;font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);overflow-x:hidden}::selection{background-color:var(--accent-emerald);color:#07090e}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit;border:none;outline:none;background:none}button{cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-fade-in{width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.app-container{max-width:1060px;margin-inline:auto;padding-inline:1.5rem;width:100%}.app-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:transform var(--ease-normal),border-color var(--ease-normal),box-shadow var(--ease-normal),background var(--ease-fast);position:relative}.app-card:hover{transform:translateY(-3px);border-color:var(--border-orange);box-shadow:0 8px 24px -4px #00000080,0 0 16px -2px #ff651a1f}.app-card:active{transform:translateY(-1px)}.app-card-elevated{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-family:var(--font-sans);font-size:.8125rem;font-weight:500;line-height:1;padding:.55rem .95rem;border-radius:var(--radius-sm);transition:transform var(--ease-fast),background var(--ease-fast),border-color var(--ease-fast),box-shadow var(--ease-fast);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:1px solid transparent;font-weight:600;box-shadow:0 2px 8px #ff651a4d}.btn-primary:hover{background:var(--btn-primary-hover);transform:translateY(-1px);box-shadow:0 4px 14px #ff651a66}.btn-secondary{background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);color:var(--btn-secondary-text)}.btn-secondary:hover{background:var(--btn-surface-hover, var(--bg-surface-hover));border-color:var(--border-medium);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:transparent;border:1px solid transparent}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-surface-elevated)}.app-input{width:100%;padding:.65rem .85rem;background:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;font-family:var(--font-sans);transition:border-color var(--ease-fast),box-shadow var(--ease-fast)}.app-input:focus{outline:none;border-color:var(--brand-orange);box-shadow:0 0 0 2px #ff651a40}.app-input::placeholder{color:var(--text-tertiary)}.mono-box{font-family:var(--font-mono);font-size:.8125rem;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.65rem .85rem;color:var(--text-primary);font-variant-numeric:tabular-nums;overflow-x:auto}.status-indicator{display:inline-flex;align-items:center;gap:.45rem;font-size:.75rem;color:var(--text-secondary);font-weight:500}.status-dot-emerald{width:6px;height:6px;border-radius:50%;background-color:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald)}.status-dot-orange{width:6px;height:6px;border-radius:50%;background-color:var(--brand-orange);box-shadow:0 0 8px var(--brand-orange)}.section-kicker{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.segmented-control{display:inline-flex;align-items:center;padding:3px;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);gap:2px}.segmented-control-btn{padding:.35rem .75rem;border-radius:var(--radius-xs);font-size:.8125rem;font-weight:500;color:var(--text-secondary);transition:all var(--ease-fast);cursor:pointer;background:transparent;border:none}.segmented-control-btn:hover{color:var(--text-primary)}.segmented-control-btn.active{background:var(--brand-orange);color:#fff;font-weight:600;box-shadow:0 1px 4px #ff651a4d}.brand-logo-link{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;-webkit-user-select:none;user-select:none;transition:opacity var(--ease-fast),transform var(--ease-fast)}.brand-logo-link:hover{opacity:.95;transform:translateY(-.5px)}.brand-logo-img{height:38px;width:38px;border-radius:9px;display:block;box-shadow:0 2px 10px #0006,0 0 0 1px #ffffff1f;transition:box-shadow var(--ease-normal),transform var(--ease-fast);object-fit:cover}.brand-logo-link:hover .brand-logo-img{box-shadow:0 4px 16px #ff651a4d,0 0 0 1px #ff651a73}.brand-logo-text{font-family:var(--font-display);font-size:1.45rem;font-weight:800;letter-spacing:-.035em;color:var(--text-primary);line-height:1;display:inline-flex;align-items:center}.google-play-badge-link{display:inline-flex;align-items:center;text-decoration:none;transition:transform var(--ease-fast),opacity var(--ease-fast),filter var(--ease-fast);-webkit-user-select:none;user-select:none}.google-play-badge-link:hover{opacity:.95;transform:translateY(-1px);filter:brightness(1.08)}.google-play-badge-img{height:38px;width:auto;display:block;border-radius:var(--radius-xs)}.unit-converter-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:center}@media(max-width:640px){.app-container{padding-inline:1rem}main{padding-block:1.5rem 3rem!important}.app-input{font-size:16px;min-height:40px}.btn{min-height:38px;padding:.45rem .85rem}.segmented-control{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.segmented-control::-webkit-scrollbar{display:none}.segmented-control-btn{white-space:nowrap;padding:.4rem .75rem}}@media(max-width:580px){.unit-converter-grid{grid-template-columns:1fr;gap:.5rem}.unit-converter-swap{margin-top:0!important;margin-inline:auto;transform:rotate(90deg)}}@media(max-width:480px){.brand-logo-img{height:32px;width:32px}.brand-logo-text{font-size:1.25rem}.google-play-badge-img{height:28px}h1{font-size:1.65rem!important}h2{font-size:1.15rem!important}}@supports (padding: max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}