:root{--ava-bg:#f5f7fa;--ava-surface:#fff;--ava-surface-elevated:#f8fafc;--ava-graphite:#1b232e;--ava-platinum:#253142;--ava-silver:#667385;--ava-white:#07111f;--ava-blue:#0077c8;--ava-blue-soft:#2aa8ff;--ava-orange:#ff7a00;--ava-success:#21c17a;--ava-warning:#f5b942;--ava-danger:#e85c5c;--ava-border:#1b232e1f;--ava-glow-blue:#0077c838;--ava-glow-orange:#ff7a002e;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--footer-h:206px;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--ava-bg);min-height:100%}body{min-height:100vh;color:var(--ava-platinum);background:radial-gradient(circle at 50% -10%,#2aa8ff2e,#0000 36%),linear-gradient(145deg,#fff 0%,#f5f7fa 48%,#e9f2fb 100%);margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}button,input{font:inherit;cursor:pointer}#root{place-items:center;min-height:100vh;padding:22px;display:grid}.phone-frame{isolation:isolate;background:linear-gradient(180deg, #ffffffb8 0%, #f5f7fac7 52%, #e9f2fbdb 100%), url(/assets/background.png) center / cover no-repeat, var(--ava-bg);border:1px solid #d7dce22e;border-radius:34px;width:min(100%,430px);min-height:min(860px,100vh - 44px);position:relative;overflow:hidden auto;box-shadow:0 28px 78px #1b232e38,inset 0 1px #ffffffd1}.phone-frame:before{content:"";pointer-events:none;mix-blend-mode:screen;z-index:0;background:radial-gradient(circle at 50% 3%,#2aa8ff2e,#0000 36%),linear-gradient(#ffffff2e,#0000 38%);position:absolute;inset:0}.screen{z-index:2;min-height:100%;padding:22px 22px calc(var(--footer-h) + var(--safe-bottom));flex-direction:column;display:flex;position:relative}.brand-lockup{text-align:center;justify-items:center;gap:8px;margin:2px 0 16px;display:grid}.brand-logo{background:#fffffff0;border:1px solid #d7dce233;border-radius:20px;width:min(180px,54vw);height:auto;box-shadow:0 18px 38px #1b232e1f,0 0 34px #2aa8ff1f}.brand-lockup p{color:#253142b8;margin:0;font-size:13px}.screen-copy{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffffeb 0%,#f8fafcd1 62%,#e0f2ffbd 100%);border:1px solid #ffffffbd;border-radius:22px;margin-bottom:14px;padding:18px;box-shadow:0 16px 38px #1b232e1a}.eyebrow{color:var(--ava-silver);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 12px;font-size:11px;font-weight:600;display:inline-flex}.eyebrow-dot{background:var(--ava-orange);width:7px;height:7px;box-shadow:0 0 18px var(--ava-glow-orange);border-radius:999px;flex-shrink:0}h1,h2,p{margin-top:0}h1{color:var(--ava-white);margin-bottom:12px;font-size:32px;font-weight:500;line-height:1.04}h2{color:var(--ava-platinum);margin-bottom:8px;font-size:22px;font-weight:500;line-height:1.15}.intro{color:#253142b8;margin-bottom:0;font-size:14px;line-height:1.58}.access-card,.verified-card,.next-panel,.date-panel,.reading-card,.submission-card{border:1px solid var(--ava-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fffffff5 0%,#f9fbfde6 62%,#e8f5ffd6 100%);border-radius:20px;box-shadow:0 18px 45px #1b232e24}.access-card{gap:12px;padding:16px;display:grid}.field-label{color:var(--ava-silver);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:600;display:block}.search-wrap{position:relative}.search-wrap:after{content:"";background:var(--ava-blue-soft);width:8px;height:8px;box-shadow:0 0 18px var(--ava-glow-blue);pointer-events:none;border-radius:999px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}input{width:100%;color:var(--ava-white);background:#ffffffd1;border:1px solid #1b232e24;border-radius:16px;outline:none;min-height:54px;padding:0 42px 0 16px;transition:border-color .18s,box-shadow .18s,background .18s}input::placeholder{color:#2531426b}input:focus{background:#fffffff5;border-color:#2aa8ffb8;box-shadow:0 0 0 4px #2aa8ff1f}input:disabled{opacity:.5;cursor:not-allowed}.input-hint{color:#253142a8;margin:8px 0 0;font-size:12px;line-height:1.45}.stand-results{background:#ffffffe6;border:1px solid #1b232e1f;border-radius:16px;max-height:214px;margin:0;padding:6px;list-style:none;display:grid;overflow-y:auto}.stand-results li{list-style:none}.reading-list{gap:14px;display:grid}.stand-result{width:100%;color:var(--ava-platinum);text-align:left;background:0 0;border:0;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px;transition:background .18s,color .18s,box-shadow .18s;display:grid}.stand-result:hover,.stand-result.is-active{color:var(--ava-white);box-shadow:inset 3px 0 0 var(--ava-blue-soft);background:#2aa8ff1f;outline:none}.stand-result strong{color:var(--ava-white);font-size:15px;font-weight:500;display:block}.stand-result span{color:#25314294;font-size:12px;display:block}.stand-preview{background:linear-gradient(135deg,#2aa8ff1a,#0000 42%),#ffffffb3;border:1px solid #1b232e1a;border-radius:18px;padding:16px}.stand-preview.is-empty{place-items:center;min-height:70px;display:grid}.preview-empty{text-align:center;justify-items:center;gap:13px;display:grid}.preview-empty p{color:#25314294;margin-bottom:0;font-size:13px}.pulse-dot{background:var(--ava-blue-soft);width:13px;height:13px;box-shadow:0 0 24px var(--ava-glow-blue);border-radius:999px;animation:1.7s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.42;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}.stand-header{border-bottom:1px solid #1b232e1a;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;padding-bottom:14px;display:flex}.stand-number{color:var(--ava-white);margin:0 0 5px;font-size:27px;font-weight:500}.stand-address{color:#253142a8;margin:0;font-size:13px;line-height:1.45}.status-pill{color:#0f8b56;letter-spacing:.08em;text-transform:uppercase;background:#21c17a1f;border:1px solid #21c17a47;border-radius:999px;flex:none;padding:7px 10px;font-size:11px;font-weight:600}.resident-row{grid-template-columns:1fr 1fr;gap:11px;display:grid}.meter-rows{border-top:1px solid #1b232e17;gap:10px;margin-top:14px;padding-top:14px;display:grid}.meter-row{align-items:center;gap:12px;display:flex}.meter-badge{width:36px;height:36px;color:var(--ava-blue-soft);background:#2aa8ff1f;border:1px solid #2aa8ff3d;border-radius:999px;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.meter-badge--water{background:#0077c81a;border-color:#0077c833}.meter-info{gap:1px;display:grid}.meter-label{color:var(--ava-silver);letter-spacing:.15em;text-transform:uppercase;margin-bottom:1px;font-size:10px;font-weight:600}.meter-id{color:var(--ava-white);font-size:15px;font-weight:600;line-height:1.3}.meter-reading{color:#25314294;margin:0;font-size:12px;font-weight:400;line-height:1.4}.detail-tile{background:#ffffffb3;border:1px solid #d7dce21a;border-radius:15px;padding:12px}.detail-tile span{color:var(--ava-silver);letter-spacing:.15em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:600;display:block}.detail-tile strong{color:var(--ava-white);font-size:13px;font-weight:500;line-height:1.35}.btn-primary{background:linear-gradient(135deg, var(--ava-blue), var(--ava-blue-soft));color:#fff;min-height:50px;box-shadow:0 0 22px var(--ava-glow-blue);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;width:100%;padding:10px 18px;font-size:14px;font-weight:500;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex}.btn-primary:disabled{cursor:not-allowed;opacity:.58;box-shadow:none}.btn-primary:not(:disabled):active{transform:scale(.98)}.screen-action-panel{z-index:6;width:100%;margin-top:16px;display:grid}.capture-hero{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff5 0%,#f7fafde6 54%,#daf1ffdb 100%),radial-gradient(circle at 88% 18%,#2aa8ff2e,#0000 32%);border:1px solid #ffffffd1;border-radius:24px;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex;box-shadow:0 18px 42px #1b232e21}.capture-hero-copy{grid-template-columns:82px 1fr;align-items:center;gap:12px;display:grid}.capture-hero-logo{background:#fffffff2;border:1px solid #1b232e1a;border-radius:17px;width:82px;height:auto;box-shadow:0 14px 30px #1b232e1f,0 0 22px #2aa8ff1f}.capture-hero .eyebrow{margin-bottom:8px}.capture-hero h1{margin-bottom:0;font-size:25px;line-height:1.05}.icon-button{border:1px solid var(--ava-border);width:42px;height:42px;color:var(--ava-platinum);background:#ffffffb3;border-radius:999px;flex-shrink:0;place-items:center;display:grid}.icon-button:active{transform:scale(.98)}.capture-summary{margin-bottom:14px}.capture-form{gap:14px;display:grid}.date-panel{gap:10px;padding:16px;display:grid}.date-panel input{padding-right:16px}.verified-card{padding:18px}.reading-card{gap:14px;padding:16px;display:grid}.reading-card-header{grid-template-columns:auto 1fr auto;align-items:center;gap:11px;display:grid}.reading-card-header h2{margin-bottom:0;font-size:18px}.meter-icon{width:36px;height:36px;color:var(--ava-blue-soft);background:#2aa8ff1a;border:1px solid #2aa8ff38;border-radius:13px;place-items:center;font-size:14px;font-weight:700;display:grid}.optional-pill{color:#253142ad;letter-spacing:.09em;text-transform:uppercase;border:1px solid #d7dce229;border-radius:999px;align-self:start;padding:6px 9px;font-size:10px;font-weight:600}.reading-stats{grid-template-columns:1fr 1fr;gap:11px;display:grid}.detail-tile.usage-tile strong{color:var(--ava-blue-soft)}.detail-tile.usage-tile strong.usage-warning{color:var(--ava-warning)}.submission-card{background:linear-gradient(135deg,#21c17a17,#0000 48%),linear-gradient(#fffffff5 0%,#f9fbfde6 100%);border-color:#21c17a3d;gap:12px;margin-top:14px;padding:16px;display:grid}.submission-list{gap:9px;display:grid}.submission-row{background:#ffffffb3;border:1px solid #d7dce21a;border-radius:14px;gap:4px;padding:11px;display:grid}.submission-row span{color:var(--ava-silver);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:600}.submission-row strong{color:var(--ava-white);font-size:15px;font-weight:500}.error-message{color:var(--ava-danger);background:#e85c5c14;border-radius:10px;margin:0;padding:10px 14px;font-size:13px}.app-bottom-grid{left:18px;right:10px;bottom:calc(8px + var(--safe-bottom));z-index:7;pointer-events:none;grid-template-rows:46px 46px;grid-template-columns:72px repeat(3,minmax(0,1fr)) 112px;align-items:center;column-gap:6px;display:grid;position:absolute}.developer-credit-logo{filter:drop-shadow(0 8px 12px #1b232e1f);grid-area:1/1/3;place-self:center start;width:62px;height:auto}.developer-credit-title{color:var(--ava-white);text-overflow:ellipsis;text-shadow:0 1px #ffffffd1;white-space:nowrap;grid-area:1/2/auto/5;align-self:end;margin:0;font-size:10px;font-weight:600;line-height:1.2;overflow:hidden}.developer-credit-details{grid-area:2/2/auto/5;align-self:start;gap:1px;min-width:0;display:grid}.developer-credit-details span{color:#253142bd;text-overflow:ellipsis;text-shadow:0 1px #ffffffd1;white-space:nowrap;font-size:9px;line-height:1.2;display:block;overflow:hidden}.ava-character{pointer-events:auto;grid-area:1/5/3;place-self:center end;width:112px;height:112px}.ava-character img{object-fit:contain;filter:drop-shadow(0 18px 18px #1b232e47)drop-shadow(-8px 8px 10px #0077c829)drop-shadow(5px -5px 8px #ffffffb8);width:100%;height:100%;display:block}@media (width<=520px){#root{min-height:100vh;padding:0;display:block}.phone-frame{border:0;border-radius:0;width:100%;min-height:100vh}.screen{padding-inline:clamp(14px,4.5vw,22px);padding-bottom:calc(var(--footer-h) + var(--safe-bottom))}h1{font-size:clamp(22px,8vw,32px)}h2{font-size:clamp(16px,5.5vw,22px)}.intro{font-size:clamp(12px,3.5vw,14px)}.stand-number{font-size:clamp(20px,6.5vw,27px)}.capture-hero h1{font-size:clamp(19px,6.5vw,25px)}.access-card,.verified-card,.next-panel,.date-panel,.reading-card,.submission-card{border-radius:18px}.capture-hero{border-radius:20px}}@media (width<=360px){.resident-row,.reading-stats{grid-template-columns:1fr}.capture-hero-copy{grid-template-columns:70px 1fr}.capture-hero-logo{width:70px}.capture-hero h1{font-size:23px}h1{font-size:28px}.ava-character{width:90px;height:90px}.developer-credit-logo{width:52px}.app-bottom-grid{grid-template-columns:58px repeat(3,minmax(0,1fr)) 94px;left:14px;right:8px}}@media (width<=320px){.ava-character{width:78px;height:78px}.developer-credit-logo{width:44px}.app-bottom-grid{grid-template-columns:50px repeat(3,minmax(0,1fr)) 82px}:root{--footer-h:180px}}@media (height<=500px){:root{--footer-h:130px}.ava-character{width:80px;height:80px}.app-bottom-grid{bottom:calc(4px + var(--safe-bottom));grid-template-rows:34px 34px}.developer-credit-logo{width:52px}.brand-lockup{margin-bottom:10px}.brand-logo{width:min(130px,38vw)}.screen{padding-top:14px}}