:root{--bg:#07111f;--panel:#0e1c2d;--panel2:#13243a;--text:#f6f8fb;--muted:#aab8c7;--accent:#ffbd59;--accent2:#56d6c9;--danger:#ff7b7b;--ok:#7ee2a8;--border:#263a50;--shadow:0 18px 45px rgba(0,0,0,.28);--radius:18px;--max:1180px;color-scheme:dark}
:root[data-theme=light]{--bg:#f5f7fa;--panel:#fff;--panel2:#eef3f7;--text:#102033;--muted:#55697d;--border:#d6e0e9;--shadow:0 14px 35px rgba(20,40,60,.12);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top right,rgba(86,214,201,.10),transparent 30%),var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:var(--accent2);text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{color:var(--accent)}img,svg{max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}.skip{position:fixed;left:16px;top:-80px;z-index:999;background:var(--accent);color:#19120b;padding:10px 14px;border-radius:10px}.skip:focus{top:16px}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;gap:18px;min-height:72px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:850;font-size:1.25rem}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),#ff8f4d);color:#29180a;box-shadow:0 8px 25px rgba(255,189,89,.22)}.nav-links{display:flex;gap:4px;margin-left:auto;align-items:center}.nav-links a,.icon-btn{padding:10px 12px;border-radius:12px;color:var(--text);text-decoration:none;border:1px solid transparent;background:none}.nav-links a:hover,.nav-links a[aria-current=page],.icon-btn:hover{background:var(--panel2);border-color:var(--border)}.menu-btn{display:none}.hero{padding:72px 0 38px}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:30px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:6px 11px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border));border-radius:999px;color:var(--accent);font-weight:750;font-size:.88rem}.hero h1{font-size:clamp(2.35rem,6vw,5.2rem);line-height:.98;letter-spacing:-.055em;margin:20px 0}.hero p{font-size:clamp(1.05rem,2vw,1.28rem);color:var(--muted);max-width:62ch}.hero-card,.panel,.card{background:linear-gradient(160deg,var(--panel),color-mix(in srgb,var(--panel2) 78%,var(--panel)));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:24px}.glow{position:relative;overflow:hidden}.glow:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,189,89,.17);filter:blur(35px);right:-100px;top:-120px}.section{padding:42px 0}.section h2{font-size:clamp(1.75rem,4vw,2.75rem);letter-spacing:-.035em;margin:0 0 12px}.lead{color:var(--muted);max-width:72ch;margin:0 0 26px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:22px}.card h3{margin:0 0 8px}.card p{color:var(--muted);margin:0 0 14px}.badge{display:inline-block;padding:4px 9px;border-radius:999px;background:rgba(86,214,201,.12);color:var(--accent2);font-size:.82rem;font-weight:750}.tool-shell{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(320px,.97fr);gap:22px;align-items:start}.panel{padding:24px}.panel h2,.panel h3{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:720}.field small{color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:12px 13px;background:var(--bg);color:var(--text)}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent2) 65%,transparent);outline-offset:2px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--border);border-radius:12px;padding:11px 15px;font-weight:780;background:var(--panel2);color:var(--text);text-decoration:none}.btn:hover{transform:translateY(-1px);border-color:var(--accent2)}.btn.primary{background:linear-gradient(135deg,var(--accent),#ff9657);color:#241408;border-color:transparent}.btn.secondary{background:linear-gradient(135deg,var(--accent2),#57bde2);color:#07131d;border-color:transparent}.btn.danger{color:var(--danger)}.result-empty{color:var(--muted);padding:30px 10px;text-align:center}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric{padding:15px;background:var(--bg);border:1px solid var(--border);border-radius:14px}.metric span{display:block;color:var(--muted);font-size:.86rem}.metric strong{display:block;font-size:1.45rem;line-height:1.2;margin-top:4px}.status{padding:12px 14px;border-radius:12px;margin:12px 0;background:var(--panel2);border:1px solid var(--border)}.status.ok{border-color:color-mix(in srgb,var(--ok) 60%,var(--border));color:var(--ok)}.status.error{border-color:color-mix(in srgb,var(--danger) 60%,var(--border));color:var(--danger)}.notice{padding:14px 16px;border-left:4px solid var(--accent);background:rgba(255,189,89,.08);border-radius:10px;color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--border)}th{background:var(--panel2)}.chart{display:flex;align-items:end;gap:12px;min-height:220px;padding:20px 10px 0}.bar{flex:1;min-width:60px;background:linear-gradient(180deg,var(--accent),var(--accent2));border-radius:10px 10px 3px 3px;position:relative}.bar span{position:absolute;bottom:100%;left:50%;transform:translate(-50%,-6px);font-size:.8rem;white-space:nowrap}.plan-stage{background:repeating-linear-gradient(0deg,transparent,transparent 29px,rgba(255,255,255,.035) 30px),repeating-linear-gradient(90deg,transparent,transparent 29px,rgba(255,255,255,.035) 30px),var(--bg);border:1px solid var(--border);border-radius:16px;padding:16px;min-height:450px}.fixture{fill:var(--accent);stroke:#442b0d;stroke-width:2}.fixture.selected{fill:var(--accent2);stroke:#0b4c48;stroke-width:4}.fixture:focus{outline:none;filter:drop-shadow(0 0 7px var(--accent2))}.kbd{border:1px solid var(--border);background:var(--panel2);padding:1px 6px;border-radius:6px;font-size:.84em}.breadcrumbs{font-size:.92rem;color:var(--muted);padding-top:22px}.breadcrumbs a{color:var(--muted)}.article{max-width:820px}.article h2{margin-top:2.2rem}.article p,.article li{color:color-mix(in srgb,var(--text) 86%,var(--muted))}.article table{min-width:560px}.faq details{border:1px solid var(--border);border-radius:13px;padding:14px 16px;margin:10px 0;background:var(--panel)}.faq summary{font-weight:780;cursor:pointer}.site-footer{margin-top:60px;border-top:1px solid var(--border);background:#050c16;padding:40px 0 24px}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:26px}.footer-grid h3{margin-top:0}.footer-links{display:grid;gap:8px}.footer-links a{color:#c4d0dc}.footer-bottom{border-top:1px solid #1d3044;margin-top:28px;padding-top:18px;color:#8ea0b2}.ad-slot{min-height:100px;border:1px dashed var(--border);border-radius:13px;display:grid;place-items:center;color:var(--muted);margin:30px 0}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.preset{border:1px solid var(--border);background:var(--panel2);color:var(--text);padding:8px 11px;border-radius:999px}.preset:hover{border-color:var(--accent)}.room-diagram{display:grid;place-items:center;min-height:260px;background:linear-gradient(145deg,rgba(86,214,201,.08),rgba(255,189,89,.08));border-radius:16px}.room-diagram .ceiling{width:78%;aspect-ratio:4/3;border:2px solid var(--border);display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:30px;transform:perspective(600px) rotateX(12deg);box-shadow:0 25px 40px rgba(0,0,0,.25)}.room-diagram .light{border-radius:50%;background:radial-gradient(circle,#fff7c7 0 18%,var(--accent) 20% 45%,rgba(255,189,89,.12) 48% 100%);box-shadow:0 0 30px rgba(255,189,89,.45)}
@media(max-width:900px){.hero-grid,.tool-shell,.footer-grid{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-btn{display:inline-flex;margin-left:auto}.nav-links{display:none;position:absolute;top:72px;left:16px;right:16px;background:var(--panel);padding:12px;border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{text-align:center}.hero{padding-top:44px}}
@media(max-width:600px){.wrap{width:min(100% - 22px,var(--max))}.grid-2,.grid-3,.form-grid,.metrics{grid-template-columns:1fr}.hero h1{font-size:2.55rem}.hero-card,.panel,.card{padding:18px}.actions .btn{flex:1 1 145px}.site-header .nav{min-height:64px}.nav-links{top:64px}.brand{font-size:1.1rem}.section{padding:32px 0}.tool-shell{display:block}.tool-shell>.panel+ .panel{margin-top:18px}}
@media print{.site-header,.site-footer,.actions,.ad-slot,.no-print{display:none!important}body{background:#fff;color:#111}.panel,.card{box-shadow:none;border:1px solid #bbb}.wrap{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}