/* SNLE+ V72 — app redesign (design handoff "SNLE App v2").
   Tokens, top bar, navigation, Home, Study, subject book, Drill, collections, You, locks, paywall, welcome and tour.
   Layout is authored with logical properties so the same markup is right-to-left in Arabic and left-to-right in English. */
:root{
  --ink:#17140F;--screen:#FAFAF8;--paper:#FBFAF8;--surface:#FFFEFC;
  --soft-border:#E6E2DB;--soft-shadow:#ECE8E2;--track:#ECE8E2;--dashed:#D8D3CB;
  --text:#4E463C;--muted:#67625A;--meta:#8A857D;
  --purple:#A487DE;--purple-deep:#8467C4;--purple-dark:#6E4CC5;--purple-tint:#F3EEFC;--purple-tint2:#F8F3FD;--purple-edge:#CCB7F0;
  --coral:#F2695C;--coral-deep:#E4563F;--coral-dark:#C9482F;--coral-tint:#FDF1EE;--coral-edge:#F0BBAC;
  --blue:#58A9E8;--blue-deep:#2F80C4;--blue-tint:#EEF5FC;--blue-edge:#B0D2F0;
  --mint:#4FAE86;--mint-deep:#2C7A5D;--mint-tint:#EEF8F3;--mint-edge:#AEDCC0;
  --v2-font:'Noto Sans Arabic','Space Grotesk',system-ui,sans-serif;--num-font:'Space Grotesk',system-ui,sans-serif;
}
html,body{background-color:var(--screen)!important;background-image:linear-gradient(rgba(20,24,26,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,24,26,.05) 1px,transparent 1px)!important;background-size:26px 26px!important}
.v2,.v2 *,.v2 *::before,.v2 *::after,.v2-spot,.v2-dim,.v2-tourblock,.v2-backdrop{box-sizing:border-box}
.v2,.v2 button,.v2 input{font-family:var(--v2-font)}
.v2{color:var(--ink)}
.v2[dir="rtl"],.v2[dir="rtl"] *{letter-spacing:0}
.v2 .num,.v2 [dir="ltr"].num{font-family:var(--num-font)}
.v2 button{cursor:pointer;-webkit-tap-highlight-color:transparent}
.v2 h1{margin:0;font-size:36px;font-weight:800;line-height:1.25}
.v2-lead{margin:4px 0 22px;font-size:14.5px;font-weight:500;line-height:1.7;color:var(--muted)}
.v2-sticker{display:inline-block;background:var(--ink);color:var(--surface);border-radius:999px;padding:5px 13px;font-size:12px;font-weight:800;transform:rotate(-2.5deg);box-shadow:0 4px 0 rgba(23,20,15,.16)}
.v2-sticker.is-abs{position:absolute;top:-13px;inset-inline-start:22px;z-index:2}
.v2-tape{position:absolute;z-index:3;width:70px;height:28px;background:linear-gradient(150deg,#EEE9F8,#DCD2F2 55%,#E9E3F6);opacity:.95;box-shadow:0 2px 5px rgba(60,40,110,.14);clip-path:polygon(0 8%,6% 0,14% 9%,24% 1%,34% 10%,46% 2%,58% 11%,70% 3%,82% 12%,92% 4%,100% 12%,100% 88%,92% 100%,80% 90%,68% 99%,56% 89%,44% 98%,32% 88%,20% 97%,10% 87%,0 96%)}
.v2-paper{position:relative;background-color:var(--paper);background-image:repeating-linear-gradient(rgba(150,170,200,0) 0 25px,rgba(150,170,200,.17) 25px 26px);border:3px solid var(--ink);border-radius:22px;box-shadow:6px 6px 0 var(--ink)}
.v2-card{background:var(--surface);border:3px solid var(--ink);border-radius:22px;box-shadow:6px 6px 0 var(--ink)}
.v2-rings{position:absolute;inset-inline-start:-11px;top:22px;bottom:22px;display:flex;flex-direction:column;justify-content:space-around;pointer-events:none}
.v2-rings i{display:block;width:28px;height:13px;border:3px solid var(--purple);background:var(--surface);border-radius:99px}
.v2-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--purple);color:var(--surface);border:2.5px solid var(--ink);border-radius:15px;box-shadow:4px 4px 0 var(--ink);padding:13px;font-size:16px;font-weight:800;line-height:1.4}
.v2-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.v2-btn svg{width:16px;height:16px;fill:var(--surface);flex:0 0 auto}
.v2[dir="ltr"] .v2-btn svg.play,.v2[dir="ltr"] .v2-continue .go .play svg{transform:scaleX(-1)}
.v2-softbtn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:var(--purple-tint);border:2px solid var(--purple-edge);border-radius:14px;padding:12px 14px;font-size:15px;font-weight:800;color:var(--purple-dark);text-align:right}
.v2-softbtn svg,.v2-row svg.chev{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.v2[dir="ltr"] svg.chev{transform:scaleX(-1)}
.v2-row{display:flex;align-items:center;gap:12px;width:100%;text-align:right;background:var(--surface);border:2.5px solid var(--soft-border);border-radius:18px;box-shadow:0 4px 0 var(--soft-shadow);padding:11px 14px;color:var(--ink)}
.v2-row b{display:block;font-size:15px;font-weight:700}
.v2-row small{display:block;font-size:12.5px;font-weight:500;color:var(--muted);margin-top:2px}
.v2-row .chev{color:var(--purple-deep)}
.v2-bar{flex:1;height:10px;background:var(--track);border-radius:99px;overflow:hidden}
.v2-bar > i{display:block;height:100%;background:var(--purple);border-radius:99px}

/* Top bar (tab roots) */
.v2-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 22px}
.v2-brand{display:flex;align-items:center;gap:9px}
.v2-brand img{width:38px;height:38px;border-radius:11px;border:2px solid var(--ink);display:block}
.v2-word{font-family:var(--num-font);font-weight:700;font-size:23px;letter-spacing:-.04em}
.v2-word span{color:var(--coral)}
.v2-topactions{display:flex;align-items:center;gap:6px}
.v2-pill{display:inline-flex;align-items:center;gap:6px;border:2px solid;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800;white-space:nowrap}
.v2-pill i{display:block;width:7px;height:7px;border-radius:50%}
.v2-help{width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:var(--surface);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font-family:var(--num-font);font-size:16px;font-weight:700;color:var(--ink);display:grid;place-items:center;padding:0}
.v2-lang{display:grid;place-items:center;min-width:36px;height:32px;padding:0 8px;background:var(--surface);border:2px solid var(--soft-border);border-radius:999px;font-family:var(--num-font);font-size:12px;font-weight:700;color:var(--muted)}

/* Back row (sub-pages) */
.v2-backrow{display:flex;align-items:center;gap:11px;margin:2px 0 20px}
.v2-backbtn{width:42px;height:42px;flex:0 0 auto;border-radius:50%;background:var(--surface);border:2.5px solid var(--soft-border);box-shadow:0 4px 0 var(--soft-shadow);display:grid;place-items:center;padding:0}
.v2-backbtn svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.v2[dir="ltr"] .v2-backbtn svg{transform:scaleX(-1)}
.v2-backtext{min-width:0;flex:1}
.v2-backtext small{display:block;font-size:12px;font-weight:600;color:var(--meta)}
.v2-backtext b{display:block;font-size:17px;font-weight:800;line-height:1.35}
.v2-crumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:-6px 2px 18px}
.v2-crumbs span.c{border:1.5px solid;border-radius:999px;padding:1px 10px;font-size:12px;font-weight:800;line-height:20px}
.v2-crumbs i{font-style:normal;color:var(--meta);font-size:13px;font-weight:700}

/* Locks: soft grey-out plus the red "Members only" tag */
.v2-lockable{position:relative}
.v2-veil{position:absolute;inset:0;z-index:6;border-radius:inherit;background:rgba(250,250,248,.4);pointer-events:none}
.v2-tag{position:absolute;z-index:7;pointer-events:none}
.v2-tag > span{display:flex;flex-direction:row-reverse;align-items:center;gap:4px;height:23px;padding:0 5px 0 8px;background:var(--coral-deep);color:var(--surface);border:2px solid var(--ink);border-radius:12px 6px 6px 12px;box-shadow:2px 2px 0 var(--ink);transform:rotate(-8deg);white-space:nowrap;direction:ltr}
.v2-tag b{font-family:var(--v2-font);font-size:11px;font-weight:800}
.v2-tag svg{width:9px;height:9px;flex:0 0 auto;fill:none;stroke:var(--surface);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.v2-tag em{display:block;width:7px;height:7px;border-radius:50%;background:var(--screen);border:1.5px solid var(--ink)}
.v2-tag.is-hang{width:128px;height:46px}
.v2[dir="ltr"] .v2-tag.is-hang{inset-inline-end:auto!important;inset-inline-start:10px!important}
.v2-tag.is-hang > svg.string{position:absolute;inset:0;width:128px;height:46px;overflow:visible}
.v2-tag.is-hang > span{position:absolute;left:22px;top:12px;height:28px;gap:6px;padding:0 7px 0 11px;border-radius:14px 7px 7px 14px}
.v2-tag.is-hang b{font-size:12px}
.v2-tag.is-hang svg.lock{width:11px;height:11px}
.v2-tag.is-hang em{width:9px;height:9px;border-width:2px}
.v2-flattag{flex:0 0 auto;display:flex;flex-direction:row-reverse;align-items:center;gap:4px;height:22px;padding:0 5px 0 8px;background:var(--coral-deep);color:var(--surface);border:2px solid var(--ink);border-radius:11px 6px 6px 11px;box-shadow:2px 2px 0 var(--ink);white-space:nowrap;direction:ltr;position:relative;z-index:2}
.v2-flattag b{font-size:11px;font-weight:800}
.v2-flattag svg{width:9px;height:9px;fill:none;stroke:var(--surface);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}

/* Home */
.v2-greet{font-size:14px;font-weight:600;color:var(--muted);margin:0 2px 12px}
.v2-countdown{position:relative;background-color:#F4F3F0;background-image:repeating-linear-gradient(90deg,rgba(140,168,208,.4) 0 1.5px,rgba(0,0,0,0) 1.5px 26px);border:2.5px solid var(--soft-border);border-radius:28px;box-shadow:0 6px 0 var(--soft-shadow);padding:18px 10px 38px;margin:0 0 46px;text-align:center}
.v2-countdown .cd-head{display:flex;align-items:center;justify-content:center;gap:10px}
.v2-countdown .cd-head i{display:block;width:6px;height:6px;border-radius:50%;background:var(--coral)}
.v2-countdown .cd-head > span{font-size:13px;font-weight:800;color:var(--muted)}
.v2-datecard{position:relative;display:block;margin:12px auto 0;max-width:290px;background:var(--surface);border:3px solid var(--ink);border-radius:16px;box-shadow:5px 5px 0 var(--ink);padding:12px 14px 14px;cursor:pointer}
.v2-datecard b{display:block;font-size:25px;font-weight:800;line-height:1.35}
.v2-datecard small{display:block;font-size:12px;font-weight:800;color:var(--purple-deep);margin-top:1px}
.v2-datecard input{width:100%;margin-top:8px;background:var(--purple-tint2);border:2px solid var(--purple-edge);border-radius:11px;padding:7px 10px;font-family:var(--num-font);font-size:15px;font-weight:700;color:var(--ink);text-align:center}
.v2-flip{display:flex;justify-content:center;align-items:flex-start;gap:5px;margin-top:20px}
.v2-flip .grp{display:flex;flex-direction:column;align-items:center;gap:8px}
.v2-flip .tiles{display:flex;gap:3px;border-radius:13px;padding:5px;box-shadow:4px 4px 0 var(--ink)}
.v2-flip .tiles > span{display:grid;place-items:center;width:28px;height:42px;border-radius:5px;background-color:var(--surface);background-image:linear-gradient(rgba(0,0,0,0) calc(50% - 1px),rgba(23,20,15,.22) calc(50% - 1px),rgba(23,20,15,.22) 50%,rgba(0,0,0,0) 50%);font-family:var(--num-font);font-weight:700;font-size:24px;color:var(--ink)}
.v2-flip .lbl{font-size:12px;font-weight:800;color:var(--muted)}
.v2-flip > b{font-size:20px;font-weight:900;margin-top:10px}
.v2-ecg{position:absolute;left:50%;bottom:-23px;transform:translateX(-50%);width:56px;height:48px;display:block}
.v2-next{position:relative;margin:0 0 32px}
.v2-next .v2-paper{padding:28px 34px 20px 18px;padding-inline-start:34px;padding-inline-end:18px}
.v2-doodles{position:absolute;inset-inline-end:14px;top:22px;width:84px;height:78px;pointer-events:none}
.v2-next .k{font-size:12.5px;font-weight:800;color:var(--coral-deep);max-width:calc(100% - 92px)}
.v2-next .t{font-size:22px;font-weight:800;line-height:1.35;margin-top:6px;max-width:calc(100% - 92px)}
.v2-next .m{font-size:13.5px;font-weight:500;color:var(--muted);margin-top:4px}
.v2-next .prog{display:flex;align-items:center;gap:10px;margin-top:14px}
.v2-next .prog b{font-size:12px;font-family:var(--num-font)}
.v2-next .v2-btn{margin-top:16px}
.v2-ready{position:relative;margin:0 0 30px}
.v2-ready .v2-card{padding:26px 18px 18px}
.v2-ready .top{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.v2-ready .top b.t{display:block;font-size:20px;font-weight:800;line-height:1.35}
.v2-ready .top p{margin:4px 0 0;font-size:13px;font-weight:500;line-height:1.65;color:var(--muted)}
.v2-ready .big{flex:0 0 auto;font-family:var(--num-font);font-weight:700;font-size:46px;line-height:.9;letter-spacing:-.05em}
.v2-ready .big small{font-size:20px;letter-spacing:0}
.v2-journey{display:flex;align-items:center;gap:6px;margin-top:14px;background:var(--mint-tint);border:2px solid var(--mint-edge);border-radius:14px;padding:6px 10px}
.v2-journey svg{display:block}
.v2-rgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.v2-rtile{position:relative;display:block;width:100%;text-align:right;border:2.5px solid;border-radius:15px;padding:12px 12px 11px;color:var(--ink)}
.v2-rtile b.n{display:block;font-size:13.5px;font-weight:700;line-height:1.35}
.v2-rtile .row{display:flex;align-items:center;gap:8px;margin-top:8px}
.v2-rtile .row > span{flex:1;height:6px;background:var(--surface);border-radius:99px;overflow:hidden}
.v2-rtile .row > span i{display:block;height:100%;border-radius:99px}
.v2-rtile .row b{font-family:var(--num-font);font-size:14px}
.v2-rtile .weak{position:absolute;top:-10px;inset-inline-end:10px;background:var(--coral-deep);color:var(--surface);border:2px solid var(--ink);border-radius:999px;padding:0 8px;font-size:11px;font-weight:800;line-height:18px}
.v2-ready .v2-softbtn{margin-top:16px}
.v2-sechead{display:flex;align-items:baseline;justify-content:space-between;margin:0 2px 10px}
.v2-sechead b{font-size:16px;font-weight:800}
.v2-sechead span{font-size:12.5px;font-weight:500;color:var(--meta)}
.v2-rows{display:flex;flex-direction:column;gap:10px}
.v2-ico{flex:0 0 auto;width:46px;height:46px;border-radius:14px;background:var(--coral-tint);border:2px solid var(--coral-edge);display:grid;place-items:center;overflow:hidden;font-family:var(--num-font);font-weight:700;font-size:19px;color:var(--coral-deep)}
.v2-ico img{width:120%;display:block}
.v2-streak{display:flex;align-items:center;gap:8px;margin-top:22px;font-size:13px;color:var(--muted);font-weight:600}
.v2-streak img{width:22px;display:block}

/* Study */
.v2-continue{position:relative;margin:6px 0 34px}
.v2-continue .frame{background:#CBB6F2;border:3px solid var(--ink);border-radius:18px;box-shadow:6px 6px 0 var(--ink);padding:10px}
.v2-continue .inner{position:relative;display:block;width:100%;text-align:right;background-color:var(--paper);background-image:repeating-linear-gradient(rgba(150,170,200,0) 0 25px,rgba(150,170,200,.17) 25px 26px);border:2.5px solid var(--ink);border-radius:11px;padding:18px 16px 16px;color:var(--ink);overflow:hidden}
.v2-continue .doodle{position:absolute;inset-inline-end:10px;top:12px;width:96px;height:92px;pointer-events:none}
.v2-continue small.k{display:block;font-size:12.5px;font-weight:800;color:var(--purple-deep);max-width:calc(100% - 104px)}
.v2-continue b.t{display:block;font-size:22px;font-weight:800;line-height:1.4;margin-top:4px;max-width:calc(100% - 104px)}
.v2-continue span.m{display:block;font-size:13px;font-weight:500;line-height:1.6;color:var(--muted);margin-top:4px;max-width:calc(100% - 104px)}
.v2-continue .go{display:flex;align-items:center;gap:10px;margin-top:14px}
.v2-continue .go .play{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:var(--purple);border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);display:grid;place-items:center}
.v2-continue .go .play svg{width:16px;height:16px;fill:var(--surface)}

.v2-continue .go > span.bar{flex:1;height:8px;background:var(--track);border-radius:99px;overflow:hidden}
.v2-continue .go > span.bar i{display:block;height:100%;background:var(--purple)}
.v2-continue .go b{font-family:var(--num-font);font-size:12.5px}
.v2-shelf{position:relative;margin:0 0 30px;padding-top:4px}
.v2-shelf .row{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 6px}
.v2-shelf .row + .wood + .row{margin-top:22px}
.v2-wood{position:relative;z-index:2;margin-top:-10px}
.v2-wood i{display:block;height:12px;background:linear-gradient(#F2D8AC,#E3BC88);border:2.5px solid var(--ink);border-bottom:none;border-radius:8px 8px 0 0}
.v2-wood b{display:block;height:16px;background:linear-gradient(#D8A76B,#BE8B51);border:2.5px solid var(--ink);border-top:none;border-radius:0 0 12px 12px;box-shadow:0 5px 0 var(--ink)}
.v2-binder{position:relative;display:block;width:100%;padding:12px 0 0;background:none;border:0;color:var(--ink)}
.v2-binder .tab{position:absolute;top:0;inset-inline-end:16px;width:30px;height:16px;border:2.5px solid var(--ink);border-bottom:none;border-radius:7px 7px 0 0}
.v2-binder .body{position:relative;display:block;border:2.5px solid var(--ink);border-radius:10px;box-shadow:3px 4px 0 var(--ink);padding:10px 10px 22px;padding-inline-start:22px;overflow:hidden}
.v2-binder .spine{position:absolute;inset-inline-start:0;top:0;bottom:0;width:13px;border-inline-end:2.5px solid var(--ink)}
.v2-binder .label{display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--surface);border:2.5px solid var(--ink);border-radius:9px;padding:12px 6px 10px;text-align:center;box-shadow:2px 2px 0 rgba(23,20,15,.16)}
.v2-binder .mono{width:30px;height:30px;border-radius:50%;border:2px solid;display:grid;place-items:center;font-weight:800;font-size:14px}
.v2-binder .label b{font-size:15px;font-weight:800;margin-top:3px}
.v2-binder .label small{font-size:12px;font-weight:500;color:var(--muted)}
.v2-binder .ring{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:26px;height:11px;border-radius:999px;border:2.5px solid var(--ink)}
.v2-binder.is-locked .v2-veil{inset:12px 0 0 0;border-radius:10px}
.v2-tools{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:4px}
.v2-tool{position:relative;display:flex;flex-direction:column;width:100%;text-align:right;background:none;border:0;padding:0;color:var(--ink)}
.v2-tool .pic{position:relative;display:block;height:138px;margin:4px 12px 0 6px;margin-inline-start:6px;margin-inline-end:12px}
.v2-tool > b{display:block;font-size:17px;font-weight:800;line-height:1.35;margin-top:14px}
.v2-tool > small{display:block;font-size:12.5px;font-weight:500;line-height:1.6;color:var(--muted)}
.v2-fc1{position:absolute;top:16px;inset-inline-start:14px;bottom:-2px;inset-inline-end:-8px;background:#D5EAFA;border:2.5px solid var(--ink);border-radius:14px;transform:rotate(-7deg)}
.v2-fc2{position:absolute;top:9px;inset-inline-start:6px;bottom:2px;inset-inline-end:0;background:#FBD8CF;border:2.5px solid var(--ink);border-radius:14px;transform:rotate(4deg)}
.v2-fc3{position:absolute;top:0;inset-inline-start:0;bottom:8px;inset-inline-end:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background-color:var(--purple-tint2);background-image:repeating-linear-gradient(rgba(150,170,200,0) 0 20px,rgba(150,170,200,.18) 20px 21px);border:2.5px solid var(--ink);border-radius:14px;box-shadow:3px 3px 0 var(--ink);padding:10px;text-align:center}
.v2-fc3 small{font-size:11px;font-weight:800;color:var(--purple-deep)}
.v2-fc3 b{font-family:var(--num-font);font-size:15px;font-weight:700;line-height:1.3}
.v2-fc3 > span{display:inline-flex;align-items:center;gap:5px;background:var(--purple);color:var(--surface);border:2px solid var(--ink);border-radius:999px;padding:1px 10px;font-size:11.5px;font-weight:800;line-height:20px}
.v2-fc3 > span svg{width:13px;height:13px;fill:none;stroke:var(--surface);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.v2-nb{position:absolute;top:0;inset-inline-start:0;bottom:8px;inset-inline-end:8px;background-color:var(--surface);background-image:repeating-linear-gradient(rgba(150,170,200,0) 0 19px,rgba(150,170,200,.4) 19px 20px);border:2.5px solid var(--ink);border-radius:14px 6px 6px 14px;box-shadow:3px 3px 0 var(--ink);padding:17px 10px 10px;padding-inline-start:26px;overflow:hidden}
.v2[dir="rtl"] .v2-nb{border-radius:6px 14px 14px 6px}
.v2-nb .margin{position:absolute;inset-inline-start:18px;top:0;bottom:0;width:1.5px;background:var(--coral-edge)}
.v2-nb span.h{display:block;font-family:'Aref Ruqaa',serif;font-size:15px;line-height:20px;color:var(--ink);white-space:nowrap}
.v2-nb span.h.first{font-size:16px;color:var(--purple-dark)}
.v2-nb img{position:absolute;inset-inline-end:10px;bottom:12px;width:24px;transform:rotate(-12deg)}
.v2-nbrings{position:absolute;inset-inline-start:-7px;top:14px;bottom:22px;display:flex;flex-direction:column;justify-content:space-between}
.v2-nbrings i{display:block;width:17px;height:9px;border:2.5px solid var(--ink);background:var(--screen);border-radius:99px}
.v2-nbtape{position:absolute;top:-7px;inset-inline-end:34%;width:48px;height:17px;background:rgba(203,182,242,.85);transform:rotate(-5deg)}

/* Subject book */
.v2-book{position:relative;padding-inline-end:40px}
.v2-booktabs{position:absolute;top:24px;inset-inline-end:0;width:40px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;z-index:3}

.v2-booktabs button{height:84px;display:grid;place-items:center;border:2.5px solid var(--ink);border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:14px;border-end-end-radius:14px;font-size:12.5px;font-weight:800;writing-mode:vertical-rl;padding:0}
.v2-bookpage{position:relative;z-index:2;min-height:540px;background-color:var(--paper);background-image:repeating-linear-gradient(rgba(150,170,200,0) 0 24px,rgba(150,170,200,.15) 24px 25px);border:3px solid var(--ink);border-radius:22px;box-shadow:8px 8px 0 var(--ink);padding:22px 16px 20px;padding-inline-start:36px;overflow:hidden}
.v2-bookrings{position:absolute;inset-inline-start:-10px;top:26px;bottom:26px;width:30px;display:flex;flex-direction:column;justify-content:space-around;pointer-events:none;z-index:2}
.v2-bookrings i{display:block;width:30px;height:14px;border:3px solid #B9B2A6;border-radius:999px}
.v2-bookmargin{position:absolute;inset-inline-start:24px;top:0;bottom:0;width:2px;background:rgba(240,187,172,.65)}
.v2-bookpage .kick{font-size:12.5px;font-weight:800}
.v2-bookpage h1{margin:4px 0 0;font-size:27px;font-weight:800;line-height:1.3}
.v2-bookpage .meta{display:flex;align-items:center;gap:10px;margin-top:8px}
.v2-bookpage .meta i{display:block;width:90px;height:7px;border-radius:999px}
.v2-bookpage .meta span{font-size:13px;font-weight:700}
.v2-lessons{display:flex;flex-direction:column;gap:9px;margin-top:18px}
.v2-lesson{position:relative;display:flex;align-items:center;gap:12px;width:100%;text-align:right;background:var(--surface);border:2.5px solid var(--soft-border);border-radius:16px;padding:10px 12px;color:var(--ink)}
.v2-lesson.is-current{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}
.v2-lesson .sn{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 100%,16% 100%,0 76%);box-shadow:2px 3px 0 rgba(23,20,15,.16);transform:rotate(3deg);font-family:var(--num-font);font-size:14px;font-weight:700;color:#3E3831}
.v2-lesson .tx{flex:1;min-width:0}
.v2-lesson .tx b{display:block;font-size:14.5px;font-weight:800;line-height:1.4}
.v2-lesson .tx > span{display:block;font-size:11.5px;font-weight:800;margin-top:1px}
.v2-lesson .grey{position:absolute;inset:0;border-radius:14px;background:rgba(250,250,248,.45);pointer-events:none}
.v2-lesson svg.chev{width:15px;height:15px;flex:0 0 auto;fill:none;stroke:#B9B2A6;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.v2-bookpage p.x{margin:8px 0 0;font-size:14.5px;font-weight:500;line-height:1.8;color:var(--muted)}
.v2-memtable{margin-top:16px;background:var(--surface);border:2.5px solid var(--ink);border-radius:14px;overflow:hidden}
.v2-memtable div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1.5px dashed var(--soft-border)}
.v2-memtable div:last-child{border-bottom:0}
.v2-memtable b{font-size:14px;font-weight:700}
.v2-memtable b.v{font-family:var(--num-font);font-size:13.5px}
.v2-chip{display:inline-block;margin-top:12px;background:var(--purple-tint);border:1.5px solid var(--purple-edge);color:var(--purple-dark);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800}
.v2-bookpage .v2-btn{margin-top:18px}

/* Drill */
.v2-drillhead{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v2-drillhead img{width:96px;display:block;margin:-14px 0 -18px -8px;margin-inline-end:-8px;margin-inline-start:0}
.v2-tracker{position:relative;padding:18px 18px 16px;margin:0 0 34px}
.v2-tracker .top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.v2-tracker small.k{display:block;font-size:12.5px;font-weight:800;color:var(--purple-deep)}

.v2-tracker small.s{display:block;font-size:13px;font-weight:500;color:var(--muted);margin-top:4px}
.v2-stamp{flex:0 0 auto;width:80px;height:80px;border-radius:50%;border:3px solid #7A58CC;box-shadow:inset 0 0 0 3px var(--surface),inset 0 0 0 5px #7A58CC;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-12deg);color:#7A58CC;margin-top:2px}
.v2-stamp b{font-family:var(--num-font);font-size:22px;font-weight:700;line-height:1}
.v2-stamp small{font-size:11px;font-weight:800;margin-top:2px}
.v2-stackbar{position:relative;display:flex;height:20px;margin-top:16px;border:2.5px solid var(--ink);border-radius:99px;overflow:hidden;background:var(--track)}
.v2-stackbar > span{display:block;height:100%}
.v2-stackbar > i{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(23,20,15,.2) 0 1.5px,rgba(0,0,0,0) 1.5px 10%)}
.v2-counters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.v2-counters div{border:2px solid;border-radius:13px;padding:8px 10px}
.v2-counters b{display:block;font-family:var(--num-font);font-size:21px;font-weight:700;text-align:right;line-height:1.2}
.v2-counters small{font-size:12px;font-weight:800}
.v2-recallhero{position:relative;margin:0 0 28px;border-radius:22px}
.v2-recallhero .v2-paper{padding:26px 18px 18px;padding-inline-start:34px}
.v2-recallhero .t{font-size:22px;font-weight:800;line-height:1.35}
.v2-recallhero p{margin:4px 0 0;font-size:14px;font-weight:500;line-height:1.7;color:var(--muted)}
.v2-path{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px;font-size:12px;font-weight:700;color:var(--purple-dark)}
.v2-path > span{background:var(--purple-tint);border-radius:999px;padding:3px 9px}
.v2-recallhero .v2-btn{margin-top:16px}
.v2-mistakes{position:relative;display:block;width:100%;text-align:right;background:var(--coral-tint);border:3px solid var(--ink);border-radius:22px;box-shadow:6px 6px 0 var(--ink);padding:18px 18px 16px;color:var(--ink);margin:0 0 34px}
.v2-mistakes .row{display:flex;align-items:center;gap:14px}
.v2-mistakes .lbl{display:inline-block;background:var(--coral-deep);color:var(--surface);border:2px solid var(--ink);border-radius:999px;padding:0 11px;font-size:12px;font-weight:800;line-height:22px;transform:rotate(-2deg)}
.v2-mistakes b.t{display:block;font-size:20px;font-weight:800;line-height:1.4}
.v2-mistakes small.s{display:block;font-size:13.5px;font-weight:500;line-height:1.7;color:var(--muted);margin-top:2px}
.v2-mistakes .page{flex:0 0 auto;width:82px;height:94px;background:var(--surface);background-image:repeating-linear-gradient(rgba(240,187,172,0) 0 17px,rgba(240,187,172,.5) 17px 18px);border:2.5px solid var(--ink);border-radius:12px;box-shadow:3px 3px 0 var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(3deg)}
.v2-mistakes .page b{font-family:var(--num-font);font-size:40px;font-weight:700;line-height:1;color:var(--coral-deep)}
.v2-mistakes .page small{font-size:11.5px;font-weight:800;color:var(--muted);margin-top:4px}
.v2-mistakes .cta{display:flex;align-items:center;justify-content:space-between;margin-top:14px;background:var(--surface);border:2px solid var(--coral-edge);border-radius:14px;padding:11px 14px;font-size:15px;font-weight:800;color:var(--coral-dark)}
.v2-mistakes .cta svg{width:18px;height:18px;fill:none;stroke:var(--coral-dark);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.v2[dir="ltr"] .v2-mistakes .cta svg{transform:scaleX(-1)}
.v2-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:40px}
.v2-mode{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;border:2.5px solid var(--ink);border-radius:16px;box-shadow:4px 4px 0 var(--ink);padding:28px 6px 14px;text-align:center;color:var(--ink)}
.v2-mode .n{position:absolute;top:-16px;left:50%;width:34px;height:34px;margin-left:-17px;border-radius:50%;color:var(--surface);border:3px solid var(--surface);box-shadow:0 3px 8px rgba(23,20,15,.2);display:grid;place-items:center;font-family:var(--num-font);font-weight:700;font-size:15px}
.v2-mode svg.i{width:34px;height:34px;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.v2-mode b{font-size:14.5px;font-weight:800;line-height:1.35}
.v2-mode small{font-size:11.5px;font-weight:500;line-height:1.5;color:var(--muted)}
.v2-mode .v2-tag{bottom:-14px;left:50%;margin-left:-34px}

/* Collections */
.v2-sources{display:flex;flex-direction:column;gap:20px}
.v2-source{position:relative;display:block;width:100%;text-align:right;background:none;border:0;padding:17px 0 0;color:var(--ink)}
.v2-source .ftab{position:absolute;top:0;inset-inline-start:0;height:20px;padding:0 14px;border:2.5px solid var(--ink);border-bottom:0;border-radius:10px 10px 0 0;font-size:11.5px;font-weight:800;line-height:18px}
.v2-source .peek{position:absolute;top:9px;inset-inline-end:22px;inset-inline-start:120px;height:14px;background:var(--surface);border:2px solid var(--ink);border-bottom:0;border-radius:4px 4px 0 0;transform:rotate(-1.5deg)}
.v2-source .body{position:relative;display:block;border:2.5px solid var(--ink);border-start-start-radius:0;border-start-end-radius:16px;border-end-start-radius:16px;border-end-end-radius:16px;box-shadow:5px 5px 0 var(--ink);padding:16px 18px 14px}
.v2-source .row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.v2-source .nm{display:block;font-family:var(--num-font);font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1;text-align:right}
.v2-source small.ar{display:block;font-size:13px;font-weight:600;color:var(--text);margin-top:6px}
.v2-source .qbox{flex:0 0 auto;background:var(--surface);border:2px solid var(--ink);border-radius:12px;padding:5px 10px;text-align:center}
.v2-source .qbox b{display:block;font-family:var(--num-font);font-size:16px;font-weight:700}
.v2-source .qbox small{font-size:11px;font-weight:700;color:var(--muted)}
.v2-source .pr{display:flex;align-items:center;gap:10px;margin-top:12px}
.v2-source .pr > span{flex:1;height:8px;background:var(--surface);border:1.5px solid var(--ink);border-radius:99px;overflow:hidden}
.v2-source .pr > span i{display:block;height:100%}
.v2-source .pr b{font-family:var(--num-font);font-size:12.5px}
.v2-source[disabled]{opacity:.62;cursor:default}
.v2-list{display:flex;flex-direction:column;gap:14px}
.v2-year{display:block;width:100%;text-align:right;background:var(--surface);border:2.5px solid var(--ink);border-radius:18px;box-shadow:4px 4px 0 var(--ink);padding:12px 16px;color:var(--ink)}
.v2-year .row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.v2-year .yr{font-family:var(--num-font);font-size:46px;font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--ink)}
.v2-year .yr.is-words{font-family:var(--v2-font);font-size:26px;letter-spacing:0;line-height:1.3}
.v2-year .side{display:flex;flex-direction:column;align-items:flex-end;gap:5px}

.v2-year .side > span{border:1.5px solid;border-radius:999px;padding:0 10px;font-size:12px;font-weight:800;line-height:20px}
.v2-year .side small{font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap}
.v2-year .line{display:block;height:6px;background:var(--track);border-radius:99px;overflow:hidden;margin-top:10px}
.v2-year .line i{display:block;height:100%}
.v2-month{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;width:100%;text-align:right;background:var(--surface);border:2.5px solid var(--ink);border-radius:18px;box-shadow:4px 4px 0 var(--ink);padding:12px 14px;color:var(--ink)}
.v2-month .no{width:52px;height:56px;border:2.5px solid var(--ink);border-radius:9px;display:grid;place-items:center;box-shadow:2px 3px 0 var(--ink);font-family:var(--num-font);font-weight:700;font-size:18px}
.v2-month b.nm{display:block;font-size:15px;font-weight:700}
.v2-month small{display:block;font-size:12.5px;font-weight:500;color:var(--muted);margin-top:2px}
.v2-month .line{display:block;height:6px;background:var(--track);border-radius:99px;overflow:hidden;margin-top:7px}
.v2-month .line i{display:block;height:100%}
.v2-month b.st{font-size:12px;font-weight:800}
.v2-day{background:var(--surface);border:2.5px solid var(--ink);border-radius:18px;box-shadow:4px 4px 0 var(--ink);padding:14px}
.v2-day .row{display:flex;align-items:center;gap:12px}
.v2-cal{flex:0 0 auto;width:56px;border:2.5px solid var(--ink);border-radius:9px;overflow:hidden;text-align:center;box-shadow:2px 3px 0 var(--ink);background:var(--surface)}
.v2-cal > span{display:block;color:var(--surface);font-size:11px;font-weight:800;line-height:20px;border-bottom:2.5px solid var(--ink)}
.v2-cal > b{display:block;font-family:var(--num-font);font-size:23px;font-weight:700;line-height:34px}
.v2-day .tx{flex:1;min-width:0}
.v2-day .tx b{display:block;font-size:15.5px;font-weight:800}
.v2-day .tx small{display:block;font-size:12.5px;font-weight:500;color:var(--muted);margin-top:2px}
.v2-day b.st{font-size:12px;font-weight:800}
.v2-rounds{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.v2-round{flex:1 1 0;min-width:64px;border:2px solid;border-radius:12px;padding:7px 2px}
.v2-round b{display:block;font-size:12.5px;font-weight:800}
.v2-round small{display:block;font-size:11px;font-weight:700}
.v2-daylinks{display:flex;gap:14px;margin-top:10px;flex-wrap:wrap}
.v2-daylinks button{background:none;border:0;padding:4px 0;font-size:12.5px;font-weight:800;color:var(--purple-deep);text-decoration:underline;text-underline-offset:3px}
.v2-review{margin:0 0 16px}

/* You */
.v2-plan{position:relative;background:var(--purple-tint2);border:3px solid var(--ink);border-radius:22px;box-shadow:6px 6px 0 var(--ink);padding:18px;margin-bottom:24px}
.v2-plan .who{display:flex;align-items:center;gap:12px}
.v2-plan .av{flex:0 0 auto;width:52px;height:52px;border-radius:50%;background:#CBB6F2;border:2.5px solid var(--ink);display:grid;place-items:center;font-weight:800;font-size:20px}
.v2-plan .who b{display:block;font-size:18px;font-weight:800}
.v2-plan .who small{display:block;font-size:12.5px;color:var(--muted);text-align:right}
.v2-plan .deco1{position:absolute;inset-inline-end:16px;top:18px;width:56px}
.v2-plan .deco2{position:absolute;inset-inline-end:62px;top:10px;width:30px;transform:rotate(12deg)}
.v2-plan .box{margin-top:16px;background:var(--surface);border:2px solid;border-radius:15px;padding:12px 14px}
.v2-plan .box .row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v2-plan .box b{font-size:14px;font-weight:700}
.v2-plan .box b.l{font-size:13px;font-weight:800}
.v2-plan .box .line{height:8px;background:var(--track);border-radius:99px;overflow:hidden;margin-top:8px}
.v2-plan .box .line i{display:block;height:100%}
.v2-plan .v2-btn{margin-top:14px}
.v2-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}
.v2-stats div{background:var(--surface);border:2.5px solid var(--soft-border);border-radius:16px;padding:13px 14px}
.v2-stats b{display:block;font-family:var(--num-font);font-size:26px;font-weight:700;text-align:right;line-height:1.1}
.v2-stats div > span{font-size:12.5px;font-weight:500;color:var(--muted)}
.v2-settings{background:var(--surface);border:2.5px solid var(--soft-border);border-radius:20px;overflow:hidden;margin-bottom:26px}
.v2-settings > button,.v2-settings > label{display:flex;align-items:center;gap:10px;width:100%;text-align:right;background:none;border:0;border-bottom:1.5px dashed var(--soft-border);padding:14px 16px;color:var(--ink);cursor:pointer}
.v2-settings > :last-child{border-bottom:0}
.v2-settings b{flex:1;font-size:14.5px;font-weight:700}
.v2-settings > * > span{font-size:13px;font-weight:500;color:var(--muted)}
.v2-settings svg{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:var(--purple-deep);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.v2[dir="ltr"] .v2-settings svg{transform:scaleX(-1)}
.v2-settings input[type=date]{border:2px solid var(--purple-edge);background:var(--purple-tint2);border-radius:10px;padding:4px 8px;font-family:var(--num-font);font-weight:700;font-size:13px;color:var(--ink)}
.v2-accounthead{display:block;margin:0 2px 12px;font-size:16px;font-weight:800}

/* Bottom navigation */
.v2-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:8px 12px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(rgba(250,250,248,0),var(--screen) 30%);display:flex;justify-content:center;pointer-events:none}
.v2-nav > div{pointer-events:auto;width:100%;max-width:620px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:var(--surface);border:2.5px solid var(--soft-border);border-radius:24px;padding:5px;box-shadow:0 5px 0 var(--soft-shadow)}
.v2-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px;border-radius:18px;font-size:12px;font-weight:800;border:2.5px solid transparent;background:transparent;color:var(--muted)}
.v2-nav button.on{background:var(--purple);color:var(--surface);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}
.v2-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}

/* Sheets: paywall, subject chooser */
.v2-backdrop{position:fixed;inset:0;z-index:120;background:rgba(23,20,15,.55);border:0;padding:0}
.v2-sheet{position:fixed;left:50%;transform:translateX(-50%);bottom:0;z-index:121;width:min(100%,560px);max-height:92vh;overflow:auto;background-color:var(--surface);border-top:3px solid var(--ink);border-radius:30px 30px 0 0;padding:12px 22px calc(26px + env(safe-area-inset-bottom));box-shadow:0 -6px 0 rgba(23,20,15,.12)}
.v2-sheet .handle{display:block;width:44px;height:5px;border-radius:99px;background:var(--dashed);margin:0 auto 16px}
.v2-sheet .head{display:flex;align-items:center;gap:12px}
.v2-sheet .head img{width:54px;height:54px;border-radius:15px;border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);display:block}
.v2-sheet .head small{display:block;font-size:12.5px;font-weight:800;color:var(--coral-dark)}
.v2-sheet .head b{display:block;font-size:22px;font-weight:800;line-height:1.35}
.v2-perks{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.v2-perks div{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:600}
.v2-perks .ck{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:var(--mint);border:2px solid var(--ink);display:grid;place-items:center}
.v2-perks .ck svg{width:12px;height:12px;fill:none;stroke:var(--surface);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.v2-price{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;background:var(--purple-tint2);border:2.5px solid var(--ink);border-radius:16px;padding:12px 16px}
.v2-price b.p{display:block;font-size:15px;font-weight:800}
.v2-price small{font-size:12.5px;font-weight:500;color:var(--muted)}
.v2-price b.n{font-family:var(--num-font);font-size:30px;font-weight:700;letter-spacing:-.03em;white-space:nowrap}
.v2-price b.n small{font-family:var(--v2-font);font-size:14px;font-weight:800;color:var(--ink)}
.v2-sheet .v2-btn{margin-top:16px;font-size:17px;padding:14px;border-radius:16px}
.v2-sheet p.mail{margin:10px 0 0;font-size:12.5px;font-weight:500;line-height:1.6;color:var(--muted);text-align:center}
.v2-sheet .later{display:block;width:100%;margin-top:4px;background:none;border:0;padding:8px;font-size:14.5px;font-weight:700;color:var(--muted)}
.v2-sheet .opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.v2-sheet .opts button{background:var(--surface);border:2.5px solid var(--ink);border-radius:14px;box-shadow:3px 3px 0 var(--ink);padding:12px 8px;font-size:14px;font-weight:800;color:var(--ink)}
.v2-sheet .opts button small{display:block;font-family:var(--num-font);font-size:11.5px;font-weight:700;color:var(--muted);margin-top:2px}

/* Welcome sheets */
.v2-welcome{position:fixed;inset:0;z-index:140;background-color:var(--screen);background-image:linear-gradient(rgba(20,24,26,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,24,26,.05) 1px,transparent 1px);background-size:26px 26px;display:flex;justify-content:center;overflow:auto}
.v2-welcome > div{width:100%;max-width:520px;min-height:100%;display:flex;flex-direction:column;padding:40px 26px calc(30px + env(safe-area-inset-bottom))}
.v2-welcome .skip{display:flex;justify-content:flex-end;min-height:24px}
.v2-welcome .skip button{background:none;border:0;font-size:14px;font-weight:700;color:var(--meta)}
.v2-welcome .mid{flex:1;display:flex;flex-direction:column;justify-content:center;padding:24px 0}
.v2-welcome .logo{width:120px;height:120px;border-radius:30px;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);display:block;margin:0 auto 34px}
.v2-welcome h1{margin:0;font-size:28px;font-weight:800;text-align:center;line-height:1.4}
.v2-welcome h1.left{text-align:right;font-size:26px;margin:0 0 22px}
.v2-welcome p{margin:12px auto 0;font-size:15.5px;font-weight:500;line-height:1.8;color:var(--muted);text-align:center;max-width:32ch}
.v2-welcome .four{display:flex;flex-direction:column;gap:12px}
.v2-welcome .four div{display:flex;gap:12px;align-items:center;background:var(--surface);border:2.5px solid var(--ink);border-radius:16px;box-shadow:3px 3px 0 var(--ink);padding:14px 16px}
.v2-welcome .four i{width:40px;height:40px;flex:0 0 auto;border-radius:50%;font-style:normal;font-size:17px;color:var(--surface);display:grid;place-items:center;font-family:var(--num-font);font-weight:700}
.v2-welcome .four b{display:block;font-size:20px;font-weight:800;line-height:1.35}
.v2-welcome .four small{font-size:13.5px;font-weight:500;color:var(--muted)}
.v2-welcome .squiggle{width:110px;display:block;margin:0 auto 26px}
.v2-welcome input[type=date]{width:100%;margin-top:22px;background:var(--surface);border:2.5px solid var(--ink);border-radius:15px;box-shadow:3px 3px 0 var(--ink);padding:14px;font-family:var(--num-font);font-size:17px;font-weight:700;color:var(--ink);text-align:center}
.v2-welcome .dots{display:flex;justify-content:center;gap:7px;margin-bottom:18px}
.v2-welcome .dots i{display:block;height:8px;border-radius:99px}
.v2-welcome .v2-btn{font-size:17px;padding:15px;border-radius:16px}
.v2-welcome .explore{width:100%;margin-top:10px;background:none;border:0;padding:10px;font-size:15px;font-weight:700;color:var(--muted)}

/* Guided tour */
.v2-tourblock{position:fixed;inset:0;z-index:150;background:transparent}
.v2-spot{position:fixed;z-index:151;border-radius:20px;box-shadow:0 0 0 3px var(--purple),0 0 0 9999px rgba(23,20,15,.6);pointer-events:none;transition:left .28s ease,top .28s ease,width .28s ease,height .28s ease}
.v2-dim{position:fixed;inset:0;z-index:151;background:rgba(23,20,15,.6)}
.v2-tip{position:fixed;z-index:155;left:50%;transform:translateX(-50%);width:min(calc(100vw - 32px),420px);background:var(--surface);border:3px solid var(--ink);border-radius:20px;box-shadow:5px 5px 0 var(--ink)}
.v2-tip .arrow{position:absolute;width:20px;height:20px;background:var(--surface);transform:rotate(45deg)}
.v2-tip .arrow.up{top:-12px;border-left:3px solid var(--ink);border-top:3px solid var(--ink)}
.v2-tip .arrow.down{bottom:-12px;border-right:3px solid var(--ink);border-bottom:3px solid var(--ink)}
.v2-tip .hd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px 0}
.v2-tip .sec{display:inline-flex;align-items:center;gap:6px;color:var(--surface);border:2px solid var(--ink);border-radius:999px;padding:2px 11px;font-size:12px;font-weight:800;line-height:20px;transform:rotate(-2deg)}
.v2-tip .cnt{font-family:var(--num-font);font-size:13px;font-weight:700;color:var(--meta)}
.v2-tip .bd{padding:10px 18px 0}
.v2-tip .bd b{display:block;font-size:19px;font-weight:800;line-height:1.4}
.v2-tip .bd p{margin:5px 0 0;font-size:14.5px;font-weight:500;line-height:1.8;color:var(--text);text-wrap:pretty}
.v2-tip .ft{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 18px 14px;border-top:2px dashed var(--soft-border)}
.v2-tip .segs{flex:1;display:flex;gap:4px}
.v2-tip .segs i{flex:1;display:block;height:5px;border-radius:99px}
.v2-tip .skip{background:none;border:0;padding:6px 4px;font-size:14px;font-weight:700;color:var(--meta)}
.v2-tip .next{background:var(--purple);color:var(--surface);border:2.5px solid var(--ink);border-radius:12px;box-shadow:3px 3px 0 var(--ink);padding:9px 16px;font-size:14px;font-weight:800;white-space:nowrap}

/* App shell adjustments for the new layout */
.app-shell{padding-bottom:128px!important}
.app-bottom-nav,.app-topbar,.app-smart-nav,.app-menu-panel,.app-menu-backdrop,.home-access-card{display:none!important}
@media (max-width:380px){
  .v2 h1{font-size:31px}
  .v2-next .t{font-size:21px}
  .v2-flip .tiles > span{width:24px;height:38px;font-size:21px}
  .v2-modes{gap:8px}
  .v2-mode b{font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){.v2-spot{transition:none}}

/* ===== V72.1: fixed layout, consistent sections, corner tags ===== */
/* The designer's right-to-left arrangement is used in both languages; only the text changes.
   plaintext keeps English punctuation and numbers in the right order inside that fixed layout. */
.v2{text-align:right}
.v2 *{unicode-bidi:plaintext}
.v2 .v2-flip,.v2 .v2-flip *,.v2-tag > span,.v2-tag > span *,.v2-flattag,.v2-flattag *{unicode-bidi:normal}
.v2 h1{margin:0}
.v2 h1 + .v2-lead{margin-top:6px}
.v2-sec{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 16px}
.v2-sec small{font-size:12.5px;font-weight:600;color:var(--meta)}
.v2-sec + .v2-next,.v2-sec + .v2-ready,.v2-sec + .v2-continue,.v2-sec + .v2-recallhero{margin-top:0}
.v2-shelf .v2-sec{margin-bottom:14px}
.v2-tag.corner{top:-13px;left:18px}
.v2-tracker{padding-top:16px}
.v2-tracker .count{display:block;margin-top:2px;text-align:right}
.v2-tracker .count b{font-family:var(--num-font);font-size:44px;font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--ink)}
.v2-tracker .count .of{font-family:var(--num-font);font-size:18px;font-weight:700;color:var(--meta)}
.v2-mistakes .row{align-items:center}
.v2-mistakes small.s{margin-top:4px}
.v2-binder .mono{width:34px;height:34px}
.v2-binder .mono svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.v2-sheet .head img,.v2-brand img,.v2-welcome .logo{background:var(--surface);object-fit:cover}
.v2-preview{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--ink);color:var(--surface);border-radius:14px;padding:9px 12px;margin:-8px 0 18px;font-size:12.5px;font-weight:700}
.v2-preview button{flex:0 0 auto;background:var(--surface);color:var(--ink);border:0;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:800}
.v2-viewas{padding:14px 16px;border-top:1.5px dashed var(--soft-border)}
.v2-viewas b{display:block;font-size:14.5px;font-weight:700}
.v2-viewas .seg{display:flex;gap:6px;margin-top:10px}
.v2-viewas .seg button{flex:1;min-width:0;background:var(--surface);border:2px solid var(--soft-border);border-radius:11px;padding:7px 4px;font-size:12.5px;font-weight:800;color:var(--muted);text-align:center}
.v2-viewas .seg button.on{background:var(--purple);border-color:var(--ink);color:var(--surface);box-shadow:2px 2px 0 var(--ink)}.v2-path{flex-wrap:nowrap;gap:4px;font-size:11.5px}
.v2-path > span{padding:3px 8px;white-space:nowrap}
.v2-counters small{display:block;line-height:1.4}

/* ===== V72.4 identity pass: bold, retro, ink. One grammar for every surface. ===== */
.v2{--ink:#17140F;--hard:4px 4px 0 #17140F;--hard-lg:6px 6px 0 #17140F}
.v2 .ic{display:block;flex:0 0 auto}

/* Torn notebook page: the title of every page */
.v2-torn{position:relative;margin:4px 4px 30px}
.v2-torn .tape{position:absolute;z-index:3;top:-11px;left:50%;width:92px;height:26px;transform:translateX(-50%) rotate(-3deg);background:var(--acc-soft,#E3D6FA);opacity:.92;clip-path:polygon(0 8%,6% 0,14% 9%,24% 1%,34% 10%,46% 2%,58% 11%,70% 3%,82% 12%,92% 4%,100% 12%,100% 88%,92% 100%,80% 90%,68% 99%,56% 89%,44% 98%,32% 88%,20% 97%,10% 87%,0 96%)}
.v2-torn .sheet{transform:rotate(-1deg);filter:drop-shadow(0 2px 0 #17140F) drop-shadow(0 -2px 0 #17140F) drop-shadow(2px 0 0 #17140F) drop-shadow(-2px 0 0 #17140F) drop-shadow(4px 4px 0 #17140F)}
.v2-torn .paper{position:relative;display:flex;align-items:center;gap:12px;padding:30px 20px 30px;background-color:#FFFEFC;background-image:radial-gradient(circle,#FAFAF8 0 3.3px,#17140F 3.4px 5px,transparent 5.2px),repeating-linear-gradient(rgba(150,170,200,0) 0 25px,rgba(150,170,200,.2) 25px 26px),linear-gradient(90deg,transparent calc(100% - 28px),var(--acc,#F2695C) calc(100% - 28px),var(--acc,#F2695C) calc(100% - 26px),transparent calc(100% - 26px));background-size:22px 16px,100% 100%,100% 100%;background-position:center 4px,0 0,0 0;background-repeat:repeat-x,repeat,no-repeat;-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 11px) no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20240%2012%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M0%200H240V6L228%208%20217%205%20204%209%20193%206%20181%2010%20170%205%20157%208%20146%204%20133%209%20121%206%20109%2010%2097%205%2085%208%2073%204%2061%209%2049%206%2037%2010%2025%205%2013%208%200%205Z%27%2F%3E%3C%2Fsvg%3E") bottom/240px 12px repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 11px) no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20240%2012%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M0%200H240V6L228%208%20217%205%20204%209%20193%206%20181%2010%20170%205%20157%208%20146%204%20133%209%20121%206%20109%2010%2097%205%2085%208%2073%204%2061%209%2049%206%2037%2010%2025%205%2013%208%200%205Z%27%2F%3E%3C%2Fsvg%3E") bottom/240px 12px repeat-x}
.v2-torn .txt{flex:1;min-width:0;padding-inline-start:16px}
.v2-torn h1{margin:0;font-size:38px;font-weight:900;line-height:1.2;letter-spacing:0}
.v2-torn h1 .hl{background:linear-gradient(transparent 55%,var(--acc-soft,#FBD8CF) 55%,var(--acc-soft,#FBD8CF) 90%,transparent 90%);padding:0 4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.v2-torn p{margin:8px 0 0;font-size:15px;font-weight:600;line-height:1.65;color:var(--text)}
.v2-torn .deco{flex:0 0 auto;width:54px;transform:rotate(-8deg)}
.v2-torn .deco.big{width:84px;margin:-8px -6px -12px 0}
.v2-torn.is-strip{margin:0 2px 22px}
.v2-torn.is-strip .sheet{transform:rotate(.6deg)}
.v2-torn.is-strip .paper{padding:16px 14px 24px;gap:10px;background-size:22px 16px,100% 100%,100% 100%}
.v2-torn.is-strip .v2-backtext b{font-size:19px;font-weight:900}
.v2-torn.is-strip .v2-backtext small{font-size:12px;font-weight:700;color:var(--muted)}
.v2-backbtn{border:2.5px solid #17140F!important;box-shadow:3px 3px 0 #17140F!important;background:var(--acc-soft,#FFFEFC)!important}
.v2-backbtn svg{width:18px;height:18px}
.v2-backrow{display:none}

/* Top bar controls share one ink style */
.v2-pill{border:2px solid #17140F!important;box-shadow:2px 2px 0 #17140F}
.v2-lang{border:2px solid #17140F;color:#17140F;box-shadow:2px 2px 0 #17140F;height:34px;min-width:36px}

/* Type scale */
.v2 .v2-lead{font-weight:600;color:var(--text)}
.v2-next .t,.v2-recallhero .t,.v2-cont .t,.v2-ready .top b.t{font-size:22px;font-weight:900;line-height:1.35}
.v2-mistakes b.t{font-size:21px;font-weight:900}
.v2-row b,.v2-settings b{font-weight:800}
.v2-row small,.v2-settings > * > span,.v2-stats div > span,.v2-ready .top p,.v2-tool > small{font-weight:700;color:var(--muted)}
.v2-sticker{font-size:13px;font-weight:900;padding:6px 14px}

/* Chip (kicker) */
.v2-chip{display:inline-block;background:var(--cb,#F3EEFC);color:var(--c,#6E4CC5);border:2px solid #17140F;border-radius:999px;padding:2px 11px;font-size:12.5px;font-weight:900;box-shadow:2px 2px 0 #17140F;max-width:calc(100% - 8px)}
.v2-next .v2-chip{max-width:100%}
.v2-next .t,.v2-next .v2-chip{max-width:none}
.v2-next .t{margin-top:10px}

/* Chunky retro progress meter */
.v2-meter{display:block;flex:1;min-width:0;height:13px;background:#FFFEFC;border:2px solid #17140F;border-radius:99px;overflow:hidden}
.v2-meter > i{display:block;height:100%;border-radius:99px;background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.3) 0 5px,transparent 5px 10px)}
.v2-progress{display:flex;align-items:center;gap:10px;margin-top:14px}
.v2-progress b{font-family:var(--num-font);font-size:13px;font-weight:700}
.v2-plan .box .line,.v2-year .line,.v2-month .line,.v2-source .pr > span,.v2-bar{height:13px;border:2px solid #17140F;background:#FFFEFC;border-radius:99px}
.v2-year .line i,.v2-month .line i,.v2-source .pr > span i,.v2-bar > i{background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.3) 0 5px,transparent 5px 10px)}

/* Countdown: ink like every other surface */
.v2-countdown{border:3px solid #17140F;box-shadow:6px 6px 0 #17140F;background-color:#F4F3F0}
.v2-countdown .cd-head > span{color:#17140F;font-weight:900}

/* Readiness */
.v2-ready{padding:20px 18px 18px;margin:0 0 34px}
.v2-rgrid{gap:12px}
.v2-rtile{border:2.5px solid #17140F!important;border-radius:15px;box-shadow:3px 3px 0 #17140F;padding:11px 12px 12px}
.v2-rtile .hd{display:flex;align-items:center;gap:7px}
.v2-rtile .hd .ic{width:26px;height:26px}
.v2-rtile b.n{font-size:14px;font-weight:900}
.v2-rtile b.pct{display:block;font-family:var(--num-font);font-size:24px;font-weight:700;line-height:1.1;margin:8px 0 7px}
.v2-rtile .weak{border-width:2px;box-shadow:2px 2px 0 #17140F}
.v2-softbtn{border:2px solid #17140F;box-shadow:3px 3px 0 #17140F;margin-top:16px}

/* Rows */
.v2-row{border:2.5px solid #17140F;box-shadow:4px 4px 0 #17140F;border-radius:18px;padding:12px 14px}
.v2-ico{border:2.5px solid #17140F;box-shadow:2px 2px 0 #17140F;background:#FDF1EE;color:#E4563F}
.v2-ico .ic{width:30px;height:30px}
.v2-rows{gap:14px}

/* Continue card (Study) */
.v2-continue{margin:0 0 34px}
.v2-cont{display:block;width:100%;text-align:right;padding:22px 34px 20px 18px;padding-inline-start:34px;padding-inline-end:18px;color:#17140F}
.v2-cont .t{display:block;margin-top:10px}
.v2-cont .m{display:block;margin-top:4px;font-size:14px;font-weight:600;color:var(--muted)}
.v2-cont .go{display:flex;align-items:center;gap:10px;margin-top:16px}
.v2-cont .go .play{flex:0 0 auto;width:50px;height:50px;border-radius:50%;background:#A487DE;border:2.5px solid #17140F;box-shadow:3px 3px 0 #17140F;display:grid;place-items:center}
.v2-cont .go .play svg{width:18px;height:18px;fill:#FFFEFC}
.v2-cont .go b{font-family:var(--num-font);font-size:13px;font-weight:700}

/* Subject folders */
.v2-folders{display:grid;grid-template-columns:1fr 1fr;gap:26px 16px;margin:0 0 34px;padding:0 2px}
.v2-folder{position:relative;display:block;width:100%;padding:0;background:none;border:0;color:#17140F;text-align:right}
.v2-folder .back{position:absolute;inset:18px 0 0 0;background:var(--mid);border:2.5px solid #17140F;border-radius:14px 0 14px 14px;box-shadow:5px 5px 0 #17140F}
.v2-folder .tab{position:absolute;z-index:1;top:0;right:0;height:21px;padding:0 12px;background:var(--mid);border:2.5px solid #17140F;border-bottom:0;border-radius:11px 11px 0 0;display:flex;align-items:center}
.v2-folder .tab span{font-size:11.5px;font-weight:900;white-space:nowrap}
.v2-folder .leaf{position:absolute;z-index:1;top:30px;height:44px;background:#FFFEFC;border:2px solid #17140F;border-radius:6px;background-image:repeating-linear-gradient(rgba(150,170,200,0) 0 9px,rgba(150,170,200,.35) 9px 10px)}
.v2-folder .leaf.one{left:10px;right:22px;transform:rotate(-3deg)}
.v2-folder .leaf.two{left:20px;right:12px;top:34px;transform:rotate(2deg)}
.v2-folder .front{position:relative;z-index:2;display:block;margin-top:52px;background:var(--tint);border:2.5px solid #17140F;border-radius:14px;padding:26px 12px 12px;min-height:118px}
.v2-folder .sticker{position:absolute;top:-24px;left:12px;width:46px;height:46px;border-radius:50%;background:#FFFEFC;border:2.5px solid #17140F;box-shadow:3px 3px 0 #17140F;display:grid;place-items:center;transform:rotate(-6deg)}
.v2-folder .sticker .ic{width:30px;height:30px}
.v2-folder .nm{display:block;font-size:18px;font-weight:900;line-height:1.3;min-height:47px}
.v2-folder .v2-meter{margin-top:10px}
.v2-folder small{display:block;margin-top:7px;font-size:12px;font-weight:800;color:var(--deep)}

/* Tools */
.v2-tool > b{font-size:18px;font-weight:900}

/* Drill */
.v2-counters div{border:2px solid #17140F!important;box-shadow:2px 2px 0 #17140F;border-radius:12px}
.v2-counters b{font-size:22px}
.v2-mode{padding:34px 6px 14px;overflow:visible}
.v2-mode .sticker{position:absolute;top:-22px;left:50%;margin-left:-22px;width:44px;height:44px;border-radius:50%;background:#FFFEFC;border:2.5px solid #17140F;box-shadow:3px 3px 0 #17140F;display:grid;place-items:center}
.v2-mode .sticker .ic{width:28px;height:28px}
.v2-mode b{font-size:15px;font-weight:900}
.v2-mode small{font-weight:700;color:var(--muted)}
.v2-modes{margin-top:30px}

/* You */
.v2-plan .box{border:2px solid #17140F!important;box-shadow:3px 3px 0 #17140F}
.v2-plan .box .v2-meter{margin-top:10px}
.v2-stats div{border:2.5px solid #17140F;box-shadow:4px 4px 0 #17140F;border-radius:16px}
.v2-stats b{font-size:30px}
.v2-settings{border:2.5px solid #17140F;box-shadow:5px 5px 0 #17140F}
.v2-settings > button,.v2-settings > label{border-bottom:2px dashed #E6E2DB}

/* Subject binder rows */
.v2-lesson{border:2px solid #17140F;box-shadow:2px 2px 0 #17140F}
.v2-lesson.is-current{background:#F8F3FD;box-shadow:4px 4px 0 #17140F}
.v2-lesson .tx b{font-weight:900}

/* Bottom navigation */
.v2-nav > div{border:3px solid #17140F;box-shadow:5px 5px 0 #17140F;border-radius:24px}
.v2-nav button{font-size:12.5px;font-weight:900;color:#17140F}
.v2-nav button .ic{width:26px;height:26px}
.v2-nav button.on{background:#A487DE;color:#FFFEFC}
.v2-nav button.on .ic{--f:#FFFEFC!important}
.v2-torn.is-strip .paper{padding:26px 14px 22px;background-image:radial-gradient(circle,#FAFAF8 0 3.3px,#17140F 3.4px 5px,transparent 5.2px),repeating-linear-gradient(rgba(150,170,200,0) 0 25px,rgba(150,170,200,.2) 25px 26px);background-size:22px 16px,100% 100%;background-position:center 4px,0 0;background-repeat:repeat-x,repeat}

/* ===== V72.5: centred dialogs (paywall, subject picker, create account) in the app's identity ===== */
.v2-backdrop{background:rgba(23,20,15,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.v2-sheet{top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%);width:min(calc(100vw - 28px),440px);max-height:min(90dvh,760px);border:3px solid #17140F;border-radius:26px;box-shadow:8px 8px 0 #17140F;padding:30px 22px 18px;background-color:#FFFEFC;background-image:repeating-linear-gradient(rgba(150,170,200,0) 0 25px,rgba(150,170,200,.16) 25px 26px);overflow:auto}
.v2-sheet .handle{display:none}
.v2-sheet::before{content:'';position:sticky;display:block;top:-30px;margin:-41px auto 14px;width:92px;height:26px;transform:rotate(-2deg);background:#E3D6FA;clip-path:polygon(0 8%,6% 0,14% 9%,24% 1%,34% 10%,46% 2%,58% 11%,70% 3%,82% 12%,92% 4%,100% 12%,100% 88%,92% 100%,80% 90%,68% 99%,56% 89%,44% 98%,32% 88%,20% 97%,10% 87%,0 96%)}
.v2-sheet .head b{font-size:24px;font-weight:900}
.v2-sheet .head small{font-size:13px;font-weight:900}
.v2-sheet .v2-lead{font-size:14.5px}
.v2-sheet .v2-perks{gap:11px}
.v2-sheet .v2-perks div{font-weight:700}
.v2-price{box-shadow:4px 4px 0 #17140F;border-width:2.5px}
.v2-price b.p{font-weight:900}
.v2-sheet .mail{font-weight:700}
.v2-sheet .later{font-weight:800;color:#17140F}
.v2-sheet .opts button{box-shadow:4px 4px 0 #17140F;font-weight:900}

/* Create-account / sign-in popup and the account card on You */
.account-gate-layer{background:rgba(23,20,15,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:16px}
.account-gate-dialog{width:min(100%,460px);border:3px solid #17140F;border-radius:26px;box-shadow:8px 8px 0 #17140F;background-color:#FFFEFC;background-image:repeating-linear-gradient(rgba(150,170,200,0) 0 25px,rgba(150,170,200,.16) 25px 26px);padding:14px}
.account-gate-dialog::before{background:#E3D6FA;top:-2px}
.account-gate-close{border:2.5px solid #17140F;box-shadow:3px 3px 0 #17140F;background:#FFFEFC;font-family:'Space Grotesk',system-ui,sans-serif}
snle-account,snle-account button,snle-account input{font-family:'Noto Sans Arabic','Space Grotesk',system-ui,sans-serif!important}
.snle-account-card{background:#FFFEFC;border:3px solid #17140F;border-radius:22px;box-shadow:6px 6px 0 #17140F}
.snle-account-head span{color:#6E4CC5;font-size:13px;font-weight:900;letter-spacing:0;text-transform:none}
.snle-account-head h2{font-size:30px;font-weight:900;line-height:1.25;letter-spacing:0}
.snle-account-mark{width:52px;height:52px;border-radius:15px;background:#FFFEFC url(./assets/app-icon-192.png) center/cover no-repeat;color:transparent!important;font-size:0!important;border:2.5px solid #17140F;box-shadow:3px 3px 0 #17140F}
.snle-account-mark *{display:none}
.snle-progress{gap:8px}
.snle-progress li{border:2px solid #17140F;border-radius:999px;background:#FFFEFC;color:#17140F;font-size:12px;font-weight:900;padding:6px 9px}
.snle-progress li span{border:1.5px solid #17140F;background:#F3EEFC;color:#17140F;font-family:'Space Grotesk',system-ui,sans-serif;font-weight:700}
.snle-progress li.is-active{background:#17140F;box-shadow:2px 2px 0 #A487DE}
.snle-progress li.is-active span{background:#A487DE}
.snle-progress li.is-done{background:#EEF8F3}.snle-progress li.is-done span{background:#4FAE86}
.snle-account-status{border:2.5px solid #17140F;border-radius:16px;box-shadow:3px 3px 0 #17140F;background:#EEF8F3}
.snle-account-status.is-locked{border-color:#17140F;background:#FDF1EE}
.snle-account-status b{font-size:15px;font-weight:900}
.snle-account-status small{font-size:12.5px;font-weight:700;color:#67625A}
.snle-account-form{gap:13px}
.snle-account-form label{font-size:13px;font-weight:900;color:#17140F}
.snle-account-form input{min-height:50px;border:2.5px solid #17140F;border-radius:14px;background:#FFFEFC;font-size:15px;font-weight:700;box-shadow:3px 3px 0 #ECE8E2}
.snle-account-form input:focus{border-color:#17140F;box-shadow:3px 3px 0 #A487DE}
.snle-account-actions button,.snle-account-actions a{min-height:52px;border:2.5px solid #17140F;border-radius:15px;font-size:15px;font-weight:900}
.snle-account-actions .primary{background:#A487DE;color:#FFFEFC;box-shadow:4px 4px 0 #17140F}
.snle-account-actions .secondary{background:#FFFEFC;color:#17140F;box-shadow:4px 4px 0 #17140F}
.snle-account-actions .subscribe{background:#4FAE86;color:#FFFEFC;box-shadow:4px 4px 0 #17140F}
.snle-account-actions button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #17140F}
.snle-account-switch{border-top:2px dashed #E6E2DB;font-size:13px;font-weight:800;color:#67625A}
.snle-account-switch button{font-size:13.5px;font-weight:900;color:#6E4CC5;text-decoration:underline;text-underline-offset:3px}
.snle-account-message{border:2px solid #17140F;border-radius:14px;font-size:13px;font-weight:700}
.snle-account-steps li::before{background:#E3D6FA}
.snle-device-panel{border:2.5px solid #17140F;box-shadow:3px 3px 0 #17140F;background:#FFFEFC}
.snle-device-row button,.snle-copy-email{background:#E3D6FA}
.snle-purchase-guide{border:2px solid #17140F;background:#F8F3FD}
@media(max-width:430px){.account-gate-dialog{padding:10px}.snle-account-head h2{font-size:26px}}
.snle-progress li{font-size:11.5px;padding:6px 7px;gap:5px;white-space:nowrap;overflow:hidden}
.snle-progress li > *:not(span){overflow:hidden;text-overflow:ellipsis}
/* Arabic text already matches the fixed right-to-left layout, so isolation is only needed for English. */
html[lang='ar'] .v2 *{unicode-bidi:normal}