@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{--washi-paper:#f9f7f3;--panel-light:#fff;--panel-dark:#1a1c1e;--ink-primary:#1f2326;--ink-secondary:#566168;--ink-tertiary:#8b98a1;--accent-crimson:#d32f2f;--accent-indigo:#283593;--accent-gold:#c0a062;--accent-matcha:#43a047;--accent-sakura:#f48fb1;--border-subtle:#1f232614;--border-strong:#1f232633;--font-sans:"Inter", "Noto Sans JP", sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #00000014;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.25, 1, .5, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--washi-paper);color:var(--ink-primary);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-y:scroll}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:1rem}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);background:#ffffffd9}.btn{border-radius:var(--radius-full);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--ink-primary);color:#fff}.btn-primary:hover{background-color:var(--accent-crimson);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-outline{border:1.5px solid var(--ink-primary);color:var(--ink-primary);background-color:#0000}.btn-outline:hover{background-color:var(--ink-primary);color:#fff}.btn-ghost{color:var(--ink-secondary);background-color:#0000}.btn-ghost:hover{color:var(--ink-primary);background-color:#1f23260d}.btn-sm{padding:6px 14px;font-size:13px}.chip{border-radius:var(--radius-full);background:var(--panel-light);border:1px solid var(--border-subtle);color:var(--ink-secondary);white-space:nowrap;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip-highlight{background:var(--accent-crimson);border-color:var(--accent-crimson);color:#fff}.chip-gold{background:var(--accent-gold);border-color:var(--accent-gold);color:#fff}.title-lg{letter-spacing:-.03em;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.1}.title-md{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.text-muted{color:var(--ink-secondary)}.text-xs{font-size:.8rem}.form-input{border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--panel-light);width:100%;transition:border-color var(--transition-fast);padding:10px 14px}.form-input:focus{border-color:var(--accent-crimson);outline:none;box-shadow:0 0 0 3px #d32f2f1a}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp var(--transition-smooth) forwards}@media (width<=768px){.container{padding:0 16px}}.header{border-bottom:2px solid var(--ink-primary);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding:40px 0 24px;display:flex}.header-brand{align-items:stretch;gap:16px;display:flex}.color-bar{background:linear-gradient(180deg, var(--accent-crimson) 0%, var(--accent-gold) 33%, var(--accent-matcha) 66%, var(--accent-indigo) 100%);border-radius:4px;width:8px}.header-actions{flex-wrap:wrap;gap:12px;display:flex}.filter-bar{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:16px;padding:20px 0;display:flex}.filter-group{align-items:center;gap:8px;display:flex}.filter-group label{color:var(--ink-secondary);font-size:.9rem;font-weight:600}.grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;padding:24px 0 80px;display:grid}.card{background:var(--panel-light);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-smooth);flex-direction:column;gap:12px;padding:20px;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-top-border{height:4px;position:absolute;top:0;left:0;right:0}.card-header{justify-content:space-between;align-items:flex-start;display:flex}.card-category{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:flex}.card-title{color:var(--ink-primary);margin-top:4px;font-size:1.25rem;font-weight:800;line-height:1.2}.card-jp{color:var(--ink-tertiary);margin-top:2px;font-size:.9rem}.card-meta{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.card-desc{color:var(--ink-secondary);margin-top:4px;font-size:.95rem;line-height:1.5}.card-footer{border-top:1px dashed var(--border-subtle);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.price-tag{color:var(--ink-primary);font-family:monospace;font-size:1.1rem;font-weight:700}.empty-state{text-align:center;color:var(--ink-secondary);background:var(--panel-light);border:1px dashed var(--border-strong);border-radius:var(--radius-md);margin-top:24px;padding:60px 20px}dialog{border-radius:var(--radius-md);border:none;width:90%;max-width:600px;margin:auto;padding:0;box-shadow:0 24px 48px #0003}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a1c1e99}.modal-header{border-bottom:1px solid var(--border-subtle);padding:20px 24px;font-size:1.25rem;font-weight:700}.modal-body{flex-direction:column;gap:16px;max-height:60vh;padding:24px;display:flex;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-subtle);background:var(--washi-paper);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.flex-row{gap:16px;display:flex}.flex-row>*{flex:1}.segmented{border:1px solid var(--border-strong);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.segmented button{border-right:1px solid var(--border-strong);background:var(--panel-light);color:var(--ink-secondary);padding:8px 16px;font-size:.9rem;font-weight:600}.segmented button:last-child{border-right:none}.segmented button.active{background:var(--ink-primary);color:#fff}.card-details{opacity:0;max-height:0;transition:max-height .3s ease-out,opacity .3s ease-out,margin .3s ease-out;overflow:hidden}.card-details.expanded{opacity:1;border-top:1px solid var(--border-subtle);flex-direction:column;gap:12px;max-height:5000px;margin-top:12px;padding-top:12px;display:flex}.detail-section{color:var(--ink-secondary);font-size:.9rem}.detail-section strong{color:var(--ink-primary);margin-bottom:2px;display:block}.price-list{background:#00000005;border-radius:4px;margin:4px 0;padding:8px;list-style:none}.price-list li{border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:4px 0;display:flex}.price-list li:last-child{border-bottom:none}.price-amount{color:var(--ink-primary);font-family:monospace;font-weight:600}.price-note{margin-top:4px;font-size:.85rem;font-style:italic}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.rich-description{color:var(--ink-secondary);margin-top:6px}.desc-paragraph{margin-bottom:12px;line-height:1.6}.desc-paragraph:last-child{margin-bottom:0}.highlight-label{color:var(--ink-primary);font-weight:700}.text-link{color:var(--accent-indigo);border-bottom:1px dashed var(--accent-indigo);transition:all var(--transition-smooth);font-weight:600;text-decoration:none}.text-link:hover{color:var(--accent-gold);border-color:var(--accent-gold)}