:root{color-scheme:dark;--gold:#d5bf82;--muted:#b9b7b0;--border:#44433d}*{box-sizing:border-box}body{margin:0;background:#151617;color:#f0eeea;font:16px/1.6 'Segoe UI',sans-serif}aside{position:fixed;width:216px;height:100vh;padding:32px 18px;background:#202121;border-right:1px solid #393a35}.brand{font:64px Georgia;color:#f2eee3;text-decoration:none}.brand span{font:15px Georgia;color:var(--gold)}small{display:block;color:var(--muted);font-size:11px;letter-spacing:2px;margin:36px 6px 12px}button{font:inherit;color:inherit;background:#292a2c;border:1px solid var(--border);border-radius:10px;padding:10px 17px;cursor:pointer}button:hover,button:focus-visible{border-color:var(--gold);outline:2px solid transparent}aside button{display:block;width:100%;text-align:left;margin-bottom:9px;background:transparent}aside button.active{background:#35342e;color:var(--gold)}.app{margin-left:216px}header{padding:25px 36px;border-bottom:1px solid #32332f;display:flex;justify-content:space-between;color:var(--gold)}main{padding:32px 36px;max-width:1600px;margin:auto}h1{font:42px/1.2 Georgia;margin:0 0 18px}h2{font-size:23px;line-height:1.3}h3{font-size:18px;margin:0 0 12px}p{color:var(--muted)}.intro{max-width:840px}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:28px 0}.stat,.card,.panel{background:linear-gradient(130deg,#252729,#202123);border:1px solid #3c3d39;border-radius:19px;padding:24px}.stat strong{display:block;font:40px Georgia;color:var(--gold)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card p{font-size:14px}.tag{font-size:12px;color:var(--gold);border:1px solid #5a5544;border-radius:20px;padding:4px 10px;display:inline-block}.card button{width:100%;margin-top:12px}.controls{display:flex;gap:12px;margin:24px 0;flex-wrap:wrap}input,select,textarea{font:inherit;padding:10px 12px;background:#1c1d1f;color:#eee;border:1px solid #65655e;border-radius:8px}input{flex:1;min-width:180px}.details{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dimension{padding:18px;border:1px solid #43443e;border-radius:12px}.dimension p{font-size:14px;margin-bottom:0}.bar{height:9px;border-radius:6px;background:#333;margin:12px 0;overflow:hidden;display:flex}.bar span{background:var(--gold);display:block}.notice{border-left:3px solid var(--gold);padding:12px 18px;background:#24251f}.steps li{margin:12px 0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px}.empty{padding:40px;text-align:center}.error{color:#f1b7ab}footer{padding:20px 36px;color:#96958b;font-size:13px}#mode{font-size:12px;margin-top:40px}a{color:var(--gold)}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){aside{position:static;width:auto;height:auto;padding:15px}.brand{font-size:36px}aside small,#mode{display:none}aside button{display:inline-block;width:auto;margin:5px}.app{margin:0}header,main{padding:20px}.grid,.details{grid-template-columns:1fr}h1{font-size:32px}}

form label{display:block;margin:18px 0}form input,form select,form textarea{display:block;width:100%;max-width:600px;margin-top:8px}details{margin-top:20px}summary{cursor:pointer;color:var(--gold)}