/* トレンド仕入れ速報（自動生成：tools/build.js） */
#trend-app{line-height:1.6}
#trend-app.tr-app{padding-bottom:20px}
#trend-app.tr-full{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
#trend-app.tr-single{background:transparent}
#trend-app.tr-single .card{margin:0}
#trend-app a.tg{text-decoration:none}
#trend-app{
  --bg:#f4f1ea;--paper:#fffdf8;--ink:#1b1a17;--sub:#6b665c;--line:#e2dccf;
  --accent:#b8321f;--accent2:#1f5f4a;--gold:#b88a1b;--chip:#ece6d8;--blue:#3b6ea5;
  --s:#b8321f;--a:#c7741a;--b:#5d6f7a;
  --display:"Noto Sans JP",system-ui,sans-serif;--mono:"JetBrains Mono","Noto Sans JP",monospace;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){#trend-app{--bg:#141311;--paper:#1d1c19;--ink:#efeae0;--sub:#a39d90;--line:#34312b;--chip:#2a2824;--accent:#e2563f;--accent2:#4fb08d;--gold:#d9a93a;--blue:#7aa7d8;color-scheme:dark}
}
#trend-app[data-theme="dark"]{--bg:#141311;--paper:#1d1c19;--ink:#efeae0;--sub:#a39d90;--line:#34312b;--chip:#2a2824;--accent:#e2563f;--accent2:#4fb08d;--gold:#d9a93a;--blue:#7aa7d8;color-scheme:dark}
#trend-app,#trend-app *{box-sizing:border-box}
#trend-app [hidden]{display:none!important}
#trend-app{margin:0;background:var(--bg);color:var(--ink);font-family:var(--display);font-size:15px;line-height:1.6;-webkit-text-size-adjust:100%}
#trend-app a{color:var(--accent2)}
#trend-app button:focus-visible,#trend-app a:focus-visible,#trend-app input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#trend-app .wrap{max-width:1180px;margin:0 auto;padding:0 16px 60px}
#trend-app header{padding:22px 0 10px;border-bottom:3px double var(--ink)}
#trend-app .mast{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
#trend-app h1{font-size:26px;font-weight:900;letter-spacing:.04em;margin:0}
#trend-app h1 span{color:var(--accent)}
#trend-app .meta{font-size:12px;color:var(--sub);font-family:var(--mono)}
#trend-app .tag{font-size:12px;color:var(--sub);margin-top:2px}
#trend-app .gnav{position:sticky;top:0;z-index:10;background:var(--bg);padding:8px 0;border-bottom:1px solid var(--line);display:flex;gap:6px}
#trend-app .gnav a{flex:1;text-align:center;text-decoration:none;color:var(--ink);font-weight:700;font-size:14px;padding:9px 6px;border:1.5px solid var(--ink);border-radius:9px;background:var(--paper)}
#trend-app .gnav a.on{background:var(--ink);color:var(--paper)}
#trend-app .gnav a small{display:block;font-size:10.5px;font-weight:500;opacity:.75;line-height:1.2}
#trend-app .strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:10px 0 4px}
#trend-app .sd{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:5px 4px 6px;text-align:center;cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column;gap:2px;align-items:center;min-width:0}
#trend-app .sd.today{border:2px solid var(--ink)}
#trend-app .sd .w{font-size:10.5px;color:var(--sub)}
#trend-app .sd .n{font-family:var(--mono);font-weight:700;font-size:14px;line-height:1.1}
#trend-app .sd.sun .n{color:var(--accent)}
#trend-app .sd.sat .n{color:var(--blue)}
#trend-app .sd .c{font-size:10px;line-height:1.25;color:var(--sub);white-space:nowrap}
#trend-app .sd .c b{color:var(--accent)}
#trend-app .sd .c i{font-style:normal;color:var(--gold);font-weight:700}
#trend-app .striphint{font-size:11px;color:var(--sub);display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
#trend-app .cols{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:6px}
@media (min-width:1080px){#trend-app .cols{grid-template-columns:minmax(0,1fr) 320px}
}
#trend-app aside{display:none}
@media (min-width:1080px){#trend-app aside{display:block}
}
#trend-app .side{position:sticky;top:64px;display:flex;flex-direction:column;gap:12px}
#trend-app .panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px}
#trend-app .panel h3{margin:0 0 8px;font-size:14px;font-weight:900;display:flex;justify-content:space-between;align-items:center}
#trend-app .panel h3 a{font-size:12px;font-weight:500}
#trend-app .mgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
#trend-app .mgrid .wh{font-size:10px;color:var(--sub)}
#trend-app .mc{font:inherit;font-family:var(--mono);font-size:12px;border:1px solid transparent;background:none;color:var(--ink);border-radius:6px;padding:3px 0 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px}
#trend-app .mc.out{opacity:.3}
#trend-app .mc.today{border-color:var(--ink)}
#trend-app .mc.sun{color:var(--accent)}
#trend-app .mc.sat{color:var(--blue)}
#trend-app .mc .ds{display:flex;gap:2px;height:5px}
#trend-app .mini li{font-size:12.5px}
#trend-app .ul{list-style:none;margin:0;padding:0}
#trend-app .ul li{display:flex;gap:6px;padding:6px 0;border-top:1px dashed var(--line);align-items:baseline}
#trend-app .ul li:first-child{border-top:0}
#trend-app .ul .t{font-family:var(--mono);font-size:11.5px;color:var(--sub);white-space:nowrap}
#trend-app .ul button{all:unset;cursor:pointer;line-height:1.45}
#trend-app .ul button:hover{text-decoration:underline}
#trend-app .controls{padding:10px 0;border-bottom:1px solid var(--line)}
#trend-app .search{display:flex;gap:8px}
#trend-app .search input{flex:1;min-width:0;padding:11px 12px;border:1.5px solid var(--ink);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit}
#trend-app .row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;align-items:center}
#trend-app .chip{border:1px solid var(--line);background:var(--chip);color:var(--ink);padding:5px 11px;border-radius:999px;font-size:13px;cursor:pointer;font-family:inherit;white-space:nowrap}
#trend-app .chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#trend-app .dates{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--sub)}
#trend-app .dates input{padding:5px 6px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font:inherit;font-size:13px}
#trend-app .hscroll{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
#trend-app .hscroll::-webkit-scrollbar{display:none}
#trend-app .urgent{background:var(--paper);border:1.5px solid var(--accent);border-radius:10px;padding:10px 12px;margin:14px 0}
#trend-app .urgent h3{margin:0 0 6px;font-size:14px;color:var(--accent)}
#trend-app .urgent ul{margin:0;padding:0;list-style:none}
#trend-app .urgent li{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px dashed var(--line);font-size:13px}
#trend-app .urgent li:first-child{border-top:0}
#trend-app .urgent .t{font-family:var(--mono);color:var(--accent);white-space:nowrap;font-weight:700}
#trend-app .linkbtn{all:unset;cursor:pointer;color:var(--accent2);text-decoration:underline;text-underline-offset:2px}
#trend-app .wkhead{margin:16px 0 4px}
#trend-app .wkhead h2{margin:0;font-size:21px;font-weight:900;text-wrap:balance}
#trend-app .wkhead p{margin:2px 0 0;font-size:12.5px;color:var(--sub)}
#trend-app .tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0}
#trend-app .tile{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:8px 10px}
#trend-app .tile .l{font-size:11px;color:var(--sub)}
#trend-app .tile .v{font-family:var(--mono);font-size:22px;font-weight:700;line-height:1.2}
#trend-app .tile.rel .v{color:var(--accent)}
#trend-app .tile.ed .v{color:var(--gold)}
#trend-app .tile.op .v{color:var(--accent2)}
#trend-app .wday{margin-top:18px;scroll-margin-top:70px}
#trend-app .wday.today .dayhead h2::after{content:"今日";font-size:11px;background:var(--accent);color:#fff;border-radius:4px;padding:1px 6px;margin-left:8px;vertical-align:3px}
#trend-app .wrow{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:9px;padding:9px 10px;margin-bottom:6px}
#trend-app .wrow.rel{border-left-color:var(--accent)}
#trend-app .wrow.ed{border-left-color:var(--gold)}
#trend-app .wrow.st{border-left-color:var(--accent2)}
#trend-app .wrow .rank{width:30px;height:30px;font-size:14px}
#trend-app .wrow .k{font-size:11px;font-weight:700;color:var(--sub);font-family:var(--mono)}
#trend-app .wrow .nm{font-weight:700;font-size:14.5px;line-height:1.45}
#trend-app .wrow .pr{font-size:12.5px;color:var(--sub);margin-top:2px;font-variant-numeric:tabular-nums}
#trend-app .wrow .pr b{color:var(--accent)}
#trend-app .wrow .act{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px;font-size:12.5px}
#trend-app .none{font-size:13px;color:var(--sub);padding:6px 2px}
#trend-app .later{margin-top:22px}
#trend-app .later summary{cursor:pointer;font-weight:900;font-size:15px}
#trend-app .day{margin-top:22px}
#trend-app .dayhead{display:flex;align-items:center;gap:10px;margin-bottom:8px}
#trend-app .dayhead h2{margin:0;font-size:17px;font-weight:900}
#trend-app .dayhead .n{font-size:12px;color:var(--sub)}
#trend-app .dayhead::after{content:"";flex:1;height:1px;background:var(--ink)}
#trend-app .digest{font-size:13px;color:var(--sub);background:var(--paper);border-left:3px solid var(--gold);padding:8px 10px;margin-bottom:10px;border-radius:0 6px 6px 0}
#trend-app .card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 13px;margin-bottom:10px;scroll-margin-top:70px}
#trend-app .card.flash{box-shadow:0 0 0 3px var(--accent)}
#trend-app .card summary{list-style:none;cursor:pointer}
#trend-app .card summary::-webkit-details-marker{display:none}
#trend-app .top{display:flex;gap:8px;align-items:flex-start}
#trend-app .rank{flex:none;width:30px;height:30px;border-radius:7px;display:grid;place-items:center;color:#fff;font-weight:900;font-family:var(--mono)}
#trend-app .rank.S{background:var(--s)}
#trend-app .rank.A{background:var(--a)}
#trend-app .rank.B{background:var(--b)}
#trend-app .ttl{font-weight:700;font-size:15.5px;line-height:1.45}
#trend-app .badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:3px}
#trend-app .bd{font-size:11px;padding:1px 7px;border-radius:4px;background:var(--chip);color:var(--sub)}
#trend-app .bd.cat{background:var(--accent2);color:#fff}
#trend-app .bd.new{background:var(--accent);color:#fff}
#trend-app .prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}
#trend-app .pbox{border:1px solid var(--line);border-radius:8px;padding:6px 8px}
#trend-app .pbox .l{font-size:11px;color:var(--sub)}
#trend-app .pbox .v{font-weight:700;font-size:13.5px;line-height:1.35;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#trend-app .pbox.profit .v{color:var(--accent)}
#trend-app .sum{margin:10px 0 0;font-size:14px;max-width:65em}
#trend-app .more{font-size:12px;color:var(--accent2);margin-top:6px}
#trend-app details[open] .more{display:none}
#trend-app .lot{margin-top:10px;border-top:1px solid var(--line)}
#trend-app .lot h4{font-size:13px;margin:10px 0 4px}
#trend-app .li{padding:8px 0;border-bottom:1px dashed var(--line);font-size:13px}
#trend-app .li .shop{font-weight:700}
#trend-app .li .when{font-family:var(--mono);font-size:12px;color:var(--sub)}
#trend-app .li .left{font-weight:700;color:var(--accent);font-size:12px;margin-left:4px}
#trend-app .li .closed{color:var(--sub);font-size:12px;margin-left:4px}
#trend-app .li a{word-break:break-all}
#trend-app .src{font-size:12px;color:var(--sub);margin-top:8px}
#trend-app .src a{margin-right:8px}
#trend-app .empty{text-align:center;color:var(--sub);padding:40px 10px}
#trend-app .foot{margin-top:30px;font-size:11px;color:var(--sub);text-align:center}
#trend-app mark{background:#f6e05e66;color:inherit;padding:0 1px}
#trend-app .basis{margin-top:10px;border-top:1px solid var(--line);padding-top:4px}
#trend-app .basis h4{font-size:13px;margin:8px 0 4px}
#trend-app .bi{font-size:13px;padding:4px 0;line-height:1.55}
#trend-app .conf{display:inline-block;font-size:10.5px;color:#fff;border-radius:4px;padding:0 6px;margin-right:6px;vertical-align:1px}
#trend-app .srcn{font-size:11.5px;color:var(--sub)}
#trend-app .srcline{font-size:11.5px;color:var(--sub);margin-top:6px}
#trend-app .gadd{font-size:12px;margin-left:6px}
#trend-app .calbar{display:flex;align-items:center;gap:8px;margin:16px 0 6px}
#trend-app .calbar h2{margin:0;font-size:18px;font-weight:900;flex:1;text-align:center}
#trend-app .nav{width:36px;height:36px;border-radius:8px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:20px;cursor:pointer}
#trend-app .legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--sub);margin-bottom:8px}
#trend-app .legend span{display:flex;align-items:center;gap:4px}
#trend-app .dot{display:inline-block;width:7px;height:7px;border-radius:50%}
#trend-app .dot.rel{background:var(--accent)}
#trend-app .dot.st{background:var(--accent2)}
#trend-app .dot.ed{background:var(--gold)}
#trend-app .legend .bar{display:inline-block;width:14px;height:4px;border-radius:2px;background:var(--accent2);opacity:.35}
#trend-app .grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
#trend-app .wdh{text-align:center;font-size:11px;color:var(--sub);padding:2px 0}
#trend-app .cell{min-height:58px;background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:3px 4px;cursor:pointer;position:relative;display:flex;flex-direction:column;gap:2px}
#trend-app .cell.out{opacity:.35}
#trend-app .cell.today{border:2px solid var(--ink)}
#trend-app .cell.sel{background:var(--chip);border-color:var(--accent)}
#trend-app .cell .d{font-size:12px;font-weight:700;font-family:var(--mono)}
#trend-app .cell.sun .d{color:var(--accent)}
#trend-app .cell.sat .d{color:var(--blue)}
#trend-app .cell .dots{display:flex;flex-wrap:wrap;gap:2px}
#trend-app .cell .cnt{font-size:9.5px;color:var(--sub);line-height:1.1}
#trend-app .cell .open{position:absolute;left:3px;right:3px;bottom:3px;height:4px;border-radius:2px;background:var(--accent2);opacity:.3}
#trend-app #dayList{margin-top:14px}
#trend-app .gsec{font-size:13px;font-weight:900;margin:12px 0 6px}
#trend-app .gcal{margin-top:18px;background:var(--paper);border:1.5px dashed var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;font-size:13px}
#trend-app .gcal span{color:var(--sub);font-size:12px}
#trend-app .btn{display:block;text-align:center;padding:10px;border-radius:8px;border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);font:inherit;font-weight:700;cursor:pointer;text-decoration:none}
#trend-app .btn.ghost{background:transparent;color:var(--ink)}
#trend-app .msg{font-size:12px;color:var(--accent2)}
#trend-app .tagrow{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px;align-items:center}
#trend-app .tg{font:inherit;font-size:12px;line-height:1.5;padding:1px 9px;border-radius:999px;border:1px solid var(--accent2);color:var(--accent2);background:transparent;cursor:pointer;white-space:nowrap}
#trend-app .tg.lot{border-color:var(--gold);color:var(--gold)}
#trend-app .tg.on{background:var(--accent2);border-color:var(--accent2);color:#fff}
#trend-app .tg.lot.on{background:var(--gold);border-color:var(--gold);color:#fff}
#trend-app .ck-group{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:11px 12px 4px;margin-bottom:10px}
#trend-app .ck-head{display:flex;gap:8px;align-items:flex-start;padding-bottom:6px}
#trend-app .ck-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;padding:9px 0;border-top:1px dashed var(--line);font-size:13px}
#trend-app .ck-row input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--accent2);cursor:pointer}
#trend-app .ck-row .shop{font-weight:700}
#trend-app .ck-row.done .shop{color:var(--accent2)}
#trend-app .ck-row .when{font-family:var(--mono);font-size:12px;color:var(--sub)}
#trend-app .ck-row .left{font-weight:700;color:var(--accent);font-size:12px}
#trend-app .ck-row .closed{color:var(--sub);font-size:12px}
#trend-app .seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-top:6px}
#trend-app .seg button{font:inherit;font-size:12.5px;padding:6px 12px;border:0;background:var(--paper);color:var(--ink);cursor:pointer}
#trend-app .seg button+button{border-left:1px solid var(--line)}
#trend-app .seg button.on.p{background:var(--chip);font-weight:700}
#trend-app .seg button.on.w{background:var(--accent);color:#fff;font-weight:700}
#trend-app .seg button.on.l{background:var(--b);color:#fff;font-weight:700}
#trend-app table.stat{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line);font-size:13px;margin-top:6px}
#trend-app table.stat th{font-size:11.5px;color:var(--sub);font-weight:500;text-align:left;padding:7px 10px;border-bottom:1px solid var(--line)}
#trend-app table.stat td{padding:8px 10px;border-top:1px dashed var(--line)}
#trend-app .num{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
#trend-app .rb{display:flex;align-items:center;gap:8px}
#trend-app .rbar{flex:1;min-width:50px;height:6px;background:var(--chip);border-radius:3px;overflow:hidden}
#trend-app .rbar i{display:block;height:100%;background:var(--accent)}
@media (max-width:420px){#trend-app .gnav a{font-size:12px;padding:7px 2px}
#trend-app .gnav a small{font-size:9.5px}
#trend-app .sd .c{font-size:9px}
#trend-app .tile .v{font-size:19px}
}

/* WordPress 用の調整 */
#trend-app .gnav{top:var(--wp-admin--admin-bar--height,0px)}
#trend-app .side{top:calc(64px + var(--wp-admin--admin-bar--height,0px))}
#trend-app .wrap{padding-left:16px;padding-right:16px}
#trend-app h1,#trend-app h2,#trend-app h3,#trend-app h4{border:0;padding:0;background:none;color:inherit;font-family:var(--display)}
#trend-app h1::before,#trend-app h2::before,#trend-app h3::before,#trend-app h4::before,#trend-app h1::after,#trend-app h3::after,#trend-app h4::after{content:none;display:none}
#trend-app button{box-shadow:none;text-transform:none;letter-spacing:normal;min-height:0}
#trend-app input[type=search],#trend-app input[type=date]{box-shadow:none;height:auto}
#trend-app ul{margin-left:0}
#trend-app .tr-h4{font-size:13px;font-weight:700;margin:10px 0 4px}
#trend-app details summary{list-style:none}
#trend-app .later summary{list-style:revert}
#trend-app .wday.today .dayhead h2::after{content:"今日";display:inline}