:root{--purple:#4b2c8a;--purple-d:#35205b;--purple-m:#6b4bb5;--ink:#2a1b4d;--ink2:#5b4b82;--cream:#fff7ea;--paper:#fff;--line:#e6daf7;--lilac:#ede5ff;--lilac-d:#b9a5e8;--mint:#3fe0b5;--mint-l:#d3f7ea;--mint-d:#0b6b52;--sky:#cdeff5;--sky-d:#0e6f80;--yellow:#ffd23f;--yellow-l:#fff0b8;--yellow-d:#7a5600;--yellow-s:#d9a800;--coral:#ff6f61;--coral-l:#ffe1da;--coral-d:#a8392e;--pink:#ffddeb;--r:18px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--purple-d);color:var(--cream);margin:0;font:16px/1.55 Leelawadee UI,Noto Sans Thai,Sarabun,Segoe UI Variable Text,Nirmala UI,Tahoma,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:2px solid var(--lilac-d);background:var(--paper);min-width:44px;min-height:48px;color:var(--ink);border-radius:16px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-weight:700;transition:transform .1s,background .15s;display:inline-flex}button:hover{background:var(--lilac)}button:active{transform:translateY(2px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--purple-m);outline-offset:2px;box-shadow:0 0 0 6px #fff}button:disabled{cursor:not-allowed;color:#54467a;background:#efe9fa;border-color:#d8ccee;transform:none}h1,h2,h3,p{overflow-wrap:anywhere;margin:0 0 8px}h1{font-size:23px;line-height:1.35}h2{font-size:19px;line-height:1.35}h3{font-size:16px;line-height:1.4}p{line-height:1.6}small{color:var(--ink2);font-size:13px}.muted{color:var(--ink2)}.primary{background:var(--yellow);border:2px solid var(--yellow-s);color:var(--ink);box-shadow:0 3px 0 var(--yellow-s)}.primary:hover{background:#ffdc66}.primary:active{box-shadow:0 1px 0 var(--yellow-s)}.primary:disabled{box-shadow:none;color:#54467a;background:#efe9fa;border-color:#d8ccee}.full{width:100%}.big{border-radius:18px;min-height:56px;font-size:17px}.ic{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.ic.chev{width:20px;height:20px;color:var(--ink2)}.pic,.sti,.star{-webkit-user-select:none;user-select:none;flex:none;display:block}.sti{vertical-align:middle;display:inline-block}.layout{grid-template-columns:260px 420px 1fr;align-items:start;gap:30px;max-width:1320px;margin:auto;padding:28px;display:grid}.brand{align-items:center;gap:6px;margin-bottom:6px;font-size:28px;font-weight:800;display:flex}.sidebar{max-height:calc(100vh - 48px);position:sticky;top:24px;overflow:auto}.sidebar .muted{color:#d8ccf5}.sidebar .pages{margin:8px 0 14px}.sidebar .pages button{text-align:left;width:100%;color:var(--cream);background:0 0;border:0;border-radius:12px;justify-content:flex-start;min-height:44px;margin:2px 0;padding:6px 12px;font-weight:600;display:flex}.sidebar .pages button:hover{background:#fff2}.sidebar .pages button.active{background:var(--yellow);color:var(--ink)}.sidebar>button{background:var(--mint);border-color:var(--mint);color:var(--ink)}.tag{background:var(--yellow);color:var(--ink);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;line-height:1.5;display:inline-block}.tag.lilac{background:var(--lilac)}.tag.sky{background:var(--mint)}.preview{color:var(--ink2);margin:12px 0 0;font-size:13px;line-height:1.6}.sidebar .preview{color:#d8ccf5}.phone{background:var(--cream);color:var(--ink);border:8px solid #1d0f3a;border-radius:40px;flex-direction:column;height:min(860px,100vh - 56px);min-height:620px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #0006}.status{background:var(--cream);color:var(--ink2);flex:none;justify-content:space-between;padding:10px 20px 4px;font-size:12px;display:flex}.content{overscroll-behavior:contain;background:var(--cream);flex:1;min-height:0;overflow:hidden auto}.pad{padding:6px 16px 24px}.pad>*+*{margin-top:12px}.pad>h1+p{margin-top:0}.pad>.grouphead+*{margin-top:8px}.hdr{justify-content:space-between;align-items:center;gap:10px;padding:8px 16px 4px;display:flex}.hdr h1{margin:0;font-size:22px}.who{align-items:center;gap:10px;min-width:0;display:flex}.who-t{flex-direction:column;min-width:0;line-height:1.3;display:flex}.who-t b{overflow-wrap:anywhere;font-size:18px}.hdr-r{align-items:center;gap:8px;display:flex}.avatar{background:var(--lilac);border:2px solid var(--lilac-d);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.avatar.xl{width:76px;height:76px}.iconbtn{background:var(--paper);border-radius:50%;width:44px;padding:0}.pill{background:var(--yellow-l);border:2px solid var(--yellow-s);min-height:44px;color:var(--ink);border-radius:999px;gap:4px;padding:4px 14px 4px 10px;font-size:18px;font-weight:800}.pill.static{cursor:default;min-height:36px;padding:2px 14px;font-size:15px}.pill.static:hover{background:var(--yellow-l)}.hdr.parent{background:var(--purple);color:var(--cream);border-radius:0 0 24px 24px;margin-bottom:6px;padding:12px 16px}.hdr.parent .iconbtn{color:var(--cream);background:#ffffff1f;border-color:#fff5}.hdr.parent .avatar{background:#ffffff1f;border-color:#fff5}.hdr.parent .who-t b{font-size:17px}.rolechip{color:var(--mint);align-items:center;gap:4px;font-size:12px;font-weight:800;display:inline-flex}.rolechip .ic{width:14px;height:14px}.lockbtn{background:var(--mint);border-color:var(--mint);color:var(--ink);border-radius:999px;padding:6px 14px}.lockbtn:hover{background:#6debc8}.card{background:var(--paper);border:2px solid var(--line);border-radius:var(--r);color:var(--ink);padding:16px}.card.lilac{background:var(--lilac);border-color:var(--lilac-d)}.card.gold{background:var(--yellow-l);border-color:var(--yellow-s)}.card.peach{background:var(--coral-l);border-color:#ffb3a6}.card.mint{background:var(--mint-l);border-color:var(--mint)}.card label:first-child{margin-top:0}label{margin:12px 0 6px;font-size:15px;font-weight:700;display:block}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{border:2px solid var(--lilac-d);width:100%;min-height:48px;color:var(--ink);background:#fff;border-radius:14px;padding:10px 14px}textarea{resize:vertical;min-height:88px}label.check{align-items:flex-start;gap:10px;min-height:44px;margin-top:14px;font-size:14px;font-weight:600;display:flex}label.check input{width:24px;height:24px;accent-color:var(--purple);flex:none;margin:2px 0 0}.error{min-height:0;color:var(--coral-d);margin:0;font-size:14px;font-weight:700}.error:not(:empty){background:#fff;border:2px solid #ffb3a6;border-radius:14px;margin-top:12px;padding:10px 12px}.demo{background:var(--yellow-l);color:var(--ink);border-radius:14px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.demo .ic{width:18px;height:18px;margin-top:2px}.demo p{margin:0}.credit{color:var(--ink2);text-align:center;margin-top:16px;font-size:12px}.pair{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.row{justify-content:space-between;align-items:center;gap:10px;display:flex}.row b{align-items:center;gap:4px;font-size:20px;display:inline-flex}.divider{background:var(--line);height:2px;margin:10px 0}.stack{flex-direction:column;gap:8px;display:flex}.titlerow{justify-content:space-between;align-items:center;gap:10px;display:flex}.titlerow h2{margin:0}.addbtn{min-height:44px;padding:6px 14px}.addbtn .ic{width:18px;height:18px}.brandrow{justify-content:space-between;align-items:center;gap:8px;display:flex}.wordmark{color:var(--purple);align-items:center;gap:6px;font-size:26px;font-weight:800;display:inline-flex}.success{text-align:center;padding:12px 0 4px}.success .bigicon{background:var(--purple);width:88px;height:88px;color:var(--yellow);border-radius:50%;place-items:center;margin:0 auto 12px;display:grid}.success .bigicon .ic{width:44px;height:44px}.loginhero{background:var(--lilac);color:var(--ink);border-radius:26px;padding:0 16px 18px;overflow:hidden}.scene{height:150px;margin:0 -16px 10px;position:relative}.blob{border-radius:50%;position:absolute}.b1{background:var(--mint);width:150px;height:150px;top:6px;left:50%;transform:translate(-50%)}.b2{background:var(--yellow);width:70px;height:70px;top:62px;left:8%}.b3{background:var(--coral);width:56px;height:56px;top:14px;right:9%}.sc{position:absolute}.sc-star{top:34px;left:50%;transform:translate(-50%)}.sc-gift{top:73px;left:calc(8% + 11px)}.sc-task{top:20px;right:calc(9% + 6px)}.sc-clock{top:92px;right:12%}.loginhero .brandrow{margin-top:4px}.loginhero h1{margin-top:8px}.loginhero p{color:var(--ink2);margin:0}.tile{border-radius:18px;flex:none;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.tile.lg{border-radius:20px;width:64px;height:64px}.tile.xl{border-radius:30px;width:92px;height:92px;margin:0 auto 10px}.art{background:var(--lilac);place-items:center;width:100%;height:100%;display:grid}.art .emo{font-size:28px;line-height:1}.t-mint{background:var(--mint-l)}.t-sky{background:var(--sky)}.t-coral{background:var(--coral-l)}.t-pink{background:var(--pink)}.t-lilac{background:var(--lilac)}.t-yellow{background:var(--yellow-l)}.t-ink{background:var(--purple);color:var(--yellow)}.tile.lg .pic{width:44px;height:44px}.tile.xl .pic{width:64px;height:64px}.spill{border:2px solid #0000;border-radius:999px;align-self:flex-start;align-items:center;gap:4px;padding:3px 10px 3px 6px;font-size:12.5px;font-weight:800;line-height:1.3;display:inline-flex}.spill .ic{stroke-width:3px;width:14px;height:14px}.spill.todo{background:var(--lilac);color:var(--purple);border-color:var(--lilac-d)}.spill.pending{background:var(--yellow-l);color:var(--yellow-d);border:2px dashed var(--yellow-s)}.spill.approved{background:var(--mint-l);color:var(--mint-d);border-color:var(--mint)}.spill.rejected{background:var(--coral-l);color:var(--coral-d);border-color:#ffb3a6}.schip{background:var(--yellow-l);border:2px solid var(--yellow-s);color:var(--ink);border-radius:999px;align-items:center;gap:3px;min-height:30px;padding:1px 10px 1px 4px;font-size:15px;font-weight:800;line-height:1.4;display:inline-flex}.starrow{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;display:inline-flex}.starrow .starnum{margin-left:6px;font-size:15px}.starrow.lg{max-width:100%}.starrow.lg .starnum{font-size:18px}.grouphead{align-items:center;gap:8px;margin-top:20px;display:flex}.grouphead h3{margin:0}.count{background:var(--purple);min-width:26px;height:26px;color:var(--cream);border-radius:999px;place-items:center;padding:0 8px;font-size:13px;font-weight:800;display:inline-grid}.trow{text-align:left;background:var(--paper);border:2px solid var(--line);border-radius:var(--r);width:100%;min-height:72px;color:var(--ink);font-weight:inherit;align-items:center;gap:12px;padding:10px 12px;display:flex}button.trow:hover{border-color:var(--lilac-d);background:#fbf7ff}.trow.static{cursor:default}.trow.pending{border-style:dashed;border-color:var(--yellow-s);background:#fffbea}.trow.approved{background:#f1fcf8;border-color:#a6ebd5}.trow.rejected{background:#fff6f3;border-color:#ffb3a6}.trow.big{min-height:84px;margin-top:12px}.trow .body{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.trow .body b{overflow-wrap:anywhere;font-size:16px;font-weight:800;line-height:1.4}.trow .body small{font-weight:500}.trow .end{flex:none;align-items:center;gap:4px;display:flex}.reviewcard{padding:10px}.reviewcard .trow{background:0 0;border:0;min-height:64px;padding:0}.reviewcard .pair{margin-top:8px}.setrow{text-align:left;background:var(--paper);border:2px solid var(--line);border-radius:var(--r);align-items:center;gap:12px;width:100%;min-height:60px;padding:8px 12px;font-weight:700;display:flex}.setrow .body{flex:1;min-width:0}.seticon{background:var(--lilac);width:40px;height:40px;color:var(--purple);border-radius:14px;flex:none;place-items:center;display:grid}.hero{background:var(--purple);color:var(--cream);border-radius:24px;padding:16px;position:relative;overflow:hidden}.hero .eyebrow{min-height:32px;color:var(--mint);letter-spacing:.02em;font-size:13px;font-weight:800;display:block}.hero h2{color:#fff;margin:0 0 6px;font-size:20px}.hero p{color:#e9dfff;margin:0 0 12px}.herorow{align-items:center;gap:14px;margin-bottom:14px;display:flex}.herotxt{min-width:0}.herostar{position:absolute;top:10px;right:14px}.hero.done{background:var(--mint);color:var(--ink)}.hero.done h2,.hero.done p{color:var(--ink)}.sumcard{background:var(--paper);border:2px solid var(--line);border-radius:var(--r);color:var(--ink);padding:14px}.sumcard .big{margin:0;font-size:26px;font-weight:800;line-height:1.3}.sumcard .big span{color:var(--ink2);font-size:14px;font-weight:700}.seglist{gap:6px;margin:8px 0 10px;display:flex}.seg{background:var(--lilac);border:2px solid var(--lilac-d);border-radius:99px;flex:1;height:12px}.seg.on{background:var(--mint);border-color:var(--mint-d)}.seg.wait{background:var(--yellow-l);border:2px dashed var(--yellow-s)}.chips{flex-wrap:wrap;gap:6px;margin:6px 0 8px;display:flex}.chip{border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:800;line-height:1.4}.chip.todo{background:var(--lilac);color:var(--purple)}.chip.pending{background:var(--yellow-l);color:var(--yellow-d);border:2px dashed var(--yellow-s);padding:1px 8px}.chip.approved{background:var(--mint-l);color:var(--mint-d)}.sheet{background:var(--paper);border:2px solid var(--line);color:var(--ink);border-radius:26px;padding:16px}.sheet>*+*{margin-top:12px}.sheethero{text-align:center;background:var(--lilac);border-radius:20px;margin:0;padding:18px 12px}.sheethero.gold{background:var(--yellow-l)}.sheethero h1{margin:8px 0 4px}.sheethero p{color:var(--ink2);margin:0 0 6px}.sheet .spill{align-self:center}.sheet h3,.sheet>p{margin-bottom:0}.tl{justify-content:space-between;gap:6px;margin:16px 0 0;padding:0;list-style:none;display:flex}.tl li{color:var(--ink2);text-align:center;flex-direction:column;flex:1;align-items:center;gap:4px;font-size:12.5px;font-weight:700;display:flex;position:relative}.tl li+li:before{content:"";background:var(--line);height:3px;position:absolute;top:14px;left:-50%;right:50%}.tl li.done+li:before,.tl li.done+li.now:before{background:var(--mint)}.tl .dot{z-index:1;border:3px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:grid;position:relative}.tl li.done .dot{background:var(--mint);border-color:var(--mint-d);color:var(--ink)}.tl li.now .dot{background:var(--yellow-l);border:3px dashed var(--yellow-s);color:var(--ink)}.tl li.now{color:var(--ink)}.tl .dot .ic{stroke-width:3.4px;width:16px;height:16px}.actionbar{z-index:2;background:linear-gradient(#fff0,#fff 14px);padding-top:14px;position:sticky;bottom:0}.banner{background:var(--purple);color:var(--cream);border-radius:22px;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.banner h3{color:#fff;margin:0 0 2px}.banner p{color:var(--yellow);margin:0;font-weight:800}.banner small{color:#e9dfff}.bannerart{background:var(--mint);border-radius:50%;flex:none;place-items:center;width:72px;height:72px;display:grid}.shopgrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rcard{background:var(--paper);border:2px solid var(--line);border-radius:var(--r);color:var(--ink);flex-direction:column;align-items:flex-start;gap:6px;padding:12px;display:flex}.rcard .tile{border-radius:20px;width:60px;height:60px}.rcard h3{flex:1;margin:2px 0 0;font-size:15px}.rcard .button,.rcard button{margin-top:4px}.cost{align-items:center;gap:4px;font-size:18px;font-weight:800;display:inline-flex}.meter{background:var(--lilac);border-radius:99px;width:100%;height:8px;display:block;overflow:hidden}.meter i{background:var(--mint);border-radius:99px;height:100%;display:block}.rcard.no .meter i{background:var(--lilac-d)}.rcard.ok{border-color:var(--mint)}.balance{background:var(--purple);color:var(--cream);text-align:left;border-radius:24px;padding:16px}.balance small{color:#e9dfff}.bal{color:#fff;align-items:center;gap:8px;font-size:40px;font-weight:800;line-height:1.3;display:flex}.held{background:#ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:14px;font-weight:700;display:inline-flex}.held .ic{width:16px;height:16px}.ledger{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lrow{background:var(--paper);border:2px solid var(--line);min-height:48px;color:var(--ink);overflow-wrap:anywhere;border-radius:14px;align-items:center;gap:10px;padding:8px 12px;font-weight:600;display:flex}.ldot{background:var(--lilac);width:28px;height:28px;color:var(--purple);border-radius:50%;flex:none;place-items:center;display:grid}.ldot .ic{stroke-width:3px;width:15px;height:15px}.lrow.earn .ldot{background:var(--mint-l);color:var(--mint-d)}.lrow.hold .ldot{background:var(--yellow-l);color:var(--yellow-d)}.lrow.back .ldot{background:var(--sky);color:var(--sky-d)}.lrow.done .ldot{background:var(--mint);color:var(--ink)}.pendhero{background:var(--coral-l);color:var(--ink);border:2px solid #ffb3a6;border-radius:22px;align-items:center;gap:14px;padding:14px;display:flex}.pendhero.zero{background:var(--mint-l);border-color:var(--mint)}.pendhero h2{margin:0 0 2px}.pendhero small{color:var(--ink)}.badge{background:var(--coral-d);color:#fff;border-radius:50%;flex:none;place-items:center;min-width:56px;height:56px;padding:0 8px;font-size:26px;font-weight:800;display:grid}.badge.zero{background:var(--mint-d)}.profilecard{background:var(--lilac);border:2px solid var(--lilac-d);color:var(--ink);border-radius:22px;align-items:center;gap:14px;padding:14px;display:flex}.profilecard h2{margin:0 0 2px}.profilecard .chips{margin-bottom:0}.nav{background:var(--paper);border-top:2px solid var(--line);flex:none;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:6px 8px 8px;display:grid}.nav:empty{display:none}.nav button{min-height:60px;color:var(--ink2);background:0 0;border:0;border-radius:16px;flex-direction:column;gap:2px;padding:4px 2px;font-size:12.5px;font-weight:700;position:relative}.nav button:hover{background:#f6f1ff}.navicon{border-radius:17px;place-items:center;width:56px;height:34px;display:grid}.nav button.active{color:var(--purple);font-weight:800}.nav button.active .navicon{background:var(--lilac);box-shadow:inset 0 0 0 2px var(--lilac-d)}.navbadge{background:var(--coral-d);color:#fff;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:800;display:grid;position:absolute;top:2px;left:calc(50% + 8px)}.note{background:var(--cream);color:var(--ink);border:2px solid var(--line);border-radius:22px;margin-bottom:16px;padding:22px}.note li{margin-bottom:10px;line-height:1.6}.note .muted,.note .preview{color:var(--ink2)}.swatches{gap:8px;margin-bottom:14px;display:flex}.swatches span{border:2px solid #fff;border-radius:12px;width:36px;height:36px}.steps{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.steps span{background:var(--lilac);border:2px solid var(--lilac-d);border-radius:14px;padding:10px 14px}.flow-view{background:var(--cream);max-width:1160px;color:var(--ink);border:2px solid var(--line);border-radius:26px;margin:0 auto 40px;padding:24px}.flow-view h3{margin-top:22px}.flow-view p{margin-top:10px}@media (width<=1050px){.layout{grid-template-columns:220px minmax(320px,420px)}.notes{grid-column:1/-1}}@media (width<=650px){.layout{flex-direction:column;gap:0;padding:0;display:flex}.phone{width:100%;max-width:none;height:100dvh;min-height:0;box-shadow:none;border:0;border-radius:0;order:-1}.sidebar{width:100%;max-height:none;padding:16px;position:static}.sidebar .pages{max-width:100%;display:flex;overflow:auto}.sidebar .pages button{white-space:nowrap;width:auto}.notes{width:100%;padding:16px}.flow-view{margin:0 12px 24px;padding:16px}}@media (width<=400px){.pad{padding:6px 14px 22px}.trow{gap:10px;padding:10px}.shopgrid{gap:8px}.rcard{padding:10px}h1{font-size:22px}}@media (prefers-reduced-motion:reduce){button{transition:none}button:active{transform:none}}@media print{.sidebar,.notes,.nav{display:none}.layout{display:block}.phone{max-width:420px;box-shadow:none;height:auto;margin:auto}.content{overflow:visible}.flow-view{break-before:page}}.layout.app{justify-content:center;max-width:none;padding:24px;display:flex}.layout.app .phone{width:420px;max-width:100%}.demobar{background:var(--yellow-l);color:var(--ink);border-bottom:2px solid var(--yellow-s);flex:none;padding:6px 16px;font-size:12.5px;font-weight:700;line-height:1.4}.demobar.warn{background:var(--coral-l);border-color:#ffb3a6}.nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}.nav button{min-width:0}.navicon{width:48px}.three{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px;display:grid}.three div{text-align:center;background:#ffffff1f;border-radius:14px;padding:8px;font-size:12.5px;line-height:1.3}.three b{color:#fff;font-size:20px;display:block}.fatal{padding:24px 16px}.fatal h1{color:var(--ink)}.formmsg{margin:12px 0 0}.who-t small,.trow small{overflow-wrap:anywhere}.trow .body small.kid{color:var(--purple);font-weight:700}@media (width<=650px){.layout.app{padding:0}.layout.app .phone{width:100%}}