/* ふでくんとこばんちゃん 共通デザイン「ねこと寄り添う生活」 */
:root{--radius:22px;--shadow:none;--win:#EDE6DA;--sill:#D8CBB8;--track:#EFE8DC;--field:#F3EEE6;--gold:#D9B26A;--goldbg:#F5EBD3;--goldfg:#7E6128;--waitfg:#9A5A42;
  --ok:var(--goldfg);--okbg:var(--goldbg);--warn:var(--waitfg);--warnbg:var(--soft);--info:var(--muted);--infobg:var(--track)}
html,body{font-family:"Zen Maru Gothic","Hiragino Maru Gothic ProN","M PLUS Rounded 1c","BIZ UDPGothic","Hiragino Sans","Noto Sans JP","Yu Gothic UI","Meiryo",sans-serif;letter-spacing:.03em;font-weight:400}
b,strong,h1,h2,h3,.t,th{font-weight:500!important}
.num,.kpi .val,.amt,.bignum,.copyv,td.num,.nums .v,.week .d b,.cal .c .n,.timerstrip b,.bigamt input,.mini,.jcard .amt,.hbar>span:last-child{font-family:"Nunito","Zen Maru Gothic","Hiragino Maru Gothic ProN",sans-serif!important;font-variant-numeric:tabular-nums}
/* 見出し・あいさつは Kiwi Maru */
h1,.win .greet b,.brand b,.topbar b,.welcome h2,.modal h2,.card>h2,.rp h2{font-family:"Kiwi Maru","Zen Maru Gothic","Hiragino Maru Gothic ProN",serif!important;font-weight:500!important}
h1{font-weight:500;letter-spacing:.08em}
.sub,.hint{color:var(--muted)}
/* カード・ボタン */
.card{border:0!important;border-radius:var(--radius)!important;box-shadow:none!important;background:var(--surface)}
.btn{border-radius:999px!important;border:1.5px solid var(--border)!important;background:var(--surface);min-height:42px;font-weight:400}
.btn:hover{border-color:var(--accent)!important}
.btn.primary{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--ink)!important;font-weight:500!important}
.btn.danger{color:#A0453A!important}
.dark .btn.danger{color:#F0A598!important}
.badge{font-weight:400!important;border-radius:999px;padding:3px 11px}
.b-quote{background:var(--track)!important;color:var(--muted)!important}
.b-work{background:var(--soft)!important;color:var(--waitfg)!important}
.b-done{background:var(--soft)!important;color:var(--waitfg)!important}
.b-paid{background:var(--goldbg)!important;color:var(--goldfg)!important}
.b-rep{background:transparent!important;color:var(--accent)!important;border:1.5px solid var(--accent)}
.b-kind{border:1.5px solid var(--border)!important;color:var(--muted)!important}
.b-wait{background:var(--soft);color:var(--waitfg)}
/* サイド（PC） */
.side{background:var(--surface)!important;border-right:0!important;padding:24px 16px!important}
.brand{padding:4px 8px 18px!important}
.brand b{font-size:15.5px!important;letter-spacing:.04em}
.nav{border-radius:14px!important;color:var(--muted);font-size:14px}
.nav:hover{background:var(--track)!important}
.nav.on{background:var(--soft)!important;color:var(--text)!important;font-weight:500!important}
.nav.on svg{color:var(--accent)}
.nav svg{stroke-width:1.6}
.savebox{border:0!important;background:var(--track);border-radius:14px}
.sidecat{text-align:center;font-size:11px;color:var(--muted);line-height:1.6;margin-top:6px}
.switch{border-style:solid!important;border-radius:999px!important}
/* 入力 */
.field input,.field select,.field textarea,.search,.items input,.items select{background:var(--field)!important;border:1.5px solid transparent!important;border-radius:14px!important}
.field input:focus,.field select:focus,.field textarea:focus,.search:focus{border-color:var(--accent)!important;outline:none}
.calc{background:var(--field)!important;border:0!important;border-radius:16px!important}
details.more{border:1.5px solid var(--border)!important;border-radius:16px!important}
.modal{border-radius:26px!important;background:var(--surface)!important}
.modal-bg{background:rgba(58,53,48,.32)!important}
.tabs{background:var(--track)!important;border:0!important;border-radius:999px!important;padding:4px!important}
.tab{border-radius:999px!important}
.tab.on{background:var(--surface)!important;color:var(--text)!important;font-weight:500!important}
.tablewrap{border:0!important;border-radius:var(--radius)!important}
th{background:var(--surface)!important;color:var(--muted)!important;font-weight:400!important;letter-spacing:.08em}
th,td{border-bottom:1px solid var(--border)}
tbody tr:hover td{background:var(--track)!important}
.toast{background:var(--text)!important;color:var(--bg)!important}
.toast .cat{margin:-6px 0}
.trial{border:0!important;background:var(--track)!important;border-radius:16px!important}
.banner{border:0!important;background:var(--soft)!important;border-radius:18px!important}
.install{border:0!important;background:var(--surface)!important}
.kpi .val{font-weight:600!important}
.jcard{border:0!important;border-radius:20px!important;box-shadow:none!important}
.jcard .amt{font-weight:600!important}
.bar i{border-radius:10px 10px 4px 4px!important}
.bar i.dim{background:var(--track)!important}
.hbar .track{background:var(--track)!important}
.empty .cat{display:block;margin:0 auto 10px}
.welcome .cat{display:block;margin:0 auto 10px}
.day .items{border:0!important;border-radius:20px!important}
.catgrid button{border-radius:14px!important;background:var(--field)!important;border:1.5px solid transparent!important}
.catgrid button.on{background:var(--soft)!important;border-color:var(--accent)!important;color:var(--text)!important}
.bigamt{border-bottom:2px solid var(--accent)}
.bigamt input{font-family:"Nunito","Hiragino Maru Gothic ProN",sans-serif;font-weight:600!important}
.timerbox{border:0!important;background:var(--soft)!important;border-radius:16px!important}
.copyv{background:var(--field)!important;border:1.5px solid transparent!important;border-radius:10px!important;font-weight:600!important}
.themes .theme{border-radius:18px!important;border:2px solid var(--border)!important}
.themes .theme.on{border-color:var(--accent)!important}
/* 窓辺 */
.win{position:relative;border-radius:24px;background:var(--win);overflow:hidden;min-height:156px;margin-bottom:14px;padding:22px 20px}
.win .greet{position:relative;z-index:2;max-width:calc(100% - 150px)}
.win .greet b{display:block;font-size:17px;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}
.win .greet span{display:block;font-size:12.5px;color:var(--muted);line-height:1.75;margin-top:6px}
.win .arch{position:absolute;right:28px;top:16px;width:112px;height:124px;border-radius:56px 56px 6px 6px;border:6px solid var(--surface)}
.win .arch:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;background:var(--surface)}
.win .arch:after{content:"";position:absolute;left:0;right:0;top:46%;height:4px;background:var(--surface)}
.win .sill{position:absolute;right:12px;top:136px;width:154px;height:10px;border-radius:5px;background:var(--sill)}
.win .wcat{position:absolute;right:30px;bottom:18px;z-index:1}
.win .stars{position:absolute;left:30%;top:22%;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:24px 10px 0 #fff,8px 30px 0 rgba(255,255,255,.7),40px 26px 0 rgba(255,255,255,.6)}
@media (min-width:861px){.win{min-height:176px;padding:30px 30px}.win .greet b{font-size:20px}.win .arch{right:70px;width:124px;height:140px}.win .sill{right:40px;top:150px;width:200px}.win .wcat{right:74px;bottom:20px}}
/* 週の帯 */
.week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.week .d{border-radius:14px;padding:8px 0 6px;font-size:11px;color:var(--muted);cursor:pointer;border:0;background:transparent;font-family:inherit}
.week .d b{display:block;font-size:16px;color:var(--text);font-family:"Nunito","Hiragino Maru Gothic ProN",sans-serif;font-weight:600!important;margin:1px 0 3px}
.week .d.today{background:var(--soft)}
.week .d .dots{display:flex;gap:3px;justify-content:center;height:6px}
.week .d .dots i{width:6px;height:6px;border-radius:50%}
.dot-due{background:var(--accent)}.dot-pay{background:var(--gold)}.dot-todo{background:var(--muted);opacity:.5}
/* やること */
.todo{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--border)}
.todo:first-child{border-top:0}
.todo .ck{width:24px;height:24px;border-radius:50%;border:2px solid var(--border);background:transparent;flex:none;cursor:pointer;display:grid;place-items:center;padding:0}
.todo .ck.on{background:var(--accent);border-color:var(--accent)}
.todo .ck.on:after{content:"";width:9px;height:5px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-45deg) translate(1px,-1px)}
.todo .grow{flex:1;min-width:0;cursor:pointer}
.todo .grow b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.todo.done .grow b{text-decoration:line-through;color:var(--muted)}
.todo .grow span{font-size:11.5px;color:var(--muted)}
.todo .when{font-size:12px;color:var(--muted);white-space:nowrap}
.todo .when.late{color:var(--waitfg)}
.lbl{font-size:12px;color:var(--muted);letter-spacing:.12em}
.cardhead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}
.cardhead .lbl{margin:0}
.linkbtn{border:0;background:none;color:var(--accent);font:inherit;font-size:12.5px;cursor:pointer;padding:6px 0}
/* 数字3つ */
.nums{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}
.nums .card{padding:16px 18px}
.nums .v{font-family:"Nunito","Hiragino Maru Gothic ProN",sans-serif;font-weight:600;font-size:26px;letter-spacing:.01em;margin:2px 0}
.nums .v small{font-size:14px;margin-right:2px}
.gbar{height:8px;background:var(--track);border-radius:8px;overflow:hidden;margin:8px 0 6px}.gbar i{display:block;height:100%;background:var(--accent);border-radius:8px}
@media (max-width:860px){.nums{grid-template-columns:1fr 1fr}.nums .card:first-child{grid-column:1/-1}.nums .v{font-size:22px}.nums .card:first-child .v{font-size:30px}}
/* 肉球の工程 */
.paws{display:inline-flex;gap:3px;align-items:center;vertical-align:middle}
.paw{fill:var(--sill)}.paw.on{fill:var(--accent)}
.dark .paw{fill:#4A4D55}.dark .paw.on{fill:var(--accent)}
.pawbtn{border:0;background:transparent;padding:4px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12px;color:var(--muted)}
.steplbl{font-size:11.5px;color:var(--muted)}
/* 返信待ち */
.reply{font-size:11.5px;border-radius:999px;padding:2px 9px;background:var(--soft);color:var(--waitfg);white-space:nowrap}
.reply.ok{background:var(--track);color:var(--muted)}
.notice{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:20px;padding:10px 16px;margin-bottom:12px;font-size:13.5px;line-height:1.6}
.notice .cat{flex:none}
/* 作業タイマーの帯 */
.timerstrip{position:sticky;top:0;z-index:14;display:flex;align-items:center;gap:10px;background:var(--accent);color:var(--ink);padding:7px 16px;font-size:13px;border-radius:0 0 16px 16px;margin:-28px 0 16px}
.timerstrip b{font-family:"Nunito",sans-serif;font-weight:600!important;font-size:15px}
.timerstrip .grow{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.timerstrip button{border:1.5px solid rgba(255,255,255,.6);background:transparent;color:inherit;border-radius:999px;padding:4px 12px;font:inherit;font-size:12px;cursor:pointer}
@media (max-width:860px){.timerstrip{position:fixed;left:0;right:0;top:auto;bottom:calc(76px + env(safe-area-inset-bottom));margin:0 10px;border-radius:999px;z-index:17}}
/* 税込・税抜 */
.seg{display:inline-flex;background:var(--track);border-radius:999px;padding:3px;gap:2px}
.seg button{border:0;background:transparent;border-radius:999px;padding:5px 12px;font:inherit;font-size:12.5px;color:var(--muted);cursor:pointer}
.seg button.on{background:var(--surface);color:var(--text)}
.amtrow{display:flex;gap:8px;align-items:center}.amtrow input{flex:1}
/* カレンダー */
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.cal .wd{font-size:11px;color:var(--muted);text-align:center;padding:4px 0}
.cal .c{min-height:74px;border-radius:14px;background:var(--bg);padding:6px;font-size:11px;cursor:pointer;border:0;text-align:left;font-family:inherit;color:var(--text);display:flex;flex-direction:column;gap:2px;overflow:hidden}
.cal .c.out{opacity:.35}
.cal .c.today{box-shadow:inset 0 0 0 2px var(--accent)}
.cal .c.sel{background:var(--soft)}
.cal .c .n{font-family:"Nunito",sans-serif;font-weight:600;font-size:13px}
.cal .c .ev{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:6px;padding:1px 5px;font-size:10.5px}
.ev.due{background:var(--soft);color:var(--waitfg)}.ev.pay{background:var(--goldbg);color:var(--goldfg)}.ev.todo{background:var(--track);color:var(--muted)}
@media (max-width:860px){.cal .c{min-height:48px;padding:4px;align-items:center}.cal .c .ev{display:none}.cal .c .dots{display:flex;gap:2px}.cal .c .dots i{width:5px;height:5px;border-radius:50%}}
@media (min-width:861px){.cal .c .dots{display:none}}
.calnav{display:flex;align-items:center;gap:8px}
/* PCの右側（きょうのやること） */
.rp{display:none}
@media (min-width:1240px){
  .rp{display:flex;flex-direction:column;gap:14px;width:300px;flex-shrink:0;background:var(--surface);padding:26px 20px;position:sticky;top:0;height:100vh;overflow-y:auto}
  .main{max-width:none!important}
}
.rp h2{font-size:15px;margin:0 0 4px}
/* 下のタブ（スマホ） */
@media (max-width:860px){
  .topbar{background:var(--bg)!important;border-bottom:0!important}
  .topbar a{border:1.5px solid var(--border)!important}
  .tabbar{left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;border:0!important;border-radius:34px;background:var(--surface)!important;padding:4px 6px!important;box-shadow:0 6px 24px rgba(60,45,30,.12)}
  .tabbar button.on{color:var(--text)!important;font-weight:500!important}
  .tabbar button.on svg{color:var(--accent)}
  .tabbar .fab span.circle{margin-top:-14px!important;box-shadow:0 6px 16px rgba(60,45,30,.18)!important}
  .main{padding-bottom:calc(110px + env(safe-area-inset-bottom))!important}
  .toast{bottom:calc(96px + env(safe-area-inset-bottom))!important}
  .win .greet{max-width:calc(100% - 130px)}
}
/* 設定のリスト */
.setlist{display:flex;flex-direction:column}
.setrow{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--border);font-size:14px;cursor:pointer;background:none;border-left:0;border-right:0;border-bottom:0;width:100%;text-align:left;font-family:inherit;color:inherit}
.setrow:first-child{border-top:0}
.setrow .k{flex:1}.setrow .v{color:var(--muted);font-size:13px}
.coatpick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.coatpick button{border:2px solid transparent;border-radius:16px;background:var(--win);padding:8px 2px 4px;cursor:pointer;font:inherit;font-size:11px;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:2px}
.coatpick button.on{border-color:var(--accent)}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pills button{border:1.5px solid var(--border);background:transparent;border-radius:999px;padding:7px 14px;font:inherit;font-size:13px;color:var(--text);cursor:pointer}
.pills button.on{border-color:var(--accent);background:var(--soft)}
.preview{display:flex;align-items:center;gap:10px;background:var(--win);border-radius:16px;padding:12px 14px}
pre.code{background:var(--field);border-radius:14px;padding:12px;font-size:11px;max-height:180px;overflow:auto;white-space:pre-wrap;word-break:break-all}
.plangrid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
@media (max-width:1100px){.plangrid{grid-template-columns:1fr}}
.b-rep{padding:1px 8px!important;font-size:11px!important}
.selfgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.dot-shift{background:#8E9AAF}.ev.shift{background:#E3E7EE;color:#4A5468}.dark .ev.shift{background:#363B47;color:#C9D0DD}
.stylepick{display:grid;gap:8px}
.stylepick button,.stylepick label{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1.5px solid var(--border);background:transparent;border-radius:16px;padding:12px 14px;font:inherit;color:var(--text);cursor:pointer;position:relative}
.stylepick label input{position:absolute;opacity:0}
.stylepick .on,.stylepick button:hover{border-color:var(--accent);background:var(--soft)}
.stylepick span{font-size:12.5px;color:var(--muted)}
.plangrid>*{min-width:0}.cal{min-width:0}.cal .c{min-width:0}
@media (max-width:1100px){.plangrid{grid-template-columns:minmax(0,1fr)!important}}
.docprev{background:#fff;border-radius:16px;margin-top:12px;max-height:340px;overflow:auto;border:1px solid var(--border)}
.docprev-in{padding:18px;transform-origin:top left;color:#222}
@media (max-width:860px){.docprev-in{zoom:.6}}
.imgslot .imgbox{width:120px;height:80px;border-radius:12px;background:var(--field);display:grid;place-items:center;overflow:hidden}
.imgslot .imgbox img{max-width:100%;max-height:100%}

/* 右パネルのねこ（動き） */
.czs .t{transform-box:fill-box}
.czs .tail{transform-origin:0% 100%;animation:czSway 3.2s ease-in-out infinite}
@keyframes czSway{0%,100%{transform:rotate(0)}40%{transform:rotate(9deg)}70%{transform:rotate(-5deg)}}
.czs .breath{transform-origin:50% 100%;animation:czBreath 3.6s ease-in-out infinite}
@keyframes czBreath{0%,100%{transform:scale(1,1)}50%{transform:scale(1.015,1.035)}}
.czs .ear{transform-origin:50% 100%;animation:czEar 6s infinite}
@keyframes czEar{0%,88%,100%{transform:rotate(0)}90%{transform:rotate(-14deg)}92%{transform:rotate(4deg)}94%{transform:rotate(0)}}
.czs .fly{animation:czFly 7s ease-in-out infinite}
@keyframes czFly{0%{transform:translate(0,0)}20%{transform:translate(-18px,-8px)}40%{transform:translate(-36px,10px)}55%{transform:translate(-26px,16px)}70%{transform:translate(-8px,8px)}85%{transform:translate(6px,-6px)}100%{transform:translate(0,0)}}
.czs .wing{transform-origin:50% 50%;animation:czFlap .22s ease-in-out infinite alternate}
@keyframes czFlap{0%{transform:scaleX(1)}100%{transform:scaleX(.35)}}
.czs .look{transform-origin:50% 100%;animation:czLook 7s ease-in-out infinite}
@keyframes czLook{0%,100%{transform:rotate(4deg)}40%{transform:rotate(-6deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(6deg)}}
.czs .lookup{transform-origin:50% 100%;animation:czLookup 6s ease-in-out infinite}
@keyframes czLookup{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(5deg)}}
.czs .bub{opacity:0;animation:czBub 6s ease-in infinite}
@keyframes czBub{0%{transform:translate(0,0);opacity:0}8%{opacity:.9}60%{opacity:.8}100%{transform:translate(var(--x),-110px);opacity:0}}
.czs .tw{transform-origin:50% 50%;animation:czTw 2.6s ease-in-out infinite}
@keyframes czTw{0%,100%{transform:scale(.6);opacity:.4}50%{transform:scale(1);opacity:1}}
.czs.still *{animation:none!important}.czs.still .bub{opacity:.7}
@media (prefers-reduced-motion:reduce){.czs *{animation:none!important}.czs .bub{opacity:.7}}
.scenebtn{border:0;background:none;padding:0;cursor:pointer;display:inline-block;line-height:0}

/* 設定の見出し */
.setnav{position:sticky;top:0;z-index:5;display:flex;gap:6px;overflow-x:auto;padding:8px 2px 10px;margin:-4px 0 6px;background:var(--bg);scrollbar-width:none}
.setnav::-webkit-scrollbar{display:none}
.setchip{flex:none;font:inherit;font-size:13px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:6px 14px;cursor:pointer;white-space:nowrap}
.setchip:hover,.setchip:focus-visible{border-color:var(--accent)}
.setchip.on{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.setsec{scroll-margin-top:64px;margin-top:22px}.setsec:first-of-type{margin-top:6px}
.sechead{font-size:13px;font-weight:700;color:var(--muted);letter-spacing:.06em;margin:0 0 -6px 4px}
.setsec>.card:first-of-type,.setsec>.grid:first-of-type{margin-top:14px!important}
@media (max-width:860px){.setnav{top:calc(50px + env(safe-area-inset-top))}.setsec{scroll-margin-top:118px}}

/* はじめの5ステップ */
.firststeps{margin-bottom:12px}
.fslist{display:flex;flex-direction:column;gap:4px}
.fsrow{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font:inherit;font-size:14px;color:var(--text);background:none;border:0;border-radius:10px;padding:8px 6px;cursor:pointer}
.fsrow:hover,.fsrow:focus-visible{background:var(--soft)}
.fsrow>span:nth-child(2){flex:1}
.fsn{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:1.5px solid var(--accent);color:var(--accent);flex:none}
.fsrow.ok .fsn{background:var(--accent);color:var(--ink)}.fsrow.ok>span:nth-child(2){color:var(--muted);text-decoration:line-through}
.notemore{margin:0 0 12px}.notemore summary{font-size:13px;color:var(--muted)}

/* 完了したおしごと：年・月で区切る */
.ygroup{margin:0 0 12px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:4px 14px}
.ygroup>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;cursor:pointer;list-style:none}
.ygroup>summary::-webkit-details-marker{display:none}
.ygroup>summary b{font-size:16px}.ygroup>summary span{font-size:13px;color:var(--muted)}
.ygroup>summary:after{content:"";width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin-left:4px}
.ygroup[open]>summary:after{transform:rotate(-135deg)}
.mgroup{margin:4px 0 14px}.mghead{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:6px 2px;border-bottom:1px dashed var(--border);margin-bottom:8px}
.mghead b{font-size:14px}.mghead span{font-size:12.5px;color:var(--muted)}
@media (min-width:861px){.mgroup .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}
/* 新しい版のお知らせ */
.updbar{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:10px;background:var(--text);color:var(--surface);border-radius:16px;padding:10px 12px 10px 16px;box-shadow:0 8px 24px rgba(0,0,0,.18);font-size:14px;max-width:calc(100vw - 24px)}
.updbar{width:max-content}.updbar span,.updbar button{white-space:nowrap}
.updbar button{font:inherit;font-size:13px;border:0;border-radius:999px;padding:7px 14px;cursor:pointer}
.updbar .go{background:var(--accent);color:var(--ink)}.updbar .no{background:transparent;color:inherit;opacity:.75}
@media (min-width:861px){.updbar{bottom:24px}}

.drivebk{margin-top:14px;padding-top:12px;border-top:1px dashed var(--border)}