/* Screen layout: a restrained workspace built around the calculation. */
@media screen {
  :root { --ink:#e8ecf4; --muted:#a9b5c9; --line:#2a3a52; --paper:#0b1220; --accent:#ffa41b; }
  body { background:#0b1220; color:#e8ecf4; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:14px; }
  .app-shell { grid-template-columns:220px minmax(0,1fr); }
  .sidebar { background:#0a101b; border-right:1px solid #25324a; padding:30px 18px; }
  .brand { font:700 18px/1.2 Inter,ui-sans-serif,system-ui,sans-serif; text-transform:none; letter-spacing:-.035em; gap:9px; }
  .brand small { font:500 9px/1.2 Inter,ui-sans-serif,system-ui,sans-serif; letter-spacing:.09em; color:#8796ac; margin-top:4px; }
  .calc-logo { width:32px; height:32px; }
  .nav-label { margin:56px 12px 12px; font:600 10px/1.4 Inter,ui-sans-serif,system-ui,sans-serif; color:#75859e; letter-spacing:.09em; }
  .nav-item { font:500 13px/1.4 Inter,ui-sans-serif,system-ui,sans-serif; color:#aebbd1; border-radius:6px; padding:12px; }
  .nav-item.active { background:#18263b; color:#edf3fb; box-shadow:inset 2px 0 #ffa41b; }
  .nav-icon { font-size:16px; color:#9fb1c9; }.nav-arrow { color:#8b99ac; }
  .soon { font:600 9px/1 Inter,ui-sans-serif,system-ui,sans-serif; color:#8a98ac; }
  .sidebar-bottom { display:none; }
  .topbar { height:60px; padding:0 42px; border-bottom:1px solid #25324a; background:#0d1523; color:#d5deec; font:500 12px/1.4 Inter,ui-sans-serif,system-ui,sans-serif; }
  .crumb,.top-right { color:#8a99b0; font:500 11px/1.4 Inter,ui-sans-serif,system-ui,sans-serif; letter-spacing:.02em; }
  .avatar { display:none; }.status-dot { width:6px; height:6px; }
  .page { background:none; max-width:1540px; padding:42px 42px 72px; }
  .heading-row { align-items:center; margin-bottom:24px; }.heading-row h1 { font:650 clamp(27px,2.7vw,35px)/1.18 Inter,ui-sans-serif,system-ui,sans-serif; letter-spacing:-.035em; margin:8px 0; }
  .eyebrow,.kicker { font:600 10px/1.4 Inter,ui-sans-serif,system-ui,sans-serif; color:#8ea2ba; letter-spacing:.1em; }.eyebrow-line { background:#ffa41b; }
  .lede { color:#a9b5c9; font-size:14px; }.period { color:#ffa41b; }
  .outline-button,.primary-button { font:600 13px/1.4 Inter,ui-sans-serif,system-ui,sans-serif; border-radius:5px; box-shadow:none; }
  .outline-button { background:#162238; border:1px solid #34445d; color:#e8ecf4; padding:11px 15px; }.outline-button:hover { background:#203049; }
  .notice { padding:14px 17px; border:1px solid #66512d; border-left:3px solid #ffa41b; border-radius:5px; color:#c3cddd; background:#181c25; font-size:12px; line-height:1.55; }.notice strong { color:#ffcc78; }.notice-icon { border-color:#c58629; color:#ffba4e; }
  .panel { background:#111b2b; border:1px solid #28374e; border-radius:7px; box-shadow:none; overflow:hidden; }.drawing-panel { border-color:#35465b; }
  .panel-header { padding:22px 24px 18px; border-bottom:1px solid #26354b; }.panel-header h2 { margin:6px 0 5px; font:650 19px/1.3 Inter,ui-sans-serif,system-ui,sans-serif; letter-spacing:-.02em; }.panel-header p { color:#a9b5c9; font-size:12px; line-height:1.5; }.header-icon { display:none; }
  .workspace { grid-template-columns:minmax(300px,380px) minmax(0,1fr); gap:20px; }.output-column { gap:20px; }
  .form-section { padding:22px 24px; border-color:#26354b; }.section-title { margin-bottom:16px; gap:10px; }.section-title span { color:#8191a8; font:600 11px/1 Inter,ui-sans-serif,system-ui,sans-serif; }.section-title h3 { font-size:13px; color:#e8ecf4; }
  .form-section label:not(.check-row) { font-size:12px; color:#e0e8f3; margin:16px 0 7px; }.form-section em { font:italic 12px/1 Georgia,serif; color:#9aabc0; }
  .form-section input:not([type=checkbox]),.form-section select { min-height:42px; background:#0b1422; color:#edf3fb; border:1px solid #33435b; border-radius:5px; padding:0 12px; font-size:14px; }
  .input-unit { border:1px solid #33435b; border-radius:5px; background:#0b1422; }.input-unit input:not([type=checkbox]) { border:0; background:transparent; }.input-unit span { background:#19263a; border-color:#33435b; color:#b9c6d8; font-size:11px; }
  .field-help,.check-row small,.button-note { color:#9eacc0; font-size:11px; line-height:1.55; }.check-row { font-size:12px; font-weight:500; }.check-row a { color:#6cded2; }.check-row input { accent-color:#3dd9c9; }
  .arrangement { border:1px solid #39536a; border-radius:5px; background:#122238; padding:12px; }.arrangement strong { font-size:12px; }.arrangement small { font-size:11px; color:#a0b2c7; }.arrangement-icon { color:#8ea5bb; }.selected-check { background:#3dd9c9; color:#0b1220; }
  .primary-button { background:#ffa41b; color:#111720; min-height:46px; }.primary-button:hover { background:#ffbd58; }.button-note { margin-bottom:24px; }
  .chip,.chip.orange { border-radius:100px; background:#202e42; color:#b8c9db; font:600 10px/1.3 Inter,ui-sans-serif,system-ui,sans-serif; letter-spacing:.05em; padding:6px 9px; }.chip.orange { color:#ffc266; background:#302819; }
  .results { padding:22px 24px; }.empty-results { background:#0d1726; border:1px dashed #3b4c61; border-radius:5px; }.empty-results strong { font-size:13px; }.empty-results p,.verification-note p { color:#a9b5c9; font-size:11px; line-height:1.5; }
  .result-grid { gap:0; border:1px solid #2d3d54; border-radius:5px; background:#2d3d54; }.result-grid>div { background:#0e1929; padding:16px 14px; border-right:1px solid #2d3d54; }.result-grid span { color:#aab8ca; font-size:11px; }.result-grid strong { color:#f4f7fb; font:650 23px/1.1 Inter,ui-sans-serif,system-ui,sans-serif; letter-spacing:-.025em; margin-top:10px; }.result-grid small { color:#aab8ca; font-size:11px; }
  .calculation-detail { color:#bac6d6; font-size:12px; line-height:1.7; }.calculation-detail h3 { color:#e8ecf4; font-size:13px; }.calculation-detail strong { color:#edf3fb; }.verification-note { border-color:#26354b; color:#e5b978; }
  .property-content { background:#2a3a52; border-color:#2a3a52; border-radius:5px; }.property-content>div { background:#0e1929; }.property-content span { color:#a7b6ca; }.property-content strong { color:#edf3fb; }
  .terms-panel,footer { color:#94a4b9; }.terms-panel strong { color:#ccd8e7; }.footer-star { color:#ffa41b; }
  :focus-visible { outline:2px solid #3dd9c9!important; outline-offset:3px; }
}
@media screen and (max-width:1100px) { .app-shell { grid-template-columns:190px minmax(0,1fr); }.workspace { grid-template-columns:minmax(285px,340px) minmax(0,1fr); }.page { padding:32px 26px 60px; }.topbar { padding:0 26px; } }
@media screen and (max-width:760px) { .app-shell { display:block; }.sidebar { position:static; height:auto; padding:14px 16px; display:flex; flex-direction:row; align-items:center; justify-content:space-between; }.brand { font-size:17px; }.brand small,.nav-label { display:none; }.nav { display:flex; align-items:center; }.nav-item { padding:8px 10px; font-size:12px; }.nav-item.active { font-size:12px; }.nav-item.disabled,.nav-icon,.nav-arrow { display:none; }.topbar { height:45px; padding:0 16px; }.top-right { font-size:0; }.page { padding:28px 16px 48px; }.heading-row { display:flex; flex-wrap:wrap; gap:14px; }.heading-row .outline-button { margin:0; }.heading-row h1 { font-size:28px; line-height:1.2; }.workspace { grid-template-columns:1fr; }.panel-header { padding:19px 19px 16px; }.form-section { padding:20px 19px; }.results { padding:20px 19px; }.primary-button { margin-left:19px; width:calc(100% - 38px); }.result-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.notice { font-size:12px; }.output-column { gap:16px; } }
@media screen { .empty-state { color:#aebbd1; font-size:12px; } }
@media screen and (max-width:760px) { .form-section input:not([type=checkbox]), .form-section select { font-size:16px; } }