:root{--canvas: #f7f8fa;--surface: #ffffff;--surface-alt: #eef0f3;--hairline: #e3e6ec;--ink: #12161c;--ink-muted: #5b6472;--ink-faint: #8992a0;--brand-50: #eef7f6;--brand-100: #d7ece9;--brand-500: #1f8e82;--brand-600: #157468;--brand-700: #0f5c53;--on-brand: #ffffff;--accent: #6a5cf5;--accent-tint: #f1f0fe;--success: #1f9d55;--success-tint: #eefaf1;--warning: #b3730a;--warning-tint: #fff8ec;--danger: #b5312e;--danger-tint: #fdf1f1;--shadow-sm: 0 1px 2px rgba(13,21,38,.05);--shadow: 0 1px 2px rgba(13,21,38,.05), 0 8px 24px rgba(13,21,38,.07);--hero: linear-gradient(150deg, #e3f3f0 0%, #eef7f6 55%, #f1f0fe 100%)}@media(prefers-color-scheme:dark){:root{--canvas: #090e18;--surface: #121826;--surface-alt: #1a2233;--hairline: #232c3d;--ink: #eef1f7;--ink-muted: #9aa4b8;--ink-faint: #6b768c;--brand-50: #0b2f2a;--brand-100: #0f3d38;--brand-500: #2ee0bd;--brand-600: #00a98d;--brand-700: #2ee0bd;--on-brand: #04211c;--accent: #8b7cff;--accent-tint: #1c1a3d;--success: #2fd98a;--success-tint: #0c2b1e;--warning: #fbbf4c;--warning-tint: #2e2412;--danger: #ff6b60;--danger-tint: #331714;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.45);--hero: linear-gradient(150deg, #0b2f2a 0%, #101c26 60%, #1c1a3d 100%)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,Noto Sans Sinhala,Noto Sans Tamil,sans-serif;-webkit-font-smoothing:antialiased}body{min-height:100vh}main{max-width:480px;margin:0 auto;padding:12px 16px 40px}main section.has-bar{padding-bottom:120px}main.centered{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;box-sizing:border-box}main.centered>section{margin-block:auto}h1{font-size:26px;line-height:1.15;letter-spacing:-.3px;margin:4px 0 6px}h2{font-size:17px;margin:0}h1:focus{outline:none}p{margin:0 0 12px}.muted{color:var(--ink-muted)}.small{font-size:14px}[hidden]{display:none!important}svg.i{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;margin-bottom:8px}.logo{display:block;height:34px;width:auto}@media(prefers-color-scheme:dark){.logo{background:#fff;border-radius:10px;padding:4px 8px;height:40px}}.back{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 10px 0 2px;margin-left:-4px;background:none;border:0;font:inherit;font-weight:700;font-size:16px;color:var(--brand-600);cursor:pointer;border-radius:10px}.stepper{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 16px}.stepper div{font-size:13px;font-weight:600;color:var(--ink-faint);padding-top:8px;border-top:4px solid var(--surface-alt);border-radius:2px}.stepper div.on{color:var(--brand-600);border-top-color:var(--brand-500)}.hero{background:var(--hero);border:1px solid var(--brand-100);border-radius:20px;padding:14px 16px;margin-top:0}.pharm{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:999px;background:var(--surface);color:var(--brand-600);font-weight:700;font-size:14px;box-shadow:var(--shadow-sm)}.pharm svg.i{width:18px;height:18px}.hero h1{margin-top:10px;font-size:22px}.hero p{font-size:14px}.hero p{color:var(--ink-muted);margin:0}.tile{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;margin-top:10px;padding:10px 14px;text-align:left;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--hairline);border-radius:16px;box-shadow:var(--shadow);cursor:pointer;transition:transform .12s,box-shadow .12s}.tile:active{transform:scale(.985)}.tile .ico{flex:none;width:40px;height:40px;border-radius:12px;background:var(--brand-50);color:var(--brand-600);display:grid;place-items:center}.tile .ico svg.i{width:22px;height:22px}.tile .body{flex:1;min-width:0}.tile .t{font-size:16px;font-weight:700;display:block}.tile .s{font-size:13px;color:var(--ink-muted);display:block;margin-top:1px}.tile .chev{color:var(--ink-faint)}.tile.primary{background:var(--brand-600);border-color:var(--brand-600);color:var(--on-brand);margin-top:12px}.tile.primary .ico{background:#ffffff29;color:var(--on-brand)}.tile.primary .s,.tile.primary .chev{color:var(--on-brand);opacity:.85}.tile.last{border-color:var(--brand-100)}.tile.last .num{color:var(--brand-600)}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:700;background:var(--surface-alt);color:var(--ink-muted);margin-top:4px}.pill.received{background:var(--accent-tint);color:var(--accent)}.pill.preparing{background:var(--warning-tint);color:var(--warning)}.pill.ready{background:var(--success-tint);color:var(--success)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor}.pill.preparing .dot,.pill.received .dot{animation:pulse 1.6s ease-in-out infinite}.how{margin-top:16px}.how h2{font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-faint);margin-bottom:8px}.how .flow{list-style:none;margin:0;display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface);border:1px solid var(--hairline);border-radius:16px;box-shadow:var(--shadow-sm);padding:14px 6px 12px}.how .flow li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 6px}.how .flow li:after{content:"";position:absolute;top:25px;left:calc(50% + 32px);width:calc(100% - 64px);border-top:2px dashed var(--brand-100)}.how .flow li:last-child:after{display:none}.how .node{position:relative;width:52px;height:52px;border-radius:50%;background:var(--brand-50);color:var(--brand-600);border:2px solid var(--brand-100);display:grid;place-items:center;margin-bottom:10px}.how .flow li:last-child .node{background:var(--brand-600);border-color:var(--brand-600);color:var(--on-brand)}.how .node .n{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--surface);color:var(--brand-600);border:2px solid var(--brand-100);font-size:11px;font-weight:800;display:grid;place-items:center}.how .flow b{font-size:14px;line-height:1.2;margin-bottom:4px}.how .flow .muted{font-size:12.5px;line-height:1.3}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:20px;padding:16px;margin-top:14px;box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:14px 18px;border:0;border-radius:16px;font:inherit;font-weight:700;font-size:17px;cursor:pointer;background:var(--brand-600);color:var(--on-brand);transition:transform .12s,opacity .12s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.secondary{background:var(--brand-50);color:var(--brand-600);border:1px solid var(--brand-100)}.btn.ghost{background:transparent;color:var(--ink-muted);min-height:48px;font-weight:600;font-size:15px}.btn.compact{min-height:48px;font-size:15px;border-radius:14px}.row{display:flex;gap:10px}.row>*{flex:1}label{display:block;font-weight:600;font-size:14px;margin:0 0 6px}input[type=tel],input[type=text],input[type=number]{width:100%;min-height:54px;padding:12px 14px;font:inherit;font-size:17px;color:var(--ink);background:var(--canvas);border:1.5px solid var(--hairline);border-radius:14px;transition:border-color .12s}input:focus,textarea:focus{border-color:var(--brand-500);outline:none}input:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.field{margin-bottom:14px}.field:last-child{margin-bottom:0}.hint{font-size:13px;color:var(--ink-faint);margin-top:6px}.error{display:flex;gap:8px;background:var(--danger-tint);color:var(--danger);border-radius:14px;padding:12px 14px;font-size:14px;font-weight:600;margin:12px 0}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.link{background:none;border:0;padding:8px 6px;font:inherit;font-size:14px;font-weight:700;color:var(--danger);cursor:pointer;border-radius:8px}.link.plain{color:var(--brand-600)}.counter{font-size:13px;font-weight:700;color:var(--ink-muted);background:var(--surface-alt);padding:3px 10px;border-radius:999px}.drop{text-align:center;padding:22px 12px 4px}.drop .big{width:64px;height:64px;border-radius:20px;margin:0 auto 10px;background:var(--brand-50);color:var(--brand-600);display:grid;place-items:center}.drop .big svg.i{width:32px;height:32px}.drop b{display:block;font-size:17px}.pages{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px}.page{display:grid;grid-template-columns:56px 1fr;column-gap:12px;row-gap:10px;align-items:center;padding:10px 12px 12px;border:1px solid var(--hairline);border-radius:16px;background:var(--canvas)}.thumb{width:56px;height:72px;border-radius:8px;object-fit:cover;background:var(--surface-alt);display:grid;place-items:center;font-weight:700;color:var(--ink-muted)}.page .top{display:flex;justify-content:space-between;align-items:center}.page .days{grid-column:1 / -1}.page .top b{font-size:15px}.page label{font-size:13px;color:var(--ink-muted)}.page .days>label{display:block;margin-bottom:6px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{min-height:38px;padding:6px 12px;border-radius:999px;border:1.5px solid var(--hairline);background:var(--surface);color:var(--ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.chip[aria-pressed=true]{background:var(--brand-600);color:var(--on-brand);border-color:var(--brand-600)}.other{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:14px;color:var(--ink-muted)}.other input[type=number]{width:88px;min-height:40px;padding:6px 10px;font-size:16px;border-radius:10px}.note{font-size:13px;color:var(--ink-muted);margin-top:10px;text-align:center}.or{display:flex;align-items:center;gap:12px;margin:18px 0 4px;color:var(--ink-faint);font-size:13px;font-weight:600}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--hairline)}.toggle{display:flex;align-items:center;gap:12px;width:100%;padding:0;background:none;border:0;font:inherit;color:var(--ink);text-align:left;cursor:pointer}.toggle .ico{flex:none;width:40px;height:40px;border-radius:12px;background:var(--accent-tint);color:var(--accent);display:grid;place-items:center}.toggle .body{flex:1}.toggle .s{display:block;font-size:13px;color:var(--ink-muted);font-weight:400}.toggle .chev{color:var(--ink-faint);transition:transform .15s}.toggle[aria-expanded=true] .chev{transform:rotate(90deg)}textarea{width:100%;margin-top:12px;padding:12px 14px;font:inherit;font-size:16px;color:var(--ink);background:var(--canvas);border:1.5px solid var(--hairline);border-radius:14px;resize:vertical}.bar{position:fixed;left:0;right:0;bottom:0;z-index:5;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--hairline);padding:10px 16px calc(12px + env(safe-area-inset-bottom))}.bar>div{max-width:480px;margin:0 auto}.bar .sum{font-size:13px;font-weight:600;color:var(--ink-muted);text-align:center;margin:0 0 8px;min-height:18px}.summary{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--brand-50);border:1px solid var(--brand-100)}.summary .ico{flex:none;width:40px;height:40px;border-radius:12px;background:var(--surface);color:var(--brand-600);display:grid;place-items:center}.summary .body{flex:1;font-weight:700}.summary .body span{display:block;font-size:13px;font-weight:400;color:var(--ink-muted)}.notice{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink-muted);margin:0 0 14px}.notice svg.i{width:18px;height:18px;margin-top:2px;color:var(--brand-600)}.progress{height:8px;border-radius:999px;background:var(--surface-alt);overflow:hidden;margin:0 0 6px}.progress>div{height:100%;width:0;background:var(--brand-500);transition:width .2s}.done-ico{width:64px;height:64px;margin:12px auto 8px;border-radius:50%;background:var(--success-tint);color:var(--success);display:grid;place-items:center;animation:pop .5s cubic-bezier(.2,1.4,.4,1) both}.done-ico svg.i{width:34px;height:34px;stroke-width:2.5}.center{text-align:center}.ticket{position:relative;padding:0;overflow:hidden;text-align:center}.ticket .top{padding:22px 16px 18px;background:var(--hero)}.ticket .lbl{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--ink-muted)}.ticket .num{font-size:72px;font-weight:800;letter-spacing:-1.5px;color:var(--brand-600);line-height:1;margin:8px 0 6px;font-variant-numeric:tabular-nums;animation:pop .6s .1s cubic-bezier(.2,1.4,.4,1) both}.ticket .tear{height:0;border-top:2px dashed var(--hairline);margin:0 18px;position:relative}.ticket .tear:before,.ticket .tear:after{content:"";position:absolute;top:-12px;width:22px;height:22px;border-radius:50%;background:var(--canvas);border:1px solid var(--hairline)}.ticket .tear:before{left:-30px}.ticket .tear:after{right:-30px}.ticket .bottom{padding:14px 16px 16px;text-align:left}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.ticket .num,.done-ico,.dot{animation:none!important}}.track{list-style:none;margin:14px 0 4px;padding:0}.track li{position:relative;display:flex;gap:12px;padding-bottom:16px;color:var(--ink-faint);font-weight:600;font-size:15px}.track li:last-child{padding-bottom:0}.track li:before{content:"";position:absolute;left:11px;top:24px;bottom:0;width:2px;background:var(--hairline)}.track li:last-child:before{display:none}.track .mk{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--hairline);background:var(--surface);display:grid;place-items:center;z-index:1}.track .mk svg.i{width:14px;height:14px;stroke-width:3}.track li.done{color:var(--ink)}.track li.done .mk{background:var(--brand-600);border-color:var(--brand-600);color:var(--on-brand)}.track li.done:before{background:var(--brand-500)}.track li.now{color:var(--ink)}.track li.now .mk{border-color:var(--brand-500)}.track li.now .mk:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--brand-500);animation:pulse 1.6s ease-in-out infinite}.track li.ready-now .mk{background:var(--success);border-color:var(--success);color:#fff}.track li .sub{display:block;font-size:13px;font-weight:400;color:var(--ink-muted)}.ready{display:flex;gap:10px;align-items:center;background:var(--success-tint);color:var(--success);border-radius:14px;padding:12px 14px;font-weight:700;margin-top:14px}.bill-card .card-head h2{font-size:17px;margin:0}.pill.paid{background:var(--success-tint);color:var(--success)}.pill.due{background:var(--warning-tint);color:var(--warning)}.bill-lines{list-style:none;margin:12px 0 0;padding:0}.bill-lines li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--hairline);font-size:15px}.bill-lines li span:first-child{min-width:0;overflow-wrap:anywhere}.bill-lines li span:last-child{flex:none;font-variant-numeric:tabular-nums}.bill-total{display:flex;justify-content:space-between;gap:12px;margin:10px 0 14px;font-weight:800;font-size:17px;font-variant-numeric:tabular-nums}.meta{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--ink-muted)}.meta b{color:var(--ink)}.wait-slot{margin-top:16px}.wait-slot:empty{display:none}body.flow .header{min-height:0;margin-bottom:2px}body.flow .logo{height:24px}@media(prefers-color-scheme:dark){body.flow .logo{height:30px;padding:3px 6px;border-radius:8px}}body.flow main{padding-top:8px}body.flow main section.has-bar{padding-bottom:104px}body.flow .back{min-height:36px;font-size:15px}body.flow .back svg.i{width:18px;height:18px}body.flow .stepper{margin:0 0 10px}body.flow .stepper div{font-size:12px;padding-top:6px;border-top-width:3px}body.flow h1{font-size:21px;margin:0 0 2px}body.flow section>p.muted{font-size:14px;margin-bottom:12px}body.flow .btn{min-height:48px;padding:10px 16px;font-size:16px;border-radius:14px}body.flow .btn svg.i{width:20px;height:20px}body.flow .btn.compact{min-height:42px;font-size:15px}body.flow .card{padding:14px;margin-top:12px;border-radius:18px}body.flow .bar{padding:8px 16px calc(10px + env(safe-area-inset-bottom))}body.flow .bar .sum{margin:0 0 6px;min-height:0}body.flow .summary{padding:10px 12px}body.flow input[type=tel],body.flow input[type=text]{min-height:48px;padding:10px 12px;font-size:16px}body.flow .field{margin-bottom:12px}.has-bar>.muted+.btn{margin-top:20px}.src-or{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--ink-faint);font-size:12px;font-weight:600}.src-or:before,.src-or:after{content:"";flex:1;height:1px;background:var(--hairline)}.pages-head{display:flex;justify-content:space-between;align-items:center;margin:12px 0 0;font-size:14px;font-weight:700}body.flow .pages{margin-top:8px;gap:8px}body.flow .chip{min-height:34px;padding:4px 11px;font-size:13px}body.flow .link{padding:6px}.meds-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:10px 16px;border-radius:14px;border:1px dashed var(--brand-100);background:transparent;color:var(--brand-600);font:inherit;font-size:16px;font-weight:700;cursor:pointer;justify-content:center}.meds-toggle svg.i{width:20px;height:20px}.meds-toggle[aria-expanded=true]{justify-content:flex-start;border:0;padding:4px 0;min-height:0;color:var(--ink)}.meds-toggle .chev{margin-left:auto;color:var(--ink-faint);transition:transform .15s}.meds-toggle[aria-expanded=true] .chev{transform:rotate(90deg)}.meds{list-style:none;margin:4px 0 0;padding:0}.med{display:grid;grid-template-columns:22px 1fr 34px;gap:6px 8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--hairline)}.med .n{font-size:13px;font-weight:700;color:var(--ink-faint);text-align:center}.med .qty-row{grid-column:2 / 3;display:grid;grid-template-columns:84px}.med input[type=text],.med input[type=number]{width:100%;min-height:42px;padding:8px 10px;font:inherit;font-size:16px;color:var(--ink);background:var(--canvas);border:1.5px solid var(--hairline);border-radius:10px}.med .x{width:34px;height:34px;border-radius:50%;border:0;background:none;color:var(--ink-faint);font-size:22px;line-height:1;cursor:pointer}.med .name-wrap{position:relative}.med .picked{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--brand-600);pointer-events:none}.med .picked svg.i{width:16px;height:16px;stroke-width:3}.sugg{position:absolute;z-index:6;left:0;right:0;top:calc(100% + 4px);margin:0;padding:4px;list-style:none;background:var(--surface);border:1px solid var(--hairline);border-radius:12px;box-shadow:var(--shadow);max-height:260px;overflow-y:auto}.sugg li{padding:8px 10px;border-radius:8px;cursor:pointer;font-size:15px}.sugg li[aria-selected=true],.sugg li:hover{background:var(--brand-50)}.sugg li span{display:block;font-size:12px;color:var(--ink-muted)}.add-med{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:8px 4px;background:none;border:0;font:inherit;font-size:15px;font-weight:700;color:var(--brand-600);cursor:pointer}.add-med svg.i{width:18px;height:18px}.header>.logo{min-width:0;flex-shrink:1}.lang-switch{display:inline-flex;flex:none;background:var(--surface);border:1px solid var(--hairline);border-radius:999px;padding:3px;box-shadow:var(--shadow-sm)}.lang-switch button{min-width:38px;height:34px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--ink-muted);font:inherit;font-size:13px;font-weight:700;line-height:1.6;cursor:pointer}.lang-switch button[aria-pressed=true]{background:var(--brand-600);color:var(--on-brand)}.lang-switch button:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}body.flow .lang-switch button{height:30px}:lang(si) .how h2,:lang(ta) .how h2,:lang(si) .ticket .lbl,:lang(ta) .ticket .lbl,:lang(si) h1,:lang(ta) h1{letter-spacing:0;text-transform:none}:lang(si) h1,:lang(ta) h1{line-height:1.35}:lang(si) .tile .t,:lang(ta) .tile .t,:lang(si) .tile .s,:lang(ta) .tile .s,:lang(si) .hero p,:lang(ta) .hero p,:lang(si) .how .flow b,:lang(ta) .how .flow b,:lang(si) .how .flow .muted,:lang(ta) .how .flow .muted{line-height:1.5}:lang(si) .btn,:lang(ta) .btn{line-height:1.5}html[lang=ta] .how .flow b{font-size:13px;overflow-wrap:anywhere}html[lang=ta] .how .flow .muted{font-size:12px;overflow-wrap:anywhere}html[lang=ta] .stepper div{font-size:12px}html[lang=ta] .bar .sum{font-size:12.5px}html[lang=ta] .chip{font-size:13px;padding-inline:10px}html[lang=ta] .ticket .lbl{font-size:12px}