:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#23352f;background:#f7f7f2;font-synthesis:none;--green:#244f40;--muted:#708078;--line:#e0e5dc;--mint:#e4eddf}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:var(--green)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b08648;outline-offset:3px}.shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{background:#142522;color:#ecf1e6;padding:38px 25px;position:fixed;width:238px;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{text-decoration:none;color:inherit;display:flex;gap:13px;align-items:center;font-size:23px;font-weight:650;letter-spacing:-1px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#aabdb1;margin-top:5px}.brandmark{font:italic 30px Georgia;position:relative;color:#cae4bd}.brandmark span{font:20px system-ui;position:absolute;right:-6px;top:-9px;color:#dbac89}.nav-caption{font-size:9px;letter-spacing:2px;color:#82998d;margin:62px 12px 22px}nav{display:grid;gap:9px}nav a{padding:14px 15px;text-decoration:none;color:#aebeaf;font-size:14px;border-radius:7px;display:flex;align-items:center;gap:12px}nav a.active{background:#2b4037;color:#e5f3de}nav .count{margin-left:auto;font-size:11px;background:#3e5345;border-radius:5px;padding:2px 6px}.sidebar-bottom{margin-top:auto;font-size:12px;color:#b0c6b6;line-height:1.8}.sidebar-bottom p{font-size:10px;color:#7e9688}.dot{display:inline-block;background:#9dca93;width:6px;height:6px;border-radius:50%;margin-right:5px}.workspace{grid-column:2;min-width:0}header{height:81px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 46px}.breadcrumb{color:#7a8981;font-size:12px}.breadcrumb span{margin:0 10px;color:#bcc5b9}.test-pill{font-size:10px;letter-spacing:.6px;border:1px solid #d7dfd1;padding:7px 10px;border-radius:20px;color:#64745f}main{padding:43px 46px 20px;max-width:1500px;margin:auto}h1{font:normal 43px Georgia,serif;letter-spacing:-1.2px;margin:0 0 12px}h2{font-size:19px;font-weight:600}h3{font-size:15px;font-weight:600;margin:0}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:#7b8c6b;margin-bottom:14px}.muted{color:var(--muted);font-size:13px;line-height:1.6}.page-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.page-top p{margin:0}.primary,.secondary,.text-button{padding:11px 16px;border-radius:6px;border:1px solid var(--line);background:#fff;color:var(--green);font-size:12px;font-weight:600;white-space:nowrap}.primary{background:var(--green);border-color:var(--green);color:#fff}.text-button{background:none;border:0;padding:8px;color:#697a6b}.status-banner{border:1px solid #d8e2cf;background:#edf2e7;border-radius:8px;padding:18px 21px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:25px 0}.status-banner strong{display:block;font-size:12px;margin-bottom:5px}.status-banner small{font-size:11px;color:#72806b}.status-badge{background:#dee9d3;color:#4f6b42;font-size:10px;padding:6px 9px;border-radius:4px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0 32px}.stat{padding:20px 23px;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:15px}.stat-number{font:32px Georgia}.stat span{font-size:11px;color:var(--muted);line-height:1.6}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.filters{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid var(--line);border-radius:5px;padding:8px 12px;background:transparent;color:#708071;font-size:11px}.chip.active{background:#234f40;color:#fff;border-color:#234f40}.search{background:#fff;border:1px solid var(--line);border-radius:6px;padding:10px 12px;min-width:185px;max-width:100%;font-size:12px;color:#334b3c}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-width:0;transition:transform .15s}.card:hover{transform:translateY(-2px)}.card-art{height:165px;position:relative;display:flex;justify-content:center;align-items:center;background:#e5ebde;overflow:hidden}.card-art.peach{background:#efdfcf}.card-art.lavender{background:#e4e0ed}.card-art.gold{background:#eee8cd}.card-art.ice{background:#dfe9ec}.cart{width:92px;height:114px;background:#d4d5c8;border-radius:5px 5px 11px 11px;box-shadow:7px 10px 0 #263b2c14;transform:rotate(-8deg);border:1px solid #aeb9aa;position:relative;padding:13px 10px}.cart:before{content:'';display:block;position:absolute;left:8px;right:8px;bottom:8px;height:9px;background:repeating-linear-gradient(90deg,#aab2a5 0 3px,transparent 3px 6px)}.cart-label{height:71px;border-radius:2px;background:#2f5546;color:#e9edce;text-align:center;font:600 11px Georgia;padding:11px 5px;display:flex;flex-direction:column;justify-content:center;gap:5px}.peach .cart-label{background:#ae5a37}.lavender .cart-label{background:#5b597d}.gold .cart-label{background:#8a7742}.ice .cart-label{background:#496d80}.cart-label small{font:7px system-ui;letter-spacing:1px}.region-tag{position:absolute;left:13px;top:13px;padding:5px 8px;background:#ffffffe0;border-radius:4px;font-size:9px;font-weight:600}.bookmark{position:absolute;top:10px;right:10px;background:#ffffffc9;border:0;border-radius:50%;width:31px;height:31px;color:#365342;font-size:17px}.card-body{padding:17px}.platform{font-size:9px;color:#82927c;letter-spacing:1px;margin-bottom:6px}.card h3{min-height:38px;line-height:1.4}.compare{font-size:10px;color:#698664;margin:9px 0}.compare.duplicate,.compare.review{color:#a27b42}.contents{font-size:10px;color:#7b8578;line-height:1.8}.price-row{border-top:1px solid #edf0e9;margin-top:13px;padding-top:13px;display:flex;justify-content:space-between;gap:8px;align-items:end}.price{font:25px Georgia;white-space:nowrap}.price small{font:11px system-ui}.price-caption{font-size:9px;color:#7b8777;margin-bottom:4px}.time{text-align:right;font-size:10px;color:#7c8877;line-height:1.6}.card-bottom{font-size:10px;color:#87907e;margin-top:10px;display:flex;align-items:center;justify-content:space-between}.link-button{border:0;background:none;color:var(--green);padding:5px 0;font-size:11px;font-weight:600}.notice{padding:14px 17px;background:#f4eee2;border:1px solid #e8dfcb;border-radius:7px;font-size:12px;line-height:1.7;color:#826b43;margin:16px 0}.panel{background:#fff;border:1px solid var(--line);border-radius:9px;padding:24px;margin:18px 0}.watch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0;border-bottom:1px solid var(--line)}.watch-row:last-child{border:0}.watch-row h3{margin-bottom:6px}.actions{display:flex;gap:6px;flex-wrap:wrap}.empty{padding:55px 20px;text-align:center;border:1px dashed #cdd8c6;border-radius:10px}.empty h2{font:27px Georgia}.empty p{color:var(--muted);font-size:13px;line-height:1.8}footer{font-size:10px;color:#8c9786;padding:30px 46px;line-height:1.7}dialog{border:1px solid var(--line);border-radius:12px;padding:30px;max-width:580px;width:calc(100% - 30px);color:#23352f;background:#fafbf7;max-height:90dvh}dialog::backdrop{background:#11281e90;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px}.dialog-head h2{font:30px Georgia;margin:0}.close{background:none;border:0;font-size:24px;color:#6f7d6b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.full{grid-column:1/-1}label{display:block;font-size:12px;color:#5b715e;line-height:1.5}label input:not([type=checkbox]),label select{display:block;width:100%;margin-top:5px;border:1px solid #ccd7c4;border-radius:5px;padding:10px;background:#fff;color:#2b4234;min-width:0}.check{display:flex;gap:9px;align-items:center}.check input{accent-color:var(--green)}.dialog-actions{margin-top:23px;display:flex;justify-content:end;gap:9px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px;background:#edf1e6;border-radius:6px;margin:20px 0}.detail-grid small{display:block;color:#738367;font-size:10px;margin-bottom:5px}.detail-grid strong{font-size:14px}.result{font-size:13px;line-height:1.8}.error{color:#9c3f2f;font-size:12px}.inline-input{max-width:240px}.settings-row{display:flex;justify-content:space-between;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#244f40;color:#fff;font-size:13px;padding:13px 20px;border-radius:7px;box-shadow:0 7px 20px #12251b30;z-index:4;display:none;max-width:90%;text-align:center}.event{border-left:3px solid #a9c499;padding:15px 20px;margin:15px 0;background:#f1f5ea}.event small{display:block;margin-top:8px;color:#78876e;font-size:11px}.file-input{margin:15px 0;max-width:100%}.label-small{font-size:11px;color:#728568}.hidden{display:none!important}
@media(min-width:1500px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{grid-template-columns:200px 1fr}.sidebar{width:200px;padding:30px 18px}main{padding:30px 28px}header{padding:0 28px}.stat{padding:16px;gap:8px}.stat-number{font-size:25px}.page-top{align-items:start}h1{font-size:36px}}@media(max-width:700px){.shell{display:block}.sidebar{position:fixed;inset:auto 0 0;width:100%;height:76px;padding:7px 10px calc(7px + env(safe-area-inset-bottom));z-index:2;background:#142522}.brand,.nav-caption,.sidebar-bottom{display:none}nav{display:flex;justify-content:space-around;gap:2px}nav a{font-size:9px;flex-direction:column;gap:4px;padding:7px 10px;border-radius:5px}nav .count{display:none}nav a span:first-child{font-size:18px}.workspace{padding-bottom:85px}header{height:58px;padding:0 19px}.breadcrumb{font-size:10px}main{padding:26px 18px 8px}.eyebrow{font-size:9px}h1{font-size:34px}.page-top{gap:10px;margin-bottom:23px}.page-top .primary{padding:10px;font-size:11px}.page-top .muted{font-size:12px}.status-banner{padding:13px;gap:10px;margin:20px 0}.status-banner small{font-size:10px}.status-badge{font-size:9px}.stats{gap:8px;margin:20px 0 26px}.stat{padding:12px 9px;display:block}.stat-number{font-size:24px;display:block}.stat span{font-size:9px}.toolbar{align-items:stretch;flex-direction:column}.filters{gap:5px}.chip{padding:8px 10px;font-size:10px}.search{width:100%;min-width:0}.grid{gap:11px}.card-art{height:133px}.cart{transform:rotate(-8deg) scale(.85)}.card-body{padding:12px}.card h3{font-size:13px;min-height:38px}.platform{font-size:8px}.contents{font-size:9px}.compare{font-size:9px;min-height:24px}.price{font-size:22px}.price-row{align-items:start;flex-direction:column}.time{text-align:left;font-size:9px}.card-bottom{align-items:start;gap:3px;font-size:9px}.link-button{font-size:10px}.panel{padding:18px}.watch-row{align-items:start;flex-direction:column}.form-grid{gap:13px}.dialog-head h2{font-size:25px}dialog{padding:22px}.detail-grid{gap:12px;padding:14px}.settings-row{flex-wrap:wrap}footer{padding:25px 18px;font-size:9px}.region-tag{font-size:8px;left:8px;top:10px}.bookmark{right:7px;width:27px;height:27px}.stat-number{margin-bottom:3px}#toast{bottom:95px}}

@media(max-width:700px){.bookmark{width:40px;height:40px;top:6px;right:5px}.chip,.link-button{min-height:36px}}