:root{color-scheme:dark;--bg:#0d0f12;--panel:#15181c;--panel2:#1b1f24;--text:#f7f8fa;--muted:#9aa2ad;--line:#2a2f36;--orange:#ff7a00;--orange2:#ff9b45;--danger:#ff6464;--good:#42d58b;--shadow:0 18px 60px rgba(0,0,0,.4)}
html.light{color-scheme:light;--bg:#f5f6f8;--panel:#fff;--panel2:#f8f9fb;--text:#15171a;--muted:#68717d;--line:#dfe3e8;--orange:#e96500;--orange2:#c95200;--shadow:0 18px 50px rgba(20,25,30,.12)}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 80% -10%,rgba(255,122,0,.12),transparent 34%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:background .2s,color .2s}button,input,select{font:inherit}button{cursor:pointer}.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:18px max(18px,calc((100vw - 1120px)/2));background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:850;letter-spacing:-1px}.brand span{color:var(--orange)}.subtitle{font-size:11px;color:var(--muted);margin-top:2px;letter-spacing:.7px;text-transform:uppercase}.icon-btn,.close-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--orange2)}.app{max-width:1120px;margin:auto;padding:28px 18px 50px}.hero{min-height:210px;border:1px solid var(--line);border-radius:28px;padding:32px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;background:linear-gradient(135deg,var(--panel),var(--panel2) 58%,color-mix(in srgb,var(--orange) 10%,var(--panel)));box-shadow:var(--shadow);position:relative}.hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-100px;background:color-mix(in srgb,var(--orange) 12%,transparent)}.eyebrow{color:var(--orange);font-weight:800;font-size:11px;letter-spacing:1.7px}.hero h1{font-size:clamp(30px,5vw,50px);line-height:1.03;letter-spacing:-1.8px;max-width:650px;margin:8px 0 12px}.hero p:not(.eyebrow){color:var(--muted);max-width:600px;margin:0;line-height:1.6}.hero-mark{font-size:125px;line-height:1;color:var(--orange);font-weight:200;transform:rotate(8deg);z-index:1}.search-wrap{display:flex;align-items:center;gap:10px;margin:22px 0 18px;background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:0 15px;color:var(--orange);height:54px}.search-wrap input{flex:1;background:none;border:0;outline:0;color:var(--text);font-size:15px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{min-height:145px;background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:19px;padding:18px;transition:.18s;display:flex;flex-direction:column;justify-content:space-between}.card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--orange) 45%,var(--line));box-shadow:0 12px 30px rgba(0,0,0,.16)}.card .ico{font-size:28px}.card h3{font-size:16px;margin:12px 0 5px}.card p{font-size:12px;color:var(--muted);margin:0;line-height:1.45}.open{margin-top:15px;color:var(--orange2);font-size:12px;font-weight:800}.no-results{text-align:center;color:var(--muted);padding:40px}.hidden{display:none!important}footer{display:flex;gap:8px;justify-content:center;color:var(--muted);font-size:11px;margin-top:34px;opacity:.75}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:14px}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(7px)}.modal-card{position:relative;width:min(700px,100%);max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 22px 8px}.modal-icon{font-size:30px}.modal-head h2{margin:6px 0 0;font-size:24px}.calculator-body{padding:12px 22px 24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}label{font-size:12px;color:var(--muted)}input,select{width:100%;height:46px;background:var(--panel2);border:1px solid var(--line);border-radius:11px;color:var(--text);padding:0 12px;outline:none}input:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px color-mix(in srgb,var(--orange) 14%,transparent)}.actions{display:flex;gap:9px;margin-top:16px;flex-wrap:wrap}.btn{border:0;border-radius:11px;padding:12px 17px;font-weight:800}.btn.primary{background:var(--orange);color:#160b04}.btn.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line)}.result{margin-top:17px;padding:16px;border-radius:14px;background:var(--panel2);border:1px solid var(--line)}.result .main{font-size:27px;font-weight:850;color:var(--orange2);word-break:break-word}.result .sub{color:var(--muted);font-size:12px;line-height:1.55;margin-top:6px}.error .main{color:var(--danger)}.calc-display{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:15px;text-align:right;margin-bottom:12px}.calc-expression{min-height:22px;color:var(--muted);font-size:12px;overflow:hidden}.calc-value{font-size:31px;min-height:42px;overflow:auto}.keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.keypad button{height:54px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--text);font-weight:750}.keypad button.op{color:var(--orange2);background:color-mix(in srgb,var(--orange) 9%,var(--panel2))}.keypad button.equal{background:var(--orange);color:#180d05;border-color:var(--orange)}.tabs{display:flex;gap:6px;overflow:auto;margin-bottom:12px}.tab{padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);white-space:nowrap}.tab.active{background:color-mix(in srgb,var(--orange) 12%,var(--panel2));color:var(--orange2);border-color:color-mix(in srgb,var(--orange) 45%,var(--line))}.note{font-size:11px;color:var(--muted);line-height:1.5;margin-top:12px}
@media(max-width:850px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.topbar{display:none}.app{padding:50px 16px 50px}.hero{padding:32px 22px;min-height:220px;margin-bottom:26px}.hero h1{margin:12px 0 16px}.hero-mark{font-size:90px}.grid{grid-template-columns:repeat(2,1fr);gap:14px}.card{min-height:150px;padding:18px}.search-wrap{margin:26px 0 22px;height:56px}.form-grid{grid-template-columns:1fr;gap:16px}.field.full{grid-column:auto}.modal{padding:8px}.modal-card{max-height:96vh;border-radius:20px}.modal-head{padding:18px 18px 6px}.calculator-body{padding:10px 18px 20px}footer{margin-top:50px}}
@media(max-width:390px){.app{padding-top:50px}.grid{grid-template-columns:1fr 1fr;gap:14px}.hero{padding:28px 18px;min-height:200px;margin-bottom:22px}.hero h1{font-size:29px;margin:10px 0 14px}.hero-mark{display:none}}