@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap";.guide-page{max-width:860px;margin:0 auto;padding:40px 24px 64px;display:flex;flex-direction:column;gap:48px}.guide-hero{display:flex;flex-direction:column;gap:10px}.guide-hero-badge{display:inline-flex;align-self:flex-start;padding:3px 10px;border-radius:20px;background:var(--green-dim);color:var(--green);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.guide-hero-title{font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.guide-hero-sub{font-size:15px;color:var(--text-secondary);line-height:1.6;max-width:520px}.guide-section{display:flex;flex-direction:column;gap:16px}.guide-section-heading{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.guide-calc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 700px){.guide-calc-grid{grid-template-columns:1fr}}.guide-calc-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:14px;transition:border-color .15s}.guide-calc-card--green{border-top:2px solid var(--green)}.guide-calc-card--blue{border-top:2px solid var(--blue)}.guide-calc-card--amber{border-top:2px solid var(--amber)}.guide-calc-header{display:flex;align-items:flex-start;gap:10px}.guide-calc-icon{font-size:20px;line-height:1;flex-shrink:0;margin-top:1px}.guide-calc-title{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.3}.guide-calc-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px;line-height:1.4}.guide-steps{list-style:none;display:flex;flex-direction:column;gap:9px}.guide-step{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--text-secondary);line-height:1.5}.guide-step-num{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--bg-input);border:1px solid var(--border);font-size:10px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;justify-content:center;margin-top:1px}.guide-tips-block{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--border)}.guide-tip{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:var(--text-muted);line-height:1.45}.guide-tip-dot{flex-shrink:0;width:4px;height:4px;border-radius:50%;background:var(--text-muted);margin-top:6px;opacity:.5}.guide-workflow-row{display:flex;align-items:center;gap:16px}@media (max-width: 540px){.guide-workflow-row{flex-direction:column;align-items:stretch}.guide-workflow-arrow{align-self:center;transform:rotate(90deg)}}.guide-workflow-card{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:6px}.guide-workflow-icon{font-size:20px;line-height:1}.guide-workflow-label{font-size:14px;font-weight:600;color:var(--text-primary)}.guide-workflow-body{font-size:13px;color:var(--text-secondary);line-height:1.55}.guide-workflow-arrow{font-size:20px;color:var(--text-muted);flex-shrink:0;opacity:.5}.guide-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 480px){.guide-features-grid{grid-template-columns:1fr}}.guide-feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:flex-start;gap:12px}.guide-feature-icon{font-size:18px;flex-shrink:0;margin-top:1px}.guide-feature-label{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:3px}.guide-feature-body{font-size:12px;color:var(--text-secondary);line-height:1.5}.guide-kbd-table{display:flex;flex-direction:column;gap:8px}.guide-kbd-row{display:flex;align-items:center;gap:14px;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px}.guide-kbd-keys{display:flex;gap:6px;flex-shrink:0;min-width:90px}.guide-kbd{font-family:DM Mono,monospace;font-size:12px;font-weight:600;padding:3px 8px;border-radius:5px;background:var(--bg-hover);border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap}.guide-kbd-desc{font-size:13px;color:var(--text-secondary)}.guide-preview{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.guide-preview-label{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}.guide-preview-summary-bar{display:flex;align-items:stretch;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.guide-preview-stat{flex:1;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:2px}.guide-preview-stat-value{font-family:DM Mono,monospace;font-size:15px;font-weight:600;color:var(--text-primary);line-height:1}.guide-preview-stat-of{font-size:11px;color:var(--text-muted);font-weight:400}.guide-preview-stat-label{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.guide-preview-stat-divider{width:1px;background:var(--border);flex-shrink:0}.guide-preview-green{color:var(--green)!important}.guide-preview-amber{color:var(--amber)!important}.guide-preview-diagram{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px;color:var(--border);overflow:hidden}.guide-preview-diagram svg{display:block;width:100%;height:auto}.guide-preview-fit-result{display:flex;align-items:baseline;gap:8px;padding:6px 8px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.guide-preview-fit-count{font-family:DM Mono,monospace;font-size:20px;font-weight:700;color:var(--green);line-height:1}.guide-preview-fit-unit{font-size:12px;font-weight:500;color:var(--text-secondary);font-family:DM Sans,sans-serif}.guide-preview-fit-arrange{font-size:11px;color:var(--text-muted);font-family:DM Mono,monospace}.guide-preview-fit-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.guide-preview-fit-cell{aspect-ratio:1;background:var(--blue);border-radius:2px}.guide-preview-dim-row{display:flex;align-items:center;gap:8px}.guide-preview-dim-card{flex:1;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;display:flex;flex-direction:column;gap:2px}.guide-preview-dim-card--highlight{border-color:var(--amber);background:#f5a6230f}.guide-preview-dim-val{font-family:DM Mono,monospace;font-size:14px;font-weight:600;color:var(--text-primary)}.guide-preview-dim-lbl{font-size:10px;color:var(--text-muted)}.guide-preview-dim-vs{font-size:11px;color:var(--text-muted);flex-shrink:0}.guide-edit-hero{display:flex;gap:14px;align-items:stretch}@media (max-width: 600px){.guide-edit-hero{flex-direction:column}}.guide-edit-hero-diagram{flex:1.7;min-width:0;background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.guide-edit-diagram{color:var(--text-muted)}.guide-edit-hero-side{flex:1;display:flex;flex-direction:column;justify-content:center}.guide-edit-live{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--green);border-radius:var(--radius-sm);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.guide-edit-live-label{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}.guide-edit-live-meter{display:flex;align-items:baseline;gap:9px;font-family:DM Mono,monospace}.guide-edit-live-from{font-size:16px;color:var(--text-muted);text-decoration:line-through}.guide-edit-live-arrow{font-size:14px;color:var(--text-muted)}.guide-edit-live-to{font-size:26px;font-weight:700;color:var(--green);line-height:1}.guide-edit-live-note{font-size:12px;color:var(--text-secondary);line-height:1.5}.guide-bestfit-preview{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.guide-bestfit-row{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px}.guide-bestfit-row--best{border-color:var(--green);background:var(--green-dim)}.guide-bestfit-name{display:flex;align-items:center;gap:6px;font-weight:500;color:var(--text-primary)}.guide-bestfit-badge{font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:var(--green);color:#000;padding:1px 5px;border-radius:3px}.guide-bestfit-meta{font-family:DM Mono,monospace;font-size:11px;color:var(--text-muted)}:root{--bg-base: #0b0e14;--bg-surface: #111520;--bg-card: #181e2d;--bg-input: #1c2233;--bg-hover: #1e2438;--border: #30405c;--border-light: #3b4d6c;--text-primary: #f5f8fd;--text-secondary:#bcc8dc;--text-muted: #94a6be;--green: #00c97a;--green-dim: rgba(0, 201, 122, .12);--green-glow: rgba(0, 201, 122, .25);--blue: #4e9eff;--blue-dim: rgba(78, 158, 255, .12);--amber: #f5a623;--red: #ff5f5f;--sidebar-width: 220px;--overlay-bg: rgba(0, 0, 0, .5);--radius: 10px;--radius-sm: 6px;--radius-lg: 14px}.light{--bg-base: #f0f2f7;--bg-surface: #ffffff;--bg-card: #f7f8fc;--bg-input: #eef0f6;--bg-hover: #e8ebf4;--border: #dde1ee;--border-light: #c8cde0;--text-primary: #0f1420;--text-secondary:#4a5270;--text-muted: #5c6b8a;--green: #00a863;--green-dim: rgba(0, 168, 99, .1);--green-glow: rgba(0, 168, 99, .2);--blue: #2e7de0;--blue-dim: rgba(46, 125, 224, .1);--amber: #c47f00;--red: #d94040;--overlay-bg: rgba(0, 0, 0, .5)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.add-conveyance-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000}.add-conveyance-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:24px;width:min(360px,calc(100vw - 32px));box-shadow:0 8px 32px #0000002e}.add-conveyance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.add-conveyance-title{font-weight:700;font-size:14px;color:var(--text-primary)}.add-conveyance-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:18px;line-height:1;padding:2px}.add-conveyance-body{display:flex;flex-direction:column;gap:12px}.add-conveyance-dim-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.add-conveyance-field-label{font-size:11px;color:var(--text-muted);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.add-conveyance-field-label-optional{font-weight:400;opacity:.6}.add-conveyance-input{width:100%;margin-top:4px;padding:8px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-size:13px;font-family:DM Sans,sans-serif;box-sizing:border-box}.add-conveyance-input-mono{font-family:DM Mono,monospace}.add-conveyance-error{font-size:12px;color:var(--red);padding:6px 10px;background:#ff5f5f1a;border-radius:6px}.add-conveyance-btn-row{display:flex;gap:8px;margin-top:4px}.add-conveyance-btn{flex:1;padding:9px 0;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;font-family:DM Sans,sans-serif}.add-conveyance-btn-cancel{border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary)}.add-conveyance-btn-delete{border:1px solid var(--red);background:#ff5f5f14;color:var(--red)}.add-conveyance-btn-save{flex:2;border:none;background:var(--green);color:#fff;font-weight:600}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:DM Sans,sans-serif;background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;overflow:hidden;flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:20px 16px 16px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#00c97a14,#4e9eff0f);position:relative}.light .sidebar-logo{background:linear-gradient(135deg,#00a8630f,#2e7de00d)}.logo-icon{flex-shrink:0}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-title{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:.04em}.logo-sub{font-size:9px;font-weight:400;color:var(--text-muted);letter-spacing:.02em;margin-top:1px}.sidebar-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;position:relative;text-align:left;transition:background .15s,color .15s}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--green-dim);color:var(--green);box-shadow:0 1px 3px #00c97a26}.nav-item:hover{transition:background .15s,color .15s,transform .15s}.nav-item:active{transform:scale(.98)}.nav-item:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.nav-icon{font-size:14px;flex-shrink:0}.nav-label{flex:1}.nav-indicator{width:4px;height:4px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green-glow)}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.sidebar-legal-links{display:flex;flex-wrap:wrap;gap:8px;font-size:10.5px;line-height:1.2}.auth-gate-links a,.sidebar-legal-links a,.legal-page a{color:var(--green);text-decoration:none;font-weight:600}.auth-gate-links a:hover,.sidebar-legal-links a:hover,.legal-page a:hover{text-decoration:underline}.copyright-notice{font-family:DM Mono,monospace;font-size:9px;color:var(--text-muted);opacity:.6;letter-spacing:.03em}.version-badge{font-family:DM Mono,monospace;font-size:10px;color:var(--text-muted);letter-spacing:.05em}.theme-toggle{display:flex;align-items:center;gap:7px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;padding:6px 10px;cursor:pointer;width:100%;transition:background .15s,color .15s}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-account-row{display:flex;align-items:center;gap:8px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;cursor:pointer;transition:background .15s,color .15s}.sidebar-account-row:hover{background:var(--bg-hover)}.sidebar-account-row .cl-userButtonTrigger{padding:0;border:none;background:transparent;box-shadow:none}.sidebar-account-row .cl-userButtonTrigger:focus,.sidebar-account-row .cl-userButtonTrigger:focus-visible{box-shadow:none}.sidebar-account-row .cl-userButtonAvatarBox,.sidebar-account-row .cl-avatarBox{width:22px;height:22px;flex-shrink:0}.sidebar-account-row__name{font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.auth-gate{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px 16px;background:var(--bg-base);color:var(--text-primary)}.auth-gate-brand{display:flex;flex-direction:column;align-items:center;gap:12px}.auth-gate-title{font-family:DM Sans,sans-serif;font-size:28px;font-weight:700;letter-spacing:.02em;color:var(--text-primary)}.auth-gate-sub{font-family:DM Sans,sans-serif;font-size:13px;color:var(--text-muted);letter-spacing:.02em}.auth-gate-links{display:flex;align-items:center;justify-content:center;gap:14px;font-size:12px}.main-content{flex:1;height:100vh;overflow:hidden;display:flex;flex-direction:column;min-width:0}.main-content-option-a{min-height:0}.app-preview .preview-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#00c97a14,#4e9eff0f);font-size:13px;color:var(--text-secondary)}.app-preview .preview-banner .preview-banner-title{font-weight:600;color:var(--text-primary)}.app-preview .preview-banner .preview-banner-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;background:var(--green-dim);color:var(--green);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.main-content-results{--ulc-sticky-results-header-offset: calc(env(safe-area-inset-top, 0px) + 58px) }.results-method-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:10px 20px 0;border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0}.results-method-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px 10px;border:none;background:transparent;font-family:inherit;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;border-radius:8px 8px 0 0}.results-method-tab-copy{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.1}.results-method-tab-label{font-size:13px}.results-method-tab-hint{font-size:10px;font-weight:600;color:var(--text-muted);white-space:nowrap}.results-method-tab:hover{color:var(--text-secondary)}.results-method-tab.active{color:var(--blue, #4e9eff);border-bottom-color:var(--blue, #4e9eff)}.results-method-tab.active .results-method-tab-hint{color:var(--text-secondary)}.results-method-tab-icon{font-size:14px;line-height:1}.workspace-calculator-stack{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.workspace-calculator-layer{flex:1;flex-direction:column;min-height:0;overflow:hidden}.calc-workspace-source-only .page-body,.calc-workspace-load-results-only .page-body,.calc-workspace-fit-results-only .page-body{grid-template-columns:1fr}.calc-workspace-source-only .inputs-panel{border-right:none}.data-input-layout{min-width:0}.data-input-layout--stacked{display:flex;flex-direction:column;gap:16px}.data-input-layout--two-col{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,420px);gap:20px;align-items:start;padding:16px 18px;background:var(--bg-hover);border:1px solid var(--border);border-radius:12px}.data-input-layout--two-col .data-input-layout__main,.data-input-layout--two-col .data-input-layout__aside,.data-input-layout--stacked .data-input-layout__main,.data-input-layout--stacked .data-input-layout__aside{display:flex;flex-direction:column;gap:16px;min-width:0}.data-input-layout__main>.section-card:first-child .field-row-inline{max-width:560px}.data-input-layout__aside .conveyance-grid{gap:8px}.data-input-layout__aside .conveyance-btn{padding:10px 12px;font-size:12px;min-height:48px;display:flex;flex-direction:column;justify-content:center;line-height:1.25}.data-input-layout__aside .conveyance-btn .conv-dims{font-size:10px;margin-top:4px}.calc-workspace-source-only .inputs-scroll{padding:20px 28px}.calc-workspace-source-only .inputs-actions{padding:12px 28px}.calc-workspace-source-only .load-workspace-bestfit-nudge{margin:0 28px 8px}@media (max-width: 900px){.data-input-layout--two-col{grid-template-columns:1fr;padding:12px 14px;gap:16px}}.calc-root{display:flex;flex-direction:column;height:100%}.tab-panel{display:none;flex:1;flex-direction:column;min-height:0;overflow:hidden}.tab-panel-active{display:flex}.page-header{padding:20px 28px 16px;border-bottom:1px solid var(--border);background:var(--bg-surface);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.page-header h1{font-size:20px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.page-header p{font-size:13px;color:var(--text-secondary);margin-top:2px}.page-body{display:grid;grid-template-columns:380px 1fr;gap:0;flex:1;min-height:0;overflow:hidden;align-items:stretch}.inputs-panel{background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;overflow:hidden;height:100%;align-self:stretch}.inputs-scroll{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;min-height:0}.inputs-actions{padding:12px 20px;border-top:1px solid var(--border);background:var(--bg-surface);flex-shrink:0}.results-panel{background:var(--bg-base);padding:20px 24px;overflow-y:scroll;min-height:0;height:100%;align-self:stretch;position:relative}.results-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:800px;z-index:0;pointer-events:none;background:radial-gradient(ellipse 50% 220px at 30% 60px,rgba(0,201,122,.12) 0%,transparent 70%),radial-gradient(ellipse 45% 200px at 75% 200px,rgba(78,158,255,.09) 0%,transparent 70%),radial-gradient(ellipse 40% 180px at 50% 400px,rgba(245,166,35,.06) 0%,transparent 70%),radial-gradient(ellipse 50% 250px at 40% 600px,rgba(140,80,200,.04) 0%,transparent 70%)}.light .results-panel:before{background:radial-gradient(ellipse 50% 220px at 30% 60px,rgba(0,168,99,.14) 0%,transparent 70%),radial-gradient(ellipse 45% 200px at 75% 200px,rgba(46,125,224,.12) 0%,transparent 70%),radial-gradient(ellipse 40% 180px at 50% 400px,rgba(196,127,0,.08) 0%,transparent 70%),radial-gradient(ellipse 50% 250px at 40% 600px,rgba(160,50,190,.05) 0%,transparent 70%)}.results-panel>*{position:relative;z-index:1}.section-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;flex-shrink:0}.section-card--dropdown-host{overflow:visible}.section-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none}.section-header-left{display:flex;align-items:center;gap:8px}.section-header-tools{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:min(100%,520px)}.btn-toolbar{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;padding:5px 10px!important;font-size:11px!important;font-weight:600!important;line-height:1.2!important;min-height:30px;box-sizing:border-box;white-space:nowrap}.btn-toolbar svg{flex-shrink:0;color:var(--text-muted)}.section-header-tools .unit-btn{padding:5px 10px;font-size:11px;min-height:30px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.ai-import-anchor{position:relative;display:inline-flex;align-items:center}.ai-import-menu{min-width:260px;max-width:min(92vw,320px)}.ai-import-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.ai-import-menu--fixed{position:fixed;z-index:100;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000040;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain}.ai-import-menu--sheet{left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom,0px));top:auto;width:100%;max-width:100%;max-height:calc(100dvh - 84px - env(safe-area-inset-bottom,0px));overflow-y:auto;border-radius:16px 16px 0 0;border-bottom:none;box-shadow:0 -4px 24px #00000059}.ai-import-menu--sheet:before{content:"";display:block;width:36px;height:4px;border-radius:2px;background:var(--border);margin:10px auto 6px;flex-shrink:0}.ai-import-menu--sheet{display:flex;flex-direction:column}.ai-import-menu--sheet .ai-import-menu__help{order:2;border-bottom:none;border-top:1px solid var(--border)}.ai-import-menu--sheet .ai-import-menu__btn{order:1;padding:14px 16px}.ai-import-menu__help{padding:10px 12px;border-bottom:1px solid var(--border);background:#4e9eff12;font-size:11px;line-height:1.45;color:var(--text-secondary)}.ai-import-menu__help-lead{margin:0 0 6px}.ai-import-menu__help-list{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:6px}.ai-import-menu__help-list--tight{padding-left:18px;gap:8px}.items-hint-note--compact{margin-bottom:8px;padding:8px 10px}.items-hint-note--single-line{padding:6px 10px;margin-bottom:6px}@media (max-height: 820px){.bestfit-nudge{display:none!important}}.ai-import-menu__btn{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;text-align:left;padding:10px 12px;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);cursor:pointer;font-family:inherit;transition:background .12s}.ai-import-menu__btn:last-child{border-bottom:none}.ai-import-menu__btn:hover,.ai-import-menu__btn:focus-visible{background:var(--bg-input);outline:none}.ai-import-menu__label{font-size:13px;font-weight:600;color:var(--text-primary)}.ai-import-menu__desc{font-size:11px;line-height:1.4;color:var(--text-muted);font-weight:400}.items-hint-note{margin-bottom:8px;padding:10px 12px;border-radius:8px;border:1px solid rgba(78,158,255,.25);background:#4e9eff0f;font-size:11px;color:var(--text-secondary);line-height:1.45}.items-hint-note__lead{margin:0 0 8px}.items-hint-note__list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.items-hint-note__list li{padding-left:2px}.section-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.section-body{padding:14px;display:flex;flex-direction:column;gap:10px}.field-row{display:flex;flex-direction:column;gap:4px}.field-label{font-size:11px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.field-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:DM Mono,monospace;font-size:13px;padding:8px 10px;width:100%;outline:none;transition:border-color .15s}.field-input:focus,.field-input:focus-visible{border-color:var(--blue);box-shadow:0 0 0 3px #4e9eff1a}.field-input::placeholder{color:var(--text-muted);font-family:DM Sans,sans-serif}select.field-input{cursor:pointer;font-family:DM Sans,sans-serif}.field-row-inline{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.btn-primary{background:var(--green);color:#000;border:none;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;padding:10px 18px;cursor:pointer;width:100%;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:opacity .15s,transform .15s,box-shadow .15s}.btn-primary:hover{opacity:.95;transform:scale(1.02);box-shadow:0 4px 14px var(--green-glow)}.btn-primary:active{transform:scale(.99)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;padding:7px 12px;cursor:pointer;transition:background .15s,color .15s}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed}.btn-icon{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:16px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.btn-danger{background:#ff5f5f1a;color:var(--red);border:1px solid rgba(255,95,95,.2);border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;padding:5px 10px;cursor:pointer;transition:background .15s}.btn-danger:hover{background:#ff5f5f33}.btn-danger:focus-visible{outline:2px solid var(--red);outline-offset:2px}.btn-reorder{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:11px;font-family:DM Mono,monospace;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s,color .15s;line-height:1}.btn-reorder:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.btn-reorder:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-reorder:disabled{opacity:.25;cursor:not-allowed}.kbd-hint{display:inline-flex;flex-direction:column;align-items:center;gap:1px;line-height:1.1;cursor:help;-webkit-user-select:none;user-select:none;max-width:52px;text-align:center}.kbd-hint kbd{font-family:DM Mono,monospace;font-size:10px;color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:2px 5px;line-height:1.4;cursor:help}.kbd-hint-caption{font-size:8px;font-weight:600;color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase}.unit-toggle{display:flex;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;gap:2px}.unit-btn{flex:1;padding:5px 8px;border:none;border-radius:4px;background:transparent;color:var(--text-muted);font-family:DM Mono,monospace;font-size:11px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.unit-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 3px #0000004d}.unit-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.result-mode-toggle{display:flex;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;gap:2px}.result-mode-btn{padding:4px 12px;border:none;border-radius:4px;background:transparent;color:var(--text-muted);font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,color .15s;letter-spacing:.01em}.result-mode-btn.active-simple{background:var(--blue-dim);color:var(--blue);box-shadow:0 1px 3px #0003}.result-mode-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.result-mode-btn.active-expert{background:#f5a62324;color:var(--amber);box-shadow:0 1px 3px #0003}.result-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:var(--text-muted);gap:14px;padding:24px}.result-empty-icon{width:64px;height:64px;opacity:.5;flex-shrink:0}.result-empty-icon svg{width:100%;height:100%;stroke:var(--text-muted)}.light .result-empty-icon svg{stroke:var(--text-muted)}.result-empty-icon-box svg .box-fill{fill:#a08060;fill-opacity:.5;stroke:#8b7355}.result-empty-icon-box svg .box-edges{stroke:#8b7355;fill:none}.light .result-empty-icon-box svg .box-fill{fill:#8b6f4d;fill-opacity:.45;stroke:#6b5344}.light .result-empty-icon-box svg .box-edges{stroke:#6b5344}.result-empty-text{font-size:13px;max-width:260px;text-align:center;line-height:1.4}.result-empty-steps{font-size:12px;color:var(--text-muted);text-align:left;margin:4px 0 0;padding-left:20px;line-height:2;max-width:240px}.result-empty-steps strong{color:var(--text-secondary)}.result-empty-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.workflow-handoff-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:-2px 0 10px;padding:8px 10px;border:1px solid rgba(78,158,255,.2);border-radius:var(--radius-sm);background:#4e9eff0d}.workflow-handoff-row--inline{margin:0 0 10px}.workflow-handoff-label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.workflow-handoff-chip{border:1px solid var(--border);border-radius:999px;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;font:inherit;font-size:12px;font-weight:700;line-height:1.2;padding:6px 10px}.workflow-handoff-chip:hover{border-color:var(--accent, #4e9eff);color:var(--accent, #4e9eff)}.btn-try-sample{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:var(--green-dim);color:var(--green);border:1px solid var(--green);border-radius:8px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s ease}.btn-try-sample:hover{background:var(--green-glow)}.btn-try-sample:focus-visible{outline:2px solid var(--green);outline-offset:2px}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.onboarding-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.onboarding-card{position:relative;z-index:1;background:var(--bg-card);border:1px solid var(--border);box-shadow:0 20px 60px #0000008c,0 0 0 1px var(--green-dim);border-radius:14px;padding:28px 28px 22px;max-width:480px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.onboarding-skip{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--text-muted);font-family:inherit;font-size:12px;cursor:pointer;padding:6px 10px;border-radius:6px}.onboarding-skip:hover{color:var(--text-secondary);background:var(--bg-hover)}.onboarding-skip:focus-visible{outline:2px solid var(--green);outline-offset:1px}.onboarding-step-label{font-size:10px;font-weight:600;color:var(--green);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}.onboarding-plan-chip{margin:-7px 0 14px;padding:4px 9px;border-radius:999px;background:var(--green-dim);border:1px solid rgba(46,184,107,.42);color:var(--green);font-size:11px;font-weight:700;line-height:1.2}.onboarding-icon{color:var(--green);margin-bottom:14px;display:flex;align-items:center;justify-content:center;min-height:56px}.onboarding-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px;line-height:1.25}.onboarding-body{font-size:14px;color:var(--text-secondary);line-height:1.55;max-width:360px;margin-bottom:12px}.onboarding-detail-list{width:min(360px,100%);margin:0 0 18px;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px;text-align:left}.onboarding-detail-list li{position:relative;padding-left:17px;font-size:12.5px;line-height:1.4;color:var(--text-secondary)}.onboarding-detail-list li:before{content:"";position:absolute;left:0;top:.52em;width:6px;height:6px;border-radius:50%;background:var(--green)}.onboarding-dots{display:flex;gap:6px;margin-bottom:20px}.onboarding-dot{width:7px;height:7px;border-radius:50%;background:var(--border-light);transition:width .16s ease,background .16s ease}.onboarding-dot.active{background:var(--green);width:22px;border-radius:4px}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px}.onboarding-final-actions{display:flex;gap:10px;flex:1;justify-content:flex-end}.onboarding-btn{padding:10px 18px;border-radius:8px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .12s ease,color .12s ease,border-color .12s ease}.onboarding-btn--primary{background:var(--green);color:#001a10;border-color:var(--green)}.onboarding-btn--primary:hover{background:#00df89}.light .onboarding-btn--primary{color:#fff}.light .onboarding-btn--primary:hover{background:#00bf70}.onboarding-btn--ghost{background:transparent;color:var(--text-secondary);border-color:var(--border)}.onboarding-btn--ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.onboarding-btn:focus-visible{outline:2px solid var(--green);outline-offset:2px}@media (max-width: 520px){.onboarding-overlay{align-items:flex-start;overflow-y:auto}.onboarding-card{margin:auto 0;padding:26px 22px 20px}.onboarding-actions{flex-direction:column-reverse;align-items:stretch}.onboarding-final-actions{flex-direction:column-reverse}.onboarding-btn{width:100%}}.empty-anim-scene{width:200px;height:140px;position:relative;flex-shrink:0}.empty-anim-container-outline{position:absolute;top:0;right:0;bottom:0;left:0;border:2px dashed rgba(255,255,255,.12);border-radius:6px}.light .empty-anim-container-outline{border-color:#0000001a}.empty-anim-floor-grid{position:absolute;bottom:0;left:0;right:0;height:24px;overflow:hidden}.empty-anim-floor-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0px,rgba(255,255,255,.04) 1px,transparent 1px,transparent 18px),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0px,rgba(255,255,255,.04) 1px,transparent 1px,transparent 18px)}.light .empty-anim-floor-grid:before{background:repeating-linear-gradient(90deg,rgba(0,0,0,.04) 0px,rgba(0,0,0,.04) 1px,transparent 1px,transparent 18px),repeating-linear-gradient(0deg,rgba(0,0,0,.04) 0px,rgba(0,0,0,.04) 1px,transparent 1px,transparent 18px)}.empty-anim-box{position:absolute;border-radius:3px;border:1.5px solid;opacity:0}.empty-anim-box-1{width:46px;height:32px;left:10px;bottom:26px;background:#3385f54d;border-color:#3385f580;animation:emptyDrop1 3.5s ease infinite}.empty-anim-box-2{width:40px;height:32px;left:60px;bottom:26px;background:#f5731a4d;border-color:#f5731a80;animation:emptyDrop2 3.5s .4s ease infinite}.empty-anim-box-3{width:46px;height:32px;left:104px;bottom:26px;background:#2eb86b4d;border-color:#2eb86b80;animation:emptyDrop3 3.5s .8s ease infinite}.empty-anim-box-4{width:46px;height:26px;left:10px;bottom:60px;background:#b838db4d;border-color:#b838db80;animation:emptyDrop4 3.5s 1.2s ease infinite}.empty-anim-box-5{width:40px;height:26px;left:60px;bottom:60px;background:#14b3cc4d;border-color:#14b3cc80;animation:emptyDrop5 3.5s 1.6s ease infinite}@keyframes emptyDrop1{0%{opacity:0;transform:translate(-24px,-50px) scale(.8)}15%{opacity:1;transform:translateY(-6px) scale(1)}22%{transform:translateY(2px) scale(1)}28%{transform:translate(0) scale(1)}75%{opacity:1;transform:translate(0) scale(1)}90%{opacity:0;transform:translate(0) scale(.95)}to{opacity:0;transform:translate(-24px,-50px) scale(.8)}}@keyframes emptyDrop2{0%{opacity:0;transform:translateY(-60px) scale(.8)}15%{opacity:1;transform:translateY(-6px) scale(1)}22%{transform:translateY(2px) scale(1)}28%{transform:translate(0) scale(1)}75%{opacity:1;transform:translate(0) scale(1)}90%{opacity:0;transform:translate(0) scale(.95)}to{opacity:0;transform:translateY(-60px) scale(.8)}}@keyframes emptyDrop3{0%{opacity:0;transform:translate(24px,-50px) scale(.8)}15%{opacity:1;transform:translateY(-6px) scale(1)}22%{transform:translateY(2px) scale(1)}28%{transform:translate(0) scale(1)}75%{opacity:1;transform:translate(0) scale(1)}90%{opacity:0;transform:translate(0) scale(.95)}to{opacity:0;transform:translate(24px,-50px) scale(.8)}}@keyframes emptyDrop4{0%{opacity:0;transform:translate(-16px,-44px) scale(.8)}15%{opacity:1;transform:translateY(-5px) scale(1)}22%{transform:translateY(2px) scale(1)}28%{transform:translate(0) scale(1)}75%{opacity:1;transform:translate(0) scale(1)}90%{opacity:0;transform:translate(0) scale(.95)}to{opacity:0;transform:translate(-16px,-44px) scale(.8)}}@keyframes emptyDrop5{0%{opacity:0;transform:translateY(-44px) scale(.8)}15%{opacity:1;transform:translateY(-5px) scale(1)}22%{transform:translateY(2px) scale(1)}28%{transform:translate(0) scale(1)}75%{opacity:1;transform:translate(0) scale(1)}90%{opacity:0;transform:translate(0) scale(.95)}to{opacity:0;transform:translateY(-44px) scale(.8)}}.result-cards{display:flex;flex-direction:column;gap:14px}.explain-result-panel.explain-result-compact{border:none;background:transparent;padding:0;flex:0 0 auto;flex-shrink:0;min-width:28px}.explain-result-compact[open]{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);padding:8px 12px 10px;margin-bottom:2px}.explain-result-compact:not([open]) .explain-result-summary{width:28px;height:28px;overflow:hidden}.explain-result-compact .explain-result-summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;justify-content:center;padding:0;width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);font-weight:700;font-size:13px;line-height:1;-webkit-user-select:none;user-select:none;transition:background .15s,border-color .15s,color .15s}.explain-result-compact .explain-result-open-label{display:none;font-size:11px;font-weight:600;color:var(--text-muted);margin-left:4px}.explain-result-compact[open] .explain-result-summary{width:auto;height:auto;min-height:0;border-radius:0;padding:0 0 8px;margin-bottom:0;justify-content:flex-start;gap:8px;width:100%;border:none;background:transparent}.explain-result-compact[open] .explain-result-open-label{display:inline}.explain-result-compact .explain-result-summary:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.explain-result-compact[open] .explain-result-summary:hover{background:transparent;border-color:transparent}.explain-result-compact .explain-result-summary::-webkit-details-marker{display:none}.explain-result-compact .explain-result-icon{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.explain-result-compact[open] .explain-result-icon{width:22px;height:22px;flex:0 0 22px;border-radius:50%;border:1px solid var(--border);background:var(--bg-input);font-size:12px}.explain-result-list{margin:0;padding-left:18px;color:var(--text-muted);line-height:1.55;font-size:11px}.explain-result-list li{margin-bottom:6px}.results-action-row{display:flex;align-items:flex-start;justify-content:flex-start;gap:12px;width:100%;margin-bottom:8px}.results-action-row>.explain-result-panel{align-self:flex-start}.results-action-row>button{flex-shrink:0;margin-left:auto}.result-card{background:#1115206b;backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);border:1px solid rgba(255,255,255,.12);border-top-color:#ffffff2e;border-radius:14px;overflow:hidden;box-shadow:0 2px 4px #00000040,0 12px 40px #0003,inset 0 1px #ffffff14;transition:border-color .3s,box-shadow .3s,transform .3s}.result-card:hover{border-color:#ffffff2e;border-top-color:#ffffff40;box-shadow:0 2px 4px #00000040,0 20px 60px #00000040,inset 0 1px #ffffff1f;transform:translateY(-2px)}.light .result-card{background:#ffffff73;backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border:1px solid rgba(255,255,255,.65);border-top-color:#ffffffd9;box-shadow:0 1px 2px #0000000f,0 8px 32px #00000014,inset 0 1px #ffffffb3}.light .result-card:hover{border-color:#fffc;box-shadow:0 1px 2px #0000000f,0 16px 48px #0000001f,inset 0 1px #fffc}.result-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.07)}.light .result-card-header{background:#ffffff59;border-bottom-color:#0000000f}.result-card-title{font-size:13px;font-weight:600;color:var(--text-primary)}.result-card-badges{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.result-revert-btn{font-family:DM Mono,monospace;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;cursor:pointer;color:var(--text-secondary, #c5cee0);background:#ffffff0f;border:1px solid rgba(255,255,255,.18);transition:background .15s ease,color .15s ease,border-color .15s ease}.result-revert-btn:hover{background:#f5a62324;border-color:#f5a62373;color:var(--amber, #f5a623)}.light .result-revert-btn{color:#475569;background:#0000000a;border-color:#0000002e}.light .result-revert-btn:hover{background:#b87a001f;border-color:#b87a0080;color:#b87a00}.result-badge{font-family:DM Mono,monospace;font-size:11px;padding:3px 8px;border-radius:20px;font-weight:500}.badge-green{background:var(--green-dim);color:var(--green);border:1px solid rgba(0,201,122,.2)}.badge-blue{background:var(--blue-dim);color:var(--blue);border:1px solid rgba(78,158,255,.2)}.badge-amber{background:#f5a6231f;color:var(--amber);border:1px solid rgba(245,166,35,.2)}.result-card .badge-green{background:#00c97a1f;border-color:#00c97a40;box-shadow:0 0 12px #00c97a26}.result-card .badge-blue{background:#4e9eff1f;border-color:#4e9eff40;box-shadow:0 0 12px #4e9eff26}.result-card .badge-amber{background:#f5a6231f;border-color:#f5a62340;box-shadow:0 0 12px #f5a62326}.result-card-body{padding:14px 16px;display:flex;flex-direction:column;gap:8px}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0}.stat-row+.stat-row{border-top:1px solid var(--border)}.result-card .stat-row+.stat-row{border-top-color:#ffffff0f}.light .result-card .stat-row+.stat-row{border-top-color:#0000000f}.stat-label{font-size:12px;color:var(--text-secondary)}.stat-value{font-family:DM Mono,monospace;font-size:13px;font-weight:500;color:var(--text-primary)}.stat-value.stat-value--prose{font-family:DM Sans,sans-serif;font-weight:400;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.stat-value.stat-value--prose strong{font-weight:600}.stat-value.green{color:var(--green)}.stat-value.blue{color:var(--blue)}.stat-value.amber{color:var(--amber)}.unit-breakdown-detail{font-size:12px;line-height:1.4;color:var(--text-secondary);margin-top:4px}.unit-breakdown-detail__label{font-family:DM Sans,sans-serif;font-weight:500;margin-right:6px;color:var(--text-muted)}.light .unit-breakdown-detail__label{color:#5c6478}.unit-breakdown-detail--mono{font-family:var(--font-mono, "DM Mono", monospace);font-weight:400}.progress-bar{height:4px;background:var(--bg-input);border-radius:2px;overflow:hidden;margin-top:4px}.progress-fill{height:100%;border-radius:2px;transition:width .4s ease}.progress-fill.green{background:var(--green)}.progress-fill.amber{background:var(--amber)}.progress-fill.red{background:var(--red)}.result-card .progress-bar{height:5px;background:#ffffff14;border-radius:3px}.light .result-card .progress-bar{background:#0000000f}.result-card .progress-fill{border-radius:3px}.result-card .progress-fill.green{background:linear-gradient(90deg,#00a863,#00e88a);box-shadow:0 0 12px #00c97a80,0 0 4px #00c97a4d}.result-card .progress-fill.amber{background:linear-gradient(90deg,#d08a00,#ffc040);box-shadow:0 0 12px #f5a62380,0 0 4px #f5a6234d}.result-card .progress-fill.red{background:linear-gradient(90deg,#d94040,#ff6b6b);box-shadow:0 0 12px #ff5f5f80,0 0 4px #ff5f5f4d}.light .result-card .progress-fill.green{background:linear-gradient(90deg,#095,#0c7);box-shadow:0 0 10px #00a86359,0 0 3px #00a86333}.light .result-card .progress-fill.amber{background:linear-gradient(90deg,#b07200,#e0a020);box-shadow:0 0 10px #c47f0059,0 0 3px #c47f0033}.item-row{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;display:flex;flex-direction:column;gap:8px;position:relative}.item-row-header{display:flex;align-items:center;justify-content:space-between}.item-row-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.conveyance-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.conveyance-btn{padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;cursor:pointer;text-align:left;transition:all .15s;line-height:1.3}.conveyance-btn:hover{border-color:var(--border-light);color:var(--text-primary)}.conveyance-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.conveyance-btn.active{border-color:var(--green);background:var(--green-dim);color:var(--green)}.conveyance-btn .conv-dims{font-family:DM Mono,monospace;font-size:9px;color:var(--text-muted);margin-top:2px}.conveyance-btn.active .conv-dims{color:#00c97a99}.conveyance-btn--icon{display:flex;align-items:flex-start;gap:8px}.conv-icon{flex-shrink:0;width:20px;height:20px;opacity:.45;margin-top:0;display:flex;align-items:center;justify-content:center}.conveyance-btn.active .conv-icon{opacity:.85}.conveyance-btn:hover .conv-icon{opacity:.65}.conv-text{flex:1;min-width:0}.mobile-conveyance-toggle,.mobile-conveyance-summary{display:none}@keyframes stackHeightPop{0%{opacity:0;transform:translateY(6px) scale(.97);box-shadow:0 0 #4e9eff80}40%{opacity:1;transform:translateY(0) scale(1);box-shadow:0 0 0 5px #4e9eff40}to{opacity:1;transform:translateY(0) scale(1);box-shadow:0 0 #4e9eff00}}.stack-height-card{animation:stackHeightPop .55s ease-out forwards}.summary-bar{background:#11152059;backdrop-filter:blur(28px) saturate(1.8);-webkit-backdrop-filter:blur(28px) saturate(1.8);border:1px solid rgba(255,255,255,.14);border-top-color:#ffffff38;border-radius:14px;padding:16px 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:14px;box-shadow:0 2px 4px #0003,0 12px 48px #0000002e,inset 0 1px #ffffff1a;transition:border-color .3s,box-shadow .3s,transform .3s}.summary-bar:hover{border-color:#fff3;transform:translateY(-1px);box-shadow:0 2px 4px #0003,0 16px 56px #00000038,inset 0 1px #ffffff1f}.light .summary-bar{background:#ffffff61;backdrop-filter:blur(28px) saturate(2);-webkit-backdrop-filter:blur(28px) saturate(2);border:1px solid rgba(255,255,255,.7);border-top-color:#ffffffe6;box-shadow:0 1px 2px #0000000d,0 8px 36px #00000012,inset 0 1px #fffc}.light .summary-bar:hover{border-color:#ffffffd9;box-shadow:0 1px 2px #0000000d,0 14px 44px #0000001a,inset 0 1px #ffffffe6}.summary-stat{display:flex;flex-direction:column;gap:2px}.summary-stat-label{font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.summary-stat-value{font-family:DM Mono,monospace;font-size:20px;font-weight:500;color:var(--text-primary)}.summary-stat-sub{font-size:10px;color:var(--text-muted)}.checkbox-row{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-row input[type=checkbox]{width:14px;height:14px;accent-color:var(--green);cursor:pointer}.checkbox-label{font-size:12px;color:var(--text-secondary)}.divider{height:1px;background:var(--border);margin:4px 0}.text-mono{font-family:DM Mono,monospace}.gap-actions{display:flex;gap:8px;align-items:center;justify-content:space-between}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.result-card{animation:fadeIn .35s ease both}.btn-export-pdf{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:var(--blue-dim);border:1px solid rgba(78,158,255,.25);border-radius:var(--radius-sm);color:var(--blue);font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.btn-export-pdf:hover{background:#4e9eff33}.fit-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fit-big-number{font-family:DM Mono,monospace;font-size:36px;font-weight:500;color:var(--green);line-height:1}.fit-big-label{font-size:11px;color:var(--text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.fit-breakdown-table{width:100%;border-collapse:collapse;font-size:12px}.fit-breakdown-table th{text-align:left;padding:6px 8px;color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);font-weight:500}.fit-breakdown-table td{padding:6px 8px;color:var(--text-secondary);border-bottom:1px solid var(--border);font-family:DM Mono,monospace;font-size:12px}.fit-breakdown-table tbody tr:nth-child(2n) td{background:#0000000a}.light .fit-breakdown-table tbody tr:nth-child(2n) td{background:#00000005}.fit-breakdown-table td:first-child{font-family:DM Sans,sans-serif;color:var(--text-primary);font-weight:500}.fit-breakdown-table tr:last-child td{border-bottom:none}.diagram-container{background:linear-gradient(180deg,var(--bg-card) 0%,rgba(22,27,39,.98) 100%);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 3px #0000001f}.light .diagram-container{background:linear-gradient(180deg,var(--bg-card) 0%,rgba(247,248,252,.98) 100%);box-shadow:0 1px 3px #0000000d}.diagram-tabs{display:flex;border-bottom:1px solid var(--border)}.diagram-tab{padding:8px 14px;font-size:11px;font-weight:500;color:var(--text-muted);cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s}.diagram-tab.active{color:var(--blue);border-bottom-color:var(--blue)}.diagram-canvas{padding:16px;display:flex;align-items:center;justify-content:center;min-height:160px}.session-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);z-index:200;display:flex;align-items:flex-start;justify-content:flex-end;padding:16px}.session-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:360px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080;animation:slideIn .18s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.session-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--border)}.session-panel-title{font-size:14px;font-weight:600;color:var(--text-primary)}.session-panel-subtitle{font-size:11px;color:var(--text-muted);margin:2px 0 0;font-weight:400}.session-close-btn{background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .15s}.session-close-btn:hover{color:var(--text-primary)}.session-close-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.session-save-row{display:flex;align-items:flex-end;gap:10px;padding:12px 16px 8px;min-width:0}.session-save-row .session-name-input{width:100%;min-width:0;box-sizing:border-box}.session-save-row>div:first-child{flex:1;min-width:0;overflow:hidden}.session-save-btn{flex-shrink:0;white-space:nowrap;padding:8px 16px;font-size:12px;min-width:72px}.session-save-msg{padding:0 16px 8px;font-size:11px;color:var(--green)}.session-save-msg-error{color:var(--red, #c53030)}.session-import-export-row{display:flex;gap:8px;padding:0 16px 8px;flex-wrap:wrap}.session-import-export-row .btn-secondary{padding:6px 12px;font-size:12px}.session-list{flex:1;overflow-y:auto;padding:4px 8px 12px}.session-empty{padding:28px 24px;text-align:center;color:var(--text-muted);font-size:12px;display:flex;flex-direction:column;align-items:center;gap:12px}.session-empty-icon{width:48px;height:48px;opacity:.5}.session-empty-icon svg{width:100%;height:100%;stroke:var(--text-muted)}.session-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s;gap:8px}.session-item:hover{background:var(--bg-hover)}.session-item:hover .session-load-hint,.session-item:hover .session-delete-btn{opacity:1}@media (hover: none){.session-load-hint,.session-delete-btn{opacity:1}}.session-item-left{display:flex;flex-direction:column;gap:2px;min-width:0}.session-item-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-item-date{font-size:10px;color:var(--text-muted)}.session-item-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.session-load-hint{font-size:11px;color:var(--green);opacity:0;transition:opacity .15s}.session-delete-btn{background:none;border:none;color:var(--text-muted);font-size:11px;cursor:pointer;padding:2px 5px;border-radius:4px;opacity:0;transition:color .15s,opacity .15s}.session-delete-btn:hover{color:var(--red)}.session-delete-btn:focus-visible{outline:2px solid var(--red);outline-offset:2px}.btn-presets{display:flex;align-items:center;gap:6px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;padding:7px 14px;cursor:pointer;white-space:nowrap;transition:all .15s}.btn-presets:hover{border-color:var(--amber, #f59e0b);color:var(--amber, #f59e0b)}.preset-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);padding:8px 16px 4px}.preset-template-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#22c55e1f;color:var(--green);border-radius:3px;padding:2px 5px}.btn-sessions{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.btn-sessions:hover{border-color:var(--green);color:var(--green)}.light .session-overlay{background:var(--overlay-bg)}.light .session-item:hover{background:#f0f2f7}.changelog-highlights{margin-bottom:14px;padding:12px 14px;border-radius:var(--radius-md, 10px);background:var(--bg-hover, rgba(0, 0, 0, .04));border:1px solid var(--border)}.changelog-highlights__title{font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.changelog-highlights__list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.changelog-highlights__item{font-family:DM Sans,sans-serif;font-size:13px;line-height:1.45;color:var(--text-primary)}.changelog-highlights__divider{height:1px;background:var(--border);margin-top:14px}.changelog-inline-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;padding:1px 5px;border-radius:4px;background:var(--bg-hover, rgba(0, 0, 0, .06));color:var(--text-primary)}.changelog-last-viewed{font-family:DM Sans,sans-serif;font-size:11px;line-height:1.4;color:var(--text-muted);margin:0 0 12px;padding:0 2px}.changelog-chips-row{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.changelog-chip{display:inline-block;font-family:DM Sans,sans-serif;font-size:10px;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--bg-hover, rgba(0, 0, 0, .06));color:var(--text-muted);border:1px solid var(--border);line-height:1.35;max-width:11rem;text-align:center}.changelog-view-toggle{display:flex;gap:0;margin-bottom:14px;border-radius:var(--radius-md, 10px);border:1px solid var(--border);overflow:hidden;background:var(--bg-hover, rgba(0, 0, 0, .04))}.changelog-view-toggle__btn{flex:1;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;padding:8px 10px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.changelog-view-toggle__btn.is-active{background:var(--accent, #4e9eff);color:#fff}.changelog-older-divider{height:1px;background:var(--border);margin:12px 0 8px}.changelog-older-details{margin-bottom:12px;border-radius:var(--radius-md, 10px);border:1px solid var(--border);background:var(--bg-hover, rgba(0, 0, 0, .04));overflow:hidden}.changelog-older-summary{list-style:none;cursor:pointer;padding:10px 12px;font-family:DM Sans,sans-serif;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.changelog-older-summary::-webkit-details-marker{display:none}.changelog-older-summary__title{font-size:12px;font-weight:700;color:var(--text-primary)}.changelog-older-summary__meta{font-size:11px;color:var(--text-muted);line-height:1.35}.changelog-older-inner{padding:0 12px 12px;border-top:1px solid var(--border)}.changelog-older-note{margin:10px 0 4px;font-size:12px;line-height:1.45;color:var(--text-muted);font-style:italic}.changelog-topic-scope{font-family:DM Sans,sans-serif;font-size:11px;line-height:1.45;color:var(--text-muted);margin:0 0 14px}.changelog-topic-section{margin-bottom:16px}.changelog-topic-heading{font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);margin:0 0 8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.changelog-topic-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.changelog-topic-item{padding:10px 12px;border-radius:var(--radius-md, 10px);border:1px solid var(--border);background:var(--bg-card, #fff)}.changelog-topic-item__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}.changelog-topic-item__build{font-size:10px;font-weight:700;padding:2px 7px;border-radius:99px;background:var(--bg-hover);color:var(--text-muted)}.changelog-topic-item__date{font-size:11px;color:var(--text-muted)}.changelog-topic-item__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px}.changelog-topic-item__icon{font-size:14px;line-height:1}.changelog-topic-item__title{font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;color:var(--text-primary)}.changelog-topic-item__body{font-family:DM Sans,sans-serif;font-size:12px;line-height:1.5;color:var(--text-secondary);margin:0;padding-left:2px}.compare-tab{display:flex;flex-direction:column;gap:16px}.compare-chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.compare-chip-label{font-size:11px;color:var(--text-muted);font-weight:500;flex-shrink:0;margin-right:2px}.compare-chip{padding:4px 10px;border-radius:20px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .12s,border-color .12s,color .12s;display:flex;align-items:center;gap:4px}.compare-chip--active{background:var(--blue-dim);border-color:var(--blue);color:var(--blue)}.compare-chip--disabled{opacity:.4;cursor:not-allowed}.compare-chip-rank{font-size:10px;font-weight:700;opacity:.7}.compare-grid{display:grid;gap:12px}.compare-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px}.compare-card--best{border-color:var(--green);background:linear-gradient(160deg,var(--bg-card) 80%,rgba(0,201,122,.05))}.compare-card--current{border-color:var(--blue);background:linear-gradient(160deg,var(--bg-card) 80%,rgba(78,158,255,.05))}.compare-card-header{display:flex;flex-direction:column;gap:4px}.compare-card-badges{display:flex;gap:4px;flex-wrap:wrap}.compare-badge{font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 6px;border-radius:3px}.compare-badge--best{background:var(--green);color:#000}.compare-badge--current{background:var(--blue-dim);color:var(--blue)}.compare-badge--rank{background:var(--bg-hover);color:var(--text-muted)}.compare-card-name{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3}.compare-metric-main{display:flex;flex-direction:column;align-items:center;padding:10px 0 6px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.compare-metric-value{font-family:DM Mono,monospace;font-size:32px;font-weight:700;color:var(--text-primary);line-height:1}.compare-metric-label{font-size:11px;color:var(--text-muted);margin-top:3px}.compare-stats{display:flex;gap:12px}.compare-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.compare-stat-value{font-family:DM Mono,monospace;font-size:16px;font-weight:600;color:var(--text-primary);line-height:1}.compare-stat-label{font-size:10px;color:var(--text-muted);text-align:center}.compare-eff-bar-track{height:4px;background:var(--bg-hover);border-radius:2px;overflow:hidden}.compare-eff-bar-fill{height:100%;border-radius:2px;transition:width .3s}.compare-use-btn{width:100%;padding:8px;border-radius:var(--radius-sm);border:none;background:var(--blue);color:#fff;font-size:12px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;transition:opacity .15s}.compare-use-btn:hover{opacity:.88}.compare-use-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (min-width: 769px) and (max-width: 960px){.page-body{grid-template-columns:300px 1fr}}@media (max-width: 768px){.app{flex-direction:column;min-height:100dvh}.sidebar{width:100%;height:auto;position:fixed;top:auto;bottom:0;left:0;right:0;flex-direction:row;align-items:center;padding:0;padding-bottom:env(safe-area-inset-bottom,0px);border-right:none;border-top:1px solid var(--border);z-index:200;overflow:visible}.sidebar-logo{display:none}.sidebar-nav{flex:1;flex-direction:row;padding:0;gap:0}.nav-item{flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 8px 12px;border-radius:0;font-size:10px}.nav-icon{font-size:18px}.nav-indicator{display:none}.sidebar-footer{display:flex;flex-direction:row;align-items:center;gap:0;padding:0;border-top:none;border-left:1px solid var(--border)}.version-badge,.copyright-notice,.sidebar-legal-links{display:none}.theme-toggle{border-radius:0;border:none;background:transparent;padding:10px 14px 12px;flex-direction:column;gap:3px;font-size:10px;width:auto;height:100%;justify-content:center}.sidebar-account-row{border-radius:0;border:none;background:transparent;padding:10px 14px 12px;height:100%;justify-content:center}.sidebar-account-row__name{display:none}.account-menu-wrap .account-menu{position:fixed;left:auto;right:8px;bottom:calc(70px + env(safe-area-inset-bottom,0px));width:min(280px,calc(100vw - 16px));z-index:250}.legal-page{min-height:100dvh;padding:calc(22px + env(safe-area-inset-top,0px)) 16px 96px}.legal-page h1{font-size:28px}.cookie-consent{left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom,0px));width:calc(100vw - 20px);flex-direction:column;align-items:stretch}.cookie-consent__actions{justify-content:flex-end;flex-wrap:wrap}.main-content{margin-left:0;flex:none;width:100%;height:auto;overflow:visible;min-height:unset}.main-content-results{--ulc-sticky-results-header-offset: calc(env(safe-area-inset-top, 0px) + 58px) }.main-content-results .results-method-tabs{position:sticky;top:0;z-index:25;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:calc(8px + env(safe-area-inset-top,0px)) 12px 6px;background:var(--bg-surface);box-shadow:0 1px 0 var(--border)}.main-content-results .results-method-tabs::-webkit-scrollbar{display:none}.main-content-results .results-method-tab{flex-shrink:0;padding:7px 10px 9px}.main-content-results .results-method-tab-hint{font-size:9px}.main-content-results .workspace-calculator-stack .calc-root>.page-header{top:var(--ulc-sticky-results-header-offset);z-index:20}.workspace-calculator-stack,.workspace-calculator-layer{overflow:visible;flex:none;height:auto;min-height:unset}.page-header{padding:14px 16px 12px;position:sticky;top:0;z-index:10;flex-wrap:wrap;gap:8px 0}.page-header h1{font-size:17px}.page-header p{font-size:11px}.page-header>div:last-child{flex-wrap:wrap;gap:6px}.btn-presets,.btn-sessions{padding:5px 10px;font-size:11px}html{height:100dvh;overflow:hidden}body{height:100%;overflow-y:auto;overflow-x:clip;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px));scroll-padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}#root{height:auto;overflow:visible}.app{overflow:visible;height:auto;min-height:100dvh;min-height:-webkit-fill-available}.calc-root{height:auto;display:block}.tab-panel-active{display:block;flex:none;height:auto;overflow:visible}.page-body{grid-template-columns:1fr;min-height:auto;overflow:visible;align-items:start}.inputs-panel{border-right:none;border-bottom:1px solid var(--border);height:auto;min-height:unset;overflow:visible}.inputs-scroll{flex:none;height:auto;min-height:unset;overflow:visible;padding:14px}.calc-workspace-source-only .inputs-scroll{padding:14px 14px 20px;max-height:none;overflow-y:visible}.calc-workspace-source-only .inputs-actions{padding:10px 14px}.calc-workspace-source-only .load-workspace-bestfit-nudge{margin:0 14px 8px}.inputs-actions{position:static;z-index:auto;padding:10px 14px}.inputs-actions .gap-actions{position:static;margin-top:0;padding:0;background:none}.results-panel{padding:14px;height:auto;overflow:visible}.section-card{margin-bottom:10px}.mobile-conveyance-picker .section-header{align-items:center}.mobile-conveyance-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin-left:auto;padding:6px 10px;font-size:12px;font-weight:700}.mobile-conveyance-summary{display:flex;align-items:center;gap:10px;width:calc(100% - 24px);margin:10px 12px 12px;padding:10px 12px;border:1px solid var(--green);border-radius:var(--radius-sm);background:var(--green-dim);color:var(--text-primary);cursor:pointer;font:inherit;text-align:left}.mobile-conveyance-summary__icon{width:34px;height:34px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--green);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-conveyance-summary__icon svg{width:22px;height:22px}.mobile-conveyance-summary__copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.mobile-conveyance-summary__label{color:var(--green);font-size:13px;font-weight:800;line-height:1.2}.mobile-conveyance-summary__dims{color:var(--text-muted);font-family:DM Mono,monospace;font-size:10px;line-height:1.2}.mobile-conveyance-picker--collapsed .mobile-conveyance-picker__body,.mobile-conveyance-picker--expanded .mobile-conveyance-summary,.kbd-hint{display:none}.section-header{flex-wrap:wrap;gap:6px}.conveyance-grid{grid-template-columns:repeat(2,1fr)}.conveyance-btn{font-size:11px;padding:8px 6px}.conv-dims{font-size:9px}.summary-bar{gap:0;border-radius:var(--radius-sm);overflow:hidden}.summary-stat{padding:12px 8px}.summary-stat-value{font-size:22px}.summary-stat-label,.summary-stat-sub{font-size:9px}.item-row{padding:10px}.field-row-3{grid-template-columns:repeat(3,1fr);gap:6px}.field-row-inline{grid-template-columns:repeat(2,1fr);gap:6px}.gap-actions{position:static;background:var(--bg-surface);padding:10px 0 4px;z-index:auto;margin-top:8px}.fit-breakdown-table th,.fit-breakdown-table td{font-size:10px;padding:5px 6px}.diagram-container{border-radius:var(--radius-sm)}.diagram-canvas{padding:8px}.btn-export-pdf{font-size:12px;padding:9px}.session-overlay{padding:0;align-items:flex-end}.session-panel{width:100%;max-height:75vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.stat-row{flex-direction:column;align-items:flex-start;gap:2px;padding:8px 0}.stat-value{font-size:12px}.stat-label{font-size:10px}.result-card-header{padding:10px 12px}.result-card-body{padding:0 12px 10px}.result-card-title{font-size:12px}.unit-toggle{gap:2px}.unit-btn{padding:4px 10px;font-size:11px}.checkbox-label{font-size:12px}.changelog-overlay{padding:0!important;align-items:flex-end!important;justify-content:center!important}.changelog-sheet{max-width:100%!important;border-radius:16px 16px 0 0!important;max-height:75vh!important;padding-bottom:env(safe-area-inset-bottom,0px)}.field-input,.field-input::placeholder,textarea.field-input,select.field-input{font-size:16px}.btn-icon{min-width:36px;min-height:36px}.btn-danger{min-height:32px;padding:4px 10px}.btn-sessions{min-height:36px}.unit-btn{min-height:36px;padding:6px 14px}.btn-primary{min-height:44px}.btn-reorder{width:36px;height:36px;font-size:14px}.conveyance-btn{min-height:44px;padding:10px 8px}.session-delete-btn{min-width:36px;min-height:36px;padding:6px 8px;font-size:13px}.compare-grid{grid-template-columns:1fr!important}}@media (max-width: 480px){.field-row-inline{grid-template-columns:1fr;gap:0}.page-header p{display:none}.page-header>div:last-child{width:100%;gap:5px}.result-card-body{padding:0 10px 10px}}@media (max-width: 380px){.conveyance-grid{grid-template-columns:repeat(2,1fr)}.summary-stat-value{font-size:18px}.field-row-3{gap:4px}}.weight-heatmap-root{display:flex;flex-direction:column;gap:10px;padding-top:6px}.weight-heatmap-empty{font-size:13px;color:var(--text-muted);margin-top:8px;line-height:1.5}.weight-heatmap-unit-row{display:flex;gap:6px;flex-wrap:wrap}.weight-heatmap-unit-btn{padding:3px 10px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:12px;cursor:pointer;transition:background .15s,color .15s}.weight-heatmap-unit-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.weight-heatmap-canvas-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}.weight-heatmap-canvas{width:100%;max-width:480px;border-radius:6px;display:block}.weight-heatmap-axis-l{position:absolute;left:-18px;top:50%;transform:translateY(-50%) rotate(-90deg);font-size:10px;color:var(--text-muted);white-space:nowrap;letter-spacing:.04em}.weight-heatmap-axis-b{font-size:10px;color:var(--text-muted);letter-spacing:.04em;text-align:center}.weight-heatmap-legend{display:flex;align-items:center;gap:6px;align-self:flex-start;margin-left:2px}.weight-heatmap-legend-label{font-size:11px;color:var(--text-muted)}.weight-heatmap-legend-bar{width:120px;height:10px;border-radius:4px;background:linear-gradient(to right,#286ee6b3,#fad21ed9,#dc281ee6);border:1px solid var(--border)}.weight-heatmap-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.weight-heatmap-stat{display:flex;flex-direction:column;gap:2px}.weight-heatmap-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.weight-heatmap-stat-value{font-size:14px;font-weight:600;color:var(--text)}.weight-heatmap-balance.balance-ok{color:#3aaa5a}.weight-heatmap-balance.balance-warn{color:#e07b00}.weight-heatmap-warning{font-size:12px;color:#c05000;background:#ffa0281f;border:1px solid rgba(220,120,20,.3);border-radius:6px;padding:8px 12px;line-height:1.5}.weight-heatmap-footnote{font-size:11px;color:var(--text-muted);line-height:1.5}.stop-plan-card{border-color:#64a0ff40;background:#3c82f00a}.stop-plan-note{font-size:12px;color:var(--text-muted);margin-bottom:10px;line-height:1.5}.stop-plan-list{display:flex;flex-direction:column;gap:8px}.stop-plan-row{display:flex;align-items:flex-start;gap:10px}.stop-plan-badge-col{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:66px}.stop-plan-badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;background:#6482c82e;color:var(--text);white-space:nowrap}.stop-plan-badge--first{background:#00b4642e;color:#2aaa6a}.stop-plan-badge--last{background:#dc641e26;color:#c06020}.stop-plan-tag{font-size:10px;color:var(--text-muted);white-space:nowrap}.stop-plan-items{display:flex;flex-wrap:wrap;gap:5px;padding-top:3px}.stop-plan-item{font-size:12px;background:var(--surface-2, var(--surface));border:1px solid var(--border);border-radius:5px;padding:2px 8px;color:var(--text)}.diagram-export-btn{font-size:11px;font-weight:600;padding:4px 10px;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.diagram-export-btn:hover{background:var(--bg-hover);color:var(--text)}.btn-action{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.btn-action:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-action:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.email-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.email-panel{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:0 20px 60px #0000004d;border:1px solid var(--border);overflow:hidden;max-height:90vh;display:flex;flex-direction:column}.email-header{padding:18px 22px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.email-header h3{margin:0;font-size:16px;font-weight:700;color:var(--text-primary)}.email-header p{margin:3px 0 0;font-size:12px;color:var(--text-secondary)}.email-close-btn{background:none;border:none;cursor:pointer;font-size:20px;color:var(--text-secondary);line-height:1;padding:4px}.email-close-btn:hover{color:var(--text-primary)}.email-close-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.email-success{padding:32px 22px;text-align:center}.email-success-icon{font-size:40px;margin-bottom:12px}.email-success h4{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--text-primary)}.email-success p{margin:0 0 20px;font-size:13px;color:var(--text-secondary)}.email-form{display:flex;flex-direction:column;flex:1;min-height:0}.email-fields{flex:1;overflow-y:auto;padding:20px 22px 0}.email-field{margin-bottom:14px}.email-field:last-child{margin-bottom:16px}.email-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:5px}.email-label-hint{font-weight:400;margin-left:6px;color:var(--text-muted)}.email-input{width:100%;box-sizing:border-box;padding:9px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-size:14px;outline:none}.email-input:focus{border-color:var(--blue)}.email-error{margin-bottom:14px;padding:10px 12px;border-radius:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);font-size:13px;color:var(--red);white-space:pre-wrap;word-break:break-word}.email-error strong,.email-error span,.email-progress strong,.email-progress span{display:block}.email-error strong,.email-progress strong{margin-bottom:4px;color:var(--text-primary)}.email-progress{margin-bottom:14px;padding:10px 12px;border-radius:8px;background:#4e9eff1a;border:1px solid rgba(78,158,255,.35);font-size:13px;color:var(--text-secondary)}.email-footer{flex-shrink:0;padding:16px 22px 20px;text-align:right}.email-cancel-btn{margin-right:8px;padding:9px 18px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer}.email-cancel-btn:hover{background:var(--bg-hover)}.email-cancel-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.email-cancel-btn:disabled{opacity:.4;cursor:not-allowed}.email-send-btn{padding:9px 20px;border-radius:8px;border:none;background:var(--green);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.email-send-btn:hover{opacity:.9}.email-send-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.email-send-btn:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.7}.auth-card{width:100%;max-width:380px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 26px;box-shadow:0 12px 40px #00000040}.auth-card h2{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.auth-card-lead{font-size:12.5px;color:var(--text-muted);margin-bottom:22px;line-height:1.5}.auth-card-lead code{font-family:DM Mono,monospace;font-size:11.5px;color:var(--text-secondary)}.auth-field{margin-bottom:14px}.auth-field label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.02em}.auth-optional{color:var(--text-muted);font-weight:400}.auth-field input{width:100%;font-family:DM Sans,sans-serif;font-size:14px;padding:11px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);transition:border .15s,box-shadow .15s}.auth-field input::placeholder{color:var(--text-muted)}.auth-field input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-dim)}.auth-row-end{display:flex;justify-content:flex-end;margin:-4px 0 16px}.auth-link{font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:var(--green);background:none;border:none;padding:0;cursor:pointer}.auth-link:hover{text-decoration:underline}.auth-submit{margin-top:4px}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--text-muted);font-size:11px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.btn-oauth{width:100%;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;cursor:pointer;padding:11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px;transition:background .15s}.btn-oauth:hover{background:var(--bg-hover)}.btn-oauth:disabled{opacity:.6;cursor:not-allowed}.oauth-logo{width:17px;height:17px;flex-shrink:0}.auth-error{font-size:12px;color:var(--red);background:#ff5f5f1a;border:1px solid var(--red);border-radius:var(--radius-sm);padding:9px 12px;margin-bottom:12px;line-height:1.4}.auth-notice{font-size:12px;color:var(--text-secondary);background:var(--green-dim);border:1px solid var(--green);border-radius:var(--radius-sm);padding:9px 12px;margin-bottom:12px;line-height:1.4}.auth-foot{margin-top:20px;text-align:center;font-size:12px;color:var(--text-muted)}.account-menu-wrap{position:relative}.sidebar-account-row{width:100%;font-family:DM Sans,sans-serif;text-align:left}.account-avatar{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--blue));color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-chevron{color:var(--text-muted);font-size:10px;transition:transform .15s}.sidebar-account-row.open .account-chevron{transform:rotate(180deg)}.account-menu{position:absolute;bottom:calc(100% + 6px);left:0;right:0;max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 8px 24px #0000004d;z-index:20}.account-menu__head{padding:12px 14px;border-bottom:1px solid var(--border)}.account-menu__name{font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu__email{font-size:11px;color:var(--text-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu__item{width:100%;text-align:left;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:500;padding:10px 14px;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:background .12s,color .12s}.account-menu__item:hover{background:var(--bg-hover);color:var(--text-primary)}.account-menu__item--danger:hover{color:var(--red)}.account-menu__link{display:block;text-decoration:none}.account-menu__settings{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#2eb86b12;border-bottom:1px solid var(--border);color:var(--text-primary)}.account-menu__settings:hover,.account-menu__settings:focus-visible{background:#2eb86b24}.account-menu__settings-title{display:block;font-size:13px;font-weight:800;color:var(--text-primary)}.account-menu__settings-sub{display:block;margin-top:2px;font-size:11px;line-height:1.3;color:var(--text-muted)}.account-menu__settings-arrow{flex-shrink:0;color:var(--green);font-size:20px;line-height:1}.account-support{display:flex;flex-direction:column;gap:2px;padding-left:0;padding-right:0}.account-support .account-menu__label{padding:0 14px}.account-menu__section{padding:10px 14px;border-bottom:1px solid var(--border)}.account-menu__label{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.account-username-display{display:flex;align-items:center;justify-content:space-between;gap:8px}.account-username-value{font-size:13px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-username-value em{color:var(--text-muted);font-style:italic;font-weight:400}.account-username-edit-link{font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:var(--green);background:none;border:none;padding:0;cursor:pointer;flex-shrink:0}.account-username-edit-link:hover{text-decoration:underline}.account-username-input{width:100%;font-family:DM Sans,sans-serif;font-size:13px;padding:8px 10px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary)}.account-username-input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-dim)}.account-username-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.account-username-btn{font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer}.account-username-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.account-username-btn--primary{background:var(--green);color:#04130c;border-color:var(--green);-webkit-font-smoothing:grayscale}.account-username-btn--primary:hover{filter:brightness(1.06);color:#04130c}.account-username-btn:disabled{opacity:.6;cursor:not-allowed}.account-username-error{font-size:11.5px;color:var(--red);margin-top:6px;line-height:1.4}.account-username-ok{font-size:11.5px;color:var(--green);margin-top:6px}.account-plan{padding:10px 14px 11px}.account-plan__head{display:flex;justify-content:space-between;align-items:center;gap:10px}.account-plan .account-menu__label{margin-bottom:3px}.account-plan__name{font-size:13px;line-height:1.2;font-weight:700;color:var(--text-primary)}.account-plan__badge{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:2px 7px;border-radius:999px;background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border);font-size:10.5px;font-weight:700;white-space:nowrap}.account-plan__badge--paid{background:var(--green-dim);color:var(--green);border-color:#2eb86b73}.account-plan__meta{margin-top:5px;font-size:11.5px;line-height:1.35;color:var(--text-muted)}.account-plan__pro-summary,.account-plan__limit{margin-top:7px;font-size:11.5px;line-height:1.4;color:var(--text-secondary)}.account-plan__feature-list{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}.account-plan__feature-list li{position:relative;padding-left:15px;font-size:11.5px;line-height:1.35;color:var(--text-secondary)}.account-plan__feature-list li:before{content:"";position:absolute;left:0;top:.5em;width:5px;height:5px;border-radius:50%;background:var(--green)}.account-plan__note{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-size:11px;line-height:1.4;color:var(--text-muted)}.legal-page{flex:1;min-height:100vh;overflow-y:auto;background:var(--bg-base);color:var(--text-primary);padding:32px 20px 72px}.legal-page__inner{width:min(900px,100%);margin:0 auto}.legal-page__back{display:inline-flex;margin-bottom:22px;font-size:13px}.legal-page__header{padding-bottom:22px;border-bottom:1px solid var(--border);margin-bottom:24px}.legal-page__eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-bottom:8px}.legal-page h1{font-size:34px;line-height:1.12;letter-spacing:0;margin-bottom:12px}.legal-page h2{font-size:18px;line-height:1.25;margin-bottom:8px}.legal-page p{font-size:14px;line-height:1.7;color:var(--text-secondary);margin-bottom:12px}.legal-page__updated{color:var(--text-muted);font-size:12px}.legal-page__content{display:flex;flex-direction:column;gap:20px}.legal-page section{padding:18px 0;border-bottom:1px solid var(--border)}.cookie-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:500;width:min(720px,calc(100vw - 32px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);box-shadow:0 14px 38px #00000057}.cookie-consent strong{display:block;font-size:13px;color:var(--text-primary);margin-bottom:4px}.cookie-consent p{font-size:12px;line-height:1.45;color:var(--text-secondary)}.cookie-consent__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.cookie-consent button{font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;border-radius:var(--radius-sm);padding:8px 11px;cursor:pointer}.cookie-consent__secondary{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary)}.cookie-consent__secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.cookie-consent__primary{background:var(--green);border:1px solid var(--green);color:#04130c;-webkit-font-smoothing:grayscale}.cookie-consent__primary:hover{filter:brightness(1.06)}.account-plan__actions{display:flex;align-items:center;gap:8px;margin-top:9px}.account-plan__primary,.account-plan__refresh{min-height:28px;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;cursor:pointer}.account-plan__primary{padding:0 10px;border:1px solid rgba(46,184,107,.42);background:#2eb86b1a;color:var(--green)}.account-plan__primary:hover{background:#2eb86b29}.account-plan__refresh{padding:0 9px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-muted);font-size:11.5px}.account-plan__refresh:hover{background:var(--bg-hover);color:var(--text-primary)}.account-plan__primary:disabled,.account-plan__refresh:disabled{opacity:.6;cursor:not-allowed}.light .account-plan__badge{background:#eef2f7;color:#475569;border-color:#94a3b85c}.light .account-plan__badge--paid{background:#0089501c;color:#006b3f;border-color:#00895047}.light .account-plan__refresh{border-color:#94a3b861;background:#f8fafc;color:#64748b}.light .account-plan__primary{border-color:#0089504d;background:#00895014;color:#007a49}.account-settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:520;display:flex;align-items:center;justify-content:center;padding:24px;background:#030712b8}.account-settings{width:min(860px,calc(100vw - 48px));max-height:min(760px,calc(100dvh - 48px));overflow:auto;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);box-shadow:0 24px 70px #0000007a}.account-settings__header{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px 16px;background:var(--bg-card);border-bottom:1px solid var(--border)}.account-settings__eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-bottom:4px}.account-settings h2{margin:0;font-size:24px;line-height:1.15;letter-spacing:0}.account-settings__close{width:34px;height:34px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-secondary);font-size:22px;line-height:1;cursor:pointer}.account-settings__close:hover{background:var(--bg-hover);color:var(--text-primary)}.account-settings__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:16px 22px 20px}.account-settings__section{min-width:0;padding:16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input)}.account-settings__section--wide{grid-column:1 / -1}.account-settings__section-head{margin-bottom:13px}.account-settings__section h3{margin:0 0 5px;font-size:15px;line-height:1.25;letter-spacing:0}.account-settings__section p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.45}.account-settings__field{display:flex;flex-direction:column;gap:5px;padding:10px 0;border-top:1px solid var(--border)}.account-settings__field span,.account-settings__plan-row span{color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.account-settings__field strong,.account-settings__inline-action strong,.account-settings__plan-row strong{color:var(--text-primary);font-size:13px;line-height:1.35;overflow-wrap:anywhere}.account-settings__inline-action{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-settings__inline-action button{flex-shrink:0;font-family:DM Sans,sans-serif;border:none;background:none;color:var(--green);font-size:12px;font-weight:700;cursor:pointer}.account-settings__inline-action button:hover{text-decoration:underline}.account-settings__username-edit{width:100%}.account-settings__button,.account-settings__link-button{width:100%;min-height:34px;display:inline-flex;align-items:center;justify-content:center;margin-top:8px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid rgba(46,184,107,.42);background:#2eb86b1a;color:var(--green);font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}.account-settings__button:hover,.account-settings__link-button:hover{background:#2eb86b29}.account-settings__button:disabled{opacity:.6;cursor:not-allowed}.account-settings__link-button--danger{border-color:#ff5f5f70;background:#ff5f5f1a;color:var(--red)}.account-settings__link-button--danger:hover{background:#ff5f5f29}.account-settings__text-link{display:inline-block;margin-top:10px;color:var(--text-secondary);font-size:12px}.account-settings__text-link:hover{color:var(--text-primary)}.account-settings__notice{margin:8px 0;padding:8px 10px;border:1px solid rgba(46,184,107,.42);border-radius:var(--radius-sm);background:#2eb86b1a;color:var(--green);font-size:12px;line-height:1.4}.account-settings__plan-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:12px;border-bottom:1px solid var(--border)}.account-settings__plan-row p{margin-top:4px}.account-settings__plan-row .account-menu__label{display:block;margin-bottom:4px}.account-settings__footer{display:flex;justify-content:flex-end;padding:0 22px 20px}.account-settings__signout{min-height:34px;padding:0 14px;border:1px solid rgba(255,95,95,.44);border-radius:var(--radius-sm);background:#ff5f5f1a;color:var(--red);font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;cursor:pointer}.account-settings__signout:hover{background:#ff5f5f29}.light .account-settings-backdrop{background:#0f172a85}.light .account-settings__section{background:#f8fafc;border-color:#94a3b84d}.light .account-settings__button,.light .account-settings__link-button{border-color:#0089504d;background:#00895014;color:#007a49}.light .account-settings__link-button--danger,.light .account-settings__signout{border-color:#dc26264d;background:#dc262614;color:#b91c1c}@media (max-width: 760px){.account-settings-backdrop{align-items:flex-end;padding:10px;padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}.account-settings{width:100%;max-height:calc(100dvh - 96px - env(safe-area-inset-bottom,0px))}.account-settings__header{padding:16px}.account-settings__grid{grid-template-columns:1fr;padding:14px 16px 16px}.account-settings__footer{padding:0 16px 16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}