:root{--neon:#e5383b;--neon-soft:#ff5a5d;--black:#000000;--bg:#0c0c0d;--surface:#171719;--surface-2:#202024;--text:#f3f3f3;--muted:#8a8a8a;--line:#2b2b2f;--card-bg:#161618;--font-body:"Noto Sans JP", sans-serif;--bd:2px solid var(--line);--bd-neon:2px solid var(--neon);--glow:0 0 18px rgba(229,56,59,.55)}*{box-sizing:border-box}html{overflow-y:scroll}html,body{margin:0;padding:0}img{max-width:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,button,textarea{font-family:var(--font-body)}header{background:#0a0a0b;border-bottom:var(--bd-neon);position:sticky;top:0;z-index:20}.header-inner{max-width:1120px;margin:0 auto;padding:14px 20px}.header-top{display:flex;align-items:center;gap:12px}.logo-img{height:52px;width:auto;max-width:75%;display:block;cursor:pointer;object-fit:contain}header #list-controls{margin-top:12px}header #list-controls .controls{max-width:none;margin:0;padding:0}header #list-controls .filter-row{max-width:none;margin:0;padding:8px 0 0}header #list-controls .count{max-width:none;margin:0;padding:6px 0 0}.searchbar{display:flex;gap:10px;margin-top:14px}.search-wrap{position:relative;flex:1;min-width:0}.search-wrap>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--neon)}.searchbar input{width:100%;height:48px;padding:0 44px;font-size:16px;font-weight:500;border:var(--bd);border-radius:12px;background:var(--surface);color:var(--text);outline:none}.searchbar input::placeholder{color:#777}.searchbar input:focus{border-color:var(--neon);box-shadow:0 0 0 3px #e5383b40}.search-clear{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:#33333a;color:#ccc}.search-clear:hover{background:var(--neon);color:#fff}.search-clear[hidden]{display:none}.search-clear svg{width:15px;height:15px}.btn-search{height:48px;padding:0 22px;font-size:16px;font-weight:800;color:#fff;background:var(--neon);border:var(--bd-neon);border-radius:12px;flex-shrink:0}.btn-search:active{transform:scale(.97)}.controls{max-width:1120px;margin:0 auto;padding:18px 20px 6px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pills{display:flex;gap:9px;flex-wrap:wrap}.pill{font-size:13px;font-weight:700;padding:6px 16px;border-radius:999px;border:var(--bd);background:var(--surface);color:var(--text);cursor:pointer}.pill.active{background:var(--neon);color:#fff;border-color:var(--neon);box-shadow:var(--glow)}.pill:not(.active):hover{background:var(--surface-2);border-color:#444}.controls-right{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto}.cat-controls{max-width:none;margin:0}.cat-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;padding:8px 14px;border:var(--bd);border-radius:10px;background:var(--surface);color:var(--text)}.cat-toggle:hover{border-color:var(--neon)}.cat-toggle-label{color:var(--muted)}.cat-current{color:var(--neon-soft);font-weight:800;max-width:min(60vw,420px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-caret{width:14px;height:14px;transition:transform .15s ease}.cat-toggle[aria-expanded=true] .cat-caret{transform:rotate(180deg)}.cat-panel{margin-top:10px;display:flex;flex-direction:column;gap:12px;border:var(--bd);border-radius:12px;padding:13px 14px;background:#ffffff05}.cat-panel[hidden]{display:none}.cat-group{display:flex;flex-direction:column;gap:7px}.cat-group-label{font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.05em}.sort-select{height:38px;padding:0 34px 0 13px;font-size:13px;font-weight:700;border:var(--bd);border-radius:10px;background-color:var(--surface);color:var(--text);cursor:pointer;outline:none;-webkit-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>');background-repeat:no-repeat;background-position:right 11px center}.sort-select:focus{border-color:var(--neon);box-shadow:0 0 0 3px #e5383b33}.toggle{display:flex;border:var(--bd);border-radius:10px;overflow:hidden;flex-shrink:0}.toggle button{display:flex;align-items:center;justify-content:center;padding:9px 12px;border:none;background:var(--surface);color:var(--text)}.toggle button.active{background:var(--neon);color:#fff}.toggle button svg{width:18px;height:18px}.toggle button+button{border-left:var(--bd)}.filter-row{max-width:1120px;margin:0 auto;padding:8px 20px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.exclude-wrap{position:relative;flex:0 1 440px;min-width:200px}.exclude-wrap svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--muted)}#exclude{width:100%;height:40px;padding:0 14px 0 38px;font-size:14px;font-weight:500;border:var(--bd);border-radius:10px;background:var(--surface);color:var(--text);outline:none}#exclude::placeholder{color:#777}#exclude:focus{border-color:var(--neon);box-shadow:0 0 0 3px #e5383b33}.count{max-width:1120px;margin:0 auto;padding:6px 20px 0;font-size:13px;color:var(--text);font-weight:700}.cat-tag{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;background:#e5383b24;color:var(--neon-soft);border:1.5px solid var(--neon);margin:0 0 6px}.cat-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.cat-tags .cat-tag{margin:0}.cat-tag-link:hover{background:var(--neon);color:#fff}mark{background:var(--neon);color:#fff;padding:0 2px;border-radius:3px;font-weight:700}main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:14px 20px 60px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.card{display:block;border:var(--bd);border-radius:14px;overflow:hidden;background:var(--surface);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.card:hover{transform:translateY(-3px);border-color:var(--neon);box-shadow:var(--glow)}.card:active{transform:translateY(0);box-shadow:none}.card:focus-visible,.t-row-link:focus-visible,.copyable:focus-visible{outline:3px solid var(--neon);outline-offset:2px}.thumb{aspect-ratio:1/1;background:#fff;border-bottom:var(--bd);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:6px}.thumb img{width:100%;height:100%;object-fit:contain;display:block}.thumb svg{width:34px;height:34px;color:#bbb}.card-body{padding:11px 12px}.card-title{font-size:13px;font-weight:500;line-height:1.45;margin:0 0 7px;height:38px;overflow:hidden;color:var(--text)}.card-jan{font-size:11px;color:var(--muted);margin:0}.card-date{font-size:11px;color:var(--muted);font-weight:500;margin:0}.table-wrap{border:var(--bd);border-radius:14px;overflow:hidden;background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}thead tr{background:#0a0a0b}th{text-align:left;padding:11px 12px;font-size:12px;font-weight:800;border-bottom:var(--bd-neon);color:var(--text)}td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr{cursor:pointer}tbody tr:hover{background:var(--surface-2)}tbody tr:last-child td{border-bottom:none}.t-thumb{width:34px;height:34px;border-radius:6px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2px}.t-thumb img{width:100%;height:100%;object-fit:contain;display:block}.t-thumb svg{width:15px;height:15px;color:#bbb}.t-title{font-weight:500;color:var(--text)}.t-row-link{display:block;color:inherit;text-decoration:none}.t-title-in{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;word-break:break-word}.t-meta .cat-tag{margin:0 0 5px}.t-meta .t-jan,.t-meta .t-date{display:block}.t-jan,.t-date{color:var(--muted);font-size:12px;word-break:break-all}.crumb{font-size:12px;font-weight:500;color:var(--muted);margin:0 0 16px}.crumb a:hover{color:var(--neon)}.detail{display:grid;grid-template-columns:220px 1fr;gap:24px}.detail-img-link{display:block}.detail-img{aspect-ratio:1/1;background:#fff;border:var(--bd);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px}.detail-img img{width:100%;height:100%;object-fit:contain;display:block}.detail-img svg{width:46px;height:46px;color:#bbb}.detail-title-link{display:block;color:inherit}.detail-title-link:hover h1{color:var(--neon-soft)}.detail h1{font-size:20px;font-weight:700;line-height:1.5;margin:11px 0 16px;color:var(--text)}.meta-row{display:flex;gap:20px;font-size:13px;margin-bottom:7px;align-items:center}.meta-row .k{color:var(--muted);width:48px;flex-shrink:0}.meta-row .v{word-break:break-all;color:var(--text)}.copyable{cursor:pointer;display:inline-flex;align-items:center;gap:5px}.copyable:hover{color:var(--neon-soft)}.copy-ic{width:13px;height:13px;color:var(--muted);flex-shrink:0}.section-label{font-size:14px;font-weight:800;margin:24px 0 11px;color:var(--text)}.kw-control{display:flex;flex-direction:column;gap:10px}.kw-toggle{display:inline-flex;border:var(--bd);border-radius:10px;overflow:hidden;width:fit-content;max-width:100%}.kw-btn{padding:9px 16px;font-size:13px;font-weight:700;border:none;background:var(--surface);color:var(--text)}.kw-btn+.kw-btn{border-left:var(--bd)}.kw-btn.active{background:var(--neon);color:#fff}.kw-btn:not(.active):hover{background:var(--surface-2)}.kw-input-wrap{position:relative;max-width:440px;width:100%}.kw-input{height:42px;padding:0 44px 0 14px;font-size:14px;font-weight:500;border:var(--bd);border-radius:10px;background:var(--surface);color:var(--text);outline:none;width:100%}.kw-input::placeholder{color:#777}.kw-input:focus{border-color:var(--neon);box-shadow:0 0 0 3px #e5383b33}.kw-input[hidden]{display:none}.kw-clear{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:26px;height:26px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:#33333a;color:#ccc}.kw-clear:hover{background:var(--neon);color:#fff}.kw-clear[hidden]{display:none}.kw-clear svg{width:14px;height:14px}.kw-hint{font-size:12px;color:var(--muted);font-weight:500;margin:0 0 8px}.kw-words{display:flex;flex-wrap:wrap;gap:8px}.kw-word{font-size:13px;font-weight:700;padding:6px 13px;border-radius:999px;border:var(--bd);background:var(--surface);color:#888}.kw-word.on{background:var(--neon);color:#fff;border-color:var(--neon);box-shadow:var(--glow)}.kw-word:not(.on){text-decoration:line-through}.kw-word:hover{filter:brightness(1.15)}.stores{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:11px}.store-btn{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;font-weight:800;padding:14px;border-radius:12px;border:2px solid rgba(255,255,255,.15);color:#fff;text-align:center;transition:transform .1s ease,box-shadow .1s ease}.store-btn:hover{transform:translateY(-2px);box-shadow:0 0 14px #ffffff40}.store-btn:active{transform:translateY(0);box-shadow:none}.store-btn svg{width:16px;height:16px}.s-yahoo{background:#f03}.s-rakuten{background:#bf0000}.s-amazon{background:#f90;color:#131a22}.other-stores{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.other-btn{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:8px 15px;border-radius:999px;border:var(--bd);background:var(--surface);color:var(--text);transition:transform .08s,border-color .1s,box-shadow .1s}.other-btn:hover{border-color:var(--neon);box-shadow:var(--glow)}.other-btn svg{width:15px;height:15px;color:var(--neon)}.hint{font-size:11px;color:var(--muted);margin:11px 0 0}footer{border-top:var(--bd-neon);background:#0a0a0b}.footer-inner{max-width:1120px;margin:0 auto;padding:30px 20px 34px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.footer-logo{height:38px;width:auto;object-fit:contain}.footer-note{font-size:12px;line-height:1.7;color:var(--muted);margin:0;max-width:680px;font-weight:500}.footer-links{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.footer-links a{font-size:12px;font-weight:700;color:var(--text)}.footer-links a:hover{color:var(--neon)}.footer-x{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:var(--bd);border-radius:50%;background:var(--surface);color:var(--text);flex-shrink:0}.footer-x span{display:none}.footer-x:hover{border-color:var(--neon);color:var(--neon);box-shadow:var(--glow)}.footer-x svg{width:16px;height:16px}.footer-copy{font-size:12px;font-weight:700;margin:0;color:var(--muted)}.legal{max-width:760px;line-height:1.85;color:var(--text)}.legal h1{font-size:22px;font-weight:800;margin:0 0 18px}.legal h2{font-size:15px;font-weight:800;margin:26px 0 8px;padding-bottom:6px;border-bottom:2px solid var(--neon)}.legal p{font-size:14px;margin:0 0 12px}.legal ul{font-size:14px;margin:0 0 12px;padding-left:22px}.legal li{margin:0 0 6px}.legal a{color:var(--neon-soft);font-weight:700;text-decoration:underline}.legal-updated{font-size:12px;color:var(--muted);margin-top:24px}.pr-note{margin-top:4px}#toast{position:fixed;left:50%;top:26px;transform:translate(-50%) translateY(-8px);background:#171719;color:var(--neon-soft);font-weight:700;font-size:13px;padding:11px 18px;border:var(--bd-neon);border-radius:12px;box-shadow:var(--glow);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:60;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}.empty{text-align:center;padding:60px 20px;color:var(--muted);font-weight:500;line-height:1.8}.more-btn{display:block;width:100%;max-width:320px;margin:30px auto 0;padding:15px;font-size:15px;font-weight:800;background:var(--neon);color:#fff;border:var(--bd-neon);border-radius:12px;transition:transform .1s ease,box-shadow .1s ease}.more-btn:hover{transform:translateY(-2px);box-shadow:var(--glow)}.more-btn:active{transform:translateY(0);box-shadow:none}.loading{text-align:center;padding:18px;font-size:13px;color:var(--muted);font-weight:500}@media(max-width:600px){header{position:static}.detail{display:block}.detail-img-link{display:block;width:72%;max-width:300px;margin:0 auto 18px}.detail-info{display:block;text-align:left}.detail .cat-tag{margin:0 0 9px}.detail-title-link{display:block}.detail h1{font-size:18px;line-height:1.5;margin:0 0 16px}.detail .meta-row{justify-content:flex-start;gap:10px;margin-bottom:8px}.detail .meta-row .k{width:42px}.stores{grid-template-columns:1fr}.controls{flex-direction:column;align-items:stretch}.exclude-wrap{flex:1 1 auto}.controls-right{width:100%;justify-content:space-between}.sort-select{flex:1}}