.Header{display:flex;align-items:center;gap:var(--space-2);height:var(--header-h);padding:0 var(--space-4);border-bottom:1px solid var(--line)}.Header-back{display:flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);margin-left:calc(var(--space-3) * -1);color:var(--text-dim);flex-shrink:0}.Header-title{font:600 16px/1.2 var(--font-ui);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.SectionLabel{font:var(--label);letter-spacing:var(--label-track);color:var(--text-faint);text-transform:uppercase;padding:0 var(--space-1)}.ToolListItem{display:flex;align-items:center;width:100%;min-height:var(--tap);gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);text-align:left;transition:background-color .13s ease}.ToolListItem:not(:disabled):active{background:var(--surface-2)}.ToolListItem:disabled{opacity:.45;cursor:default}.ToolListItem-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;color:var(--accent)}.ToolListItem-text{display:flex;flex-direction:column;min-width:0;flex:1;gap:2px}.ToolListItem-title{font:500 15px/1.3 var(--font-ui);color:var(--text)}.ToolListItem-subtitle{font:400 13px/1.3 var(--font-ui);color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ToolListItem-chevron{flex-shrink:0;display:flex;align-items:center;color:var(--text-faint)}.EmptyHint{padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-faint);font:400 14px/1.5 var(--font-ui)}.Card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4)}.NumberField{display:flex;flex-direction:column;gap:var(--space-1)}.NumberField-label{font:var(--label);letter-spacing:var(--label-track);color:var(--text-dim);text-transform:uppercase}.NumberField-inputRow{display:flex;align-items:center;min-height:var(--tap);padding:0 var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .15s ease,background-color .15s ease}.NumberField-inputRow:focus-within{border-color:var(--accent-line);background:var(--surface-2)}.NumberField-input{flex:1;min-width:0;height:var(--tap);border:none;background:transparent;color:var(--text);font:500 17px/1 var(--font-mono);letter-spacing:.01em}.NumberField-input::placeholder{color:var(--text-faint);font-weight:400}.NumberField-unit{flex-shrink:0;padding-left:var(--space-2);color:var(--text-dim);font:500 13px/1 var(--font-ui);white-space:nowrap}.ResultBlock{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--radius)}.ResultBlock-label{font:var(--label);letter-spacing:var(--label-track);color:var(--text-faint);text-transform:uppercase}.ResultBlock-main{font:600 32px/1.15 var(--font-mono);color:var(--accent);letter-spacing:-.01em}.ResultBlock-rows{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--line)}.ResultBlock-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.ResultBlock-rowLabel{font:400 13px/1.4 var(--font-ui);color:var(--text-dim)}.ResultBlock-rowValue{font:500 13px/1.4 var(--font-mono);color:var(--text);white-space:nowrap}.Hello,.Hello-fields{display:flex;flex-direction:column;gap:var(--space-4)}.HomePage{max-width:var(--content-w);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-7);display:flex;flex-direction:column;gap:var(--space-6)}.HomePage-intro{font:400 14px/1.5 var(--font-ui);color:var(--text-dim)}.HomePage-group,.HomePage-list{display:flex;flex-direction:column;gap:var(--space-2)}.EmptyState{max-width:var(--content-w);margin:0 auto;padding:var(--space-7) var(--space-4);display:flex;justify-content:center}.EmptyState-message{font:400 14px/1.5 var(--font-ui);color:var(--text-dim);margin-bottom:var(--space-3)}.EmptyState-backLink{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--accent);font:500 14px/1.3 var(--font-ui)}.ToolPage{max-width:var(--content-w);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-7)}.ReloadPrompt{position:fixed;left:var(--space-4);right:var(--space-4);bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));z-index:100;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--radius);padding:var(--space-3) var(--space-4);box-shadow:0 8px 24px #00000059;font:500 14px/1.3 var(--font-ui);color:var(--text)}.ReloadPrompt--info{border-color:var(--accent-line);background:var(--accent-soft)}.ReloadPrompt-message{flex:1}.ReloadPrompt-actions{display:flex;gap:var(--space-2)}.ReloadPrompt-button{min-height:var(--tap);padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:transparent;color:var(--text);font:600 13px/1 var(--font-ui);cursor:pointer}.ReloadPrompt-button--primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.ReloadPrompt-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root{--bg: #0a0c0f;--bg-glow: rgba(245, 165, 36, .09);--surface: rgba(255, 255, 255, .035);--surface-2: rgba(255, 255, 255, .055);--surface-sunken: rgba(0, 0, 0, .25);--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--text: #e8ebef;--text-dim: #9aa3ae;--text-faint: #6b7480;--accent: #f5a524;--accent-soft: rgba(245, 165, 36, .12);--accent-line: rgba(245, 165, 36, .34);--accent-ring: rgba(245, 165, 36, .2);--ok: #4ade80;--warn: #fbbf24;--radius: 4px;--radius-sm: 3px;--tap: 44px;--header-h: 56px;--content-w: 720px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 28px;--space-7: 40px;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;--label: 600 11px/1.2 var(--font-ui);--label-track: .14em;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;padding:0;background:var(--bg);background-image:radial-gradient(ellipse 900px 500px at 50% -10%,var(--bg-glow),transparent 60%);background-repeat:no-repeat;background-attachment:fixed;color:var(--text);font:400 15px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}#root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}h1,h2,h3,p,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}button,input{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}:focus{outline:none}:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px;border-radius:var(--radius-sm)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}