/* キュロ ｜ 初期設定と「今日」（2026-10-05）。seo.css の色（--teal 等）を使う。2026-10-08 phase 2 C：--teal は差し色の青（--ds-accent）を指す */
.cstate{margin:6px 0 0;font-size:13px;min-height:0}
.cstate:empty{display:none}
.cstate.busy{color:var(--blue)}
.cstate.busy::before{content:"";display:inline-block;width:11px;height:11px;margin-right:7px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-1px;animation:cspin .8s linear infinite}
.cstate.err{color:var(--bad);background:#fce8e6;border-radius:8px;padding:8px 10px}
.cstate.ok{color:var(--good)}
@keyframes cspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.cstate.busy::before{animation:none}}
/* ウィザード */
.wizard{max-width:860px;margin:6px auto 0}
.wiz-head h1{font-size:24px;margin:0 0 14px}
.stepper{list-style:none;display:flex;gap:6px;padding:0;margin:0 0 18px;counter-reset:s}
.stepper li{flex:1;display:flex;align-items:center;gap:8px;min-width:0;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:13px;color:var(--muted)}
.stepper li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stepper .num{width:28px;height:28px;min-height:28px;padding:0;border-radius:50%;background:#e8eaed;color:#3c4043;flex:none}
.stepper .num:disabled{opacity:1;cursor:default}
.stepper li.done .num{background:var(--good);color:#fff}
.stepper li.now{border-color:var(--teal);color:var(--ink);font-weight:700;box-shadow:0 0 0 2px var(--ds-accent-soft)}
.stepper li.now .num{background:var(--teal);color:#fff}
.wiz-body{padding:24px}
.wiz-why{background:var(--ds-accent-softer);border-radius:8px;padding:8px 12px;font-size:14px;margin:0 0 16px}
.wiz-field>span{font-weight:600;font-size:14px}
.wiz-field .from{font-style:normal;font-weight:400;color:var(--teal);margin-left:6px;font-size:12px}
.wiz-field small{font-size:12px}
.wiz-nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.wiz-nav .later{margin-left:auto}
.choices{display:grid;gap:10px;margin-bottom:12px}
.choice{flex-direction:row;align-items:flex-start;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0;cursor:pointer;background:#fff}
.choice.on{border-color:var(--teal);background:var(--ds-accent-soft);box-shadow:0 0 0 1px var(--teal)}
.choice div{display:flex;flex-direction:column;gap:2px}
.choice b{font-size:15px}
.hint{background:#f1f3f4;border-radius:8px;padding:8px 12px;font-size:13px}
.handoff{border:1px solid var(--ds-accent-border);background:var(--ds-accent-softer);border-radius:12px;padding:14px 16px;margin-bottom:16px}
.handoff.empty{background:#fff8e1;border-color:#f3dca3}
.handoff h3{margin:0 0 8px}
.handoff dl{display:grid;grid-template-columns:minmax(120px,190px) 1fr;gap:4px 12px;margin:0 0 10px;font-size:13px}
.handoff dt{color:var(--muted)}.handoff dd{margin:0;overflow-wrap:anywhere}
.axes{display:grid;gap:8px}
.axis{flex-direction:row;align-items:flex-start;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:0}
.axis div{display:flex;flex-direction:column;gap:2px}
.missing{background:#fff8e1;border:1px solid #f3dca3;border-radius:10px;padding:10px 12px;margin:10px 0;font-size:13px;display:flex;gap:6px;flex-wrap:wrap;align-items:baseline}
.missing ul{margin:4px 0 0;padding-left:18px;width:100%}
.missing a{margin-left:auto;font-weight:600;color:var(--blue)}
.conn{display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:#f8f9fa;border-radius:10px;padding:10px 12px;margin-bottom:14px;font-size:13px}
.conn small{width:100%}
.pill{border-radius:10px;padding:1px 9px;font-size:12px;font-weight:600}
.pill.ok{background:#e6f4ea;color:var(--good)}.pill.ng{background:#fce8e6;color:var(--bad)}
.articles{border-top:1px dashed var(--line);margin-top:6px;padding-top:6px}
.articles ul{font-size:12px;color:var(--muted);margin:4px 0 10px;padding-left:18px}
.articles li{overflow-wrap:anywhere}
.warn{color:var(--warn)}
.suggest{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 14px}
.suggest small{width:100%}
.chip-btn{background:var(--ds-surface-2);color:var(--ds-text-2);border-radius:var(--ds-r-pill);min-height:32px;padding:0 11px;font-size:13px;font-weight:500}
.chip-btn:disabled{opacity:.45;cursor:default}
.summary{display:grid;grid-template-columns:minmax(110px,170px) 1fr;gap:6px 12px;font-size:14px;margin:0 0 14px}
.summary dt{color:var(--muted)}
.summary dd{margin:0;display:flex;gap:8px;align-items:center;justify-content:space-between;overflow-wrap:anywhere;min-width:0}
.summary dd span{min-width:0}
/* 今日：主役（今日やること）を左、点数と知らせを右の列に（2026-10-08 phase 2 C） */
.cstatus:empty{display:none}
.today-alert-text{margin:0 0 var(--ds-sp-1)}
.today-alert-list{margin:0;padding-left:1.2em;color:var(--ds-text-2)}
.today-alert-list li{overflow-wrap:anywhere}
#today-status .ds-alert{grid-template-columns:auto 1fr}
#today-status .ds-alert>.ds-btn{grid-column:2;justify-self:start}
.today-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:var(--ds-sp-5);align-items:start;margin-bottom:18px}
.run-row{justify-content:flex-end}
.media-pick .ds-select{width:auto;max-width:100%;min-width:0}
#notice:empty{min-height:0;margin:0}
.today-grid>.panel,.today-side>.panel{margin-bottom:0}
.today-side{align-content:start}
.tasks-panel .ds-section-head{margin-bottom:var(--ds-sp-2)}
.tasks-panel .ds-section-head .ds-chip{margin-bottom:var(--ds-sp-2)}
.score-panel .ds-card__title{margin-bottom:var(--ds-sp-3)}
.score-top{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.big b{font-size:52px;line-height:1;color:var(--teal)}.big span{color:var(--muted);margin-left:2px}
.delta{font-size:13px;font-weight:700;color:var(--muted)}.delta.up{color:var(--good)}.delta.down{color:var(--bad)}
.spark{width:100%;height:48px;margin:6px 0}
.spark polyline{fill:none;stroke:var(--teal);stroke-width:2}.spark circle{fill:var(--teal)}
.part{margin:12px 0}
.plab{display:flex;justify-content:space-between;font-size:13px}
.pbar{height:8px;border-radius:5px;background:#e8eaed;overflow:hidden;margin:4px 0}
.pbar i{display:block;height:100%;background:var(--teal);border-radius:5px}
.part small{display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.how summary,.rule summary{cursor:pointer;font-size:13px;color:var(--teal);font-weight:600}
.how p,.rule p{font-size:13px;margin:6px 0}
.ctasks,.cquestions,.clog{list-style:none;padding:0;margin:0}
.ctask,.cq,.cexp{border:1px solid var(--line);border-radius:var(--ds-r-lg);padding:12px 14px;margin-bottom:10px;background:#fff}
/* いちばん上のタスクが「まずこれ」：青い枠で主役にする（2026-10-08 phase 2 C） */
.ctask.is-first{border-color:var(--ds-accent-border);box-shadow:var(--ds-shadow-1);background:linear-gradient(135deg,var(--ds-surface) 60%,var(--ds-accent-softer))}
.chead{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.chead h3{margin:0;font-size:15px;flex:1;min-width:200px;overflow-wrap:anywhere}
.chead .rank{width:26px;height:26px;font-size:14px}
.chead .d{font-size:12px;color:var(--muted)}
.ctask p{margin:6px 0;font-size:13px;overflow-wrap:anywhere}
.ctask .effect{background:var(--ds-accent-softer);border-radius:8px;padding:7px 10px}
.ctask .effect b{color:var(--teal);margin-right:4px}
.ctask .learned{color:var(--good);font-weight:600}
.ctask details{font-size:13px;margin-top:4px}
.cbtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.cempty{border:1px dashed var(--ds-border-strong);border-radius:var(--ds-r-lg);padding:16px;color:var(--muted);background:#fff}
.cempty.ds-empty{padding:var(--ds-sp-8) var(--ds-sp-5)}
.cempty.ds-empty .spot{margin:0}
.cempty p{margin:4px 0}
.cmore{list-style:none;padding:4px 0}
.cq{display:flex;flex-direction:column;gap:4px}
.cq.high{border-left:5px solid var(--b)}
.cq b{font-size:14px}
.cq-answer{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.cq-answer input,.cq-answer textarea{flex:1;min-width:200px}
.cq-answer textarea{min-height:60px}
.brief-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.brief-head h2{margin:0}
.seg{display:inline-flex;border:1px solid #c4cad4;border-radius:10px;overflow:hidden}
.seg button{background:#fff;color:var(--muted);border-radius:0;padding:7px 14px;font-size:13px;min-height:36px}
/* 切り替えの選んだ側は淡い青（主なボタンの青と見分ける・2026-10-08 phase 2 C） */
.seg button[aria-selected=true]{background:var(--ds-accent-soft);color:var(--ds-accent)}
.headline-list{margin:4px 0 10px;padding-left:20px;font-size:15px;font-weight:600}
.headline-list li{margin:3px 0}
#today-brief h3{font-size:14px;margin:14px 0 4px}
#today-brief ul{margin:0;padding-left:20px;font-size:13px}
#today-brief li{overflow-wrap:anywhere}
.won{list-style:none;padding:0;margin:0 0 12px;display:flex;gap:8px;flex-wrap:wrap}
.won li{background:#f8f9fa;border-radius:10px;padding:6px 10px;font-size:13px;display:flex;gap:6px;align-items:center}
.chip.ok{background:#e6f4ea;color:var(--good)}.chip.ng{background:#fef0e1;color:var(--warn)}
.cexp small{display:block;margin-top:3px;overflow-wrap:anywhere}
.cbtns.row{margin-top:4px}
.cadd{margin-top:12px}.cadd summary{cursor:pointer;font-weight:600;color:var(--blue)}
.cadd form{margin-top:10px}
@media (max-width:900px){
 .today-grid{grid-template-columns:1fr}
}
@media (max-width:600px){
 main{padding:14px 16px 60px}
 .topbar{align-items:stretch}
 .run{text-align:left;width:100%}.run-row{justify-content:flex-start}.run-row .ds-btn{flex:1 1 auto}
 .media-pick{width:100%}
 .media-pick>.ds-select{width:100%}
 .media-pick>select{width:100%}
 .stepper li span{display:none}
 .stepper li{justify-content:center;padding:6px}
 .stepper li.now span{display:inline}
 .stepper li.now{flex:3}
 .handoff dl,.summary{grid-template-columns:1fr}
 .handoff dt,.summary dt{margin-top:6px}
 .wiz-body{padding:16px}
 .wiz-nav .later{margin-left:0}
 .big b{font-size:44px}
 .chead h3{min-width:0;flex-basis:100%}
 .cbtns .ds-btn{flex:1 1 auto}
}
.tabs[hidden],.tab[hidden],.wizard[hidden]{display:none}
@media (max-width:600px){#ai-questions{white-space:normal;text-align:left}.seg button{padding:7px 10px}}
/* 空の状態のボタンは、狭い画面で折り返す（2026-10-07 390pxで長いボタンが枠からはみ出した） */
.cempty button{white-space:normal;max-width:100%;text-align:center;height:auto;padding-top:var(--ds-sp-2);padding-bottom:var(--ds-sp-2)}