:root{--ply:#d8c39a;--ply2:#eadbbd;--ink:#17140f;--red:#d74932;--blue:#276a73;--chalk:#f7f0df;--line:#685d49}
*{box-sizing:border-box}html{background:#8b7859;overflow-x:hidden}body{margin:0;min-height:100svh;min-height:100dvh;overflow-x:hidden;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:linear-gradient(90deg,rgba(61,45,24,.04) 50%,transparent 50%),repeating-linear-gradient(0deg,#dac59e 0 18px,#d7c198 18px 19px);background-size:9px 100%,100% 19px;padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(18px + env(safe-area-inset-bottom)) env(safe-area-inset-left)}
button,input,select{font:inherit;color:inherit}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;background:#17140f;color:#fff;border-bottom:5px solid var(--red)}.mark{font-size:22px;font-weight:950;letter-spacing:-.06em}.mark span{font-family:Georgia,serif;font-style:italic;font-weight:500}.add-top{min-height:44px;border:1px solid #fff;background:transparent;color:#fff;padding:0 12px;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.08em}
main{width:min(980px,100%);margin:auto}.bench-head{position:relative;padding:24px 16px 18px;background:rgba(234,219,189,.86);border-bottom:4px solid var(--ink)}.ruler{position:absolute;left:0;right:0;top:0;height:10px;background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 10px)}.kicker{margin:0 0 8px;font-size:9px;font-weight:950;letter-spacing:.14em}.bench-head h1{margin:0;font-size:clamp(40px,13vw,88px);line-height:.84;letter-spacing:-.075em;text-transform:uppercase}.bench-head h1 em{font-family:Georgia,serif;text-transform:none;font-weight:400}.search{display:block;margin-top:21px}.search span,label{font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.search input,input,select{width:100%;min-height:48px;margin-top:6px;border:2px solid var(--ink);border-radius:0;background:#fff7e7;padding:10px 11px;font-size:16px;outline:none}.filters{display:flex;gap:7px;overflow:auto;padding:12px 0 2px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.chip{min-height:40px;white-space:nowrap;border:1px solid var(--ink);background:transparent;padding:0 11px;font-size:9px;font-weight:950;text-transform:uppercase}.chip.active{background:var(--ink);color:white}.shelf{background:#bd9f70;padding:0 14px 22px}.shelf-head{margin:0 -14px 15px;padding:11px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#2b241a;color:white;border-bottom:3px solid #0d0b08;font-size:10px;font-weight:900;text-transform:uppercase}.shelf-head button{border:0;background:none;color:#f6d862;font-size:10px;font-weight:950;text-transform:uppercase}.items{display:grid;gap:12px}.item{position:relative;background:#ede0c3;border:2px solid var(--ink);box-shadow:5px 6px 0 #705937;min-height:142px;padding:14px 13px 13px}.item:after{content:"";position:absolute;left:16px;right:16px;bottom:-9px;height:8px;background:#5b452a;box-shadow:0 3px 0 #2f2417}.tape{display:inline-block;background:#ece3a9;padding:4px 8px;margin:-3px 0 8px;transform:rotate(-1.5deg);font:900 9px/1 Arial;letter-spacing:.1em;text-transform:uppercase}.item h3{font-family:Georgia,serif;font-size:24px;line-height:.95;margin:0 0 8px}.amount{font-size:28px;font-weight:950;letter-spacing:-.05em}.place{font-size:10px;font-weight:850;color:#605747;margin-top:2px}.note{font-family:Georgia,serif;font-style:italic;font-size:13px;color:#514b40;margin:9px 0 0}.item-actions{display:flex;gap:7px;margin-top:12px}.use,.remove{min-height:40px;border:1px solid var(--ink);padding:0 10px;background:transparent;font-size:9px;font-weight:950;text-transform:uppercase}.use{background:var(--ink);color:#fff}.remove{margin-left:auto;color:#7a2c23}
.add-panel,.match-panel{position:fixed;left:0;right:0;bottom:0;z-index:40;max-height:88dvh;overflow:auto;background:#efe2c8;border-top:5px solid var(--ink);padding:18px 16px 24px;box-shadow:0 -18px 44px rgba(0,0,0,.24)}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.panel-head h2{font-family:Georgia,serif;font-size:30px;line-height:.95;margin:0}.x{width:44px;height:44px;border:0;background:transparent;font-size:34px}.add-panel form,.match-panel form{display:grid;gap:12px;margin-top:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary{min-height:48px;border:2px solid var(--ink);background:var(--ink);color:#fff;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.09em}.match-result{margin-top:14px;border:2px dashed var(--ink);padding:14px;background:#fff7e7}.match-result strong{display:block;font-size:24px;line-height:1}.match-result p{margin:7px 0 0;font-size:13px;line-height:1.4}footer{width:min(980px,100%);margin:auto;padding:18px 14px 70px;background:#17140f;color:#fff;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
@media(min-width:720px){.topbar{padding:14px 28px}.bench-head{margin-top:26px;border:3px solid var(--ink);padding:40px 36px 28px}.search{max-width:540px}.shelf{border:3px solid var(--ink);border-top:0;padding:0 28px 36px}.shelf-head{margin:0 -28px 20px;padding:13px 28px}.items{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.add-panel,.match-panel{left:50%;right:auto;bottom:24px;width:min(640px,calc(100% - 44px));transform:translateX(-50%);border:3px solid var(--ink)}}