/* Simple mode: home screen, big buttons, help, warnings, swipe preview, bigger text */
.tabs button[data-view="view-home"]{--t:#5B6CFF}
body.adv-off [data-adv]{display:none!important}
/* home */
#view-home .home{max-width:760px;margin:0 auto;padding:14px 14px 30px;display:flex;flex-direction:column;gap:14px}
.home-t{margin:4px 2px 0;font-family:var(--fd);font-size:24px;line-height:1.2}
.homegrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hbtn{--t:var(--violet);display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:start;min-height:150px;padding:16px;border-radius:22px;border:0;cursor:pointer;color:#fff;
  background:linear-gradient(145deg,var(--t),color-mix(in srgb,var(--t) 60%,#000 10%));box-shadow:0 12px 24px -14px var(--t)}
.hbtn .hi{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.25);font-size:28px}
.hbtn b{font-size:18px;line-height:1.2}
.hbtn small{font-size:13px;line-height:1.3;opacity:.92}
.hbtn:active,.hfind:active{transform:scale(.98)}
.hfind{display:flex;align-items:center;gap:12px;padding:16px;border-radius:18px;border:2px solid color-mix(in srgb,#3A94D8 40%,transparent);background:color-mix(in srgb,#3A94D8 12%,var(--panel));color:var(--ink);font-size:16px;cursor:pointer;text-align:start}
.hfind span{font-size:26px}.hfind b{flex:1}.hfind i{font-style:normal;font-size:26px;color:var(--muted)}
.lastcard{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}
.lastcard div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.lastcard small{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.homeset h3{margin:0 0 12px;font-family:var(--fd);font-size:18px}
.switch{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);cursor:pointer}
.switch input{appearance:none;-webkit-appearance:none;flex:none;width:50px;height:30px;border-radius:999px;background:var(--line);position:relative;cursor:pointer;transition:background .2s}
.switch input::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:left .2s}
.switch input:checked{background:var(--leaf)}.switch input:checked::after{left:23px}
.switch span{display:flex;flex-direction:column;gap:2px}.switch small{font-size:12.5px;color:var(--muted)}
@media (max-width:360px){.homegrid{grid-template-columns:1fr}}
/* guide + help */
.guidewrap{display:flex;flex-direction:column;gap:8px}
.helpbtn{align-self:center;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-weight:700;font-size:14px;padding:8px 18px;border-radius:999px;cursor:pointer}
.helpmodal{position:fixed;inset:0;z-index:96;display:grid;place-items:center;background:rgba(10,6,20,.5);padding:18px}
.hm-in{width:100%;max-width:380px;background:var(--panel);border-radius:22px;padding:26px 22px;text-align:center;box-shadow:var(--shadow)}
.hm-pic{font-size:84px;line-height:1.1}
.hm-t{font-size:18px;font-weight:600;line-height:1.4;margin:16px 0}
.hm-dots{display:flex;justify-content:center;gap:8px;margin-bottom:18px}
.hm-dots i{width:10px;height:10px;border-radius:50%;background:var(--line)}.hm-dots i.on{background:var(--violet)}
.hm-in .go{width:100%}
/* drawing level */
.level{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.level button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:16px;border:2px solid var(--line);background:var(--field);color:var(--ink);cursor:pointer}
.level button.on{border-color:var(--coral);background:color-mix(in srgb,var(--coral) 12%,var(--panel))}
.level b{font-size:16px}.level small{font-size:12.5px;color:var(--muted)}
.lv-pic{display:grid;grid-template-columns:repeat(2,14px);gap:3px;margin-bottom:4px}
.lv-pic.eight{grid-template-columns:repeat(4,10px)}
.lv-pic i{display:block;height:14px;border-radius:3px;background:color-mix(in srgb,var(--coral) 55%,transparent)}
.lv-pic.eight i{height:10px}
/* passport documents */
.docs{margin-top:16px}
.docs-t{margin:0 0 8px;font-weight:700;font-size:15px}
.docgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.docgrid button{display:flex;align-items:center;gap:8px;min-height:52px;padding:8px 10px;border-radius:14px;border:2px solid var(--line);background:var(--field);color:var(--ink);font-weight:600;font-size:13.5px;text-align:start;cursor:pointer;line-height:1.2}
.docgrid button span{font-size:22px;flex:none}
.docgrid button.on{border-color:var(--leaf);background:color-mix(in srgb,var(--leaf) 14%,var(--panel))}
.ppwarn{margin:0 0 12px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--saffron) 22%,var(--panel));border:2px solid color-mix(in srgb,var(--saffron) 60%,transparent);font-weight:700;font-size:15px;line-height:1.35}
.ppwarn p{margin:0}.ppwarn p+p{margin-top:6px}
.ppwarn.ok{background:color-mix(in srgb,var(--leaf) 16%,var(--panel));border-color:color-mix(in srgb,var(--leaf) 50%,transparent)}
/* printer tips as pictures */
.tipcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:12px}
.tipcard{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:14px;background:var(--field);border:1px solid var(--line);text-align:center}
.tc-i{font-size:34px;line-height:1}.tc-t{font-size:13px;font-weight:600;line-height:1.3}
/* undo message */
.toast2{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:92;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 24px);padding:12px 12px 12px 18px;border-radius:14px;background:var(--ink);color:var(--bg);font-weight:600;box-shadow:0 10px 24px -10px rgba(0,0,0,.5)}
.toast2 button{border:0;border-radius:10px;padding:8px 14px;font-weight:800;background:var(--saffron);color:#222;cursor:pointer}
/* swipe preview on phones */
.swipecount{text-align:center;margin:10px 0 0;font-size:14px;font-weight:700;color:var(--muted)}
@media (max-width:899px){
  .sheets:not(.single){display:flex!important;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}
  .sheets:not(.single)::-webkit-scrollbar{display:none}
  .sheets:not(.single) > figure{flex:0 0 88%;scroll-snap-align:center;margin:0}
  .sheets:not(.single) > figure canvas{width:100%!important;height:auto!important}
}
/* bigger text switch */
body.big-text{font-size:18px}
body.big-text .hint,body.big-text .check small,body.big-text .status{font-size:15.5px}
body.big-text label,body.big-text .lbl,body.big-text .check span{font-size:17px}
body.big-text .go{font-size:18px}
body.big-text h2{font-size:21px}
body.big-text .g-txt{font-size:15px}
body.big-text .hbtn b{font-size:20px}body.big-text .hbtn small{font-size:14.5px}
body.big-text .tabbar .tabs button{font-size:16px}
#view-home .home{padding-bottom:120px}

.homegrid > .hbtn:last-child:nth-child(odd){grid-column:1 / -1;min-height:120px}
