:root{--ink:#20211d;--muted:#77776d;--line:#deded5;--paper:#f7f7f1;--white:#fffefa;--green:#355b43;--orange:#d97742}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC',sans-serif}.shell{max-width:1100px;margin:auto;padding:68px 28px 90px}header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:42px}.eyebrow{font:12px 'DM Mono',monospace;letter-spacing:1px;color:var(--green);margin:0 0 13px}h1{font-size:42px;line-height:1.15;letter-spacing:-2px;margin:0}.subtitle{color:var(--muted);margin:13px 0 0;font-size:15px}.primary{border:0;background:var(--green);color:white;border-radius:5px;padding:12px 18px;font:500 14px inherit;cursor:pointer}.summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:8px;background:var(--white);margin-bottom:31px}.summary div{padding:19px 23px;border-right:1px solid var(--line)}.summary div:last-child{border:0}.summary span{display:block;color:var(--muted);font-size:12px}.summary strong{display:block;margin-top:5px;font:22px 'DM Mono',monospace}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.tabs{display:flex;gap:19px}.tabs button{border:0;background:none;padding:7px 0;color:var(--muted);font:14px inherit;cursor:pointer}.tabs button.active{color:var(--ink);font-weight:700;border-bottom:2px solid var(--orange)}.search{border-bottom:1px solid #aaa;display:flex;gap:7px;align-items:center;color:var(--muted)}.search input{background:none;border:0;outline:0;padding:7px;width:220px;font:13px inherit}.items{display:grid;gap:14px}.item{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:20px 22px}.item-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.title-fields{display:flex;align-items:center;gap:14px;min-width:0}.item-name{font:600 18px inherit;width:210px}.room{font-size:12px;width:110px;color:var(--muted)}input,textarea{border:0;background:transparent;outline:none;color:var(--ink);font:14px inherit;min-width:0}.actions{display:flex;align-items:center;gap:10px}.status{border:1px solid var(--line);border-radius:99px;background:var(--paper);padding:6px 10px;font:12px inherit;cursor:pointer}.item.bought .status{background:#e7f0e9;border-color:#c4d9c8;color:var(--green)}.icon,.remove-option{border:0;background:transparent;color:#999;font-size:21px;cursor:pointer}.purchased-fields{display:none;grid-template-columns:repeat(5,1fr);gap:12px;border-top:1px solid var(--line);margin-top:17px;padding-top:16px}.item.bought .purchased-fields{display:grid}.purchased-fields label{font-size:11px;color:var(--muted)}.purchased-fields input{width:100%;display:block;margin-top:4px;border-bottom:1px solid var(--line);padding:3px 0;font-size:13px}.compare-area{margin-top:18px;background:#f8f8f3;padding:13px 14px;border-radius:5px}.compare-title{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;margin-bottom:9px}.text-button{border:0;background:none;color:var(--green);font:12px inherit;cursor:pointer;padding:0}.options{display:grid;gap:6px}.option{display:grid;grid-template-columns:1fr 1.4fr .8fr 2fr 22px;align-items:center;gap:9px;background:var(--white);padding:6px 8px;border:1px solid #ebebe4;border-radius:4px}.option input{font-size:12px;border-bottom:1px solid transparent}.option input:focus{border-bottom-color:#bbb}.notes{resize:vertical;width:100%;min-height:25px;margin-top:15px;padding:3px 0;color:var(--muted);font-size:12px}.empty{text-align:center;color:var(--muted);padding:45px}.item.hidden,.empty.hidden{display:none}@media(max-width:700px){.shell{padding:38px 16px}header{align-items:flex-start;flex-direction:column}h1{font-size:34px}.summary{grid-template-columns:1fr 1fr}.summary div:nth-child(2){border-right:0}.summary div:nth-child(-n+2){border-bottom:1px solid var(--line)}.toolbar{align-items:flex-start;gap:12px;flex-direction:column}.search input{width:240px}.item{padding:17px 14px}.title-fields{flex-direction:column;align-items:flex-start;gap:3px}.purchased-fields{grid-template-columns:1fr 1fr}.option{grid-template-columns:1fr 1.2fr .7fr 22px}.opt-note{display:none}}