:root{--wine:#7c2b41;--wine-dark:#54202f;--cream:#faf7f2;--paper:#fff;--ink:#342c2e;--muted:#776b6b;--line:#e9dfdb;--pink:#f4e7e8;--green:#315e52;--softgreen:#edf4ef;--red:#a12635}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit}.header{height:96px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;gap:15px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:9px;letter-spacing:2px;color:var(--wine)}.brand b{display:block;letter-spacing:-.6px;font:700 25px/1.1 Georgia,serif}.brand-mark{position:relative;font:italic 40px Georgia;border:1px solid #d5b4bd;width:54px;height:54px;text-align:center;line-height:50px;border-radius:50%;letter-spacing:-9px;padding-right:10px}.brand-mark span{font-size:25px}.save-status{font-size:12px;color:var(--muted)}.save-status:before{content:'●';font-size:9px;color:var(--green);margin-right:7px}.shell{max-width:1520px;margin:auto;display:grid;grid-template-columns:235px minmax(0,1fr);min-height:calc(100vh - 180px)}.sidebar{padding:38px 24px 30px 32px;border-right:1px solid var(--line)}.side-heading{font-size:9px;letter-spacing:1.6px;color:var(--muted);margin-bottom:21px}nav{display:grid;gap:7px}nav a{padding:12px 14px;border-radius:7px;text-decoration:none;white-space:nowrap;font-size:14px;font-weight:550;display:flex;gap:13px;align-items:center}nav a span{font-size:10px;color:#a58d94}nav a.active{background:var(--wine);color:white}nav a.active span{color:#e5bdc8}.backup-box{border-top:1px solid var(--line);margin-top:40px;padding-top:25px;font-size:12px;color:var(--muted)}.backup-box b{color:var(--wine-dark);font:600 17px Georgia}.backup-box p{margin:12px 0}.text-button{padding:7px 0;background:transparent;border:0;color:var(--wine);text-decoration:underline;text-underline-offset:3px;font-size:12px;display:block}main{padding:37px 42px 60px;min-width:0}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.4px;color:var(--wine);margin:0 0 7px}h1{font:400 clamp(31px,3.2vw,44px)/1.12 Georgia,serif;letter-spacing:-1.2px;margin:0 0 12px}h2{font:400 24px/1.2 Georgia,serif;margin:0 0 8px;letter-spacing:-.4px}h3{font:500 19px Georgia;margin:0 0 8px}.intro{color:var(--muted);max-width:670px;margin:0 0 26px;font-size:14px}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;border-radius:6px;color:var(--wine-dark);font-size:13px;font-weight:600;padding:11px 16px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px}.btn.primary{background:var(--wine);border-color:var(--wine);color:white}.btn:hover{filter:brightness(.96)}.btn.danger{color:var(--red)}.btn.small{font-size:12px;padding:7px 11px;min-height:36px}.calculator-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:24px;margin-bottom:18px}.panel-heading{display:flex;gap:12px;align-items:center;margin-bottom:20px}.step{height:27px;width:27px;flex:none;border:1px solid #d7b6bf;color:var(--wine);font-size:11px;border-radius:50%;display:grid;place-items:center}.panel-heading h2{font-size:21px;margin:0}.hint{font-size:12px;color:var(--muted);margin:8px 0 0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field-grid.three{grid-template-columns:repeat(3,1fr)}label{display:block;font-size:12px;font-weight:600;color:#655258}label .label-hint{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:4px}input,select,textarea{width:100%;border:1px solid #d9ccca;background:#fffdf9;color:var(--ink);border-radius:5px;min-height:44px;padding:10px 11px;margin-top:6px;font-size:14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--wine);box-shadow:0 0 0 3px #7c2b4112}input::placeholder,textarea::placeholder{color:#a49794}textarea{resize:vertical;min-height:88px}.wide{grid-column:1/-1}.materials{display:grid;gap:10px}.material{border:1px solid var(--line);border-radius:7px;padding:13px;background:#fdfbf8}.material-name{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;font-size:13px;font-weight:650}.material-cost{color:var(--green);font-size:12px}.material-fields{display:grid;grid-template-columns:1fr 1fr 1fr 65px;gap:8px}.material-fields label{font-size:10px}.material-fields input{font-size:13px;padding:8px;min-width:0}.explain{background:var(--cream);padding:12px 14px;margin:15px 0 0;border-left:2px solid #d7b6bf;font-size:12px;color:var(--muted)}.result{position:sticky;top:20px;background:var(--wine);color:white;border:0;padding:24px;border-radius:10px}.result .eyebrow{color:#e9c1cd}.result .big-price{font:400 38px Georgia;letter-spacing:-1px;line-height:1.1;margin:13px 0 5px}.result .caption{font-size:12px;color:#ead1d9}.result hr{border:0;border-top:1px solid #ffffff26;margin:22px 0}.result dl{margin:17px 0}.result dl div{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin:10px 0}.result dt{color:#eed6de}.result dd{margin:0;font-weight:550}.result .result-total{font-size:17px}.result .btn{width:100%;background:#fff9ef;border:0;color:var(--wine-dark);margin-top:14px}.result .status{padding:12px;border:1px solid #ffffff35;background:#ffffff0a;border-radius:6px;font-size:12px;margin-top:15px}.result ul{padding-left:16px;font-size:12px;color:#f4e4e9}.result .mini{font-size:10px;line-height:1.5;color:#e4c3cc}.notice{background:var(--softgreen);border:1px solid #d4e1d9;color:var(--green);padding:12px 16px;border-radius:7px;font-size:12px;margin:0 0 18px}.warning{background:#fff3e1;border-color:#e8cfaa;color:#80532b}.error{background:#fff0ed;color:var(--red);border:1px solid #ebcbc5;border-radius:5px;padding:10px 13px;font-size:12px;margin:12px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.metric{background:white;border:1px solid var(--line);border-radius:8px;padding:19px}.metric span{display:block;font-size:11px;color:var(--muted)}.metric strong{display:block;font:400 28px Georgia;margin:8px 0 0;color:var(--wine-dark)}.empty{text-align:center;padding:50px 20px;background:white;border:1px dashed #d8c1c8;border-radius:10px}.empty p{font-size:13px;color:var(--muted);max-width:370px;margin:12px auto 20px}.empty-icon{width:52px;height:52px;border:1px solid #dfc6ce;border-radius:50%;display:grid;place-items:center;font:italic 26px Georgia;color:var(--wine);margin:0 auto 20px}.order-list,.sample-list{display:grid;gap:14px}.order-card,.sample-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:22px}.card-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.card-top h3{margin-bottom:5px}.card-top p{font-size:12px;color:var(--muted);margin:0}.badge{font-size:10px;padding:5px 9px;border-radius:20px;background:var(--pink);color:var(--wine);white-space:nowrap}.order-numbers{display:flex;flex-wrap:wrap;gap:25px;margin:18px 0;font-size:11px;color:var(--muted)}.order-numbers strong{display:block;font-size:17px;color:var(--ink);font-weight:600;margin-top:3px}.card-bottom{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;gap:10px;align-items:center}.card-bottom small{color:var(--muted)}.table-wrap{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:8px;background:white}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th,td{padding:14px 15px;text-align:right;border-bottom:1px solid var(--line)}th{font-weight:600;background:#f5eeeb;color:#6a5059;font-size:10px}th:first-child,td:first-child{text-align:left}tfoot{font-weight:700;background:#f5eeeb}.summary-notes{margin-top:20px;font-size:12px;color:var(--muted);line-height:1.8}.filter{display:flex;gap:12px;margin-bottom:18px}.filter input{max-width:300px;margin:0}.filter select{width:auto;max-width:220px;margin:0}.year{max-width:130px;margin:0}dialog{border:1px solid var(--line);border-radius:12px;width:min(640px,calc(100% - 28px));max-height:90vh;padding:0;color:var(--ink);background:var(--cream)}dialog::backdrop{background:#25171ab3;backdrop-filter:blur(3px)}.dialog-head{padding:22px 24px;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}.dialog-head h2{font-size:25px;margin:0}.close{background:none;border:0;font-size:25px;line-height:1;padding:5px 9px;color:var(--muted)}.dialog-body{padding:24px}.dialog-actions{margin-top:22px;display:flex;justify-content:flex-end;gap:10px}.dialog-body h3{margin-top:22px}.payment-row{padding:11px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;font-size:12px}.payment-row small{display:block;color:var(--muted)}.sample-detail{font-size:12px;color:var(--muted);white-space:pre-line;margin:16px 0}.sample-list{grid-template-columns:1fr 1fr}.sample-card .actions{margin-top:15px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--wine-dark);color:#fff;padding:12px 20px;border-radius:7px;box-shadow:0 5px 20px #342c2e20;max-width:calc(100% - 30px);font-size:13px;z-index:5;display:none}footer{max-width:1520px;margin:auto;border-top:1px solid var(--line);padding:22px 32px;color:var(--muted);font-size:11px;display:flex;justify-content:space-between;gap:15px}footer span{color:var(--wine)}.demo{background:#fff2d5;border:1px solid #e8d19f}.mt{margin-top:18px}.screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1500px){.calculator-layout{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:1150px){main{padding:30px 25px}.shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding-left:20px;padding-right:16px}.calculator-layout{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.panel{padding:19px}.material-fields{grid-template-columns:1fr 1fr}.page-head{flex-wrap:wrap}.page-head .actions{margin-bottom:20px}}@media(max-width:900px){.shell{display:block}.sidebar{padding:13px 24px;border-right:0;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--cream);z-index:2}.side-heading,.backup-box{display:none}nav{display:flex;overflow:auto;gap:5px}nav a{padding:10px 12px;font-size:12px}nav a span{display:none}.header{height:82px;padding:0 24px}.calculator-layout{grid-template-columns:minmax(0,1fr) 280px}.brand b{font-size:23px}main{padding:28px 24px}.backup-mobile{display:flex!important;gap:16px;border-top:1px solid var(--line);margin-top:30px;padding-top:18px}.metrics{gap:10px}.metric{padding:16px}.metric strong{font-size:25px}}.backup-mobile{display:none}@media(max-width:680px){.header{padding:0 18px;height:78px}.brand-mark{width:43px;height:43px;line-height:39px;font-size:32px}.brand-mark span{font-size:21px}.brand{gap:10px;font-size:8px}.brand b{font-size:21px}.save-status{font-size:10px;max-width:94px;text-align:right}.sidebar{padding:9px 12px}nav{justify-content:space-between}nav a{padding:9px 10px;font-size:11px;min-height:38px}main{padding:26px 17px 38px}h1{font-size:34px}.intro{font-size:13px;margin-bottom:21px}.calculator-layout{display:flex;flex-direction:column}.calculator-form,.result{width:100%}.result{position:static;order:-1;padding:21px}.result hr{margin:14px 0}.result .big-price{font-size:36px}.result dl{display:grid;grid-template-columns:1fr 1fr;gap:7px 20px;margin:13px 0}.result dl div{display:block;margin:0;font-size:11px}.result dd{font-size:14px;margin-top:3px}.result .status{margin-top:12px}.result .mini{margin-bottom:0}.result .errors{margin:10px 0}.result .errors li:nth-child(n+3){display:none}.field-grid.three{grid-template-columns:1fr 1fr}.field-grid{gap:14px}.field-grid.three label:first-child{grid-column:1/-1}.panel{padding:18px;margin-bottom:14px}.panel-heading{margin-bottom:18px}.material-fields{grid-template-columns:1fr 1fr;gap:10px}.material-fields label{font-size:11px}.material-fields input{font-size:14px}.panel-heading h2{font-size:21px}.metrics{grid-template-columns:1fr}.metric{display:flex;justify-content:space-between;align-items:center;padding:16px 18px}.metric strong{margin:0;font-size:26px}.sample-list{grid-template-columns:1fr}.card-top{flex-wrap:wrap}.card-bottom{align-items:flex-start;flex-direction:column}.order-card{padding:18px}.order-numbers{gap:20px}.page-head{gap:0}.filter{flex-wrap:wrap}.filter input,.filter select{max-width:none;width:100%}footer{padding:20px;display:block;font-size:10px}footer span{display:block;margin-top:5px}.dialog-head{padding:18px}.dialog-body{padding:18px}.dialog-actions{flex-wrap:wrap}.dialog-actions .btn{flex:1}.result .mini-empty{max-width:300px}.actions .btn{font-size:12px}}

@media(max-width:680px){nav{scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav a{padding:9px 7px;font-size:10px}input,select,textarea,.material-fields input{font-size:16px}.brand b{font-size:19px}}

@media(max-width:680px){.header{flex-wrap:wrap;height:auto;min-height:78px;padding-top:13px;padding-bottom:13px;gap:10px}.bonus-hub-link{margin-left:auto}.header .save-status{width:100%;max-width:none;text-align:right;font-size:10px;margin-top:-4px}}