:root{
  --blue:#375DAE;
  --blue-d:#2B4A8E;
  --red:#BF474C;
  --red-d:#9E383D;
  --ink:#15171C;
  --ink-2:#3B4048;
  --muted:#767C88;
  --faint:#A2A8B4;
  --line:#E6E8EE;
  --line-2:#EFF1F5;
  --line-d:#B7BEC9;
  --bg:#FFFFFF;
  --bg-2:#F7F8FA;
  --done:#3B4048;
  --r-lg:22px;
  --r-md:16px;
  --sh-card:0 1px 2px rgba(21,23,28,.04), 0 8px 24px rgba(21,23,28,.05);
  --ui:"Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--ui);font-weight:300;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}
button{font-family:inherit;font-weight:300;cursor:pointer;border:none;background:none;color:inherit}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
input,textarea{font-family:inherit;font-weight:300}
b,strong{font-weight:700}
:focus-visible{outline:2px solid var(--line-d);outline-offset:2px}

.view{display:none}
.view.is-active{display:block}

.view-top{min-height:100vh;display:flex;flex-direction:column}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px clamp(18px,4vw,54px)}
.topbar-mark img{height:34px;width:auto}
.pill-ghost{border:1.5px solid var(--line);border-radius:999px;padding:9px 20px;font-size:14px;font-weight:300;color:var(--ink);transition:border-color .18s,background .18s}
.pill-ghost:hover{border-color:var(--line-d);background:var(--bg-2)}

.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(24px,5vh,64px) 20px clamp(40px,7vh,80px)}
.hero-stage{position:relative;width:100%;max-width:600px;margin-bottom:clamp(18px,4vh,36px);min-height:60px}
.hero-logo{width:100%;height:auto;position:relative;z-index:2;animation:logoIn .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes logoIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}

.deco{position:absolute;z-index:1;pointer-events:none;animation:decoIn .9s ease both}
.deco-chip{font-size:12px;font-weight:300;color:var(--ink-2);background:#fff;border:1.5px solid var(--line);border-radius:8px;padding:5px 11px;box-shadow:0 3px 10px rgba(21,23,28,.06);white-space:nowrap}
.deco-dot{width:12px;height:12px;border-radius:50%;background:var(--red);opacity:.5}
.deco-ring{width:26px;height:26px;border-radius:50%;border:3px solid var(--line-d);opacity:.5}
.deco-line{width:120px;height:1.5px;background:var(--line)}
.deco-1{top:2%;left:-4%;animation-delay:.25s;transform:rotate(-6deg)}
.deco-2{top:38%;right:-7%;animation-delay:.38s;transform:rotate(5deg)}
.deco-3{bottom:2%;left:8%;animation-delay:.5s;transform:rotate(3deg)}
.deco-4{top:16%;right:4%;animation-delay:.44s}
.deco-5{bottom:14%;right:16%;animation-delay:.56s;background:var(--blue);opacity:.5}
.deco-6{top:56%;left:-8%;animation-delay:.6s}
.deco-7{top:-3%;right:12%;animation-delay:.3s}
@keyframes decoIn{from{opacity:0;transform:translateY(8px) scale(.9)}}

.hero-copy{font-weight:700;font-size:clamp(34px,7vw,60px);line-height:1.2;letter-spacing:.01em;margin-bottom:18px}
.hero-copy em{font-style:normal;color:var(--blue)}
.hero-sub{font-size:clamp(14px,1.6vw,16px);font-weight:300;color:var(--muted);line-height:1.9;max-width:520px;margin-bottom:clamp(24px,4vh,34px)}

.btn-hero{background:var(--blue);color:#fff;font-size:17px;font-weight:700;letter-spacing:.02em;padding:19px 56px;border-radius:999px;box-shadow:0 3px 0 var(--blue-d);transition:transform .12s,background .18s}
.btn-hero:hover{background:#3F68BC}
.btn-hero:active{transform:translateY(3px);box-shadow:0 0 0 var(--blue-d)}
.hero-note{margin-top:16px;font-size:12.5px;color:var(--faint)}

.catstrip{border-top:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:clamp(14px,3.4vw,52px);padding:22px 20px;flex-wrap:wrap}
.cat{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:300;color:var(--ink-2)}
.cat-ic{width:26px;height:26px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;background:var(--bg-2);border:1px solid var(--line)}

.appbar{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:clamp(12px,3vw,36px);padding:12px clamp(14px,3vw,34px)}
.appbar-mark img{height:28px;width:auto}
.appbar-nav{display:flex;gap:22px;font-size:14.5px;font-weight:300;color:var(--muted)}
.appbar-nav a{padding:6px 0;border-bottom:2.5px solid transparent;transition:color .18s}
.appbar-nav a:hover{color:var(--ink)}
.appbar-nav a.is-current{color:var(--ink);font-weight:700;border-bottom-color:var(--ink)}
.appbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.pill-count{border:1.5px solid var(--line);border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700;color:var(--ink-2);font-variant-numeric:tabular-nums}
.icon-btn{width:38px;height:38px;border-radius:999px;border:1.5px solid var(--line);font-size:17px;color:var(--muted);display:grid;place-items:center;transition:border-color .18s,color .18s,background .18s}
.icon-btn:hover{border-color:var(--line-d);color:var(--ink);background:var(--bg-2)}

.wiz-grid{max-width:1180px;margin:0 auto;padding:clamp(18px,3vw,34px) clamp(14px,3vw,26px) 80px;display:grid;grid-template-columns:352px minmax(0,1fr);gap:clamp(16px,2vw,26px);align-items:start}
.col-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:78px}
.col-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-card);padding:18px}

.cal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}
.cal-title{font-size:15px;font-weight:700}
.cal-sub{font-size:11.5px;font-weight:300;color:var(--faint);margin-top:2px}
.cal-sub.is-ok{color:var(--muted)}
.cal-sub.is-err{color:var(--red-d)}
.cal-nav{display:flex;align-items:center;gap:2px;flex-shrink:0}
.cal-arrow{width:28px;height:28px;border-radius:8px;font-size:17px;color:var(--muted);display:grid;place-items:center;transition:background .15s,color .15s}
.cal-arrow:hover{background:var(--bg-2);color:var(--ink)}
.cal-month{font-size:13px;font-weight:700;min-width:74px;text-align:center;font-variant-numeric:tabular-nums}
.cal-dow{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}
.cal-dow span{text-align:center;font-size:10.5px;font-weight:700;color:var(--faint);padding:4px 0}
.cal-dow span:first-child{color:var(--red)}
.cal-dow span:last-child{color:var(--blue)}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.cal-cell{position:relative;aspect-ratio:1/1;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12.5px;font-weight:300;color:var(--ink-2);transition:background .15s,color .15s,box-shadow .15s;font-variant-numeric:tabular-nums}
.cal-cell.is-pad{color:var(--line);pointer-events:none}
.cal-cell:not(.is-pad):hover{background:var(--bg-2)}
.cal-cell.is-today{box-shadow:inset 0 0 0 1.5px var(--line-d)}
.cal-cell.has-ev{font-weight:700;color:var(--ink)}
.cal-cell.is-sel{background:var(--blue);color:#fff!important;font-weight:700}
.cal-cell.is-sel .cal-pip{background:#fff}
.cal-pips{position:absolute;bottom:5px;display:flex;gap:2.5px}
.cal-pip{width:4px;height:4px;border-radius:50%;background:var(--red)}
.cal-day{margin-top:12px;padding-top:12px;border-top:1px solid var(--line-2);min-height:64px}
.cal-day-label{font-size:11.5px;font-weight:700;color:var(--muted);margin-bottom:7px}
.cal-events{list-style:none;display:flex;flex-direction:column;gap:6px}
.cal-ev{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.5}
.cal-ev-time{color:var(--ink);font-weight:700;flex-shrink:0;font-variant-numeric:tabular-nums;min-width:38px}
.cal-ev-title{color:var(--ink-2);font-weight:300;word-break:break-word}
.cal-empty{font-size:12.5px;font-weight:300;color:var(--faint)}
.cal-foot{display:flex;justify-content:space-between;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid var(--line-2)}
.link-btn{font-size:11.5px;font-weight:300;color:var(--muted);transition:color .15s}
.link-btn:hover{color:var(--ink)}

.card-thumb{background:#fff;border-color:var(--line)}
.card-thumb.is-ready{border-color:var(--line-d)}
.thumb-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.thumb-title{font-size:15px;font-weight:700}
.chip-req{font-size:10.5px;font-weight:700;letter-spacing:.04em;background:var(--red);color:#fff;border-radius:999px;padding:3px 10px}
.chip-req.is-ok{background:var(--done)}
.thumb-body{font-size:12.5px;font-weight:300;color:var(--ink-2);line-height:1.8;margin-bottom:13px}
.drop{border:2px dashed var(--line-d);border-radius:var(--r-md);background:var(--bg-2);transition:border-color .18s,background .18s}
.drop.is-over{border-color:var(--ink-2);background:#fff}
.drop.is-set{border-style:solid;border-color:var(--line);background:#fff}
.drop-inner{padding:24px 14px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;cursor:pointer}
.drop-ic{font-size:26px;margin-bottom:3px}
.drop-t{font-size:13.5px;font-weight:700;color:var(--ink)}
.drop-s{font-size:11px;font-weight:300;color:var(--faint)}
.drop-preview{padding:10px}
.drop-preview img{width:100%;border-radius:10px;border:1px solid var(--line);background:var(--bg-2);aspect-ratio:16/9;object-fit:cover}
.drop-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;font-weight:300;color:var(--muted);margin-top:8px}
.drop-meta span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drop-size{flex-shrink:0;font-variant-numeric:tabular-nums}
.drop-acts{display:flex;gap:6px;margin-top:9px}
.mini-btn{flex:1;padding:8px;border-radius:9px;border:1.5px solid var(--line);background:#fff;font-size:12px;font-weight:700;color:var(--ink-2);transition:all .15s}
.mini-btn:hover{border-color:var(--line-d);background:var(--bg-2)}
.mini-danger:hover{color:var(--red-d)}
.thumb-canva{display:block;text-align:center;margin-top:12px;padding:11px;border-radius:10px;background:#fff;border:1.5px solid var(--line);font-size:12.5px;font-weight:700;color:var(--blue);transition:all .15s}
.thumb-canva:hover{border-color:var(--line-d);background:var(--bg-2)}

.stepcard{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--sh-card);padding:clamp(22px,3vw,34px);display:flex;flex-direction:column;min-height:min(560px,72vh);transform-origin:50% 50%;will-change:transform}
.stepcard.is-tilt{animation:tilt .62s cubic-bezier(.36,.07,.19,.97)}
@keyframes tilt{0%{transform:rotate(0) scale(1)}18%{transform:rotate(-2.6deg) scale(1.008)}42%{transform:rotate(2.1deg) scale(1.008)}66%{transform:rotate(-1.3deg) scale(1.004)}86%{transform:rotate(.6deg) scale(1)}100%{transform:rotate(0) scale(1)}}
.stepcard.is-swap .step-q,.stepcard.is-swap .step-hint,.stepcard.is-swap .step-body{animation:swapIn .34s ease both}
@keyframes swapIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.stepcard-top{display:flex;justify-content:center;margin-bottom:14px}
.pill-step{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--ink-2);background:var(--bg-2);border-radius:999px;padding:6px 15px}
.step-q{font-size:clamp(20px,2.5vw,27px);font-weight:700;line-height:1.42;text-align:center}
.step-hint{font-size:13px;font-weight:300;color:var(--muted);line-height:1.8;text-align:center;margin:9px auto 0;max-width:520px}
.step-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(18px,3vw,28px) 0}
.step-body-inner{width:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:11px}

.fld{width:100%;padding:15px 17px;border:1.5px solid var(--line);border-radius:13px;font-size:15.5px;font-weight:300;color:var(--ink);background:#fff;outline:none;transition:border-color .16s,box-shadow .16s}
.fld::placeholder{color:#BFC5CF}
.fld:focus{border-color:var(--line-d);box-shadow:0 0 0 4px rgba(21,23,28,.05)}
textarea.fld{min-height:132px;resize:vertical;line-height:1.8}
.fld-count{font-size:11px;color:var(--faint);text-align:right;font-variant-numeric:tabular-nums}

.opt{display:flex;align-items:center;gap:14px;width:100%;padding:17px 19px;border:1.5px solid var(--line);border-radius:14px;background:#fff;font-size:15px;font-weight:300;text-align:left;color:var(--ink);transition:border-color .16s,background .16s,transform .1s}
.opt:hover{border-color:var(--line-d);background:var(--bg-2)}
.opt:active{transform:scale(.99)}
.opt.is-sel{border-color:var(--line-d);background:var(--bg-2);font-weight:700}
.opt-dot{width:21px;height:21px;border-radius:50%;border:1.5px solid var(--line-d);flex-shrink:0;display:grid;place-items:center;transition:all .16s;background:#fff}
.opt.is-sel .opt-dot{border-color:var(--blue);background:var(--blue)}
.opt.is-sel .opt-dot::after{content:"";width:7px;height:7px;border-radius:50%;background:#fff}

.dt-item{display:flex;gap:8px;align-items:center}
.dt-item .fld{flex:1;min-width:0}
.dt-no{flex-shrink:0;width:26px;height:26px;border-radius:8px;background:var(--bg-2);border:1px solid var(--line);color:var(--ink-2);font-size:11.5px;font-weight:700;display:grid;place-items:center}
.dt-del{flex-shrink:0;width:36px;height:36px;border-radius:9px;border:1.5px solid var(--line);color:var(--faint);font-size:15px;display:grid;place-items:center;transition:all .15s}
.dt-del:hover{border-color:var(--line-d);color:var(--red-d);background:var(--bg-2)}
.dt-add{margin-top:4px;padding:13px;border:1.5px dashed var(--line-d);border-radius:12px;color:var(--ink-2);font-size:13.5px;font-weight:700;background:transparent;transition:background .15s}
.dt-add:hover{background:var(--bg-2)}
.dt-add:disabled{border-color:var(--line);color:var(--faint);cursor:not-allowed;background:transparent}

.notice{border:1.5px solid var(--line);background:var(--bg-2);border-radius:16px;padding:18px 20px}
.notice-t{font-size:14.5px;font-weight:700;color:var(--red-d);margin-bottom:6px}
.notice-b{font-size:13px;font-weight:300;color:var(--ink-2);line-height:1.8;margin-bottom:13px}
.notice-pre{background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:15px 17px;font-size:13px;font-weight:300;line-height:1.95;white-space:pre-wrap;color:var(--ink-2)}
.notice-copy{margin-top:11px;padding:11px 20px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink-2);font-size:13px;font-weight:700;transition:background .15s,border-color .15s}
.notice-copy:hover{border-color:var(--line-d);background:var(--bg-2)}

.preview{border:1.5px solid var(--line);border-radius:16px;background:var(--bg-2);padding:19px 21px;font-size:14px;font-weight:300;line-height:2.05;white-space:pre-wrap;color:var(--ink);word-break:break-word}
.pv-thumb{margin-top:13px;display:flex;gap:13px;align-items:center;padding:13px;border-radius:14px;border:1.5px solid var(--line);background:#fff}
.pv-thumb img{width:104px;aspect-ratio:16/9;object-fit:cover;border-radius:9px;border:1px solid var(--line);flex-shrink:0}
.pv-thumb-t{font-size:12.5px;font-weight:700;color:var(--ink)}
.pv-thumb-s{font-size:11.5px;font-weight:300;color:var(--muted);margin-top:2px}

.gate{margin-top:13px;border:1.5px solid var(--line);background:var(--bg-2);border-radius:16px;padding:16px 18px;display:flex;gap:12px}
.gate-ic{font-size:20px;line-height:1.2;flex-shrink:0}
.gate-t{font-size:13.5px;font-weight:700;color:var(--red-d);margin-bottom:4px}
.gate.is-ok .gate-t{color:var(--ink)}
.gate-b{font-size:12.5px;font-weight:300;color:var(--ink-2);line-height:1.75}
.gate-b b{color:var(--red-d);font-weight:700}
.gate.is-ok .gate-b b{color:var(--ink)}

.post-box{margin-top:15px}
.post-target{display:flex;align-items:center;gap:11px;padding:14px 16px;border:1.5px solid var(--line);background:#fff;border-radius:13px;margin-bottom:12px}
.post-target-ic{width:32px;height:32px;border-radius:9px;background:var(--bg-2);border:1px solid var(--line);display:grid;place-items:center;font-size:15px;flex-shrink:0}
.post-target-t{font-size:13.5px;font-weight:700;color:var(--ink)}
.post-target-s{font-size:11.5px;font-weight:300;color:var(--muted)}
.btn-post{width:100%;padding:17px;border-radius:14px;background:var(--blue);color:#fff;font-size:16px;font-weight:700;box-shadow:0 3px 0 var(--blue-d);transition:all .14s}
.btn-post:hover:not(:disabled){background:#3F68BC}
.btn-post:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 var(--blue-d)}
.btn-post:disabled{background:#C9CDD6;box-shadow:0 3px 0 #B3B8C3;cursor:not-allowed}
.post-msg{margin-top:11px;font-size:13px;font-weight:700;line-height:1.7;display:none}
.post-msg.is-err{display:block;color:var(--red-d)}
.post-msg.is-ok{display:block;color:var(--ink)}
.sub-actions{display:flex;gap:8px;margin-top:11px}
.sub-actions .mini-btn{flex:1;padding:11px}

.step-node{display:flex;align-items:center;gap:11px;padding:13px 0;margin-top:2px;border-top:1px solid var(--line-2)}
.node-ic{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:var(--bg-2);box-shadow:inset 0 0 0 1.5px var(--line);display:grid;place-items:center;font-size:14px}
.node-label{font-size:14px;font-weight:700;color:var(--ink-2)}
.node-dot{margin-left:auto;width:15px;height:15px;border-radius:50%;background:var(--line);box-shadow:inset 0 0 0 1.5px #DDE0E7;display:grid;place-items:center;font-size:9px;color:#fff;transition:background .2s}
.node-dot.is-done{background:var(--done);box-shadow:none}
.node-dot.is-done::after{content:"✓";font-weight:700}

.step-actions{display:flex;gap:10px}
.btn-primary{flex:1;padding:17px;border-radius:14px;background:var(--blue);color:#fff;font-size:16px;font-weight:700;box-shadow:0 3px 0 var(--blue-d);transition:all .14s}
.btn-primary:hover:not(:disabled){background:#3F68BC}
.btn-primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 var(--blue-d)}
.btn-primary:disabled{background:#C9CDD6;box-shadow:0 3px 0 #B3B8C3;cursor:not-allowed}
.btn-back{padding:17px 26px;border-radius:14px;border:1.5px solid var(--line);background:#fff;font-size:15px;font-weight:700;color:var(--muted);transition:all .15s}
.btn-back:hover{background:var(--bg-2);color:var(--ink)}
.btn-back[hidden]{display:none}

.chiprow{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}
.chip{width:52px;height:52px;border-radius:15px;border:1.5px solid var(--line);background:#fff;display:grid;place-items:center;font-size:20px;line-height:1;box-shadow:0 1px 2px rgba(21,23,28,.04);transition:transform .14s,border-color .16s,background .16s,box-shadow .16s;position:relative}
.chip:hover{transform:translateY(-2px);border-color:var(--line-d);box-shadow:0 6px 14px rgba(21,23,28,.08)}
.chip:active{transform:translateY(0) scale(.94)}
.chip.is-current{border-color:#9AA1AC;border-width:2px;background:var(--bg-2)}
.chip.is-done::after{content:"";position:absolute;top:-3px;right:-3px;width:14px;height:14px;border-radius:50%;background:var(--done);border:2px solid #fff}
.chip.is-locked{opacity:.42}

.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,16px);background:var(--ink);color:#fff;font-size:13.5px;font-weight:700;padding:13px 22px;border-radius:999px;box-shadow:0 12px 30px rgba(0,0,0,.24);opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;z-index:100;max-width:calc(100vw - 32px);text-align:center}
.toast.is-show{opacity:1;transform:translate(-50%,0)}
.view-done{min-height:100vh;display:grid;place-items:center;padding:40px 20px}
.done{text-align:center;max-width:460px}
.done-mark{font-size:64px;margin-bottom:14px;animation:pop .5s cubic-bezier(.2,1.4,.4,1) both}
@keyframes pop{from{opacity:0;transform:scale(.5)}}
.done-title{font-size:30px;font-weight:700;margin-bottom:12px}
.done-body{font-size:14px;font-weight:300;color:var(--muted);line-height:1.9}
.done-acts{display:flex;gap:10px;justify-content:center;margin-top:28px;flex-wrap:wrap}
.done-acts .btn-primary{flex:0 1 auto;padding:16px 32px}

html.logo-failed img[data-logo]{display:none}
html.logo-failed .topbar-mark::after,
html.logo-failed .appbar-mark::after{content:"iPad Garden";font-weight:700;font-size:16px;color:var(--blue)}
html.logo-failed .hero-stage::after{content:"iPad Garden";display:block;font-weight:700;font-size:clamp(38px,8vw,72px);color:var(--blue);line-height:1.1}

@media (max-width:920px){
  .wiz-grid{grid-template-columns:1fr;padding-bottom:56px}
  .col-side{position:static;order:2}
  .col-main{order:1}
  .stepcard{min-height:auto}
  .appbar-nav{display:none}
}
@media (max-width:560px){
  .hero-stage{max-width:100%}
  .deco-1,.deco-6{display:none}
  .deco-chip{font-size:10.5px;padding:4px 9px}
  .btn-hero{width:100%;max-width:340px;padding:18px 24px}
  .catstrip{gap:10px 16px;padding:16px}
  .cat{font-size:12px}
  .cat-ic{width:22px;height:22px;font-size:11px}
  .chip{width:44px;height:44px;border-radius:13px;font-size:17px}
  .chiprow{gap:7px}
  .step-actions{flex-direction:column-reverse}
  .btn-back{width:100%}
  .stepcard{border-radius:20px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

.view:not(.is-active){display:none!important}