:root{--bg:#fafaf9;--card:#fff;--ink:#121417;--ink2:#3a3f46;--mut:#6c727a;--mut2:#9aa0a6;--line:#e8e8e5;--line2:#f0f0ee;--pri:#1c2b4a;--pri2:#2a3f68;--pri-soft:#eef1f6;--gold:#a8833a;--taken:#9b2c2c;--taken-soft:#fbf3f2;--near:#8a5a12;--near-soft:#f7f2e7;--free:#2c6a4a;--free-soft:#f1f6f2;--r:8px;--sh:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.04);--sh2:0 10px 30px rgba(16,24,40,.10),0 2px 6px rgba(16,24,40,.06);--sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Heebo,sans-serif;--serif:"Frank Ruhl Libre",Georgia,"Times New Roman",serif}
[dir=rtl]{--sans:Heebo,Inter,system-ui,sans-serif}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;overflow-x:hidden}
body{font:15px/1.5 var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:-.005em}
button,a,input,select,textarea{transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}
button{font-family:inherit;cursor:pointer;color:inherit}
:focus-visible{outline:2px solid var(--pri2);outline-offset:2px}
.si{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-3px}
.serif{font-family:var(--serif);font-weight:500;letter-spacing:0}
.tdot{display:inline-block;width:7px;height:7px;border-radius:50%;flex:none;vertical-align:1px;margin-inline-end:7px}
header.top{position:sticky;top:0;z-index:40;height:58px;background:rgba(250,250,249,.92);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid var(--line)}
.brand{flex:1;min-width:0;line-height:1.2}.brand b{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand small{color:var(--mut);font-size:12px;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis}
.seg{display:flex;background:#efefec;border-radius:7px;padding:2px;flex:none}.seg button{border:0;background:transparent;padding:5px 10px;border-radius:5px;font-weight:500;font-size:12.5px;color:var(--mut)}.seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.seg.w{display:flex;width:100%}.seg.w button{flex:1;padding:8px 4px;font-size:13.5px}
.ib{height:30px;min-width:30px;padding:0 8px;border-radius:7px;border:1px solid var(--line);background:#fff;font-weight:500;font-size:13px;flex:none;color:var(--ink2)}.ib:hover{border-color:#d6d6d2}.ib.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.ib.lg{font-size:12.5px}
main{padding:16px 16px 150px;max-width:1100px;margin:0 auto}
h1{font-size:24px;font-weight:600;letter-spacing:-.02em;margin:4px 0 14px}
h2{font-weight:600;letter-spacing:-.015em}
h3{font-size:11.5px;color:var(--mut);margin:22px 0 8px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
[dir=rtl] h3{letter-spacing:0;font-size:13px}
nav.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:4px 4px calc(4px + env(safe-area-inset-bottom));z-index:30}
nav.tabs button{flex:1;min-width:0;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:3px;font-weight:500;font-size:10.5px;color:var(--mut2);padding:6px 0;min-height:50px}
nav.tabs button.on{color:var(--pri)}nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.fab{position:fixed;bottom:76px;inset-inline-end:16px;height:48px;min-width:48px;border-radius:24px;background:var(--pri);color:#fff;border:0;line-height:1;box-shadow:0 6px 16px rgba(28,43,74,.25);z-index:31;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 14px}.fab:hover{background:var(--pri2)}.fab .si{width:20px;height:20px;stroke-width:1.9}.fab em{display:none;font-style:normal;font-size:14px;font-weight:500}
.monthbar{display:flex;align-items:center;gap:6px;margin:4px 0 12px}.monthbar h2{flex:1;margin:0;font-size:20px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monthbar .hb{display:block;font-size:12.5px;color:var(--mut);font-weight:400;letter-spacing:0}
.round{width:32px;height:32px;border-radius:7px;border:1px solid var(--line);background:#fff;font-size:18px;line-height:1;flex:none;color:var(--ink2);display:grid;place-items:center;padding:0 0 2px}.round:hover{border-color:#d6d6d2}.round.t{width:auto;padding:0 12px;font-size:13px;font-weight:500;display:block}
.grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-inline-start:1px solid var(--line);background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
.wd{text-align:center;font-weight:500;font-size:11px;color:var(--mut);padding:8px 0;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em;background:#fcfcfb}
[dir=rtl] .wd{letter-spacing:0;font-size:12px}
.day{position:relative;min-height:52px;border:0;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line);border-radius:0;background:#fff;display:flex;flex-direction:column;align-items:center;padding:6px 2px 5px;font-weight:400;font-size:14px;min-width:0;overflow:hidden;color:var(--ink)}
.day:hover{background:#f8f8f6}
.day .n{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;line-height:1;font-variant-numeric:tabular-nums}
.day .hd{font-size:9.5px;color:var(--mut2);font-weight:400;line-height:1.1}
.day .ic{line-height:1;margin-top:auto;font-size:10px;color:var(--mut);display:flex;align-items:center;gap:1px}.day .ic .tdot{margin:0;width:6px;height:6px}
.day .lbl{display:none}
.day.out{background:#fcfcfb;pointer-events:none}.day.out:hover{background:#fcfcfb}
.day.taken .n{font-weight:600}
.day.near{background:var(--near-soft)}.day.near:hover{background:#f2ebdb}
.day.today .n{background:var(--pri);color:#fff;font-weight:600}
.day.past{color:var(--mut2)}.day.past .tdot{opacity:.55}
.day.sat:not(.today) .n{color:var(--gold)}
.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--mut);margin:12px 2px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-inline-end:6px;vertical-align:0}.dot.lf{background:#fff;border:1px solid #cfcfca}.dot.lt{background:var(--ink2)}.dot.ln{background:#e6d9b8;border-radius:2px}
.ev{position:relative;display:flex;gap:12px;align-items:center;background:#fff;border:0;border-bottom:1px solid var(--line2);border-radius:0;padding:12px 4px 12px 14px;margin:0;width:100%;text-align:start;font-size:15px;color:var(--ink)}
[dir=rtl] .ev{padding:12px 14px 12px 4px}
.ev:hover{background:#fafaf8}
.em{position:absolute;inset-inline-start:0;top:13px;bottom:13px;width:3px;border-radius:2px}
.side .ev:last-child,#list .ev:last-of-type{border-bottom:0}
.side,#list{background:transparent}
.ev .tx{flex:1;min-width:0}.ev b{display:block;font-family:var(--serif);font-weight:500;font-size:16.5px;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ev small{color:var(--mut);display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dt{text-align:center;flex:none;font-weight:600;font-size:18px;line-height:1.05;min-width:40px;font-variant-numeric:tabular-nums}.dt span{display:block;font-size:11px;color:var(--mut);font-weight:500;text-transform:uppercase;letter-spacing:.04em}
.auto{display:inline-block;font-size:11px;font-weight:500;color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:0 7px;margin-inline-start:7px;vertical-align:1px;line-height:17px}
.scrim{position:fixed;inset:0;background:rgba(17,20,24,.32);z-index:60;display:flex;align-items:flex-end;justify-content:center}
.sheet{background:#fff;width:100%;max-width:540px;max-height:92vh;overflow-y:auto;overflow-x:hidden;border-radius:14px 14px 0 0;padding:6px 20px calc(24px + env(safe-area-inset-bottom));box-shadow:var(--sh2)}
.grab{width:36px;height:4px;border-radius:2px;background:#e2e2de;margin:4px auto 10px}.shead{display:flex;align-items:center;gap:10px;margin-bottom:2px}.shead h2{flex:1;margin:0;font-size:20px;min-width:0}.shead h2 .serif{font-size:24px}
.x{width:30px;height:30px;border-radius:50%;border:0;background:#f2f2ef;flex:none;display:grid;place-items:center;color:var(--ink2)}.x:hover{background:#e9e9e5}.x .si{width:15px;height:15px}
label{display:block;font-weight:500;font-size:13px;color:var(--ink2);margin:16px 0 6px}
input,select,textarea{width:100%;font-family:inherit;font-size:15px;padding:10px 12px;border:1px solid #dcdcd8;border-radius:var(--r);background:#fff;color:var(--ink);min-width:0}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--pri2);box-shadow:0 0 0 3px rgba(42,63,104,.12)}
.types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.types button{border:1px solid var(--line);background:#fff;border-radius:var(--r);padding:9px 4px;font-weight:500;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:58px;line-height:1.2;min-width:0;color:var(--ink2)}.types button span{display:block;line-height:0}.types button span .tdot{margin:0;width:8px;height:8px}.types button:hover{border-color:#d0d0cb}.types button.on{border-color:var(--pri);background:var(--pri-soft);color:var(--pri)}
.status{border-radius:var(--r);padding:10px 12px;margin-top:10px;font-weight:500;font-size:14px;border:1px solid var(--line);border-inline-start:3px solid;background:#fff}.status.free{border-inline-start-color:var(--free);color:var(--free)}.status.taken{border-inline-start-color:var(--taken);color:var(--taken);background:var(--taken-soft)}.status.near{border-inline-start-color:#c49a3c;color:var(--near);background:var(--near-soft)}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font-weight:500;font-size:13px;color:var(--ink2);display:inline-flex;align-items:center;gap:0;white-space:nowrap}.chip .tdot{width:6px;height:6px;margin-inline-end:6px}.chip .si{margin-inline-end:6px;width:15px;height:15px}.chip:hover{border-color:#d0d0cb}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.scroll::-webkit-scrollbar{display:none}.scroll .chip{flex:none}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--pri);border-radius:var(--r);padding:10px 14px;font-weight:500;font-size:14.5px;background:var(--pri);color:#fff;width:100%;text-decoration:none;min-height:42px;text-align:center}.btn:hover{background:var(--pri2);border-color:var(--pri2)}
.btn.ghost{background:#fff;color:var(--ink);border-color:#d9d9d4}.btn.ghost:hover{background:#f7f7f5;border-color:#c9c9c4}
.btn.danger{background:#fff;color:var(--taken);border-color:#e6c9c6}.btn.danger:hover{background:var(--taken-soft)}
.btn.ok{background:#fff;color:var(--ink);border-color:#d9d9d4}.btn.ok:hover{background:#f7f7f5}
.btn:disabled{opacity:.4;cursor:not-allowed}
.row{display:flex;gap:8px;margin-top:10px}.row>*{flex:1;min-width:0}
.facts{display:grid;gap:0;margin:14px 0 16px;border-top:1px solid var(--line2)}.fact{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line2)}.fact i{font-style:normal;width:20px;text-align:center;flex:none;color:var(--mut);padding-top:1px}.fact b{font-weight:500}.fact small{display:block;color:var(--mut);font-size:13px}
.rsvp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.rsvp button{border:1px solid var(--line);background:#fff;border-radius:var(--r);padding:9px 4px;font-weight:500;font-size:13px;color:var(--ink2)}.rsvp button b{display:block;font-size:19px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.rsvp button:hover{border-color:#d0d0cb}.rsvp button.on{border-color:var(--pri);background:var(--pri-soft);color:var(--pri)}.rsvp button.on b{color:var(--pri)}
.sw{position:relative;width:40px;height:24px;border-radius:999px;background:#dcdcd7;border:0;flex:none;transition:background-color .15s}.sw::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:inset-inline-start .15s;box-shadow:0 1px 2px rgba(0,0,0,.2)}.sw.on{background:var(--pri)}.sw.on::after{inset-inline-start:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:12px;box-shadow:var(--sh)}
.line{display:flex;align-items:center;gap:12px}.line .tx{flex:1;min-width:0}.line b{font-weight:500}.muted{color:var(--mut);font-size:13.5px}
.mem{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line2)}.mem:last-child{border:0}.av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:600;color:var(--ink2);flex:none;font-size:13px;border:1px solid var(--line)}.mem .tx{flex:1;min-width:0}.mem b{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pill{display:inline-block;font-weight:500;font-size:11.5px;padding:1px 8px;border-radius:999px;background:#f2f2ef;color:var(--ink2);line-height:18px}.pill.m{background:#f2f2ef;color:var(--mut)}.pill.i{background:var(--near-soft);color:var(--near)}
.mem select{width:auto;padding:3px 8px;font-size:13px;border-radius:6px;margin-top:3px}
.mini{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);text-decoration:none;flex:none;color:var(--pri)}.mini:hover{background:var(--pri-soft);border-color:transparent}.mini .si{width:16px;height:16px}
.chat{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow-y:auto;padding:4px 0}
.msg{max-width:84%;padding:8px 12px;border-radius:14px;white-space:pre-line;font-size:14.5px;line-height:1.45}.msg.me{align-self:flex-end;background:var(--pri);color:#fff;border-end-end-radius:4px}.msg.bot{align-self:flex-start;background:#f1f1ee;border-end-start-radius:4px}.cap{text-align:center;font-size:11.5px;color:var(--mut2);margin:4px 0}
.msg.call{background:#fff;border:1px solid var(--line)}
.send{display:flex;gap:8px;margin-top:10px}.send input{flex:1}.send .btn{width:auto;flex:none}
.bignum{font-size:22px;font-weight:600;margin:4px 0;direction:ltr;unicode-bidi:isolate;display:inline-block;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
#toastw .toast{position:fixed;bottom:140px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:9px 16px;border-radius:8px;z-index:90;font-weight:500;font-size:14px;max-width:90vw;text-align:center;box-shadow:var(--sh2)}
.note{background:transparent;color:var(--mut);border-radius:0;padding:10px 0 0;font-size:13px;margin-top:10px;border-top:1px solid var(--line2)}.note .si{width:15px;height:15px;margin-inline-end:6px}
.card .note:first-child{border-top:0;padding-top:0;margin-top:0}
.empty{text-align:center;color:var(--mut);padding:30px 0;font-size:14px}
.ltr{direction:ltr;unicode-bidi:isolate}
table.can{width:100%;border-collapse:collapse;font-size:13.5px}table.can th,table.can td{padding:9px 6px;border-bottom:1px solid var(--line2);text-align:start;font-weight:400}table.can th{font-weight:500;color:var(--mut);font-size:12px}table.can td.c,table.can th.c{text-align:center;width:70px;color:var(--pri)}
.menu button{display:flex;align-items:center;gap:14px;width:100%;border:0;border-bottom:1px solid var(--line2);background:#fff;border-radius:0;padding:14px 4px;margin:0;font-size:15px;font-weight:500;text-align:start}.menu button:last-child{border-bottom:0}.menu button:hover{background:#fafaf8}.menu button span{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:var(--pri-soft);color:var(--pri);flex:none}
.cardwrap{background:#f4f4f1;border-radius:10px;padding:16px;display:flex;justify-content:center}.cardwrap canvas{width:100%;max-width:320px;height:auto;border-radius:4px;box-shadow:0 8px 24px rgba(16,24,40,.12);display:block}
.tpl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tpl button{border:1px solid var(--line);border-radius:var(--r);padding:7px 4px;background:#fff;font-weight:500;font-size:12px;min-width:0;color:var(--ink2)}.tpl button i{display:block;height:24px;border-radius:4px;margin-bottom:5px;border-width:1px!important;border-style:solid!important}.tpl button.on{border-color:var(--pri);box-shadow:0 0 0 1px var(--pri)}
.who{max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:var(--r);padding:2px 12px;margin-top:8px}.who label{display:flex;align-items:center;gap:10px;margin:0;padding:8px 0;color:var(--ink);font-size:14.5px;font-weight:400;border-bottom:1px solid var(--line2)}.who label:last-child{border:0}.who input{width:17px;height:17px;flex:none;accent-color:var(--pri)}
.preview{background:#fafaf8;border-radius:var(--r);padding:12px 14px;white-space:pre-line;font-size:14px;margin-top:8px;border:1px solid var(--line);border-inline-start:3px solid var(--pri)}
.btn .si,.menu .si{width:17px;height:17px}
@media(min-width:700px){.scrim{align-items:center}.sheet{border-radius:14px;padding-bottom:24px}}
@media(min-width:960px){
 body{font-size:14.5px}
 header.top{height:56px;padding:0 24px}
 nav.tabs{top:56px;bottom:0;left:0;right:auto;width:224px;flex-direction:column;border-top:0;border-inline-end:1px solid var(--line);padding:16px 12px;gap:2px;background:#f6f6f4;backdrop-filter:none}
 [dir=rtl] nav.tabs{left:auto;right:0}
 nav.tabs button{flex:none;flex-direction:row;gap:11px;font-size:14px;padding:8px 10px;border-radius:7px;min-height:0;justify-content:flex-start;color:var(--ink2)}
 nav.tabs button:hover{background:#ececea}
 nav.tabs button.on{background:#fff;color:var(--pri);box-shadow:var(--sh);font-weight:600}
 nav svg{width:18px;height:18px}
 main{margin-inline-start:224px;padding:28px 40px 48px;max-width:none}
 .fab{bottom:20px;left:12px;right:auto;width:200px;height:38px;border-radius:8px;padding:0 14px;box-shadow:var(--sh);justify-content:center}[dir=rtl] .fab{left:auto;right:12px}.fab em{display:inline}.fab .si{width:17px;height:17px}
 .calwrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start}
 .day{min-height:104px;align-items:flex-start;padding:6px 8px;font-size:13px}.day .n{width:26px;height:26px;margin-inline-start:-4px}
 .day .ic{display:none}
 .day .lbl{display:flex;align-items:center;margin-top:4px;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:100%;color:var(--ink2);background:var(--pri-soft);border-radius:4px;padding:2px 6px;border-inline-start:2px solid var(--pri);display:block}
 .day.past .lbl{opacity:.6}
 .day .hd{position:absolute;top:10px;inset-inline-end:8px;font-size:10.5px}
 .side h3{margin-top:6px}
 .side{background:#fff;border:1px solid var(--line);border-radius:10px;padding:4px 16px 4px;box-shadow:var(--sh)}
 .side h3{margin:14px 0 4px}
 .cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
 #toastw .toast{bottom:40px}
 .brand b{font-size:15px}
}
.lbl,.ev b,.ev small,.mem b{unicode-bidi:plaintext}

/* pricing */
.freebar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:transparent;color:var(--mut);border-radius:0;padding:0 2px 10px;font-size:12.5px;font-weight:400;margin:0 0 14px;border-bottom:1px solid var(--line2)}
.freebar span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-inline-end:8px;vertical-align:1px}
.freebar button{border:0;background:none;color:var(--pri);font-weight:500;font-size:12.5px;padding:2px 0}.freebar button:hover{text-decoration:underline}
.ptag{display:inline-block;border:0;background:#f1f1ee;color:var(--mut);font-weight:500;font-size:11.5px;padding:2px 9px;border-radius:999px;margin:0 0 12px;max-width:100%;line-height:18px}.ptag:hover{background:#e9e9e5;color:var(--ink2)}
.shead+.ptag{margin:4px 0 6px}
.ptags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.ptags .ptag{margin:0}.shead+.ptags{margin:4px 0 6px}label+.ptags{margin:0 0 8px}.ptag.cr{background:#f1f1ee;color:var(--mut)}
.crest{font-weight:500;margin:12px 0 0;color:var(--ink2);font-size:13.5px}.crest small{font-weight:400;color:var(--mut)}div.card.crest{margin:0 0 12px}
.crh{font-size:18px;margin:28px 0 10px}.crbal{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.crbal small{font-size:13px;color:var(--mut);font-weight:400}.crrule{font-weight:500;margin:6px 0 4px}
.packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.pack{border:1px solid var(--line);border-radius:var(--r);padding:12px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.pack b{font-size:18px;font-weight:600}.pack span{font-size:12px;color:var(--mut)}.pack .pp{font-size:15px;font-weight:600}.pack .pill{margin-top:6px;font-size:11px}
.plans{display:grid;gap:12px}.plan{margin:0;padding:18px}.plan.hi{border-color:var(--pri);box-shadow:0 0 0 1px var(--pri),var(--sh)}
.pname{font-weight:600;font-size:15px}.pprice{font-size:28px;font-weight:600;letter-spacing:-.02em;margin:4px 0 8px;font-variant-numeric:tabular-nums}.pprice small{font-size:13px;color:var(--mut);font-weight:400;letter-spacing:0}
.plan ul{margin:14px 0 0;padding:12px 0 0;list-style:none;font-size:13.5px;line-height:1.5;border-top:1px solid var(--line2)}.plan li{padding:3px 0 3px 22px;position:relative;color:var(--ink2)}[dir=rtl] .plan li{padding:3px 22px 3px 0}.plan li::before{content:"";position:absolute;inset-inline-start:3px;top:8px;width:9px;height:5px;border-left:1.6px solid var(--pri);border-bottom:1.6px solid var(--pri);transform:rotate(-45deg)}
@media(min-width:960px){.plans{grid-template-columns:repeat(3,1fr)}}

/* ===== v4: simple main screen, fixed dates, settings, help ===== */
.btn.big{width:100%;height:50px;font-size:16px;font-weight:600;border-radius:10px;justify-content:center;gap:8px}
.btn.sm{min-height:34px;padding:6px 12px;font-size:13.5px;flex:none}
.addb{margin:14px 0 4px}.desk{display:none}.mob{display:block}
.link{border:0;background:none;color:var(--pri);font-weight:500;font-size:13.5px;padding:4px 0;display:inline-flex;align-items:center;gap:4px}.link:hover{text-decoration:underline}
.backb{border:0;background:none;color:var(--pri);font-weight:500;font-size:14px;padding:2px 0;margin:0 0 6px;display:inline-flex;align-items:center;gap:2px}
.qm{width:20px;height:20px;border-radius:50%;border:1px solid #cfd2d6;background:#fff;color:var(--mut);font-size:12px;font-weight:600;line-height:1;padding:0;display:inline-grid;place-items:center;vertical-align:middle;margin-inline-start:6px;flex:none}.qm:hover{border-color:var(--pri2);color:var(--pri)}
.kt{display:inline-block;font-size:11px;font-weight:500;color:var(--pri);background:var(--pri-soft);border-radius:999px;padding:0 8px;margin-inline-start:7px;line-height:18px;vertical-align:1px}
.tdot.ring{background:transparent!important;border:1.5px dashed;width:7px;height:7px}
.day.exp .n{color:var(--mut)}.day.exp{background:repeating-linear-gradient(135deg,#fff 0 6px,#f6f7f9 6px 12px)}
.day .ic{gap:2px}.lbl.x{opacity:.7;border-style:dashed!important;background:transparent!important}
.dot.lx{background:transparent;border:1.5px dashed var(--mut2)}
.legend{align-items:center}
.side .line{align-items:center}.side .line h3{margin:14px 0 4px}
.ev.xp{opacity:.72}.ev.xp .em{background:transparent!important;border:1.5px dashed var(--mut2)}
.grp{margin:16px 0 8px}.gh{display:flex;align-items:center;gap:2px}.gh b{font-size:14px}.grp small{display:block;font-size:12.5px;margin-top:2px}
.bigs{display:grid;grid-template-columns:1fr;gap:8px}.bigs.two{grid-template-columns:1fr 1fr}
.bigc{display:flex;align-items:center;gap:12px;text-align:start;border:1px solid var(--line);background:#fff;border-radius:10px;padding:14px 14px;min-height:56px;font-size:15px;color:var(--ink);min-width:0}
.bigc:hover{border-color:var(--pri2);background:#fbfcfd}.bigc .tdot{width:10px;height:10px;margin:0}.bigc span{min-width:0}.bigc b{display:block;font-weight:600}.bigc small{display:block;color:var(--mut);font-size:12.5px;line-height:1.35}
.res{margin-top:18px;border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#fcfcfb}.res .gh{margin-bottom:6px}
.rrow{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--line2)}.rrow:first-of-type{border-top:0}.rrow .tdot{margin:7px 0 0}.rrow .tx{flex:1;min-width:0}.rrow b{display:block;font-weight:600;font-size:15px}.rrow small{display:block;color:var(--mut);font-size:12.5px}.rrow small.nt{color:var(--near)}
.status.same{border-inline-start-color:var(--pri);color:var(--pri);background:var(--pri-soft)}.status.same small{display:block;font-weight:400;color:var(--ink2);margin-top:4px}
label.cb{display:flex;gap:10px;align-items:flex-start;font-weight:400;margin:14px 0 0;cursor:pointer}label.cb input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--pri)}label.cb b{display:block;font-weight:500;color:var(--ink)}label.cb small{display:block;color:var(--mut);font-size:12.5px}
.row.three{display:grid;grid-template-columns:1fr 1.6fr 1.1fr;gap:8px}.row.three>div{min-width:0}
.card.set{padding:4px 16px}.srow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:14px 0;border-top:1px solid var(--line2)}.srow:first-child{border-top:0}
.stx{flex:1 1 200px;min-width:0}.stx b{display:flex;align-items:center;font-weight:600;font-size:14.5px}.stx small{display:block;color:var(--mut);font-size:13px;line-height:1.45;margin-top:2px}
.sctl{flex:0 1 auto;min-width:0;max-width:100%}.sctl .seg.w{min-width:220px}.sl{margin:8px 0 4px;font-size:12px;color:var(--mut)}
#notify .sctl{flex:1 1 100%}
.arow{padding:10px 0;border-top:1px solid var(--line2);gap:12px}.arow .tx span{display:block;font-weight:500}.arow .tx small{display:block;color:var(--mut);font-size:12.5px}
.crb{display:inline-block;margin-top:4px;font-weight:600;color:var(--ink)}.lockp{display:inline-flex;align-items:center;gap:6px}
.row.tight{margin:0;flex-wrap:wrap}
.menu2{padding:0}.mrow{display:flex;align-items:center;gap:14px;width:100%;border:0;border-top:1px solid var(--line2);background:#fff;padding:14px 16px;text-align:start;color:var(--ink)}.mrow:first-child{border-top:0}.mrow:hover{background:#fafaf8}
.mi{width:36px;height:36px;border-radius:9px;background:var(--pri-soft);color:var(--pri);display:grid;place-items:center;flex:none}.mrow .tx{flex:1;min-width:0}.mrow b{display:block;font-weight:600}.mrow small{display:block;color:var(--mut);font-size:13px}.mrow>.si{color:var(--mut2)}
.pic{width:64px;height:48px;flex:none;fill:none;stroke:var(--pri);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.pic .f{fill:var(--pri);stroke:var(--pri)}.pic .w{stroke:#fff;stroke-width:2.2}
.helps{display:grid;gap:12px}.help{margin:0}.hh{display:flex;align-items:center;gap:14px}.hh h2{margin:0;font-size:17px;display:flex;align-items:center;gap:8px}
.hn{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--pri);color:#fff;font-size:13px;font-weight:600;flex:none}
.help ol{margin:12px 0 0;padding-inline-start:22px;line-height:1.55;color:var(--ink2)}.help li{margin:4px 0}
.exs{display:flex;flex-direction:column;gap:6px;margin-top:10px;align-items:flex-start}.exs .msg{max-width:90%}
.guide{text-align:center;padding:8px 4px 4px}.guide .pic{width:120px;height:90px;margin:8px auto 6px;display:block}.guide h2{font-size:21px;margin:8px 0 6px}.guide p{color:var(--ink2);margin:0 auto 14px;max-width:360px}
.gstep{font-size:12px;color:var(--mut)}.gdots{display:flex;gap:6px;justify-content:center;margin:6px 0 4px}.gdots i{width:7px;height:7px;border-radius:50%;background:#dcdcd8}.gdots i.on{background:var(--pri)}
.guide .row .btn{flex:1}
.xrow{border:1px dashed var(--line);border-radius:10px;padding:4px 10px 8px;margin-top:10px}
.mem.kid .tx small{display:block;color:var(--mut);font-size:12.5px}.mem.kid .av{color:var(--mut)}.kform{border-top:1px solid var(--line2);margin-top:10px;padding-top:2px}
bdi.ltr,.ltr{direction:ltr;unicode-bidi:isolate}
@media(min-width:960px){.desk{display:block;margin:14px 0 6px}.mob{display:none}.desk .addb{margin:0}.bigs{grid-template-columns:1fr 1fr}.helps{grid-template-columns:1fr 1fr}.sheet{max-width:600px}}

/* credits screen (app is free) */
.crlead{font-size:16px;font-weight:600;color:var(--ink);margin:-4px 0 16px}
.freelist .muted{margin-top:4px}
@media(min-width:960px){.freelist ul{columns:2;column-gap:28px}.freelist li{break-inside:avoid}}
.crow{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line2);font-size:14px;flex-wrap:wrap}
.costs .crow:first-of-type{margin-top:10px}
.crline{font-size:13px;margin:0 0 12px;color:var(--ink2)}.crline small{color:var(--mut)}
button.mini{font:inherit;cursor:pointer}
#cfm .cfmw{position:fixed;inset:0;background:rgba(17,20,24,.36);z-index:80;display:flex;align-items:center;justify-content:center;padding:16px}
#cfm .cfm{background:#fff;border-radius:12px;max-width:380px;width:100%;padding:20px;box-shadow:var(--sh2)}
#cfm .cfq{font-weight:600;font-size:16px;margin:0 0 8px}#cfm .crest{margin:0 0 4px}#cfm .muted{font-size:13px;margin:0 0 14px}#cfm .row{justify-content:flex-end}

/* v5 clean */
.evw{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line2)}.evw .ev{border-bottom:0;flex:1;min-width:0}
.mkc{flex:none;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;color:var(--pri);border-radius:999px;padding:6px 11px;font-size:13px;font-weight:500;white-space:nowrap}.mkc svg{width:15px;height:15px}
.btn.mk{width:100%;justify-content:center}
.kt.x{background:#f3efe4;color:#7a6326}
details.fold summary{cursor:pointer;font-weight:600;list-style:none}details.fold summary::-webkit-details-marker{display:none}details.fold summary::after{content:' ›';color:var(--mut)}details.fold[open] summary::after{content:' ⌄'}
.help .legend{margin:10px 0 0}