*{box-sizing:border-box}body{margin:0;background:#edf3f6;color:#1c3441;font:16px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}header{background:#087ea4;color:white;padding:25px 18px 20px}header h1{margin:0;font-size:26px}header p{margin:8px 0 0;opacity:.9;font-size:13px}.wrap{max-width:700px;margin:auto;padding:15px}.tabs{display:flex;gap:8px;overflow:auto;padding-bottom:10px}.tabs button{white-space:nowrap}button{border:1px solid #bfd4de;border-radius:13px;padding:12px;background:white;color:#20516a;font-weight:700;font-size:14px;cursor:pointer}.tabs button.active,.primary{background:#087ea4;color:white;border-color:#087ea4}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tiles button{text-align:left;min-height:72px}.tiles button.active{background:#d7edf5;border-color:#087ea4}.panel{background:white;border-radius:22px;padding:20px;margin-top:16px;box-shadow:0 3px 14px #2342  }h2{margin:0 0 12px;font-size:23px}label{display:block;font-size:13px;font-weight:700;margin:12px 0 5px}input,select{width:100%;padding:13px;border:1px solid #b9cdd5;border-radius:12px;font-size:17px;background:white;color:#1c3441}input:focus,select:focus{outline:2px solid #55b5d7}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.full{grid-column:1/-1}.primary{width:100%;margin-top:18px;font-size:17px}.result{background:#e9f5f9;border-radius:15px;padding:16px;margin-top:16px;white-space:pre-wrap;line-height:1.6}.muted{font-size:12px;color:#637987;line-height:1.5}.copy{width:100%;margin-top:10px;background:#185b74;color:white}footer{text-align:center;padding:25px;font-size:12px;color:#667b88}@media(max-width:360px){.fields{grid-template-columns:1fr}}

:root{color-scheme:dark}body{background:#071524;color:#eaf5fa;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{background:radial-gradient(ellipse at 85% 10%,#0b4360 0%,transparent 65%),linear-gradient(130deg,#061321,#0b2338);border-bottom:1px solid #163b51;padding:19px 16px 17px;position:relative;overflow:hidden}header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#f58d32,#20c9f3,transparent);opacity:.65}.brandline{display:flex;align-items:center;gap:12px}.brandmark{width:58px;height:58px;flex:0 0 58px;border:2px solid #f58d32;border-radius:50%;box-shadow:0 0 14px #f58d3250,inset 0 0 12px #f58d3220;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#ff9b41;line-height:1;position:relative;animation:brandglow 5s ease-in-out infinite}.brandmark span{font-size:26px;font-style:italic;font-weight:800;letter-spacing:-3px}.brandmark small{font-size:8px;letter-spacing:3px;color:white;margin-top:3px;margin-left:3px}.brandtext{min-width:0;flex:1}.brandtext h1{font-size:clamp(15px,4.1vw,25px);white-space:nowrap;letter-spacing:-.5px}.brandtext h1 em{color:#fa9139;font-style:italic}.brandtext h1 span{font-size:.72em;font-weight:500}.brandtext h1 b{color:#fa9139}.brandtext .tagline{font-size:9px;letter-spacing:2px;margin-top:4px;color:#b6d2e2}.theme-toggle{flex:0 0 35px;border:1px solid #2a536a;background:#0c263a;color:#e7faff;border-radius:12px;padding:8px;font-size:17px}header>div>p:last-child{font-size:11px;color:#a6c4d4;margin-top:12px}.wrap{padding:12px;max-width:720px}.tabs{gap:5px;margin-bottom:9px;padding:3px;background:#0a1d2e;border:1px solid #244457;border-radius:14px;overflow:visible}.tabs button{flex:1;border:0;background:transparent;color:#a9c7d6;padding:9px 3px;font-size:12px;border-radius:11px}.tabs button.active{background:#103e55;color:#eafaff;box-shadow:inset 0 0 0 1px #22c6e4}.tiles{gap:7px}.tiles button{min-height:46px;padding:9px 10px;border-radius:12px;background:linear-gradient(135deg,#10273b,#0b2031);border:1px solid #27485d;color:#dceef7;font-size:12px;font-weight:650;line-height:1.25;box-shadow:none;transition:transform .15s,border-color .15s,background .15s}.tiles button.active{background:linear-gradient(135deg,#12415b,#0c2c41);border-color:#27c6ed;color:white;box-shadow:inset 0 0 0 1px #148cb4}.tiles button:active{transform:scale(.98)}.panel{background:#0e2335;border:1px solid #234358;color:#e8f5fb;border-radius:19px;padding:16px;margin-top:13px;box-shadow:0 8px 30px #0002}.panel h2{font-size:20px}.muted,footer{color:#a0b9c7}label{color:#cfe4ee;font-size:12px}input,select{background:#091c2c;color:#f4faff;border:1px solid #315269;border-radius:11px;padding:11px;font-size:16px}input:focus,select:focus{outline:2px solid #22c6ed}.primary{background:linear-gradient(100deg,#087aa7,#099cc1);border:0;color:white;border-radius:12px;padding:13px}.result{background:#102f40;border:1px solid #28566b;color:#e7f5fc;font-size:14px;line-height:1.55;padding:14px}.copy{background:#0d536e;border:1px solid #237c98;color:white;border-radius:12px}.light{background:#edf4f7;color:#1c3441;color-scheme:light}.light header{background:linear-gradient(110deg,#0a4260,#087e9f)}.light .tabs{background:#e4eff4;border-color:#c6dbe4}.light .tabs button{color:#28536a}.light .tabs button.active{background:#ccebf5;color:#084e69}.light .tiles button{background:white;color:#24536b;border-color:#c4dce7}.light .tiles button.active{background:#d9f0f8;border-color:#0b8aaf;color:#13475e}.light .panel{background:white;color:#1c3441;border-color:#e2eaf0}.light label{color:#234252}.light input,.light select{background:white;color:#1c3441;border-color:#b9cdd5}.light .result{background:#e9f5f9;color:#1c3441;border-color:#d0e6ef}.light .muted,.light footer{color:#637987}@keyframes brandglow{0%,100%{box-shadow:0 0 9px #f58d3238,inset 0 0 9px #f58d3210}50%{box-shadow:0 0 19px #f58d3270,inset 0 0 12px #f58d3230}}@media(prefers-reduced-motion:reduce){.brandmark{animation:none}}@media(min-width:600px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.tiles button{min-height:56px}}

.copy-manual{width:100%;min-height:180px;padding:12px}.public-intro{margin:0 0 12px}.public-status{min-height:20px}.public-print{width:100%;margin-top:10px}.public-error{color:#ffb4a6}.light .public-error{color:#a31c2b}@media print{header,footer,.tabs,.tiles,#fields,#calc,#copy,.public-print,.public-intro,#copy_fallback,main>p{display:none!important}body,.panel,.result{background:white!important;color:black!important;border:0;box-shadow:none}.wrap{max-width:none}.result{white-space:pre-wrap}.panel{margin:0;padding:0}}