@font-face{font-family:Maleah Light;src:url(/fonts/maleah-light-webfont.ttf) format("truetype");font-display:swap}@font-face{font-family:Maleah Italic;src:url(/fonts/maleah-italic-webfont.ttf) format("truetype");font-display:swap}@font-face{font-family:Belleza;src:url(/fonts/belleza-regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Visby Light;src:url(/fonts/visby-light.ttf) format("truetype");font-display:swap}@font-face{font-family:Jost;src:url(/fonts/jost-regular.ttf) format("truetype");font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/dmsans.ttf) format("truetype");font-weight:100 1000;font-display:swap}:root{--bg: #F5F0EB;--card: #FFFFFF;--soft: #FBF8F4;--ink: #1A1A1A;--noir: #2B2926;--muted: #6B6560;--faint: #A39C94;--line: #E7DFD4;--line2: #D8CEC1;--gold: #C4A97D;--gold2: #B5996C;--gold-wash: rgba(196, 169, 125, .13);--gold-line: rgba(196, 169, 125, .45);--bad: #9E4F3A;--radius: 14px;--shadow: 0 1px 2px rgba(43, 41, 38, .04), 0 8px 28px rgba(43, 41, 38, .06);--safe-b: env(safe-area-inset-bottom)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:DM Sans,system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:var(--ink);font-size:16px}a{color:inherit}img{display:block}.hero{font-family:Maleah Light,serif;font-weight:400;letter-spacing:.01em}.label{font-family:Visby Light,DM Sans,sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:10.5px;color:var(--muted)}.serif{font-family:Belleza,serif}.num{font-family:Jost,sans-serif;font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.faint{color:var(--faint)}.top{position:sticky;top:0;z-index:30;background:#f5f0ebed;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}.top-in{max-width:1480px;margin:0 auto;padding:12px 20px 10px;display:grid;gap:10px}.brand-row{display:flex;align-items:center;gap:12px}.brand-row img{width:18px;height:23px}.brand-row h1{margin:0;font-size:28px;line-height:1}.brand-row .spacer{flex:1}.nav{display:flex;gap:22px}.nav button{background:none;border:0;padding:6px 0;border-bottom:1.5px solid transparent}.nav button.on{border-color:var(--gold)}.nav .label{color:#4a4642;font-size:11px}.page{max-width:1480px;margin:0 auto;padding:14px 20px 120px}.search{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line2);border-radius:999px;padding:4px 6px 4px 16px;box-shadow:var(--shadow)}.search:focus-within{border-color:var(--gold);box-shadow:0 0 0 4px var(--gold-wash),var(--shadow)}.search input{flex:1;border:0;outline:0;background:transparent;min-width:0;padding:9px 0}.search .x{border:0;background:none;color:var(--faint);padding:6px;display:grid}.frow{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px}.frow::-webkit-scrollbar{display:none}.btn{border:1px solid var(--noir);background:var(--noir);color:#f5f0eb;border-radius:999px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:13px;letter-spacing:.02em}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line2)}.btn.gold{background:var(--gold);border-color:var(--gold);color:#fff}.btn.sm{padding:6px 13px;font-size:12px}.btn.danger{background:transparent;color:var(--bad);border-color:#e3c9bf}.icon-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line2);background:var(--card);display:grid;place-items:center;flex:none}.linkish{background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--line2);background:var(--card);border-radius:999px;padding:6px 12px;font-size:12.5px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex:none}.chip.on{background:var(--gold-wash);border-color:var(--gold)}.chip.dark{background:var(--noir);border-color:var(--noir);color:#f5f0eb}.chip.dash{border-style:dashed;color:var(--muted)}.chip .ct{font:11px Jost;color:var(--faint)}.chip.dark .ct{color:#cfc6ba}.swatch{display:inline-block;width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.12);flex:none}.summary{display:flex;align-items:baseline;gap:10px;margin:4px 0 12px;flex-wrap:wrap}.grid{column-count:5;column-gap:12px}@media (max-width: 1300px){.grid{column-count:4}}@media (max-width: 1000px){.grid{column-count:3}}@media (max-width: 620px){.grid{column-count:2;column-gap:8px}}.tile{break-inside:avoid;margin-bottom:12px;background:var(--card);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);cursor:pointer;position:relative;border:0;padding:0;width:100%;text-align:left;display:block}@media (max-width: 620px){.tile{margin-bottom:8px;border-radius:10px}}.tile img{width:100%;height:auto;background:var(--soft)}.tile .pal{display:flex;height:5px}.tile .pal span{display:block;height:100%}.tile .cap{padding:8px 10px 9px;display:grid;gap:2px}.tile .cap .t{font-size:12.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile .cap .s{font-size:10.5px;color:var(--faint);letter-spacing:.03em}.tile .flag{position:absolute;top:8px;left:8px;background:#ffffffeb;border-radius:999px;padding:3px 8px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.tile .heart{position:absolute;top:8px;right:8px;color:var(--gold2)}.tile.sel{outline:2.5px solid var(--gold)}.empty-state{text-align:center;padding:60px 20px;color:var(--muted);display:grid;gap:10px;justify-items:center}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b292661;z-index:60;display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease}@media (min-width: 900px){.scrim{align-items:center;padding:24px}}.sheet{background:var(--bg);width:100%;max-width:640px;max-height:88vh;overflow:auto;border-radius:22px 22px 0 0;padding:10px 20px calc(24px + var(--safe-b));animation:up .22s ease}@media (min-width: 900px){.sheet{border-radius:22px}}.sheet .grab{width:40px;height:4px;border-radius:2px;background:var(--line2);margin:0 auto 12px}.sheet h3{margin:4px 0 12px;font-family:Belleza,serif;font-weight:400;font-size:20px}@keyframes up{0%{transform:translateY(40px);opacity:0}}@keyframes fade{0%{opacity:0}}.opt-list{display:grid;gap:2px}.opt{display:flex;align-items:center;gap:10px;background:none;border:0;padding:11px 4px;border-bottom:1px solid var(--line);text-align:left;font-size:14.5px}.opt .box{width:18px;height:18px;border:1px solid var(--line2);border-radius:4px;background:var(--card);display:grid;place-items:center;flex:none}.opt.on .box{background:var(--noir);border-color:var(--noir);color:#fff}.opt .ct{margin-left:auto;color:var(--faint);font:12px Jost}.detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:var(--bg);overflow:auto;animation:fade .15s ease}.detail-bar{position:sticky;top:0;z-index:2;display:flex;gap:8px;align-items:center;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:#f5f0ebed;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.detail-bar .spacer{flex:1}.detail-body{max-width:1200px;margin:0 auto;padding:16px 16px calc(80px + var(--safe-b));display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:start}@media (max-width: 860px){.detail-body{grid-template-columns:1fr;gap:18px;padding-top:10px}}.detail-img{position:sticky;top:70px;display:grid;gap:10px}@media (max-width: 860px){.detail-img{position:static}}.detail-img img{width:100%;max-height:78vh;object-fit:contain;border-radius:14px;background:var(--card);box-shadow:var(--shadow)}.pal-row{display:flex;gap:6px;flex-wrap:wrap}.pal-chip{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border:1px solid var(--line2);border-radius:999px;background:var(--card);font-size:11.5px}.pal-chip .swatch{width:22px;height:22px}.section{display:grid;gap:8px;padding:14px 0;border-bottom:1px solid var(--line)}.section:last-child{border-bottom:0}.title-input{border:0;background:transparent;font-family:Belleza,serif;font-size:24px;padding:0;width:100%;outline:0;line-height:1.2}.note{width:100%;min-height:70px;border:1px solid var(--line2);border-radius:12px;background:var(--card);padding:10px 12px;outline:0;resize:vertical}.note:focus,.field:focus{border-color:var(--gold)}.field{border:1px solid var(--line2);border-radius:10px;background:var(--card);padding:9px 12px;outline:0;width:100%}.kv{display:grid;grid-template-columns:90px 1fr;gap:6px 10px;font-size:13px;align-items:baseline}.kv>span:nth-child(odd){color:var(--faint);font-size:11.5px}.ai-note{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.45;color:#4a4642}.dups{display:flex;gap:8px;overflow-x:auto}.dups img{width:72px;height:72px;object-fit:cover;border-radius:8px;cursor:pointer}.tabbar{position:fixed;left:12px;right:12px;bottom:calc(10px + var(--safe-b));z-index:50;display:grid;grid-template-columns:repeat(5,1fr);background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:22px;padding:8px 4px;box-shadow:0 10px 30px #2b29261f}.tabbar button{display:grid;justify-items:center;gap:3px;background:none;border:0;color:var(--muted);font-size:10.5px;letter-spacing:.04em;padding:4px 0;position:relative}.tabbar button.on{color:var(--ink)}.tabbar button.on svg{color:var(--gold2)}.tabbar .dotn{position:absolute;top:0;left:calc(50% + 8px);background:var(--gold);color:#fff;border-radius:999px;font:9.5px Jost;padding:1px 5px}@media (min-width: 721px){.tabbar{display:none}}@media (max-width: 720px){.nav{display:none}.brand-row h1{font-size:24px}.top-in,.page{padding-left:14px;padding-right:14px}.frow{margin:0 -14px;padding:0 14px}}.boards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}@media (max-width: 620px){.boards{grid-template-columns:1fr 1fr;gap:10px}}.board{background:var(--card);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);border:0;padding:0;text-align:left;cursor:pointer}.board .cov{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:2px;aspect-ratio:4 / 3;background:var(--soft)}.board .cov img{width:100%;height:100%;object-fit:cover}.board .cov img:first-child{grid-row:span 2}.board .meta{padding:10px 12px 12px;display:grid;gap:2px}.board .meta b{font-family:Belleza,serif;font-weight:400;font-size:17px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.stat{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:2px}.stat b{font:24px Jost;font-weight:400}.folder-row{display:flex;align-items:center;gap:10px;padding:12px 4px;border-bottom:1px solid var(--line)}.folder-row .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.bar>div{height:100%;background:var(--gold);transition:width .4s}.review{max-width:620px;margin:0 auto;display:grid;gap:14px}.review img{width:100%;max-height:52vh;object-fit:contain;border-radius:14px;background:var(--card);box-shadow:var(--shadow)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(96px + var(--safe-b));z-index:80;background:var(--noir);color:#f5f0eb;padding:10px 18px;border-radius:999px;font-size:13px;box-shadow:var(--shadow);animation:up .2s ease}.color-fams{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px}.color-fam{display:grid;justify-items:center;gap:5px;background:none;border:1px solid transparent;border-radius:12px;padding:8px 2px;font-size:11px;color:var(--muted)}.color-fam.on{border-color:var(--gold);background:var(--gold-wash);color:var(--ink)}.color-fam .swatch{width:30px;height:30px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.top-in{gap:12px;padding-bottom:0}.top .search{box-shadow:none;background:#ffffffb3}.modes{display:flex;gap:22px;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px}.modes::-webkit-scrollbar{display:none}.modes button{background:none;border:0;padding:4px 0 11px;font-family:Visby Light,DM Sans,sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:10.5px;color:var(--faint);border-bottom:1.5px solid transparent;white-space:nowrap;flex:none}.modes button.on{color:var(--ink);border-color:var(--gold)}@media (max-width: 720px){.modes{margin:0 -14px;padding:0 14px;gap:18px}}.tile.bare{box-shadow:none;border-radius:4px;background:var(--soft)}.tile.bare img{transition:opacity .2s,transform .5s ease}@media (hover: hover){.tile.bare:hover img{opacity:.92}}.grid{column-gap:10px}.grid .tile.bare{margin-bottom:10px}@media (max-width: 620px){.grid{column-gap:4px}.grid .tile.bare{margin-bottom:4px;border-radius:2px}}.grid.tight{column-count:4}@media (max-width: 1000px){.grid.tight{column-count:3}}@media (max-width: 620px){.grid.tight{column-count:2}}.shelves{display:grid;gap:30px;padding-top:6px}.shelf{display:grid;gap:10px}.shelf-head{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;text-align:left;width:100%}.shelf-title{flex:1;min-width:0;display:grid;gap:1px}.shelf-title .serif{font-size:21px;line-height:1.15}.shelf-story{font-size:11.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shelf-row{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin:0 -20px;padding:0 20px}.shelf-row::-webkit-scrollbar{display:none}.shelf-pic{flex:none;height:230px;border:0;padding:0;background:var(--soft);border-radius:3px;overflow:hidden;scroll-snap-align:start;position:relative}.shelf-pic img{height:100%;width:auto;max-width:380px;object-fit:cover}.shelf-pic .dupn{position:absolute;right:6px;bottom:6px;background:#2b292699;color:#fff;font:10px Jost;padding:2px 6px;border-radius:99px}.shelf-more{flex:none;width:110px;border:1px solid var(--line2);background:transparent;border-radius:3px;font-size:12px;color:var(--muted)}@media (max-width: 720px){.shelf-row{margin:0 -14px;padding:0 14px;gap:4px}.shelf-pic{height:168px}.shelf-pic img{max-width:260px}.shelves{gap:26px}}.d2{max-width:1280px;margin:0 auto;padding:14px 20px 10px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}.d2-img img{width:100%;max-height:calc(100vh - 110px);object-fit:contain;object-position:center top;border-radius:4px}.d2-side{position:sticky;top:80px;display:grid;gap:18px}@media (max-width: 860px){.d2{grid-template-columns:1fr;padding:0 0 6px;gap:16px}.d2-img img{max-height:76vh;border-radius:0;background:var(--soft)}.d2-side{position:static;padding:0 16px}}.d2-palette{display:flex;height:34px;border-radius:4px;overflow:hidden}.dot-sw{border:0;padding:0;min-width:22px;transition:transform .15s}.dot-sw.on{box-shadow:inset 0 0 0 2px #ffffffe6}.d2-tip{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-top:-10px}.d2-actions{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.act{background:none;border:0;padding:12px 2px 10px;display:grid;justify-items:center;gap:5px;color:var(--muted);font-size:10.5px;letter-spacing:.05em}.act span{max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.act svg{color:var(--gold2)}.act.on{color:var(--ink)}.d2-why{display:flex;flex-wrap:wrap;gap:6px}.why{background:none;border:1px solid var(--line2);border-radius:99px;padding:5px 11px;font-size:12px;color:var(--muted);text-transform:capitalize}.why.on{background:var(--noir);border-color:var(--noir);color:#f5f0eb}.d2-tags{font-size:12px;color:var(--faint);line-height:1.7}.d2-more{max-width:1280px;margin:18px auto 0;padding:26px 20px calc(60px + var(--safe-b));display:grid;gap:12px;border-top:1px solid var(--line)}@media (max-width: 860px){.d2-more{padding:22px 4px calc(40px + var(--safe-b))}.d2-more .label{padding-left:12px}}.detail-bar{border-bottom:0;background:#f5f0ebd9}.dsheet{display:grid;gap:10px}.dsheet .label{margin-top:8px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#141312;animation:fade .15s ease}.lb-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pinch-zoom;cursor:zoom-out}.lb-img{position:absolute;max-width:calc(100vw - 140px);max-height:calc(100vh - 120px);object-fit:contain;transition:opacity .2s;-webkit-user-select:none;user-select:none;-webkit-touch-callout:default}.lb-low{filter:blur(3px)}@media (max-width: 720px){.lb-img{max-width:100vw;max-height:calc(100vh - 110px)}}.lb-stage.zoom{display:block;overflow:auto;cursor:grab;touch-action:auto}.lb-stage.zoom .lb-img{position:static;max-width:none;max-height:none;width:250vw;height:auto;margin:0;display:block}@media (min-width: 721px){.lb-stage.zoom .lb-img{width:220vw}}.lb-btn{position:fixed;z-index:3;width:42px;height:42px;border-radius:50%;border:0;background:#ffffff1f;color:#fff;display:grid;place-items:center;top:calc(12px + env(safe-area-inset-top))}.lb-close{left:14px}.lb-zoom{right:14px}.lb-count{position:fixed;z-index:3;top:calc(24px + env(safe-area-inset-top));left:50%;transform:translate(-50%);color:#ffffffb3;font:12px Jost;letter-spacing:.1em;white-space:nowrap}.lb-foot{position:fixed;z-index:3;left:0;right:0;bottom:calc(16px + var(--safe-b));display:flex;justify-content:center;gap:10px;pointer-events:none}.lb-foot>*{pointer-events:auto}.lb-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.35);color:#fff;background:#00000059;border-radius:99px;padding:8px 14px;font-size:12.5px;text-decoration:none}.edit-panel{position:fixed;z-index:70;top:0;right:0;bottom:0;width:420px;background:var(--bg);border-left:1px solid var(--line);box-shadow:-12px 0 40px #2b29261a;overflow:auto;padding:0 20px calc(30px + var(--safe-b));animation:slidein .2s ease;overscroll-behavior:contain}.edit-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:calc(14px + env(safe-area-inset-top)) 0 12px;background:var(--bg);border-bottom:1px solid var(--line);margin-bottom:8px}@keyframes slidein{0%{transform:translate(30px);opacity:0}}@media (min-width: 861px){.detail.editing .d2,.detail.editing .d2-more,.detail.editing .detail-bar{margin-right:420px}.detail.editing .d2{grid-template-columns:minmax(0,1fr) 220px;gap:20px}.detail.editing .d2-why,.detail.editing .d2-tags{display:none}}@media (max-width: 860px){.edit-panel{top:auto;left:0;width:auto;height:56vh;border-left:0;border-top:1px solid var(--line);border-radius:18px 18px 0 0;box-shadow:0 -12px 40px #2b292624;padding:0 16px calc(24px + var(--safe-b));animation:up .22s ease}.edit-head{padding-top:14px}.detail.editing{overflow:hidden}.detail.editing .d2-img img{max-height:40vh}.detail.editing .detail-bar{display:none}}.inline-pick{width:100%;display:grid;gap:8px;padding:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;max-height:260px;overflow:auto}.lb-stage{cursor:zoom-out}.lb-nav{position:fixed;top:50vh;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:0;background:#ffffff1f;color:#fff;display:grid;place-items:center;z-index:2}.lb-nav.prev{left:14px}.lb-nav.next{right:14px}@media (hover: hover){.lb-nav:hover{background:#ffffff38}}@media (max-width: 720px){.lb-nav{width:38px;height:38px;background:#ffffff14}.lb-nav.prev{left:6px}.lb-nav.next{right:6px}}.d2-actions{grid-template-columns:repeat(5,1fr)}.lb-hint{position:absolute;left:50%;transform:translate(-50%);bottom:calc(76px + var(--safe-b));width:min(520px,calc(100vw - 28px));background:#f5f0ebf5;color:var(--ink);border-radius:16px;padding:14px 16px;display:grid;gap:6px;font-size:13px;line-height:1.45;z-index:3;pointer-events:none}.lb-hint b{font-family:Belleza,serif;font-weight:400;font-size:17px}.lb-img{-webkit-touch-callout:default;-webkit-user-select:auto}.d2-row{max-width:1280px;margin:18px auto 0;padding:0 20px;display:grid;gap:10px}.d2-row .shelf-pic{height:150px}.d2-row .shelf-row.small .shelf-pic{height:96px;opacity:.92}.shelf-pic.here{outline:2px solid var(--gold);outline-offset:-2px}@media (max-width: 860px){.d2-row{padding:0 14px}.d2-row .shelf-row{margin:0 -14px;padding:0 14px}.d2-row .shelf-pic{height:120px}.d2-row .shelf-row.small .shelf-pic{height:80px}}.dup-box{display:grid;gap:8px;padding:12px;border:1px solid var(--gold-line);background:var(--gold-wash);border-radius:12px;font-size:13px}.dup-box .dups img{width:64px;height:64px}.row-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.row-head a.chip{text-decoration:none}.browse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}@media (max-width: 620px){.browse-grid{grid-template-columns:repeat(2,1fr);gap:4px}}.bp{position:relative;border:0;padding:0;background:var(--soft);border-radius:6px;overflow:hidden;aspect-ratio:4 / 3;outline:2px solid transparent;outline-offset:-2px}.bp img{width:100%;height:100%;object-fit:cover}.bp.on{outline-color:var(--gold)}.bp.have img{opacity:.45}.bp-tag{position:absolute;left:6px;bottom:6px;background:#2b2926bf;color:#fff;font-size:10.5px;padding:3px 8px;border-radius:99px}.bp-check{position:absolute;right:6px;top:6px;width:24px;height:24px;border-radius:50%;background:var(--gold);color:#fff;display:grid;place-items:center}.sheet:has(.browse-grid){max-width:920px}.side-nav{position:fixed;top:50vh;transform:translateY(-50%);z-index:60;width:46px;height:46px;border-radius:50%;border:1px solid var(--line2);background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;color:var(--ink)}.side-nav.prev{left:10px}.side-nav.next{right:10px}.detail.editing .side-nav.next{right:430px}@media (hover: hover){.side-nav:hover{border-color:var(--gold)}}@media (min-width: 861px){.detail-bar .icon-btn[aria-label=Previous],.detail-bar .icon-btn[aria-label=Next]{display:none}.d2{padding-left:64px;padding-right:64px}}@media (max-width: 860px){.side-nav{display:none}}.nav-ctx{margin-left:6px}.lb-nav{z-index:3}.cropper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:#141312;color:#f5f0eb;display:grid;grid-template-rows:auto 1fr auto}.crop-top{display:flex;align-items:baseline;gap:14px;padding:calc(16px + env(safe-area-inset-top)) 20px 10px}.crop-stage{display:grid;place-items:center;overflow:hidden;padding:10px;min-height:0}.crop-box{position:relative;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;max-height:100%}.crop-box img{display:block;max-width:calc(100vw - 40px);max-height:calc(100vh - 170px);object-fit:contain}.crop-rect{position:absolute;border:2px solid var(--gold);box-shadow:0 0 0 9999px #0000008c;pointer-events:none}.crop-foot{display:flex;justify-content:center;gap:10px;padding:12px 16px calc(18px + var(--safe-b));flex-wrap:wrap}.cropper .btn.ghost{color:#f5f0eb;border-color:#ffffff4d}@media (max-width: 860px){.detail.editing .d2-side,.detail.editing .d2-row,.detail.editing .d2-more{display:none}.detail.editing .d2{padding:0}.detail.editing .d2-img img{height:calc(44vh - env(safe-area-inset-top));max-height:none;width:100%;object-fit:contain;object-position:center;background:var(--soft);margin-top:env(safe-area-inset-top)}}.edit-top{position:sticky;top:0;z-index:2;background:var(--bg)}.edit-top .edit-head{position:static}.edit-pic{display:none}@media (max-width: 860px){.edit-panel{top:0;bottom:auto;height:100vh;border-radius:0;border-top:0;box-shadow:none;padding-top:0;animation:fade .15s ease}.edit-pic{display:block;width:calc(100% + 32px);margin:0 -16px;height:var(--pic-h, 34vh);object-fit:contain;background:var(--soft);padding-top:env(safe-area-inset-top)}.edit-top .edit-head{padding-top:10px}.detail.editing .d2-img{display:none}}html,body,#root,.page{overflow-x:clip;max-width:100%}html,body{overscroll-behavior-x:none}.detail,.edit-panel,.sheet,.scrim,.lightbox:not(:has(.zoom)){overflow-x:hidden}.detail,.edit-panel,.sheet{touch-action:pan-y pinch-zoom;overscroll-behavior:contain}.shelf-row,.modes,.frow,.dups{touch-action:pan-x pan-y}.edit-panel *,.sheet *{max-width:100%;min-width:0}.edit-panel .edit-pic{max-width:none}input,textarea,select,.field{max-width:100%;box-sizing:border-box}.kv{grid-template-columns:76px minmax(0,1fr)}.kv>*{min-width:0;overflow-wrap:anywhere}.field[type=date]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left}.chip{max-width:100%;overflow:hidden;text-overflow:ellipsis}@media (max-width: 860px){.edit-panel .edit-pic{width:100vw;margin-left:-16px;margin-right:0}}.comp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}@media (max-width: 620px){.comp-grid{grid-template-columns:1fr}}.comp-card{border:1px solid var(--line);background:var(--card);border-radius:14px;overflow:hidden;padding:0;text-align:left;display:grid}.comp-head{height:64px;display:grid;place-items:center;background:#fff;border-bottom:1px solid var(--line);overflow:hidden}.comp-head img{width:100%;height:100%;object-fit:cover;object-position:center top}.comp-head img.mark{width:44px;height:44px;object-fit:contain}.comp-hero{width:100%;aspect-ratio:16 / 9;object-fit:cover}.comp-meta{padding:10px 12px 12px;display:grid;gap:3px}.comp-meta b{font-family:Belleza,serif;font-weight:400;font-size:18px}.comp-dots{display:flex;gap:4px;margin:4px 0 2px}.comp-dots span{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.comp-detail{max-width:980px;margin:0 auto}.comp-header-big{width:100%;border-radius:10px;border:1px solid var(--line);background:#fff}.comp-facts{margin-top:14px}.comp-full{width:100%;border-radius:10px;border:1px solid var(--line)}.last-added{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin:-2px 0 12px}.last-added button{background:none;border:0;padding:0;color:var(--gold2);font-size:12px;text-decoration:underline;text-underline-offset:3px}.quote{margin:0;padding:10px 14px;border-left:2px solid var(--gold);background:var(--soft);border-radius:0 10px 10px 0;font-family:Belleza,serif;font-size:15px;line-height:1.45;display:grid;gap:6px}.quote a{font-family:DM Sans,sans-serif;font-size:11px;color:var(--faint)}.page-text{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:12px;display:grid;gap:6px}.page-text p{margin:0;font-size:13px;line-height:1.5;color:#4a4642;-webkit-user-select:text;user-select:text}.page-text p.h{font-family:Belleza,serif;font-size:16px;color:var(--ink);margin-top:6px}.contact-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px}.contact{display:grid;justify-items:center;gap:4px;padding:12px 6px;border:1px solid var(--line2);border-radius:12px;background:var(--card);text-decoration:none;color:var(--ink);font-size:12px}.contact svg{color:var(--gold2)}.form-kv{align-items:center}.form-kv .field{padding:7px 10px;font-size:15px}.d2-companies{display:flex;flex-wrap:wrap;gap:6px}
