:root{
  --or:#FF9F1C;--or2:#FF7A00;--or-ink:#C25400;--bg:#FFFFFF;--card:#fff;--ink:#1F1F1F;--sub:#5C5C5C;--line:#E2E2DE;--chip:#EFEFEC;
  --red-bg:#FCEBEB;--red:#791F1F;--amb-bg:#FBE3C2;--amb:#5A3205;--ok:#2F6B3A;
  --radius:14px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#141414;--card:#1F1F1F;--ink:#EDEDED;--sub:#B3B3B3;--line:#3A3A3A;--or2:#F2A83B;--or-ink:#FFC77A;--chip:#2A2A2A;
    --red-bg:#4A1C1C;--red:#FFC9C9;--amb-bg:#4A3310;--amb:#FFE1B0;--ok:#8FD49B;
  }
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink)}
body{font-family:system-ui,-apple-system,"Hiragino Sans","Yu Gothic UI",sans-serif;font-size:15px;line-height:1.5;max-width:560px;margin:0 auto;padding-bottom:40px}
button{font:inherit;color:inherit;cursor:pointer}
a{color:inherit}
.top{position:sticky;top:0;z-index:5;background:var(--card);color:var(--ink);border-top:4px solid var(--or);border-bottom:1px solid var(--line);padding:10px 16px 10px}
.brand{display:flex;align-items:center;gap:8px}
.brand b{font-size:18px;flex:1;color:var(--or2)}
.now{font-size:12px;background:var(--chip);color:var(--sub);padding:3px 9px;border-radius:10px}
.help-btn{min-width:44px;min-height:44px;border:0;background:transparent;font-size:18px;border-radius:10px}
.nav{display:flex;gap:6px;margin-top:6px}
.nav button{flex:1;min-height:44px;border:0;border-radius:10px;background:var(--chip);font-size:14px;color:var(--ink)}
.nav button[aria-current="page"]{background:var(--or2);color:#fff;font-weight:700}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .nav button[aria-current="page"]{color:#141414}}
.tabs{display:flex;gap:6px;padding:10px 16px;overflow-x:auto;white-space:nowrap;background:var(--bg);scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{min-height:40px;padding:0 14px;border-radius:20px;border:1px solid var(--line);background:var(--card);font-size:14px;flex:none}
.tab[aria-selected="true"]{background:var(--or2);color:#fff;border-style:solid;font-weight:700}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .tab[aria-selected="true"]{color:#1E1609}}
.meter{margin:12px 16px 0;background:var(--card);border:1px solid var(--line);border-left:5px solid var(--or);border-radius:var(--radius);padding:12px 14px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:4px 8px;align-items:end}
.meter .k{font-size:12px;color:var(--sub)}
.meter .big{font-size:30px;font-weight:800;color:var(--or2);line-height:1.1}
.meter .mid{font-size:22px;font-weight:700}
.meter .bar{grid-column:1/-1;height:8px;background:var(--bg);border-radius:4px;overflow:hidden;margin-top:6px}
.meter .bar i{display:block;height:100%;background:var(--or)}
.meter .cmp{grid-column:1/-1;font-size:12px;color:var(--sub)}
.info{display:flex;justify-content:space-between;margin:10px 16px 0;font-size:12px;color:var(--sub)}
.list{padding:10px 16px;display:grid;gap:12px}
.card{background:var(--card);border-radius:12px;border:1px solid var(--line);padding:11px 14px;position:relative}
.card::before,.card::after{content:"";position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--bg);transform:translateY(-50%)}
.card::before{left:-8px}.card::after{right:-8px}
.card.is-done{opacity:.6}
.tag{font-size:12px;color:var(--sub);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.due{padding:1px 7px;border-radius:5px;font-size:11px;font-weight:700}
.due.d0{background:var(--red-bg);color:var(--red)}
.due.d1{background:var(--amb-bg);color:var(--amb)}
.due.dn{background:var(--bg);color:var(--sub)}
.ttl{font-weight:700;font-size:15px;margin:3px 0;word-break:break-word}
.row{border-top:1px dashed var(--line);margin-top:8px;padding-top:8px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.val{font-weight:700}
.btns{display:flex;gap:8px;flex:none}
.btn{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:22px;font-size:14px;text-decoration:none;border:1px solid var(--or2);background:transparent;color:var(--or-ink)}
.btn.primary{background:var(--or2);color:#fff;border-color:var(--or2)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .btn.primary{color:#1E1609}}
.btn.done-on{background:var(--ok);border-color:var(--ok);color:#fff}
.btn.wide{width:100%}
.fold{margin:0 16px;width:calc(100% - 32px);min-height:44px;border:0;background:transparent;color:var(--sub);font-size:14px}
.empty{margin:24px 16px;padding:20px;text-align:center;background:var(--card);border-radius:var(--radius);color:var(--sub)}
.panel{margin:12px 16px;background:var(--card);border-radius:var(--radius);padding:14px 16px;border:1px solid var(--line)}
.panel h2{font-size:16px;margin:0 0 10px}
.panel p.note{font-size:13px;color:var(--sub);margin:6px 0 0}
label.f{display:block;font-size:13px;color:var(--sub);margin:10px 0 4px}
input,select{font:inherit;width:100%;min-height:44px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{min-height:40px;padding:0 12px;border-radius:20px;border:1px solid var(--or2);background:transparent;font-size:14px}
.chip[aria-pressed="true"]{background:var(--or2);color:#fff}
.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rec{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px dashed var(--line)}
.rec:last-child{border-bottom:0}
.rec small{color:var(--sub)}
.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:#2A2A2A;color:#fff;padding:10px 14px;border-radius:12px;display:none;align-items:center;gap:12px;max-width:92vw;z-index:9}
.toast.show{display:flex}
.toast button{min-height:40px;border:1px solid #fff;background:transparent;color:#fff;border-radius:10px;padding:0 12px}
dialog{border:0;border-radius:16px;max-width:520px;width:calc(100% - 32px);background:var(--card);color:var(--ink)}
dialog::backdrop{background:#0006}
dialog h2{font-size:17px;margin-top:0}
dialog li{margin-bottom:6px}
.ver{position:fixed;right:8px;bottom:4px;margin:0;font-size:11px;color:var(--sub);opacity:.7}
.liked{font-size:11px;color:var(--ok);font-weight:700}
:focus-visible{outline:3px solid #1A5FB4;outline-offset:2px}

/* ボタン：明るいオレンジのグラデーション */
.btn.primary,.tab[aria-selected="true"],.nav button[aria-current="page"],.chip[aria-pressed="true"]{background:linear-gradient(135deg,#FFA62B,#FF6A00);border-color:transparent;color:#fff;text-shadow:0 1px 1px #0003}
.btn.primary{box-shadow:0 2px 6px #FF6A0040}
.meter .big{color:#FF6A00}
.brand b{color:#FF6A00}
/* ジャンルの色 */
.card{border-left:4px solid var(--gc,var(--line))}
.card::before{display:none}
.g{font-weight:700;color:var(--gt,var(--sub));background:var(--gb,#F1F1F1);padding:1px 8px;border-radius:6px}
.g-point{--gc:#FFB020;--gb:#FFF4D6;--gt:#8A5A00}
.g-lottery{--gc:#F0508C;--gb:#FFE3EE;--gt:#A3164F}
.g-coupon{--gc:#22B573;--gb:#DDF7EA;--gt:#0F6B41}
.g-event{--gc:#8B5CF6;--gb:#EDE7FF;--gt:#5B2BC4}
.g-travel{--gc:#2E9BF0;--gb:#E0F0FF;--gt:#0B5C9E}
.g-gadget{--gc:#5B6B7D;--gb:#E9EDF2;--gt:#334155}