:root{--badge-space:0px;--sky-deep:#070b1f;--sky-mid:#111a3d;--sky-high:#1b2a5c;--star:#fff3cf;--star-gold:#ffd27a;--text:#e8e6f0;--text-dim:#9aa0c0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--sky-deep);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root.host-badge{--badge-space:64px}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(ellipse at 50% 20%, var(--sky-high), var(--sky-mid) 45%, var(--sky-deep))}button{font:inherit;color:var(--sky-deep);background:var(--star);cursor:pointer;border:none;border-radius:999px;padding:10px 20px}.app{position:fixed;inset:0}.sky,.sky-canvas{width:100%;height:100%;position:absolute;inset:0}.sky-canvas{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:block}.sky-canvas:active{cursor:grabbing}.topbar{top:max(16px, env(safe-area-inset-top));text-align:center;color:var(--star);pointer-events:none;font-weight:300;position:absolute;left:0;right:0}.topbar .title{letter-spacing:.12em;opacity:.75}.topbar .streak{color:var(--text-dim);margin-top:4px;font-size:.8rem}.hint{left:0;right:0;bottom:calc(max(32px, env(safe-area-inset-bottom)) + var(--badge-space));text-align:center;color:var(--text-dim);pointer-events:none;margin:0;font-size:.9rem;animation:3s ease-in-out infinite breathe;position:absolute}@keyframes breathe{0%,to{opacity:.5}50%{opacity:1}}.notice{top:max(76px, calc(env(safe-area-inset-top) + 60px));text-align:center;width:min(320px,100% - 32px);color:var(--text-dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#111a3dbf;border:1px solid #fff3cf1f;border-radius:14px;padding:12px 16px;font-size:.85rem;line-height:1.5;animation:1s both fade-in;position:absolute;left:50%;transform:translate(-50%)}.placing{left:0;right:0;bottom:calc(max(28px, env(safe-area-inset-bottom)) + var(--badge-space));pointer-events:none;flex-direction:column;align-items:center;gap:12px;animation:.6s .5s both fade-in;display:flex;position:absolute}.placing p{color:var(--text-dim);margin:0;font-size:.9rem}.placing button{pointer-events:auto;padding:12px 28px;box-shadow:0 0 24px #ffd27a59}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}}.sheet{width:min(420px,100%);padding:22px 20px calc(max(22px, env(safe-area-inset-bottom)) + var(--badge-space));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1432e0;border:1px solid #fff3cf24;border-bottom:none;border-radius:22px 22px 0 0;flex-direction:column;gap:12px;animation:.45s both sheet-up;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.sheet-delayed{animation:.7s 1.8s both sheet-up}.sheet-close{width:36px;height:36px;color:var(--text-dim);background:0 0;padding:0;font-size:1.4rem;line-height:1;position:absolute;top:10px;right:10px}textarea.sheet-input{resize:none;line-height:1.4}.counter{text-align:right;color:var(--text-dim);opacity:.7;margin-top:-8px;font-size:.75rem}.chips-center{justify-content:center}.corner{top:max(12px, env(safe-area-inset-top));flex-direction:column;gap:8px;display:flex;position:absolute;right:12px}.corner-btn{width:40px;height:40px;color:var(--star);background:#fff3cf0f;border:1px solid #fff3cf26;place-items:center;padding:0;font-size:1.1rem;display:grid}.corner-btn svg{width:18px;height:18px}.corner-btn-off{opacity:.5}.btn-outline{color:var(--star);background:0 0;border:1px solid #fff3cf59}.sheet-msg{text-align:center;color:var(--text-dim);margin:0;font-size:.85rem}.sheet-msg-error{color:#ffaa96}.overlay{padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070b1ff0;animation:.35s both fade-in;position:absolute;inset:0;overflow-y:auto}.overlay-head{max-width:420px;margin:0 auto 12px;padding:8px 0;position:relative}.overlay-head h2{letter-spacing:.06em;color:var(--star);text-align:center;margin:0;font-size:1.2rem;font-weight:300}.overlay-head .sheet-close{top:2px;right:0}.info{max-width:420px;margin:0 auto;font-size:.92rem;line-height:1.55}.info section{border-bottom:1px solid #fff3cf14;padding:14px 0}.info section:last-child{border-bottom:none}.info h3{color:var(--star);margin:0 0 6px;font-size:1rem;font-weight:400}.info p,.info ul{color:var(--text-dim);margin:0}.info ul{margin-top:6px;padding-left:20px}.info b{color:var(--text);font-weight:500}.sky-layer{position:absolute;inset:0}.empty{text-align:center;color:var(--text-dim);margin-top:40px;line-height:1.6}.const-list{flex-direction:column;gap:8px;max-width:420px;margin:0 auto;padding:0;list-style:none;display:flex}.const-item{text-align:left;width:100%;color:var(--text);background:#fff3cf0a;border:1px solid #fff3cf14;border-radius:14px;align-items:center;gap:14px;padding:8px 12px 8px 8px;display:flex}.thumb{background:radial-gradient(circle at 50% 30%,#1b2a5c,#0b1230);border-radius:10px;flex:none}.const-text{flex-direction:column;gap:4px;min-width:0;display:flex}.const-name{color:var(--star)}.const-unnamed{color:var(--text-dim);font-style:italic}.const-dates{color:var(--text-dim);font-size:.8rem}@keyframes sheet-up{0%{opacity:0;transform:translate(-50%,40px)}}.sheet-title{color:var(--star);text-align:center;font-size:1.15rem}.sheet-sub{text-align:center;color:var(--text-dim);margin:-6px 0 4px;font-size:.85rem}.sheet-input{font:inherit;color:var(--text);background:#fff3cf0f;border:1px solid #fff3cf33;border-radius:12px;outline:none;padding:12px 14px;font-size:1rem}.sheet-input:focus{border-color:#ffd27a99}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:var(--text);background:#fff3cf14;border:1px solid #fff3cf2e;padding:7px 12px;font-size:.85rem}.chip-on{color:var(--sky-deep);background:var(--star)}.chip-ghost{background:0 0}.sheet-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.sheet-actions button:disabled{opacity:.4;cursor:default}.btn-ghost{color:var(--text-dim);background:0 0}.debug-panel{background:#070b1fd9;border:1px solid #fff3cf33;border-radius:12px;flex-direction:column;gap:6px;width:200px;padding:10px;font-size:.8rem;display:flex;position:absolute;top:60px;left:12px}.debug-panel p{color:var(--text-dim);margin:0 0 4px}.debug-panel button{padding:6px 10px;font-size:.8rem}.debug-head{justify-content:space-between;align-items:center;display:flex}.debug-panel .debug-close{color:var(--text);background:0 0;padding:0 8px;font-size:1.2rem}.debug-panel .debug-danger{background:#e7a0a0}.debug-toggle{background:#070b1fd9;border:1px solid #fff3cf33;width:40px;height:40px;padding:0;position:absolute;top:60px;left:12px}.sky-recenter{right:16px;bottom:calc(max(20px, env(safe-area-inset-bottom)) + var(--badge-space));width:44px;height:44px;color:var(--star);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3cf14;border:1px solid #fff3cf33;border-radius:50%;padding:0;font-size:1.3rem;line-height:1;position:absolute}.progress{top:max(64px, calc(env(safe-area-inset-top) + 50px));text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;z-index:5;background:#0a0f28e0;border:1px solid #fff3cf29;border-radius:16px;width:min(300px,100% - 128px);min-width:240px;padding:12px 14px 10px;animation:.4s cubic-bezier(.2,.9,.3,1.2) both progress-drop;position:absolute;left:50%;box-shadow:0 8px 30px #00000073}.progress-leaving{animation:.4s ease-in both progress-rise}@keyframes progress-drop{0%{opacity:0;transform:translate(-50%,-40px)}to{opacity:1;transform:translate(-50%)}}@keyframes progress-rise{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-40px)}}.progress-title{letter-spacing:.14em;text-transform:uppercase;color:var(--star);font-size:.78rem}.progress-stars{justify-content:center;gap:6px;margin:10px 0 8px;display:flex}.pstar{place-items:center;width:24px;height:24px;display:grid}.pstar svg{fill:#0000;stroke:#fff3cf4d;stroke-width:1.4px;stroke-linejoin:round;width:100%;height:100%;overflow:visible}.pstar-off svg{fill:#8c94aa8c;stroke:none;transform:scale(.6)}.pstar-next svg{stroke:var(--star-gold);stroke-dasharray:3 3;animation:2s ease-in-out infinite breathe}.pstar-lit{animation:.5s ease-out both pstar-pop}.pstar-lit svg{animation:.5s ease-out both pstar-on;animation-delay:inherit}.pstar-today{animation-name:pstar-pop-big;animation-duration:.7s}@keyframes pstar-on{0%{fill:#0000;stroke:#fff3cf4d;filter:none}to{fill:var(--star-gold);stroke:#fff3cf;filter:drop-shadow(0 0 5px #ffd27ae6)}}@keyframes pstar-pop{0%{transform:scale(1)}45%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes pstar-pop-big{0%{transform:scale(1)translateY(0)}35%{transform:scale(1.6)translateY(-6px)}65%{transform:scale(.9)translateY(0)}to{transform:scale(1.15)}}.pstar-colorida svg{animation-name:pstar-on-color}@keyframes pstar-on-color{0%{fill:#0000;stroke:#fff3cf4d}to{fill:#ffaac8;stroke:#fff;filter:drop-shadow(0 0 5px #96dcffe6)}}.progress-sub{color:var(--text);font-size:.85rem}.progress-next{color:var(--star-gold);opacity:.85;margin-top:3px;font-size:.72rem}.settings-wait{text-align:center;color:var(--text-dim);padding:24px 0}.info .settings-name{width:100%;margin-top:4px}.sky-code{text-align:center;letter-spacing:.08em;color:var(--star-gold);margin:12px 0 8px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1.35rem}.friend-code{color:var(--star)}.info .settings-warning{color:#ffaa96;font-size:.82rem}.settings-actions{justify-content:center;gap:10px;margin-top:12px;display:flex}.settings-actions button{padding:8px 16px;font-size:.88rem}.settings-qr{background:#fff;border-radius:12px;width:min(220px,70vw);margin:16px auto 0;padding:8px}.settings-qr svg{width:100%;height:auto;display:block}.settings-switch{color:var(--text);cursor:pointer;align-items:center;gap:12px;margin-top:16px;display:flex}.settings-switch input{opacity:0;pointer-events:none;position:absolute}.switch-track{background:#fff3cf26;border-radius:12px;flex:none;width:42px;height:24px;transition:background .2s;position:relative}.switch-track:after{content:"";background:var(--text-dim);border-radius:50%;width:18px;height:18px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.settings-switch input:checked+.switch-track{background:#ffd27a73}.settings-switch input:checked+.switch-track:after{background:var(--star-gold);transform:translate(18px)}.settings-switch input:focus-visible+.switch-track{outline:2px solid var(--star-gold);outline-offset:2px}.settings-toast{position:fixed}.info .settings-code-input{text-align:center;letter-spacing:.08em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.settings-moved p{color:#ffd9a0}.settings-actions button:disabled{opacity:.4;cursor:default}.friend-row{align-items:center;gap:6px;display:flex}.friend-avatar{width:44px;height:44px;color:var(--star-gold);background:#ffd27a14;border-radius:50%;flex:none;place-items:center;display:grid}.friend-remove{width:36px;height:36px;color:var(--text-dim);background:0 0;flex:none;padding:0;font-size:1.2rem}.friend-add{flex-direction:column;display:flex}.friend-visit{z-index:5;background:var(--sky-deep)}.visit-back{top:max(12px, env(safe-area-inset-top));color:var(--star);background:#fff3cf14;border:1px solid #fff3cf33;padding:9px 14px;font-size:.9rem;position:absolute;left:12px}.visit-note{text-align:center;color:var(--text);margin:0;font-style:italic;line-height:1.5}.list-section{letter-spacing:.06em;max-width:420px;color:var(--text-dim);margin:8px auto 10px;font-size:.85rem;font-weight:400}.list-section+.const-list{margin-bottom:18px}.great-name{color:var(--star-gold);font-family:Georgia,Times New Roman,serif;font-style:italic}.pstar-protegida svg{animation-name:pstar-on-guard}@keyframes pstar-on-guard{0%{fill:#0000;stroke:#fff3cf4d;filter:none}to{fill:#c8daff;stroke:#e8f0ff;filter:drop-shadow(0 0 5px #aac8ffe6)}}.progress-guardians{color:#c8daff;border-top:1px solid #fff3cf1a;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding-top:7px;font-size:.72rem;display:flex}.guardian-icons{gap:3px;display:flex}.guardian{width:13px;height:13px}.guardian svg{fill:#0000;stroke:#c8daff66;stroke-width:1.6px;width:100%;height:100%}.guardian-on svg{fill:#c8daff;stroke:#e8f0ff;filter:drop-shadow(0 0 3px #aac8ffcc)}.medal-summary{text-align:center;max-width:420px;color:var(--text-dim);margin:-4px auto 8px;font-size:.85rem}.medal-group{max-width:420px;margin:0 auto 14px}.medal-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.medal{--metal:#c98a52;--metal-light:#f0c9a0;background:#fff3cf0a;border:1px solid #fff3cf14;border-radius:14px;align-items:center;gap:14px;padding:10px 12px;display:flex}.medal-prata{--metal:#9aa6bd;--metal-light:#eef2fa}.medal-ouro{--metal:#e0a935;--metal-light:#fff1c2}.medal-badge{background:#fff3cf0a;border:2px solid #fff3cf26;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.medal-icon{color:#e8e6f059;font-size:1.1rem;font-weight:600}.medal-on .medal-badge{border-color:var(--metal-light);background:radial-gradient(circle at 35% 30%, var(--metal-light), var(--metal) 70%);box-shadow:0 0 14px color-mix(in srgb, var(--metal) 55%, transparent)}.medal-on .medal-icon{color:#2a1d08}.medal-fresh .medal-badge{animation:1.2s ease-out 2 medal-shine}@keyframes medal-shine{50%{box-shadow:0 0 26px var(--metal-light);transform:scale(1.15)rotate(-6deg)}}.medal-text{flex-direction:column;gap:3px;min-width:0;display:flex}.medal-title{color:var(--star)}.medal-off .medal-title{color:var(--text-dim)}.medal-desc{color:var(--text-dim);font-size:.8rem}.medal-tier{letter-spacing:.06em;text-transform:uppercase;color:var(--metal-light);font-size:.72rem}.medal-progress{color:var(--text-dim);align-items:center;gap:8px;font-size:.72rem;display:flex}.medal-bar{background:#fff3cf1a;border-radius:2px;flex:1;max-width:140px;height:4px;overflow:hidden}.medal-bar span{background:var(--metal);height:100%;display:block}.medal-notice{font:inherit;color:var(--star);cursor:pointer;font-size:.9rem;display:block}.medal-notice-hint{color:var(--text-dim);font-size:.75rem}.reminder-time{color:var(--text);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.reminder-time input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:8.5em;padding:8px 12px}.info .reminder-test{color:#c8daff;margin-top:8px;font-size:.82rem}.pstar-buraco_negro svg{animation-name:pstar-on-hole}@keyframes pstar-on-hole{0%{fill:#0000;stroke:#fff3cf4d;filter:none}to{fill:#2a1840;stroke:#c8a0ff;filter:drop-shadow(0 0 6px #be8cfff2)}}.btn-danger{color:#ffaa96;border-color:#ffaa9673}.info .settings-footer{text-align:center;color:var(--text-dim);margin:8px 0 0;padding-top:14px;font-size:.78rem}.settings-footer a{color:var(--star-gold)}