.topbar{gap:22px}
.brand{flex-shrink:0}
.brand-logo{display:block;width:180px;height:auto;max-height:70px;object-fit:contain}
.brand-credit{font-size:11px;font-weight:400;opacity:.2;white-space:nowrap}
:root{color:#624f3e;background:#fffdf4;--green:#5b9ed2;--muted:#806f60;--line:#f0cf6b;font-family:"Microsoft YaHei","PingFang SC",sans-serif}
.topbar{height:86px;border-bottom:4px solid #f8df63;background:#fffef8}
.brand-logo{width:190px;max-height:78px}
.brand-sub{font-size:12px;color:#887260}
.source-link{text-decoration:underline;text-decoration-style:wavy;text-underline-offset:6px;text-decoration-color:#f09a75}
aside{background:#fff5b6;border-right:2px dashed #7fc7e9;padding-top:35px}
.aside-title{color:#745c45;font-size:12px;font-weight:500}
.nav-item,.category{border:1px solid transparent;border-radius:5px 7px 4px 8px;min-height:42px}
.nav-item.active,.category.active{background:#fffef4;border:2px solid #f08a6e;color:#765034;font-weight:500;background-image:url("images/crayon-coral.png");background-size:100% 100%}
.nav-item[data-view="saved"].active{background:#fff5f5;border-color:#ef7970;color:#9c4a50}
.nav-item:hover,.category:hover{background:#fff9d7}
.category span{font-size:11px;color:#627468}
.sidebar-bottom{border-top:2px dashed #ec9b6f;padding-top:16px}
main{padding-top:34px}
h1{font-size:25px;font-weight:500;position:relative;isolation:isolate;display:table}
h1::after{content:"";position:absolute;left:-3px;right:-9px;bottom:1px;height:11px;background:#ffe870;border-radius:5px 3px 7px 4px;z-index:-1;transform:rotate(-1deg)}
.export{border:2px solid #efad57;border-radius:7px 5px 8px 4px;background:#fff2aa;color:#745a38;min-height:40px}
.export:hover{background:#ffe783;border-color:#ee8569}
.search,select{border:2px solid #7fc7e9;border-radius:7px 5px 8px 4px;background:#fff;min-height:46px}
.search:focus-within{outline:3px solid #f3c4a1;outline-offset:2px}
select{color:#685643}
.results-line{min-height:58px}
.product-grid{gap:27px 20px}
.photo{border:3px solid #7fc7e9;border-radius:7px 5px 8px 4px;background:white;padding:10px;background-image:url("images/crayon-blue.png");background-size:100% 100%}
.product:nth-child(3n+2) .photo{border-color:#f28e72;background-image:url("images/crayon-coral.png")}
.product:nth-child(3n) .photo{border-color:#efcb57;background-image:url("images/crayon-yellow.png")}
.photo>button:first-child{overflow:hidden;border-radius:4px}
.photo img{mix-blend-mode:multiply}
.photo>button:hover img{transform:scale(1.035)}
.save{position:absolute;display:grid;place-items:center;width:36px;height:36px;right:10px;top:10px;padding:0;border:2px solid #ee8a7f;color:#e67c73;background:#fffdf4;border-radius:50%;line-height:0}
.heart-icon{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.save:hover,.save.selected{color:#ee5d65;background:#fff0e8;border-color:#eb7068}
.badge{left:10px;bottom:10px;border:2px solid #8ac5dc;background:#e7f6fa;color:#407a8b;border-radius:5px 7px 4px 6px;padding:4px 8px;line-height:1.4}
.badge.upcoming{border-color:#e4b85b;color:#8b6830;background:#fff2a8}
.badge.sold{border-color:#bcb5aa;background:#f3eee3;color:#77695b}
.product-name{font-weight:500;color:#344e3d;line-height:1.75;padding-top:12px}
.product-name:hover{color:#986074}
.japanese{color:#68756e}
.price{color:#465e4d;font-weight:500}
.tag{background:#dff2fa;color:#427a9a;border-radius:4px 6px 3px 5px;padding:4px 7px}
.tag:nth-child(3n+2){background:#ffe1de;color:#a25a55}
.tag:nth-child(3n){background:#fff0a8;color:#7e6a32}
.release-date{font-variant-numeric:tabular-nums}
#more{background:#edf5ea;border:1px solid #95ad96;border-radius:5px 7px 4px 6px;min-height:44px}
#more:hover{background:#dcebd8}
dialog{border:1px solid #a8b9ab;border-radius:7px}
.dialog-top{background:#edf4e9;border-bottom:1px dashed #b2c1b0;color:#48634b}
.dialog-top button{color:#6d7b70}
.primary-link{background:#4c7658;border-radius:5px 7px 4px 6px}
.primary-link:hover{background:#3b6246}
.change-row,.source-row,footer{border-color:#c9d5cb;border-bottom-style:dashed}
footer{border-top-style:dashed}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#8ba785}
@media(max-width:760px){
 .topbar{height:70px;gap:10px;padding:0 12px}
 .brand-logo{width:145px;max-height:58px}
 .brand-credit{font-size:10px}
 .source-link{white-space:nowrap}
 aside{background:#f0f6f1;padding-bottom:0;border:0}
 nav{border-color:#c0d1c2;gap:5px}
 .nav-item{min-height:40px}
 main{padding-top:24px}
 h1{font-size:23px}
 .product-grid{gap:25px 12px}
 .photo{padding:6px}
 .save{width:34px;height:34px;right:8px;top:8px}
 .badge{left:7px;bottom:7px;padding:3px 6px}
 .tag{font-size:10px;padding:3px 5px}
 .export{min-height:40px}
}

/* Restore the previous soft green / rose interface. */
:root{color:#38423e;background:#fcfdfc;--green:#42755f;--muted:#66736c;--line:#d6dfd7}
.topbar{height:86px;border-bottom:1px solid #b9cbbd;background:#fff}
.brand-sub{color:#68746b}.source-link{text-decoration-color:#a7c1ac}
aside{background:#f0f6f1;border-right:1px dashed #b6c9ba}
.nav-item.active,.category.active{background:#e0efdf;border:1px solid #8fa58d;color:#355840}
.nav-item[data-view="saved"].active{background:#f9e5eb;border-color:#c897a5;color:#82445a}
.nav-item:hover,.category:hover{background:#e5eee5}
.sidebar-bottom{border-top:1px dashed #b5c8b8}
h1::after{background:#fae7a7;height:9px}
.export{border:1px solid #b5bba9;background:#fff7da;color:#655c37}
.search,select{border:1px solid #9eafa1;background:#fff}
.search:focus-within{outline:2px solid #d6e8d8}
.photo{border:1px solid #b9c7bb;background:white;padding:10px;background-image:none}
.product:nth-child(3n+2) .photo{border-color:#d8bdc7}.product:nth-child(3n) .photo{border-color:#c7c4a4}
.save{width:34px;height:34px;right:10px;top:10px;border:1px solid #c49ca8;color:#9b5c71;background:#fff9fb}
.save:hover,.save.selected{color:#a33f60;background:#fbe2eb;border-color:#bb7f93}
.badge{border:1px solid #9eb59f;background:#eaf3e8;color:#3f6448}.badge.upcoming{border-color:#c1ac71;color:#75602b;background:#fff2c8}.badge.sold{border-color:#bfc3bf;background:#edf0ed;color:#59665e}
.product-name{color:#344e3d}.product-name:hover{color:#986074}.japanese{color:#68756e}.price{color:#465e4d}
.tag{background:#e9f1e7;color:#49644f}.tag:nth-child(3n+2){background:#fae9ef;color:#855267}.tag:nth-child(3n){background:#faf0cf;color:#776333}
#more{background:#edf5ea;border-color:#95ad96}.dialog-top{background:#edf4e9;border-color:#b2c1b0;color:#48634b}.primary-link{background:#4c7658}.primary-link:hover{background:#3b6246}
@media(max-width:760px){.topbar{height:70px}.photo{padding:6px}.save{width:32px;height:32px;right:7px;top:7px}}