:root{color-scheme:light;--navy:#071a2f;--navy-2:#102846;--sky:#38bdf8;--sky-dark:#0284c7;--sky-soft:#e0f2fe;--gold:#b89445;--ink:#122033;--muted:#62758a;--line:#d7e4ef;--panel:#ffffff;--panel-soft:#f6fbff;--page:#eef7fc;--green:#047857;--amber:#a16207;--red:#b42318;--shadow:0 18px 45px rgba(7,26,47,0.12);--shadow-soft:0 10px 28px rgba(7,26,47,0.08);font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif;}*{box-sizing:border-box;}body{margin:0;min-height:100vh;background:linear-gradient(180deg,rgba(56,189,248,0.18),rgba(255,255,255,0) 360px),var(--page);color:var(--ink);}button,input,select{font:inherit;}.app-shell{width:min(1440px,100%);margin:0 auto;padding:30px;}.app-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:168px;margin-bottom:22px;border:1px solid rgba(255,255,255,0.72);border-radius:8px;background:linear-gradient(135deg,rgba(7,26,47,0.97),rgba(16,40,70,0.94)),var(--navy);box-shadow:var(--shadow);padding:28px;overflow:hidden;}.brand-lockup{display:flex;align-items:center;gap:22px;min-width:0;}.brand-logo{width:92px;height:92px;flex:0 0 auto;border-radius:50%;background:var(--navy);box-shadow:0 10px 24px rgba(0,0,0,0.22);}.eyebrow{margin:0 0 7px;color:var(--sky);font-size:0.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase;}h1,h2,p{margin-top:0;}h1{max-width:820px;margin-bottom:10px;color:#ffffff;font-size:2.5rem;line-height:1.08;}h2{margin-bottom:0;color:var(--navy);font-size:1.15rem;line-height:1.2;}.hero-subtitle{margin:0;color:rgba(255,255,255,0.82);font-size:1rem;font-weight:600;}.source-note{width:min(280px,100%);margin:0;border-left:3px solid var(--gold);color:rgba(255,255,255,0.78);font-size:0.9rem;line-height:1.45;padding-left:14px;text-align:left;}.selector-root{display:grid;gap:18px;}.selector-form,.message-panel,.loading-panel,.results-panel{border:1px solid rgba(215,228,239,0.92);border-radius:8px;background:rgba(255,255,255,0.96);box-shadow:var(--shadow-soft);}.selector-form{padding:20px;}.form-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;border-bottom:1px solid var(--line);padding-bottom:16px;}.form-pill{display:inline-flex;align-items:center;min-height:32px;border:1px solid rgba(56,189,248,0.45);border-radius:999px;background:var(--sky-soft);color:var(--navy);padding:6px 12px;font-size:0.8rem;font-weight:800;white-space:nowrap;}.input-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;}.span-2{grid-column:span 2;}.is-hidden{display:none;}label{display:grid;gap:7px;min-width:0;}label span{color:var(--muted);font-size:0.82rem;font-weight:800;}input,select{width:100%;min-height:46px;border:1px solid #cbdceb;border-radius:8px;background:#ffffff;color:var(--ink);padding:0 12px;transition:border-color 160ms ease,box-shadow 160ms ease,background 160ms ease;}input:hover,select:hover{border-color:rgba(2,132,199,0.65);}input:focus,select:focus,button:focus-visible{outline:3px solid rgba(56,189,248,0.28);outline-offset:2px;}.flow-control,.unit-input{display:grid;grid-template-columns:minmax(0,1fr) 94px;}.flow-control input,.unit-input input{border-radius:8px 0 0 8px;}.flow-control select,.unit-input span{border-left:0;border-radius:0 8px 8px 0;}.unit-input span{display:grid;place-items:center;min-height:46px;border:1px solid #cbdceb;background:var(--panel-soft);color:var(--navy-2);font-weight:800;}.form-actions{display:flex;gap:10px;margin-top:18px;}button{min-height:46px;border:1px solid transparent;border-radius:8px;padding:0 18px;cursor:pointer;font-weight:800;transition:transform 160ms ease,box-shadow 160ms ease,background 160ms ease,border-color 160ms ease;}button:hover{transform:translateY(-1px);}.primary-button{background:linear-gradient(135deg,var(--sky),var(--sky-dark));color:#ffffff;box-shadow:0 12px 22px rgba(2,132,199,0.24);}.primary-button:hover{background:linear-gradient(135deg,#5acbfb,#0278b8);}.secondary-button{background:#ffffff;border-color:#cbdceb;color:var(--navy);}.secondary-button:hover{border-color:var(--sky);background:var(--panel-soft);}.form-message{min-height:20px;color:var(--red);font-weight:800;}.status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}.status-key{display:flex;align-items:center;gap:9px;min-width:0;min-height:48px;border:1px solid rgba(215,228,239,0.95);border-radius:8px;background:rgba(255,255,255,0.9);box-shadow:0 8px 18px rgba(7,26,47,0.06);padding:8px 10px;}.status-key>span:last-child{color:var(--muted);font-size:0.82rem;}.status-badge{display:inline-flex;align-items:center;min-height:26px;width:max-content;max-width:100%;border-radius:999px;padding:4px 9px;font-size:0.75rem;font-weight:900;white-space:nowrap;}.suitable{background:#dcfce7;color:var(--green);}.near-suitable{background:var(--sky-soft);color:var(--sky-dark);}.oversized{background:#fef3c7;color:var(--amber);}.undersized{background:#fee2e2;color:var(--red);}.message-panel,.loading-panel{padding:22px;}.message-panel p{margin-bottom:0;color:var(--muted);}.error-panel{border-color:#fecaca;}.results-panel{overflow:hidden;}.results-summary{display:flex;align-items:start;justify-content:space-between;gap:18px;padding:18px 18px 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#ffffff,#f7fbff);}.summary-metrics{display:flex;flex-wrap:wrap;justify-content:end;gap:8px;}.summary-metrics span{border:1px solid rgba(56,189,248,0.35);border-radius:999px;background:var(--sky-soft);padding:6px 10px;color:var(--navy);font-size:0.82rem;font-weight:800;}.result-context{margin:0;padding:13px 18px;color:var(--muted);font-size:0.92rem;line-height:1.5;}.table-wrap{overflow-x:auto;}.results-table{width:100%;min-width:1180px;border-collapse:collapse;}.monoblock-table{min-width:1640px;}th,td{border-top:1px solid var(--line);padding:12px;text-align:left;vertical-align:top;}th{background:var(--navy);color:#ffffff;font-size:0.74rem;font-weight:900;text-transform:uppercase;}td{color:var(--ink);font-size:0.9rem;line-height:1.35;}td span{color:var(--muted);}tbody tr{transition:background 140ms ease;}tbody tr:nth-child(even){background:#f9fcff;}tbody tr:hover{background:#edf8ff;}@media (max-width:980px){.app-shell{padding:18px;}.app-header,.results-summary{display:grid;}.source-note{width:100%;}.input-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.span-2{grid-column:span 2;}.status-strip{grid-template-columns:repeat(2,minmax(0,1fr));}h1{font-size:2rem;}}@media (max-width:680px){.app-shell{padding:12px;}.app-header{min-height:0;padding:18px;}.brand-lockup,.form-header{display:grid;}.brand-logo{width:72px;height:72px;}h1{font-size:1.55rem;}.hero-subtitle{font-size:0.95rem;}.form-pill{width:max-content;max-width:100%;}.input-grid,.status-strip{grid-template-columns:1fr;}.span-2{grid-column:auto;}.form-actions{display:grid;}.results-summary{padding:16px;}.summary-metrics{justify-content:start;}.result-context{padding:0 16px 14px;}.table-wrap{overflow:visible;}.results-table{min-width:0;}.results-table thead{display:none;}.results-table,.results-table tbody,.results-table tr,.results-table td{display:block;width:100%;}.results-table tr{margin:10px 12px;border:1px solid var(--line);border-radius:8px;background:#ffffff;box-shadow:0 8px 18px rgba(7,26,47,0.06);overflow:hidden;}.results-table td{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;border-top:1px solid #edf3f8;padding:9px 12px;overflow-wrap:anywhere;}.results-table td:first-child{border-top:0;}.results-table td::before{content:attr(data-label);color:var(--muted);font-size:0.76rem;font-weight:900;text-transform:uppercase;}}