:root,[data-theme=dark]{--bg:#0f1218;--surface:#1a1f2a;--surface-elevated:#222836;--border:#2e3648;--text:#f0f2f7;--text-secondary:#9aa3b5;--accent:#5b8def;--success:#3ecf8e;--success-bg:#3ecf8e1f;--success-border:#3ecf8e59;--dropdown-shadow:0 12px 32px #00000073;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239aa3b5' d='M1.4.6 6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E");--radius:12px;--touch:44px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif}[data-theme=light]{--bg:#f4f6fa;--surface:#fff;--surface-elevated:#f0f3f8;--border:#d8dee9;--text:#151a24;--text-secondary:#5c667a;--accent:#3b6fd9;--success:#1a9f63;--success-bg:#1a9f631a;--success-border:#1a9f6359;--dropdown-shadow:0 12px 32px #151a241f;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235c667a' d='M1.4.6 6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.45}#root{min-height:100dvh}.app{max-width:640px;min-height:100dvh;padding-top:max(1rem, env(safe-area-inset-top));padding-right:max(1rem, env(safe-area-inset-right));padding-bottom:max(1.5rem, env(safe-area-inset-bottom));padding-left:max(1rem, env(safe-area-inset-left));margin:0 auto}.app-header{justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.75rem 0 1.25rem;display:flex}.app-header-text{flex:1;min-width:0}.app-title{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.app-subtitle{color:var(--text-secondary);margin:.25rem 0 0;font-size:.875rem}.theme-toggle{width:var(--touch);height:var(--touch);color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;appearance:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.theme-toggle:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #5b8def40}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.app-main{flex-direction:column;gap:1rem;display:flex}.section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 1rem;font-size:.6875rem;font-weight:600}.field{flex-direction:column;gap:.375rem;margin-bottom:.875rem;display:flex}.field:last-child{margin-bottom:0}.field label,.result-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.field-hint,.result-sub{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.field-grid{grid-template-columns:1fr;gap:0;display:grid}input,select{width:100%;min-height:var(--touch);color:var(--text);background:var(--surface-elevated);border:1px solid var(--border);appearance:none;border-radius:10px;outline:none;padding:.625rem .875rem;font-family:inherit;font-size:16px}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5b8def40}select{background-image:var(--select-chevron);background-position:right .875rem center;background-repeat:no-repeat;padding-right:2.5rem}.mall-search{position:relative}.dropdown{z-index:20;background:var(--surface-elevated);border:1px solid var(--border);max-height:min(280px,40dvh);box-shadow:var(--dropdown-shadow);-webkit-overflow-scrolling:touch;border-radius:10px;margin:0;padding:.375rem;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.dropdown-option{width:100%;min-height:var(--touch);text-align:left;color:var(--text);cursor:pointer;appearance:none;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:.125rem;margin:0;padding:.5rem .75rem;font-family:inherit;font-size:16px;display:flex}.dropdown-option:active,.dropdown-option.is-active{background:#5b8def2e}.dropdown-name{font-weight:500}.dropdown-meta{color:var(--text-secondary);font-size:.75rem}.dropdown-empty{min-height:var(--touch);color:var(--text-secondary);align-items:center;padding:.5rem .75rem;font-size:.875rem;display:flex}.mall-confirm{color:var(--success);background:var(--success-bg);border-radius:10px;margin:.25rem 0 0;padding:.75rem .875rem;font-size:.875rem}.hint{color:var(--text-secondary);margin:0 0 .875rem;font-size:.8125rem}.result-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:10px;gap:.25rem;margin-bottom:.875rem;padding:.75rem .875rem}.result-value{font-variant-numeric:tabular-nums;color:var(--text);font-size:1.125rem;font-weight:600}.result-final{background:var(--success-bg);border-color:var(--success-border)}.result-value-lg{color:var(--success);letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.breakdown{margin-top:.35rem}.calc-grid{grid-template-columns:1fr;gap:0;display:grid}.calc-span-full{grid-column:1/-1}@media (width>=481px){.field-grid{grid-template-columns:1fr 1fr;gap:0 .75rem}.calc-grid{grid-template-columns:1fr 1fr;column-gap:.75rem}.calc-grid>.field{margin-bottom:.875rem}}