:root{--ink:#20382f;--muted:#788078;--line:#e0e4db;--paper:#f8f9f5;--orange:#db633b}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',system-ui,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #de9064;outline-offset:3px}header{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 5%;gap:65px;background:#fff}.brand{text-decoration:none;font:800 35px Manrope,system-ui;letter-spacing:-2px;display:flex;align-items:center;gap:2px}.brand>span{color:var(--orange)}.brand small{font:600 9px 'DM Sans',sans-serif;letter-spacing:1.4px;max-width:80px;margin-left:14px;line-height:1.7}nav{height:100%;display:flex;gap:30px}.nav{background:none;border:0;color:var(--muted);padding:0 2px;position:relative}.nav.active{color:var(--ink)}.nav.active:after{content:'';height:3px;background:var(--ink);position:absolute;bottom:0;left:0;right:0}#savedCount{background:#edf0e8;padding:3px 7px;margin-left:5px;border-radius:4px;font-size:11px}.local{margin-left:auto;font-size:10px;letter-spacing:1.5px;color:#7b837c}.local i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#759570;margin-right:7px}.hero{display:flex;justify-content:space-between;align-items:center;padding:48px 6% 44px;border-bottom:1px solid var(--line);background:#edf0e5;position:relative}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:700;margin:0 0 18px;color:#6e7c68}h1{font:500 clamp(35px,4vw,54px)/1.12 Manrope,system-ui;letter-spacing:-2.5px;margin:0}h1 span{color:#7d8e70}.intro{color:#6d796c;line-height:1.8;margin:20px 0 0;font-size:13px}.hero-note{display:flex;flex-direction:column;align-items:center;margin-right:7%;position:relative;min-width:180px}.orbit{color:#b2b99c;font-size:66px;line-height:1}.hero-note strong{font:500 64px Manrope,system-ui;letter-spacing:-3px;line-height:1.3}.hero-note>span:not(.orbit){font-size:13px}.hero-note small{font-size:10px;color:#818c7a;margin-top:13px}main{display:grid;grid-template-columns:240px 1fr;gap:35px;padding:35px 5% 60px;max-width:1800px;margin:auto}aside{border-right:1px solid var(--line);padding-right:26px}.aside-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h2{font:600 17px Manrope,system-ui;margin:0}.text-button{border:0;background:none;color:var(--orange);font-size:11px;padding:0}.filter-title{display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;margin:26px 0 14px}.filter-title span{color:#8b9584}.small-input{width:100%;border:1px solid var(--line);border-radius:5px;padding:10px;background:white;font-size:11px;color:var(--ink)}.filter-list{display:grid;gap:10px;margin-top:13px}#categories{max-height:310px;overflow:auto;padding-right:7px;scrollbar-width:thin}.check{display:flex;align-items:center;gap:9px;font-size:12px;cursor:pointer;line-height:1.4}.check input{accent-color:var(--ink);width:14px;height:14px;margin:0;flex-shrink:0}.check .count{margin-left:auto;color:#929a8b;font-size:10px}.hint{font-size:10px;color:#92988d;line-height:1.7}.source-note{border-top:1px solid var(--line);padding-top:22px;margin-top:32px;font-size:10px;color:#848d7e;line-height:1.8}.source-note b{color:#586951;font-weight:500}.source-note a{text-underline-offset:4px}.results{min-width:0}.search-box{background:white;border:1px solid #d8dfd2;border-radius:8px;display:flex;align-items:center;padding:0 15px;gap:12px;height:53px}.search-box>span{font-size:29px;color:#6d7d65;transform:rotate(-15deg)}.search-box input{border:0;outline:0;flex:1;min-width:0;color:var(--ink);background:none;font-size:13px}.search-box:focus-within{box-shadow:0 0 0 2px #a7b99f}.search-box kbd{color:#9a9f93;background:#f6f7f2;border:1px solid var(--line);padding:2px 7px;border-radius:4px}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:23px 0 17px;gap:12px}.toolbar strong{font-size:13px;font-weight:500}#timing{font-size:10px;color:#90988a;margin-left:8px}.toolbar-actions{display:flex;align-items:center;gap:16px}.outline{background:white;border:1px solid var(--line);border-radius:5px;font-size:11px;padding:8px 12px;color:#5b6c54}.sort-label{font-size:11px;color:#89917f}.sort-label select{border:0;background:transparent;color:var(--ink);margin-left:6px;font-size:11px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.card{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden;transition:box-shadow .2s,border-color .2s;display:flex;flex-direction:column;min-width:0}.card:hover{box-shadow:0 7px 25px #20382f0c;border-color:#b9c5b0}.card-image{height:210px;position:relative;background:#f1f3ec;margin:8px;border-radius:5px;overflow:hidden}.image-open{display:block;width:100%;height:100%;border:0;padding:12px;background:white}.card-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.format-badge{position:absolute;left:10px;top:10px;pointer-events:none;font-size:9px;background:#f0f2e9e8;border:1px solid #e2e7d8;padding:5px 8px;border-radius:4px;color:#6d7c61}.save-btn{position:absolute;right:9px;top:9px;border:1px solid #e4e8dd;background:#ffffffed;border-radius:50%;width:29px;height:29px;color:#627959;font-size:17px}.save-btn.is-saved{color:var(--orange);background:#fff3eb}.card-body{padding:14px 17px 0;flex:1}.category-label{font-size:9px;text-transform:uppercase;letter-spacing:1.1px;color:#8b977f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-title{background:none;border:0;text-align:left;padding:0;color:var(--ink);font:600 14px/1.5 Manrope,system-ui;margin:9px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-summary{color:#91988c;font-size:11px;line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin:17px;padding-top:13px;border-top:1px solid #edf0e7;font-size:10px}.card-bottom .check{font-size:10px;color:#89927f}.card-bottom .check input{width:12px;height:12px}.quote{color:#66785e}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips:not(:empty){margin:0 0 17px}.chip{border:1px solid #dbe2d1;border-radius:20px;background:#edf1e5;padding:6px 10px;font-size:10px;color:#506846}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:30px;font-size:11px;color:#74816b}.pagination button{background:white;color:var(--ink);border:1px solid var(--line);padding:8px 14px;border-radius:5px}.empty{grid-column:1/-1;text-align:center;padding:75px 20px;border:1px dashed var(--line);border-radius:10px}.empty h2{margin-bottom:12px}.empty p{color:#8b947f}.loading{padding:50px;color:#829377}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:25px 5%;font-size:9px;letter-spacing:1px;color:#929a89}.compare-bar{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);box-shadow:0 5px 30px #0003;color:white;border-radius:9px;padding:12px 16px;display:flex;align-items:center;gap:25px;z-index:5;font-size:12px}.compare-bar[hidden]{display:none}.compare-bar button{background:#e5eedb;border:0;padding:10px 15px;border-radius:5px;color:var(--ink);white-space:nowrap}.compare-bar button:last-child{padding:6px;background:none;color:white}dialog{border:1px solid var(--line);border-radius:14px;padding:28px;max-width:1000px;width:90vw;max-height:90vh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#17291f88;backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:start;justify-content:space-between;gap:25px;margin-bottom:25px}.modal-head h2{font-size:25px}.modal-head .eyebrow{margin-bottom:9px}.close{border:1px solid var(--line);background:white;border-radius:50%;min-width:32px;height:32px;color:var(--ink)}.detail-grid{display:grid;grid-template-columns:40% 1fr;gap:30px}.detail-main-image{width:100%;max-height:390px;object-fit:contain;background:white;border-radius:8px}.thumbs{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.thumbs button{border:1px solid var(--line);background:white;border-radius:4px;padding:3px;width:55px;height:55px}.thumbs img{width:100%;height:100%;object-fit:contain}.detail-tags{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}.detail-tags span{font-size:10px;padding:5px 8px;background:#e9efdf;border-radius:4px}.description{white-space:pre-line;font-size:12px;line-height:1.9;color:#62705b;overflow-wrap:anywhere}.detail-actions{display:flex;gap:12px;align-items:center;margin:20px 0}.primary{background:var(--ink);color:white;padding:11px 16px;border:0;border-radius:6px;text-decoration:none;font-size:12px}.detail-foot{font-size:10px;color:#929988;border-top:1px solid var(--line);padding-top:14px}.compare-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}.compare-table td,.compare-table th{padding:14px;border:1px solid var(--line);vertical-align:top;text-align:left;overflow-wrap:anywhere}.compare-table th:first-child{width:110px}.compare-table img{width:100%;height:160px;object-fit:contain;background:white}.compare-table .description{max-height:260px;overflow:auto;font-size:11px}#compareContent{overflow-x:auto}#toast{position:fixed;right:25px;bottom:25px;background:var(--ink);color:white;padding:12px 20px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10;font-size:12px}#toast.show{opacity:1}@media(min-width:1450px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-image{height:230px}}@media(max-width:1050px){main{grid-template-columns:200px 1fr;gap:23px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}header{gap:35px}.hero-note{margin-right:0}}@media(max-width:700px){header{height:75px;padding:0 5%;gap:24px}.brand small,.local{display:none}.brand{font-size:30px}nav{gap:20px}.hero{padding:32px 6%}.hero-note{display:none}h1{font-size:39px}.intro br{display:none}main{display:block;padding:22px 5%}aside{border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:23px;display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.aside-head{grid-column:1/-1;margin-bottom:0}#categories{grid-column:1;grid-row:4 / 7;max-height:180px}#categorySearch{grid-column:1;grid-row:3}aside>.filter-title:first-of-type{grid-column:1;grid-row:2}aside>h3:first-of-type{grid-column:2;grid-row:2}#formats{grid-column:2;grid-row:3 / 7;margin-top:0;max-height:180px;overflow:auto}.source-note,.hint{display:none}aside>h3:nth-of-type(2){grid-row:7}aside>label[for=exclude]{grid-column:2;grid-row:7}#exclude{grid-column:2;grid-row:8}.toolbar{align-items:start;flex-direction:column}.toolbar-actions{justify-content:space-between;width:100%}.grid{gap:10px}.card-image{height:160px;margin:5px}.card-body{padding:10px 11px 0}.product-title{font-size:12px}.card-bottom{margin:12px 10px}.card-summary{font-size:10px}.format-badge{font-size:8px;top:5px;left:5px}.save-btn{top:5px;right:5px}.category-label{font-size:8px}footer{display:block;font-size:8px;line-height:2}footer span{display:block}.detail-grid{grid-template-columns:1fr}.detail-main-image{height:250px}.modal-head h2{font-size:20px}dialog{padding:20px}.compare-bar{gap:10px;width:90%;justify-content:space-between;font-size:10px}.compare-table{min-width:600px}}