:root{--bg:#f3eee6;--paper:#fffaf1;--card:#fff;--ink:#2a2320;--muted:#8a7f76;--line:#e8dfd2;--accent:#ff6b2c;--accent-strong:#e2521a;--accent-soft:#ffe8db;--ok:#2fa36b;--ok-soft:#e6f5ec;--danger:#c8412b;--radius:18px;--radius-sm:12px;--shadow:0 10px 30px -14px #3c281459;--shadow-strong:0 24px 50px -20px #3c28148c;--nav-height:64px;--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Nunito,system-ui,-apple-system,sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}:focus-visible{outline-offset:2px;outline:3px solid #ff6b2c73}h1,h2,h3,p{margin:0}.muted{color:var(--muted)}.small{font-size:13px}.accent{color:var(--accent)}.ok{color:var(--ok)}.error{color:var(--danger);font-weight:700}.button,button.primary,button.ghost{border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:11px 16px;font-weight:800;transition:transform 80ms,background .15s;display:inline-flex}.button:active,button.primary:active,button.ghost:active{transform:scale(.98)}.button.primary,button.primary{background:var(--accent);color:#fff}.button.primary:hover,button.primary:hover{background:var(--accent-strong)}.button.primary:disabled,button.primary:disabled{opacity:.5}.button.ghost,button.ghost{background:var(--card);border-color:var(--line)}.button.ghost:hover,button.ghost:hover{border-color:#d9ccba}.button.small{border-radius:12px;padding:7px 12px;font-size:14px}.button.link,button.link{color:#3d7be0;background:0 0;border:0;padding:6px 0;font-weight:800}.button.link.danger{color:var(--danger)}.icon-button{border:1px solid var(--line);background:var(--card);border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.icon-button.raised{box-shadow:var(--shadow);border-color:#0000}.icon-button.on{background:var(--ink);color:#fff}.field{background:var(--card);border:1px solid var(--line);color:var(--muted);border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}.field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:13px 0;font-weight:700}.segmented{background:#ebe3d6;border-radius:14px;gap:4px;padding:4px;display:flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:10px;flex:1;padding:9px 6px;font-weight:800}.segmented button.on{background:var(--card);color:var(--ink);box-shadow:0 2px 6px -2px #3c281440}.segmented.small button{padding:7px 4px;font-size:14px}.progress{background:#ece4d8;border-radius:99px;height:8px;display:block;overflow:hidden}.progress>span{background:var(--accent);border-radius:99px;height:100%;transition:width .6s;display:block}.avatar{background:var(--accent-soft);width:44px;height:44px;color:var(--accent-strong);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:900;display:grid}.avatar.big{width:64px;height:64px;font-size:26px}.avatar.add{color:var(--muted);background:#ece4d8}.store-badge{color:#fff;border-radius:14px;flex:none;place-items:center;font-weight:900;display:grid}.swatch{border-radius:50%;flex:none;width:12px;height:12px;display:inline-block}.splash{place-items:center;min-height:100dvh;display:grid}.brand-mark{color:#fff;background:radial-gradient(circle at 35% 30%, #ff9a63, var(--accent) 60%, var(--accent-strong));border-radius:18px;flex:none;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 12px 24px -12px #e2521acc}.brand-mark.small{border-radius:11px;width:34px;height:34px}.app{min-height:100dvh}.content{min-height:100dvh;padding-bottom:calc(var(--nav-height) + var(--safe-bottom))}.nav{z-index:20;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);background:#fffaf1f5;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-brand{display:none}.nav a{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:800;display:flex}.nav a.on{color:var(--accent)}@media (width>=900px){.app{grid-template-columns:220px 1fr;display:grid}.content{padding-bottom:0}.nav{border-top:0;border-right:1px solid var(--line);flex-direction:column;gap:4px;height:100dvh;padding:20px 12px;position:sticky;top:0}.nav-brand{align-items:center;gap:10px;padding:0 10px 18px;font-size:17px;display:flex}.nav a{border-radius:14px;flex-direction:row;flex:none;justify-content:flex-start;gap:12px;padding:11px 12px;font-size:16px}.nav a:hover{background:#f5ede1}.nav a.on{background:var(--accent-soft);color:var(--accent-strong)}}.toast{z-index:30;max-width:calc(100% - 24px);box-shadow:var(--shadow);background:#fde4df;border:0;border-radius:14px;padding:10px 14px;position:fixed;top:12px;left:50%;transform:translate(-50%)}.page{flex-direction:column;gap:16px;max-width:760px;margin:0 auto;padding:18px 16px 32px;display:flex}.screen-header{align-items:center;gap:12px;padding-top:6px;display:flex}.screen-title{flex:1;min-width:0}.screen-title h1{font-size:28px;font-weight:900;line-height:1.15}.screen-title p{color:var(--muted);margin-top:2px;font-weight:700}.lead{font-weight:700;line-height:1.45}.section-title{margin-top:6px;font-size:18px;font-weight:900}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px;display:flex}.panel.notice{background:#fff6e0;border-color:#f3dfa6}.panel-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-row span{flex-direction:column;display:flex}.form{flex-direction:column;gap:12px;display:flex}.form-actions{justify-content:flex-end;gap:8px;display:flex}.about{text-align:center;padding:12px 0}.empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:36px 16px;font-weight:700;display:flex}.empty-icon{width:60px;height:60px;color:var(--muted);background:#ece4d8;border-radius:20px;place-items:center;display:grid}.onboarding{place-items:center;min-height:100dvh;padding:20px 16px;display:grid}.onboarding-card{flex-direction:column;gap:20px;width:min(440px,100%);display:flex}.brand{align-items:center;gap:14px;display:flex}.brand h1{font-size:28px;font-weight:900}.brand p{color:var(--muted);font-weight:700}.onboarding section{flex-direction:column;gap:12px;display:flex}.onboarding h2{font-size:22px;font-weight:900}.steps-dots{gap:6px;margin:0;padding:0;list-style:none;display:flex}.steps-dots li{background:#e2d8c9;border-radius:99px;width:28px;height:6px}.steps-dots li.on{background:var(--accent)}.steps-dots li.done{background:#f2b08d}.pick-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pick-list button{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:12px;width:100%;padding:10px 14px;display:flex}.pick-list button:hover{border-color:#d9ccba}.pick-list button.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.pick-list button>span:nth-child(2){flex-direction:column;flex:1;display:flex}.pick-list small{color:var(--muted);font-weight:700}.pick-list svg{color:var(--muted)}.pick-list button.on svg{color:var(--accent)}.home-search{position:relative}.home-results{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);max-height:320px;margin:6px 0 0;padding:6px;list-style:none;overflow-y:auto}.home-results button{text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.home-results button:hover{background:#fff3ea}.home-results button span{flex-direction:column;flex:1;display:flex}.home-results small{color:var(--muted);font-weight:700}.home-results em{color:var(--muted);font-size:13px;font-style:normal;font-weight:800}.home-none{padding:10px}.map-screen{height:calc(100dvh - var(--nav-height) - var(--safe-bottom));position:relative;overflow:hidden}@media (width>=900px){.map-screen{height:100dvh}}.map-screen .map{position:absolute;inset:0}.maplibregl-ctrl-bottom-right{bottom:84px}@media (width<=899px){.maplibregl-ctrl-bottom-right .maplibregl-ctrl-group{display:none}}.stage-card{z-index:3;text-align:left;background:var(--paper);border-radius:var(--radius);max-width:420px;box-shadow:var(--shadow);border:0;align-items:center;gap:12px;padding:12px 14px;display:flex;position:absolute;top:12px;left:12px;right:68px}.stage-card>svg{color:var(--muted);flex:none}.stage-card-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.stage-card-body b{white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:900;overflow:hidden}.stage-card-body small{color:var(--muted);font-size:13px;font-weight:700}.stage-dot{color:#fff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.map-tools{z-index:3;flex-direction:column;gap:8px;display:flex;position:absolute;top:12px;right:12px}.popover{z-index:5;background:var(--paper);border-radius:var(--radius);width:min(320px,100% - 24px);box-shadow:var(--shadow-strong);flex-direction:column;gap:10px;max-height:calc(100% - 160px);padding:14px;display:flex;position:absolute;top:64px;right:12px;overflow-y:auto}.popover h3{font-size:14px;font-weight:900}.layer-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.layer-list label{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:7px 4px;font-weight:700;display:flex}.layer-list input{width:18px;height:18px;accent-color:var(--accent)}.layer-name{flex:1}.layer-list em,.legend em{color:var(--muted);font-size:13px;font-style:normal;font-weight:800}.legend{flex-direction:column;gap:6px;margin:0;padding:0;font-size:14px;font-weight:700;list-style:none;display:flex}.legend li{align-items:center;gap:8px;display:flex}.legend em{margin-left:auto}.fab{z-index:4;color:#fff;background:radial-gradient(circle at 35% 30%, #ff9a63, var(--accent) 60%, var(--accent-strong));border:0;border-radius:999px;align-items:center;gap:8px;padding:15px 28px;font-size:19px;font-weight:900;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 14px 28px -10px #e2521acc}.fab:active{transform:translate(-50%)scale(.97)}.test-chip{z-index:3;color:#fff;background:#2a2320e0;border-radius:14px;align-items:center;gap:4px;padding:4px 4px 4px 12px;font-size:13px;font-weight:800;display:flex;position:absolute;top:146px;left:12px}.test-chip span{color:#f6c9a8;margin-right:4px}.test-chip button{color:#fff;background:0 0;border:0;border-radius:10px;padding:6px 10px;font-weight:800}.test-chip button.on{color:var(--ink);background:#fff}.map-hint{z-index:3;white-space:nowrap;color:#fff;background:#2a2320e0;border-radius:99px;padding:8px 14px;font-size:14px;font-weight:800;position:absolute;top:196px;left:50%;transform:translate(-50%)}.popup{flex-direction:column;gap:3px;font-family:Nunito,system-ui,sans-serif;font-size:13px;display:flex}.popup b{font-size:15px}.popup-chain{color:var(--accent);font-weight:800}.popup-collected{color:var(--ok);font-weight:900}.popup-meta{color:var(--muted);font-weight:700}.popup a{color:#3d7be0;font-weight:700}.maplibregl-popup-content{box-shadow:var(--shadow);border-radius:14px;padding:12px 14px}.sheet{z-index:6;background:var(--paper);width:min(480px,100% - 24px);max-height:calc(100% - 24px);box-shadow:var(--shadow-strong);border-radius:24px;padding:18px;animation:.22s ease-out sheet-in;position:absolute;bottom:12px;left:50%;overflow-y:auto;transform:translate(-50%)}@keyframes sheet-in{0%{opacity:0;transform:translate(-50%,24px)}}.sheet-close{width:34px;height:34px;color:var(--muted);background:#ece4d8;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.sheet-body{flex-direction:column;gap:12px;display:flex}.sheet-body h3{padding-right:40px;font-size:21px;font-weight:900}.sheet-body input{border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-weight:700}.sheet-center{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:22px 0 10px;display:flex}.sheet-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.pulse{background:#3d7be0;border-radius:50%;width:22px;height:22px;margin-bottom:8px;animation:1.4s infinite pulse;box-shadow:0 0 #3d7be080}@keyframes pulse{to{box-shadow:0 0 0 22px #3d7be000}}.choices{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.choices button{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:16px;align-items:center;gap:10px;width:100%;padding:12px 14px;display:flex}.choices button:hover{border-color:var(--accent)}.choice-main{flex-direction:column;flex:1;min-width:0;display:flex}.choice-main b{font-size:16px}.choice-main small,.choice-side small{color:var(--muted);font-weight:700}.choice-side{text-align:right;flex-direction:column;flex:none;align-items:flex-end;gap:3px;max-width:45%;display:flex}.badge-new{background:var(--accent);color:#fff;border-radius:10px;padding:2px 9px;font-size:12px;font-weight:900}.badge-seen{color:var(--ok);font-size:12px;font-weight:800}.far{flex-direction:column;gap:6px;margin:0;padding:0;font-size:14px;font-weight:700;list-style:none;display:flex}.far li{justify-content:space-between;gap:10px;display:flex}.far small{color:var(--muted);text-align:right}.done-kicker{color:var(--muted);font-size:14px;font-weight:900}.done-kicker.new{color:var(--accent);font-size:16px}.done-progress{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.done-row{justify-content:space-between;gap:10px;font-size:14px;font-weight:800;display:flex}.bar{background:#ece4d8;border-radius:99px;height:8px;display:block;overflow:hidden}.bar>span{background:var(--accent);border-radius:99px;height:100%;transition:width .6s;display:block}.unlocked{background:var(--ok-soft);border:1px solid #bfe5cf;border-radius:16px;padding:12px 14px;font-weight:800}.done-media{border-top:1px dashed var(--line);flex-direction:column;gap:10px;padding-top:12px;display:flex}.media{flex-direction:column;gap:10px;display:flex}.media-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.media-actions button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;font-size:14px;font-weight:800;display:flex}.media-actions button svg{color:var(--accent)}.media-actions button:hover{border-color:#d9ccba}.media-actions button:disabled{opacity:.5}.thumbs{flex-wrap:wrap;gap:10px;display:flex}.thumb{width:88px;margin:0;position:relative}.thumb img,.thumb-file{object-fit:cover;border:1px solid var(--line);background:#f3ede3;border-radius:14px;width:88px;height:88px;display:block}.thumb.receipt img{object-position:top}.thumb-file{color:var(--muted);place-items:center;font-weight:900;display:grid}.thumb figcaption{color:var(--muted);text-align:center;margin-top:3px;font-size:12px;font-weight:800}.thumb-del{border:1px solid var(--line);background:var(--card);width:26px;height:26px;color:var(--muted);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-7px;right:-7px}.thumb-del.inline{flex:none;position:static}.voice-item{align-items:center;gap:8px;display:flex}.voice-item audio,.voice audio{width:100%;height:38px}.voice{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:10px;padding:12px;display:flex}.voice-rec{align-items:center;gap:10px;display:flex}.voice-rec b{flex:1}.rec-dot{background:#e2462f;border-radius:50%;width:12px;height:12px;animation:1s infinite blink}@keyframes blink{50%{opacity:.2}}.qr{word-break:break-all;font-weight:700}.qr code{font-size:12px}.media-icons{color:var(--muted);gap:8px;font-size:13px;font-weight:800;display:inline-flex}.media-icons span{align-items:center;gap:2px;display:inline-flex}.ladder{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rung{gap:14px;padding-bottom:14px;display:flex;position:relative}.rung:not(:last-child):before{content:"";background:var(--line);border-radius:2px;width:3px;position:absolute;top:40px;bottom:0;left:19px}.rung.passed:before{background:var(--ok)}.rung-dot{z-index:1;color:#fff;background:#d8cebf;border:3px solid #d8cebf;border-radius:50%;flex:none;place-items:center;width:41px;height:41px;font-weight:900;display:grid}.rung.current .rung-dot{box-shadow:0 0 0 5px var(--accent-soft)}.rung-card{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;flex:1;gap:8px;min-width:0;padding:13px 14px;display:flex}.rung-card:not(:disabled):hover{border-color:#d9ccba}.rung.current .rung-card{border-color:var(--accent)}.rung.locked .rung-card{background:0 0;border-style:dashed}.rung.locked b{color:var(--muted)}.rung-top{justify-content:space-between;align-items:baseline;gap:10px;font-size:16px;display:flex}.rung-top .muted{white-space:nowrap;font-size:14px;font-weight:800}.rung-hint{color:var(--muted);font-size:13px;font-weight:700}.rung.current .rung-hint{color:var(--accent-strong)}.cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.store-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);gap:12px;height:100%;padding:10px;display:flex}.store-card:hover{border-color:#d9ccba}.store-cover{background:#f3ede3;border-radius:14px;flex:none;place-items:center;width:84px;height:84px;display:grid;overflow:hidden}.store-cover img{object-fit:cover;width:100%;height:100%}.store-card-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.store-card-body b{font-size:16px}.store-card-body small{font-weight:700}.chain-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chain-list li{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:12px;padding:10px 14px;display:flex}.chain-body{flex-direction:column;flex:1;gap:6px;display:flex}.chain-top{justify-content:space-between;gap:10px;display:flex}.chain-top .muted{font-size:14px;font-weight:800}.history{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.history a{background:var(--card);border:1px solid var(--line);border-radius:16px;align-items:center;gap:10px;padding:12px 14px;display:flex}.history a:hover{border-color:#d9ccba}.history-main{flex-direction:column;flex:1;min-width:0;display:flex}.history-main small{font-weight:700}.store-hero{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:14px;padding:14px;display:flex}.store-hero>div{flex-direction:column;flex:1;gap:2px;min-width:180px;display:flex}.store-hero p{font-weight:700}.visit-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.visit-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:12px;padding:14px;display:flex}.visit-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.visit-head>span{flex-direction:column;display:flex}.visit-head small{font-weight:700}.radar-hero{color:#fff;background:linear-gradient(135deg,#2b2340,#4b3a78);border-radius:22px;align-items:center;gap:16px;padding:18px;display:flex}.radar-hero>div{flex-direction:column;gap:4px;display:flex}.radar-hero b{font-size:20px;font-weight:900}.radar-hero small{opacity:.8;font-weight:700}.radar-dish{background:repeating-radial-gradient(circle,#ffffff38 0 1px,#0000 1px 10px),conic-gradient(from 20deg,#8b5cf6e6,#0000 25%);border-radius:50%;flex:none;width:64px;height:64px;animation:4s linear infinite sweep}@keyframes sweep{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.radar-dish,.pulse,.rec-dot{animation:none}}.radar-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.radar-list button{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:16px;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.radar-list button:hover{border-color:#d9ccba}.radar-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.radar-body b{align-items:center;gap:6px;display:flex}.radar-body small{color:var(--muted);font-weight:700}.radar-body .radar-stage{font-weight:800}.radar-side{text-align:right;flex-direction:column;flex:none;align-items:flex-end;display:flex}.radar-side b{color:#6d4fd6;font-size:14px}.radar-side small{color:var(--muted);font-weight:700}.profile-card{align-items:center;gap:14px;display:flex}.profile-card>div{flex-direction:column;display:flex}.profile-card b{font-size:22px;font-weight:900}.popover-head{justify-content:space-between;align-items:center;display:flex}.sheet-close.static{width:30px;height:30px;position:static}.login-steps{flex-direction:column;gap:6px;margin:0;padding-left:20px;font-weight:700;line-height:1.4;display:flex}.onboarding .button{width:100%}.offline{z-index:25;text-align:center;color:#fff;background:#2a2320;padding:8px 16px;font-size:14px;font-weight:800;position:fixed;top:0;left:0;right:0}.offline-note{background:#fff6e0;border:1px solid #f3dfa6;border-radius:12px;padding:8px 10px;font-size:13px;font-weight:700}.pending-chip{z-index:4;white-space:nowrap;color:#fff;box-shadow:var(--shadow);background:#2a2320;border:0;border-radius:99px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:800;display:inline-flex;position:absolute;bottom:86px;left:50%;transform:translate(-50%)}.pending-item{background:var(--card);border:1px solid var(--line);border-radius:16px;align-items:center;gap:10px;padding:10px 14px;display:flex}