:root{--brand:#6e54de;--brand-hover:#5a40c6;--brand-active:#4a34a1;--surface-brand-soft:#f4f2fd;--border-brand:#b4a4f0;--ring-focus:#9079e8;--surface-page:#f7f8fc;--surface-card:#fff;--surface-sunken:#eff1f7;--surface-inverse:#181c27;--text-strong:#181c27;--text-body:#3d4456;--text-muted:#6f778b;--text-subtle:#9ba2b5;--text-on-dark:#fff;--border-subtle:#e2e5ee;--border-default:#cbd0dd;--border-strong:#9ba2b5;--calm:#16a37b;--calm-soft:#dbf4ec;--calm-strong:#0e7c5c;--watch:#e5a019;--watch-soft:#fbefd3;--watch-strong:#b97d0c;--warning:#e2742b;--warning-soft:#fbe6d7;--warning-strong:#b5571a;--severe:#dc4a4f;--severe-soft:#fae0e1;--severe-strong:#b22f39;--font-display:"Sora", "Padauk", "Noto Sans Myanmar", "Myanmar Text", ui-sans-serif, system-ui, sans-serif;--font-text:"Hanken Grotesk", "Padauk", "Noto Sans Myanmar", "Myanmar Text", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", monospace;--shadow-sm:0 1px 3px #20283c12, 0 1px 2px #20283c0d;--shadow-md:0 4px 12px #20283c14, 0 2px 4px #20283c0d;--shadow-brand:0 8px 24px #6040dd47;--shadow-lg:0 12px 28px #20283c1a, 0 4px 10px #20283c0f;--ease-out:cubic-bezier(.22, .61, .36, 1);--fast:.14s;--base:.22s;--slow:.36s;--appbar-h:50px;--nav-h:58px}@media (prefers-reduced-motion:reduce){:root{--fast:0s;--base:0s;--slow:0s}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html,body{margin:0}[hidden]{display:none!important}body{font-family:var(--font-text);color:var(--text-body);background:var(--surface-sunken);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}#app{background:var(--surface-page);max-width:480px;min-height:100dvh;margin:0 auto}@media (width>=481px){#app{box-shadow:0 0 0 1px var(--border-subtle), var(--shadow-lg)}}.shell{flex-direction:column;min-height:100dvh;display:flex}.shell.padded{padding-bottom:var(--nav-h)}h1,h2,h3{font-family:var(--font-display);color:var(--text-strong);margin:0}h1{font-size:24px;font-weight:700;line-height:1.22}h2{font-size:20px;font-weight:600;line-height:1.22}h3{font-size:16px;font-weight:600;line-height:1.22}h2 small{font-family:var(--font-mono);color:var(--text-subtle);margin-left:8px;font-size:12px;font-weight:400}main{flex:1}.pad{padding:16px}.stack{flex-direction:column;gap:12px;display:flex}.center{flex-direction:column;justify-content:center;align-items:center;display:flex}.center-text{text-align:center}.appbar{z-index:20;height:var(--appbar-h);background:var(--surface-card);border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;padding:12px 16px;display:flex;position:sticky;top:0}.appbar-side{align-items:center;gap:8px;min-width:0;display:flex}.appbar-left{flex:auto}.appbar-right{flex:none;margin-left:auto}.appbar-logo{flex:none;width:22px;height:22px}.appbar-title{font-family:var(--font-display);color:var(--text-strong);white-space:nowrap;font-size:15px;font-weight:700}.appbar-btn{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.appbar-btn:active{background:var(--surface-sunken)}.appbar-btn svg{width:19px;height:19px}.conn{font-family:var(--font-mono);letter-spacing:.08em;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:600}.conn.off{background:var(--watch-soft);color:var(--watch-strong)}.conn-dot{background:var(--calm);width:8px;height:8px;box-shadow:0 0 0 3px var(--calm-soft);border-radius:999px;flex:none;margin-right:2px}.feed{height:calc(100dvh - var(--appbar-h) - var(--nav-h));scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;overflow-anchor:none;overflow-y:auto}.feed::-webkit-scrollbar{display:none}.feed.locked{overflow-y:hidden}.feed-card{height:calc(100dvh - var(--appbar-h) - var(--nav-h));scroll-snap-align:start;scroll-snap-stop:always;background:var(--surface-page);flex-direction:column;padding:16px 18px 80px;display:flex}.eyebrow{color:var(--text-subtle);align-items:center;gap:7px;min-height:20px;margin-bottom:4px;font-size:11px;display:flex}.eyebrow-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.eyebrow .ic{width:13px;height:13px;color:var(--brand);flex:none}.counter{font-family:var(--font-mono);color:var(--text-subtle);flex:none;margin-left:auto;font-size:11px}.req-chip{letter-spacing:.04em;background:var(--surface-brand-soft);color:var(--brand);border-radius:999px;flex:none;padding:2px 7px;font-size:10px;font-weight:600}.icon-tile{background:var(--surface-brand-soft);width:48px;height:48px;color:var(--brand);border-radius:12px;flex:none;place-items:center;margin-bottom:14px;display:grid}.icon-tile .ic{width:24px;height:24px}.icon-tile.calm{background:var(--calm-soft);color:var(--calm-strong)}.icon-tile.watch{background:var(--watch-soft);color:var(--watch-strong)}.icon-tile.severe{background:var(--severe-soft);color:var(--severe-strong)}.card-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.card-body>*{width:100%;margin-block:auto}.card-body.top>*{margin-block:0}.card-body.scrolls{overscroll-behavior-y:contain}.card-foot{flex:none;padding-top:12px}.foot-row{align-items:center;gap:12px;min-height:18px;margin-top:10px;display:flex}.foot-link{color:var(--text-subtle);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.foot-hint{color:var(--text-subtle);text-align:right;margin-left:auto;font-size:11px}.foot-hint.locked{color:var(--brand);font-weight:600}.pager{position:relative}.page-slide-enter-active,.page-slide-leave-active{transition:transform var(--base) var(--ease-out), opacity var(--base) var(--ease-out)}.page-slide-leave-active{position:absolute;inset:0}.page-slide-enter-from{opacity:0;transform:translate(24px)}.page-slide-leave-to,.page-slide-back-enter-from{opacity:0;transform:translate(-24px)}.page-slide-back-leave-to{opacity:0;transform:translate(24px)}.saved-box{background:var(--calm-soft);color:var(--text-body);border-radius:16px;align-items:flex-start;gap:10px;padding:16px;font-size:14px;display:flex}.saved-box.skipped{background:var(--surface-sunken)}.saved-box .ic{width:20px;height:20px;color:var(--calm-strong);flex:none;margin-top:1px}.saved-box.skipped .ic{color:var(--text-subtle)}.saved-lines{flex:1;min-width:0}.saved-line{overflow-wrap:anywhere;margin:0;line-height:1.45}.saved-line+.saved-line{margin-top:3px}.saved-edit{color:var(--brand);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin-top:8px;padding:0;font-size:12px;font-weight:600;display:inline-flex}.saved-edit .ic{width:13px;height:13px;color:var(--brand);margin:0}.end-card{text-align:center;justify-content:center;align-items:center}.end-tile{background:var(--calm-soft);width:54px;height:54px;color:var(--calm-strong);border-radius:999px;place-items:center;margin-bottom:14px;display:grid}.end-tile .ic{width:26px;height:26px}.end-tile.pop{animation:.32s cubic-bezier(.2,.9,.3,1.25) both pop-in}@keyframes pop-in{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.end-tile.pop{animation:none}}.end-title{font-family:var(--font-display);color:var(--text-strong);font-size:17px;font-weight:600}.end-chip{background:var(--surface-brand-soft);color:var(--brand);border-radius:999px;margin-top:10px;padding:4px 12px;font-size:12px;font-weight:600}.end-body{max-width:260px;color:var(--text-muted);margin-top:10px;font-size:13px;line-height:1.6}.notopen{text-align:left;width:100%;max-width:300px;margin-top:22px}.notopen-head{letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:8px;font-size:11px}.notopen-row{border-top:1px solid var(--border-subtle);align-items:baseline;gap:10px;padding:7px 0;font-size:13px;display:flex}.notopen-row span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-body);flex:1;overflow:hidden}.notopen-when{font-family:var(--font-mono);color:var(--text-subtle);flex:none;font-size:11px}label{color:var(--text-muted);font-size:13px;display:block}input,select,textarea{width:100%;font:inherit;color:var(--text-strong);background:var(--surface-card);border:1px solid var(--border-default);appearance:none;border-radius:12px;margin-top:5px;padding:11px 13px;display:block}select{background-image:none}input:focus,select:focus,textarea:focus{outline:2px solid var(--ring-focus);outline-offset:-2px;border-color:var(--border-brand)}textarea{resize:vertical}button{font:inherit}.primary,.secondary,.danger{width:100%;height:42px;font-family:var(--font-display);cursor:pointer;transition:background var(--fast) var(--ease-out);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:16px;font-weight:600;display:flex}.primary{background:var(--brand);color:var(--text-on-dark);box-shadow:var(--shadow-brand)}.primary:active{background:var(--brand-active)}.primary:disabled{background:var(--border-default);color:var(--surface-card);box-shadow:none;cursor:not-allowed}.secondary{background:var(--surface-card);color:var(--text-strong);border-color:var(--border-default)}.secondary:active{background:var(--surface-sunken)}.danger{background:var(--surface-card);color:var(--severe-strong);border-color:var(--severe);box-shadow:none}.primary .ic,.secondary .ic,.danger .ic{width:17px;height:17px}.linkish{color:var(--text-muted);cursor:pointer;background:0 0;border:0;align-self:center;padding:6px 10px;font-size:13px}.qlabel{font-family:var(--font-display);color:var(--text-strong);margin:0 0 6px;font-size:22px;font-weight:600;line-height:1.3}.qlabel.compact{font-size:17px}.qhint{color:var(--text-subtle);margin:0 0 18px;font-size:12px}.req{color:var(--severe)}.qfield+.qfield,.qblocks>*+*{margin-top:22px}.qblocks{padding-bottom:4px}.chips{flex-direction:column;gap:8px;display:flex}.chip{text-align:left;width:100%;color:var(--text-body);background:var(--surface-card);border:1px solid var(--border-default);cursor:pointer;transition:border-color var(--fast) var(--ease-out), background var(--fast) var(--ease-out);border-radius:16px;align-items:center;gap:9px;padding:15px 16px;font-size:16px;display:flex}.chip.sel{border-color:var(--brand);background:var(--surface-brand-soft);color:var(--brand);font-weight:600}.chip-icon{flex:none;font-size:17px;line-height:1}.chip-tick{flex:none;margin-left:auto;font-weight:700}.chips.pills{flex-flow:wrap;gap:6px}.chip.pill{border-radius:999px;width:auto;padding:8px 13px;font-size:14px}.pill-tick{margin-left:5px}.matrix{border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:16px;padding:4px 14px}.matrix-row{padding:13px 0}.matrix-row+.matrix-row{border-top:1px solid var(--border-subtle)}.matrix-label{color:var(--text-strong);margin-bottom:9px;font-size:14px;font-weight:500}.matrix-row.bad .matrix-label{color:var(--severe-strong)}.matrix-row .qhint{margin-bottom:8px}.numbox{background:var(--surface-card);border:1px solid var(--border-default);border-radius:16px;align-items:baseline;gap:10px;padding:16px;display:flex}.numbox:focus-within{border-color:var(--border-brand);box-shadow:inset 0 0 0 1px var(--border-brand)}.numbox.bad{border-color:var(--severe)}.numbox input[type=number]{width:auto;min-width:0;font-family:var(--font-mono);background:0 0;border:0;border-radius:0;flex:1;margin:0;padding:0;font-size:30px;font-weight:600;line-height:1.1}.numbox input[type=number]:focus{outline:none}.numbox input::placeholder{color:var(--text-subtle);opacity:1}.numunit{color:var(--text-subtle);flex:none;font-size:14px}.qfield input[type=date]{font-family:var(--font-mono);border-radius:16px;padding:14px 13px;font-size:17px}.photo{flex-direction:column;gap:10px;display:flex}.photo-drop{cursor:pointer;background:var(--surface-card);border:1.5px dashed var(--border-default);transition:border-color var(--fast) var(--ease-out), background var(--fast) var(--ease-out);border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:26px 16px;display:flex}.photo-drop:active{border-color:var(--border-brand);background:var(--surface-brand-soft)}.photo-icon{background:var(--surface-brand-soft);width:46px;height:46px;color:var(--brand);border-radius:999px;place-items:center;margin-bottom:4px;display:grid}.photo-icon .ic{width:22px;height:22px}.photo-label{font-family:var(--font-display);color:var(--text-strong);font-size:16px;font-weight:600}.photo-hint{color:var(--text-subtle);font-size:12px}.preview{border-radius:16px;width:100%;display:block}.photo-actions{gap:8px;display:flex}.photo-action{cursor:pointer;background:var(--surface-card);border:1px solid var(--border-default);height:40px;color:var(--text-strong);border-radius:999px;flex:1;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.photo-action .ic{width:16px;height:16px}.photo-action:active{background:var(--surface-sunken)}.photo-action.danger{color:var(--severe-strong);border-color:var(--severe)}.section-head{margin-bottom:16px}.section-title{font-size:18px}.section-desc{color:var(--text-muted);margin:5px 0 0;font-size:13px}.err{color:var(--severe-strong);margin:6px 0 0;font-size:13px}.err.block{display:block}.hint{color:var(--text-muted);margin:0;font-size:13px}.flash{left:50%;bottom:calc(var(--nav-h) + 22px);z-index:40;background:var(--surface-inverse);max-width:min(420px,100vw - 32px);color:var(--text-on-dark);text-align:center;box-shadow:var(--shadow-lg);cursor:pointer;border-radius:999px;margin:0;padding:11px 18px;font-size:13px;position:fixed;transform:translate(-50%)}.offline-note{background:var(--watch-soft);color:var(--watch-strong);text-align:center;margin:0;padding:9px 16px;font-size:12px}.card{text-align:left;background:var(--surface-card);border:1px solid var(--border-subtle);width:100%;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:16px;padding:15px 16px;display:block}.card.static{cursor:default}.card:not(.static):not(:disabled):active{background:var(--surface-sunken)}.card.dim{opacity:.62;cursor:default}.card.errcard{border-color:var(--severe);background:var(--severe-soft)}.card-title{font-family:var(--font-display);color:var(--text-strong);font-size:15px;font-weight:600}.card-sub{color:var(--text-muted);margin-top:3px;font-size:13px}.tag{background:var(--surface-brand-soft);color:var(--brand);border-radius:999px;margin-left:6px;padding:2px 7px;font-size:11px;font-weight:600}.status-icon{font-size:40px}.impact{text-align:center;background:var(--surface-brand-soft);border:1px solid var(--border-brand);border-radius:20px;flex-direction:column;align-items:center;padding:22px 18px 18px;display:flex}.impact-tile{background:var(--surface-card);width:52px;height:52px;color:var(--brand);border-radius:999px;place-items:center;margin-bottom:12px;display:grid}.impact-tile .ic{width:25px;height:25px}.impact-hero{font-family:var(--font-display);color:var(--text-strong);margin:0;font-size:38px;font-weight:700;line-height:1.05}.impact-sub{color:var(--text-muted);max-width:260px;margin:6px 0 0;font-size:15px}.impact-stats{gap:10px;width:100%;margin-top:16px;display:flex}.impact-stat{background:var(--surface-card);color:var(--text-muted);border-radius:14px;flex-direction:column;flex:1;gap:2px;padding:13px 10px;font-size:13px;line-height:1.35;display:flex}.impact-stat b{font-family:var(--font-display);color:var(--text-strong);font-size:24px;font-weight:700}.impact-thanks{color:var(--text-muted);margin:14px 0 0;font-size:13px}.contrib{padding:16px}.contrib-head{align-items:center;gap:10px;display:flex}.contrib-kind{color:var(--text-muted);font-size:14px}.chip-sent{background:var(--calm-soft);color:var(--calm-strong);border-radius:999px;flex:none;margin-left:auto;padding:4px 11px;font-size:12px;font-weight:600}.contrib-q{color:var(--text-strong);margin:9px 0 0;font-size:16px;line-height:1.4}.contrib-a{color:var(--text-body);margin:5px 0 0;font-size:15px}.contrib-a b{color:var(--text-strong);font-weight:600}.contrib-more{color:var(--text-subtle);font-size:13px}.contrib-when{font-family:var(--font-mono);color:var(--text-subtle);margin:9px 0 0;font-size:12px}.brand{font-family:var(--font-display);color:var(--text-strong);font-weight:700}.brand.big{font-size:28px}.brand-icon.welcome{width:66px;height:66px}.lang-row{gap:8px;display:flex}.lang-row .chip{flex:1;justify-content:center;width:auto;padding:11px 14px}.consent{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:16px;padding:15px 16px}.consent p{color:var(--text-muted);font-size:13px;line-height:1.65}.check{color:var(--text-body);align-items:center;gap:9px;font-size:14px;display:flex}.check input{width:auto;margin:0}.pick-list{flex-direction:column;gap:6px;max-height:210px;display:flex;overflow-y:auto}.pick-item{text-align:left;background:var(--surface-card);border:1px solid var(--border-default);width:100%;color:var(--text-body);cursor:pointer;border-radius:12px;align-items:center;padding:11px 14px;font-size:15px;display:flex}.pick-item.sel{border-color:var(--brand);background:var(--surface-brand-soft);color:var(--brand);font-weight:600}.pick-check{margin-left:auto}.profile-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:16px;align-items:center;gap:12px;padding:15px 16px;display:flex}.avatar{background:var(--surface-brand-soft);width:42px;height:42px;color:var(--brand);font-family:var(--font-display);border-radius:999px;flex:none;place-items:center;font-weight:700;display:grid}.profile-lines{flex-direction:column;min-width:0;display:flex}.profile-name{color:var(--text-strong);font-weight:600}.profile-sub{font-family:var(--font-mono);color:var(--text-subtle);font-size:12px}.version-line{text-align:center;font-family:var(--font-mono);color:var(--text-subtle);margin-top:auto;padding-top:20px;font-size:11px}.bottomnav{z-index:30;width:100%;max-width:480px;height:var(--nav-h);background:var(--surface-card);border-top:1px solid var(--border-subtle);align-items:stretch;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottomnav button{color:var(--text-subtle);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:1px 6px;font-size:10px;display:flex;position:relative}.bottomnav button svg{width:19px;height:19px}.bottomnav button.active{color:var(--brand)}.bottomnav .badge{min-width:15px;height:15px;font-family:var(--font-mono);color:var(--text-on-dark);background:var(--watch);border-radius:999px;place-items:center;margin-left:4px;padding:0 4px;font-size:9px;font-style:normal;font-weight:600;display:grid;position:absolute;top:7px;left:50%}.bottomnav .badge.brand{background:var(--brand)}.spinner{border:3px solid var(--border-subtle);border-top-color:var(--brand);border-radius:999px;width:26px;height:26px;animation:.7s linear infinite spin}.spinner.small{border-width:2px;width:18px;height:18px}@keyframes spin{to{transform:rotate(360deg)}}.ic{flex:none}