:root{--beige:#f5efe4;--beige-dark:#ede4d3;--beige-mid:#e8deca;--terracota:#c4694a;--terracota-light:#d4846a;--terracota-pale:#f0d5c8;--azul:#7ba7bc;--azul-light:#a8c5d4;--azul-pale:#d8eaf0;--brown:#6b4f3a;--brown-light:#9a7a68;--text:#3d2b1f;--text-light:#7a5c4a;--text-muted:#a8896e;--glow:#f4d03f;--amber:#d4772a;--amber-light:#e8a050;--amber-pale:#fdf0dc;--amber-glow:#e89030}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background:var(--beige);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}[contenteditable],input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}.app-container{max-width:390px;margin:0 auto;min-height:100vh;background:var(--beige);position:relative;display:flex;flex-direction:column}.screen{display:none;flex:1 1;flex-direction:column;overflow-y:auto;padding-bottom:90px;animation:fadeIn .3s ease}.screen.active{display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.topbar{justify-content:space-between;padding:52px 24px 16px;background:var(--beige);position:-webkit-sticky;position:sticky;top:0;z-index:10}.app-logo,.topbar{display:flex;align-items:center}.app-logo{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:400;letter-spacing:.04em;color:var(--text);gap:8px}.logo-dot{width:8px;height:8px;border-radius:50%;background:var(--glow);box-shadow:0 0 8px var(--glow),0 0 16px rgba(244,208,63,.4);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--glow),0 0 16px rgba(244,208,63,.4)}50%{box-shadow:0 0 14px var(--glow),0 0 28px rgba(244,208,63,.6);transform:scale(1.2)}}.topbar-right{gap:10px}.streak-badge,.topbar-right{display:flex;align-items:center}.streak-badge{gap:5px;background:var(--terracota-pale);border-radius:20px;padding:5px 11px;font-size:13px;font-weight:500;color:var(--terracota);cursor:pointer;transition:all .15s}.streak-badge:hover{transform:scale(1.04)}.avatar-pill{display:flex;align-items:center;gap:6px;background:var(--beige-dark);border-radius:20px;padding:4px 10px 4px 6px;cursor:pointer;transition:all .15s;text-decoration:none}.avatar-pill:hover{background:var(--beige-mid)}.avatar-emoji{font-size:18px;line-height:1}.avatar-name{font-size:13px;color:var(--text-light);font-weight:400}.bote-hero{display:flex;flex-direction:column;align-items:center;padding:4px 24px 16px;gap:8px}.bote-subtitle{font-size:13px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.bote-title{font-family:Cormorant Garamond,serif;font-size:28px;font-weight:300;color:var(--text);text-align:center;line-height:1.2}.bote-title em{font-style:italic;color:var(--terracota)}.jar-wrapper{position:relative;width:200px;height:255px;margin:4px auto}.jar-svg{width:100%;height:100%;filter:drop-shadow(0 8px 24px rgba(107,79,58,.15))}.jar-glow{position:absolute;inset:20px;background:radial-gradient(ellipse at 50% 60%,rgba(244,208,63,.18) 0,transparent 70%);pointer-events:none;animation:jar-breathe 3s ease-in-out infinite}@keyframes jar-breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.firefly{position:absolute;width:5px;height:5px;border-radius:50%;background:#f4d03f;box-shadow:0 0 7px #f4d03f,0 0 14px rgba(244,208,63,.6);animation:float-fly 4s ease-in-out infinite}.firefly.friend{background:#e89030;box-shadow:0 0 7px #e89030,0 0 14px rgba(232,144,48,.6);animation:float-fly-f 5s ease-in-out infinite}@keyframes float-fly{0%{transform:translate(0);opacity:.75}25%{transform:translate(11px,-17px);opacity:1}50%{transform:translate(-7px,-9px);opacity:.5}75%{transform:translate(4px,-24px);opacity:1}to{transform:translate(0);opacity:.75}}@keyframes float-fly-f{0%{transform:translate(0);opacity:.8}30%{transform:translate(-13px,-19px);opacity:1}60%{transform:translate(9px,-7px);opacity:.55}to{transform:translate(0);opacity:.8}}.timer-pill{display:flex;align-items:center;gap:8px;background:var(--beige-dark);border:1px solid var(--beige-mid);border-radius:20px;padding:8px 16px;font-size:13px;color:var(--text-light)}.timer-dot{width:6px;height:6px;border-radius:50%;background:var(--azul);animation:pulse-blue 2s ease-in-out infinite}@keyframes pulse-blue{0%,to{opacity:1}50%{opacity:.4}}.ff-legend{margin:0 24px 16px;background:#fff;border-radius:16px;padding:12px 16px;display:flex;gap:20px;box-shadow:0 1px 6px rgba(107,79,58,.05)}.ff-legend-item{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-muted)}.ff-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ff-dot.yellow{background:#f4d03f;box-shadow:0 0 5px #f4d03f}.ff-dot.orange{background:#e89030;box-shadow:0 0 5px #e89030}.open-jar-btn{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--terracota),#e89030);color:#fff;border-radius:20px;padding:14px 22px;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:400;cursor:pointer;box-shadow:0 4px 16px rgba(196,105,74,.35);margin-top:4px}.open-jar-btn span:nth-child(2){flex:1 1}.open-jar-btn-sm{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--terracota),#e89030);color:#fff;border-radius:12px;padding:8px 14px;font-size:13px;font-weight:500;cursor:pointer;margin-top:4px}.open-jar-btn-sm span:nth-child(2){flex:1 1}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--beige-dark) 25%,var(--beige-mid) 50%,var(--beige-dark) 75%);background-size:800px 100%;animation:shimmer 1.4s ease-in-out infinite}.capture-btn{margin:0 24px 16px;background:var(--terracota);color:#fff;border:none;border-radius:20px;padding:18px 24px;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:calc(100% - 48px);box-shadow:0 4px 16px rgba(196,105,74,.3);transition:all .2s;text-align:left}.capture-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(196,105,74,.4)}.capture-btn-sub{font-family:DM Sans,sans-serif;font-size:12px;font-weight:300;opacity:.8;display:block;margin-top:2px}.capture-btn-arrow{font-size:24px;opacity:.7}.streak-section{margin:0 24px;background:#fff;border-radius:20px;padding:20px;box-shadow:0 2px 12px rgba(107,79,58,.06);scroll-margin-top:80px}.streak-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.streak-label{font-size:17px;font-weight:400;color:var(--text)}.streak-count,.streak-label{font-family:Cormorant Garamond,serif}.streak-count{font-size:24px;font-weight:300;color:var(--terracota)}.streak-days{display:flex;gap:6px;justify-content:space-between}.streak-day{flex:1 1;flex-direction:column;gap:4px}.streak-day,.streak-day-circle{display:flex;align-items:center}.streak-day-circle{width:34px;height:34px;border-radius:50%;background:var(--beige-dark);justify-content:center;font-size:11px;color:var(--text-muted)}.streak-day.done .streak-day-circle{background:var(--terracota);color:#fff;box-shadow:0 2px 8px rgba(196,105,74,.3)}.streak-day.today .streak-day-circle{border:2px dashed var(--terracota);color:var(--terracota)}.streak-day-name{font-size:10px;color:var(--text-muted)}.today-memory-section{margin:16px 24px 0}.today-title{font-family:Cormorant Garamond,serif;font-size:18px;font-weight:400;color:var(--text);margin-bottom:12px;display:flex;align-items:center;gap:8px}.past-memory-card{background:#fff;border-radius:20px;padding:20px;box-shadow:0 2px 12px rgba(107,79,58,.07);border-left:3px solid var(--azul);cursor:pointer;transition:all .2s}.past-memory-card:hover{transform:translateX(3px)}.past-memory-ago{font-size:11px;color:var(--azul);font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.past-memory-text{font-family:Cormorant Garamond,serif;font-size:17px;font-weight:300;color:var(--text);line-height:1.5}.past-memory-meta{display:flex;align-items:center;gap:10px;margin-top:12px}.past-memory-place{font-size:12px;color:var(--text-muted)}.capture-topbar{justify-content:space-between;padding:52px 24px 20px}.btn-back,.capture-topbar{display:flex;align-items:center}.btn-back{width:40px;height:40px;border-radius:50%;background:var(--beige-dark);border:none;cursor:pointer;justify-content:center;font-size:18px;color:var(--text)}.capture-date-pill{background:var(--azul-pale);border-radius:12px;padding:6px 14px;font-size:13px;color:var(--azul);font-weight:500}.capture-prompt{padding:4px 24px 24px}.prompt-label{font-size:12px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.prompt-question{font-family:Cormorant Garamond,serif;font-size:26px;font-weight:300;line-height:1.3;color:var(--text)}.prompt-question em{font-style:italic;color:var(--terracota)}.form-field{margin:0 24px 16px}.field-label{font-size:12px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:6px}.field-input{width:100%;background:#fff;border:1.5px solid var(--beige-mid);border-radius:16px;padding:14px 16px;font-family:DM Sans,sans-serif;font-size:14px;color:var(--text);outline:none;transition:border-color .2s;resize:none}.field-input:focus{border-color:var(--terracota-light);box-shadow:0 0 0 3px rgba(196,105,74,.08)}.field-input::placeholder{color:var(--text-muted);font-style:italic}.photo-add{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.photo-placeholder{min-width:80px;height:80px;border-radius:16px;border:1.5px dashed var(--beige-mid);display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;background:var(--beige-dark);flex-shrink:0;transition:all .2s}.photo-placeholder:hover{border-color:var(--terracota-light);background:var(--terracota-pale)}.photo-preview{min-width:80px;height:80px;border-radius:16px;object-fit:cover;flex-shrink:0}.share-toggle{margin:0 24px;display:flex;align-items:center;gap:12px;background:var(--amber-pale);border:1.5px solid rgba(212,119,42,.2);border-radius:16px;padding:14px 16px;cursor:pointer;transition:all .2s}.share-toggle:hover{border-color:var(--amber)}.share-toggle-icon{font-size:20px}.share-toggle-text{flex:1 1}.share-toggle-title{font-size:14px;color:var(--text)}.share-toggle-sub{font-size:12px;color:var(--text-muted);margin-top:1px}.share-toggle-arrow{font-size:16px;color:var(--amber);transition:transform .2s}.share-toggle-arrow.open{transform:rotate(90deg)}.share-panel{display:none;margin:0 24px 16px;background:#fff;border-radius:0 0 16px 16px;border:1.5px solid rgba(212,119,42,.2);border-top:none;overflow:hidden}.share-panel.open{display:block;animation:fadeIn .2s ease}.share-search{padding:12px 16px;border-bottom:1px solid var(--beige-mid);display:flex;align-items:center;gap:8px}.share-search input{flex:1 1;border:none;outline:none;font-family:DM Sans,sans-serif;font-size:14px;color:var(--text);background:transparent}.share-search input::placeholder{color:var(--text-muted);font-style:italic}.friend-option{padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;border-bottom:1px solid var(--beige-mid);transition:background .15s}.friend-option:last-child{border-bottom:none}.friend-option.selected,.friend-option:hover{background:var(--amber-pale)}.friend-emoji-sm{font-size:22px;width:36px;text-align:center}.friend-name-text{flex:1 1;font-size:14px;color:var(--text)}.friend-check{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--beige-mid);display:flex;align-items:center;justify-content:center;font-size:11px;transition:all .15s}.friend-option.selected .friend-check{background:var(--amber);border-color:var(--amber);color:#fff}.share-chips{padding:10px 16px;display:flex;gap:8px;flex-wrap:wrap}.share-chip{display:flex;align-items:center;gap:5px;background:var(--amber-pale);border:1px solid rgba(212,119,42,.3);border-radius:20px;padding:4px 10px 4px 7px;font-size:12px;color:var(--brown)}.chip-remove{cursor:pointer;color:var(--text-muted);margin-left:2px;font-size:14px}.share-notice{margin:8px 24px 16px;font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:7px}.share-notice-dot{width:7px;height:7px;border-radius:50%;background:var(--amber-glow);box-shadow:0 0 5px var(--amber-glow);flex-shrink:0}.save-btn{margin:12px 24px 0;width:calc(100% - 48px);background:var(--terracota);color:#fff;border:none;border-radius:20px;padding:18px;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 16px rgba(196,105,74,.3);transition:all .2s}.save-btn:hover{transform:translateY(-1px)}.save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.map-topbar-inner{padding:52px 24px 0;background:var(--beige);position:-webkit-sticky;position:sticky;top:0;z-index:10}.map-title{font-family:Cormorant Garamond,serif;font-size:28px;font-weight:300;color:var(--text);margin-bottom:14px}.map-toggle{display:flex;gap:8px;margin-bottom:16px}.map-toggle-btn{flex:1 1;padding:10px;border-radius:14px;border:1.5px solid var(--beige-mid);background:#fff;font-size:13px;font-family:DM Sans,sans-serif;color:var(--text-light);cursor:pointer;transition:all .2s}.map-toggle-btn.active{background:var(--azul);border-color:var(--azul);color:#fff;box-shadow:0 2px 10px rgba(123,167,188,.3)}.map-mock{margin:0 24px;border-radius:24px;overflow:hidden;height:280px;position:relative;box-shadow:0 4px 20px rgba(107,79,58,.1)}.map-canvas{width:100%;height:100%;position:relative;background:#c8dfe8}.map-pin{position:absolute;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:transform .2s;z-index:5}.map-pin:hover{transform:scale(1.1)}.map-pin-bubble{border:2.5px solid #fff;border-radius:14px 14px 14px 2px;padding:5px 10px;display:flex;align-items:center;gap:4px;white-space:nowrap}.map-pin-bubble.t{background:var(--terracota);box-shadow:0 3px 10px rgba(196,105,74,.45)}.map-pin-bubble.locked{background:var(--brown-light)}.map-pin-bubble.azul{background:var(--azul)}.map-pin-city{font-size:11px;color:#fff;font-weight:500}.map-pin-count{font-size:10px;color:#fff;background:rgba(0,0,0,.2);border-radius:6px;padding:1px 5px;font-weight:600}.locked-info{margin:16px 24px 0;background:var(--beige-dark);border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:10px;border:1px dashed var(--beige-mid)}.locked-info-text{font-size:13px;color:var(--text-muted);line-height:1.4}.locked-info-text strong{color:var(--text-light);font-weight:500}.friends-topbar{padding:52px 24px 0;background:var(--beige);position:-webkit-sticky;position:sticky;top:0;z-index:10}.friends-title{font-family:Cormorant Garamond,serif;font-size:28px;font-weight:300;color:var(--text);margin-bottom:4px}.friends-subtitle{font-size:13px;color:var(--text-muted);margin-bottom:20px}.friend-request-banner{margin:0 24px 20px;background:var(--amber-pale);border:1.5px solid rgba(212,119,42,.25);border-radius:18px;padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s}.friend-request-banner:hover{transform:translateX(3px)}.frb-badge{background:var(--amber);color:#fff;border-radius:20px;padding:3px 9px;font-size:12px;font-weight:600}.section-label{font-size:11px;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin:0 24px 12px}.friend-card{margin:0 24px 12px;background:#fff;border-radius:22px;padding:18px;box-shadow:0 2px 12px rgba(107,79,58,.06);cursor:pointer;transition:all .2s}.friend-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(107,79,58,.1)}.friend-card-top{display:flex;align-items:center;gap:14px;margin-bottom:14px}.friend-card-emoji{font-size:36px;width:50px;text-align:center}.friend-info{flex:1 1}.friend-name{font-family:Cormorant Garamond,serif;font-size:18px;font-weight:400;color:var(--text)}.friend-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.friend-streak{gap:5px;background:var(--amber-pale);padding:5px 10px;font-size:12px;color:var(--amber);font-weight:500}.friend-streak,.shared-jar-row{display:flex;align-items:center;border-radius:14px}.shared-jar-row{gap:14px;background:var(--beige-dark);padding:12px 14px}.shared-jar-mini{position:relative;width:44px;height:54px;flex-shrink:0;overflow:hidden}.shared-jar-mini svg{width:100%;height:100%;filter:drop-shadow(0 3px 6px rgba(107,79,58,.2));overflow:visible}.sj-ff{position:absolute;width:3px;height:3px;border-radius:50%;background:#e89030;box-shadow:0 0 5px #e89030;animation:sj-float 2.5s ease-in-out infinite}@keyframes sj-float{0%,to{transform:translate(0);opacity:.8}50%{transform:translate(2px,-4px);opacity:1}}.shared-jar-info{flex:1 1}.shared-jar-name{font-size:13px;font-weight:500;color:var(--text)}.shared-jar-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.shared-jar-progress{display:flex;align-items:center;gap:6px;margin-top:8px}.progress-bar-track{flex:1 1;height:4px;background:var(--beige-mid);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--amber-light),var(--amber));border-radius:2px}.progress-label{font-size:11px;color:var(--text-muted);white-space:nowrap}.opens-in{display:flex;align-items:center;gap:6px;margin-top:8px}.opens-dot{width:6px;height:6px;border-radius:50%;background:var(--amber);animation:pulse-blue 2s ease-in-out infinite}.opens-text{font-size:12px;color:var(--text-muted)}.opens-text strong{color:var(--amber);font-weight:500}.new-shared-jar-btn{margin:0 24px 20px;border:2px dashed rgba(212,119,42,.3);border-radius:20px;padding:18px;display:flex;align-items:center;gap:14px;cursor:pointer;background:transparent;transition:all .2s;width:calc(100% - 48px)}.new-shared-jar-btn:hover{background:var(--amber-pale);border-color:var(--amber)}.add-friend-row{margin:0 24px 12px;background:transparent;border:1.5px solid var(--beige-mid);border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .15s;width:calc(100% - 48px)}.add-friend-row:hover{border-color:var(--terracota-light);background:var(--terracota-pale)}.profile-screen-inner{padding:52px 24px 0}.profile-hero{display:flex;align-items:center;gap:16px;margin-bottom:28px}.profile-emoji-big{font-size:52px;width:68px;text-align:center}.profile-name-text{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:400;color:var(--text)}.profile-since{font-size:12px;color:var(--text-muted);margin-top:2px}.stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:28px}.stat-card{background:#fff;border-radius:16px;padding:16px 12px;text-align:center;box-shadow:0 2px 8px rgba(107,79,58,.05)}.stat-num{font-family:Cormorant Garamond,serif;font-size:28px;font-weight:300;color:var(--terracota)}.stat-name{font-size:11px;color:var(--text-muted);margin-top:2px;letter-spacing:.04em}.settings-group{margin-bottom:24px}.settings-group-title{font-size:11px;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;padding-left:4px}.setting-item{background:#fff;border-radius:16px;padding:16px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 6px rgba(107,79,58,.04);cursor:pointer;transition:all .15s}.setting-item:hover{box-shadow:0 3px 12px rgba(107,79,58,.08);transform:translateX(2px)}.setting-left{gap:12px}.setting-icon,.setting-left{display:flex;align-items:center}.setting-icon{width:36px;height:36px;border-radius:10px;justify-content:center;font-size:16px}.setting-name{font-size:14px;color:var(--text)}.setting-sub{font-size:12px;color:var(--text-muted);margin-top:1px}.setting-arrow{color:var(--text-muted);font-size:16px}.toggle{border:none}.duration-picker{display:none;margin:-4px 0 8px;background:#fff;border-radius:0 0 16px 16px;border:1.5px solid var(--beige-mid);border-top:none;overflow:hidden}.duration-picker.open{display:block;animation:fadeIn .2s ease}.duration-option{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-bottom:1px solid var(--beige-mid);font-size:14px;color:var(--text-light);transition:background .15s}.duration-option:last-child{border-bottom:none}.duration-option:hover{background:var(--terracota-pale);color:var(--terracota)}.duration-option.selected{color:var(--terracota);font-weight:500}.time-btn{width:28px;height:28px;border-radius:8px;border:none;background:var(--beige-dark);cursor:pointer;font-size:16px;color:var(--text);display:flex;align-items:center;justify-content:center;transition:all .15s}.time-btn:hover{background:var(--terracota);color:#fff}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:390px;height:76px;background:hsla(39,46%,93%,.97);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--beige-mid);justify-content:space-around;padding:0 4px 10px;z-index:100}.bottom-nav,.nav-item{display:flex;align-items:center}.nav-item{flex-direction:column;gap:3px;cursor:pointer;padding:8px 10px 6px;border-radius:14px;transition:all .2s;flex:1 1;border-left:2px solid transparent;border-right:2px solid transparent;text-decoration:none}.nav-icon{font-size:20px;line-height:1;transition:transform .2s}.nav-label{font-size:9px;color:var(--text-muted);letter-spacing:.03em;transition:color .2s}.nav-item.active{background:var(--terracota-pale);border-left-color:var(--terracota);border-right-color:var(--terracota)}.nav-item.active .nav-label{color:var(--terracota);font-weight:500}.nav-item.active .nav-icon{transform:scale(1.08)}.nav-item.friends-nav.active{background:var(--amber-pale);border-left-color:var(--amber);border-right-color:var(--amber)}.nav-item.friends-nav.active .nav-label{color:var(--amber)}.fly-overlay{display:none;position:fixed;inset:0;background:rgba(61,43,31,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;align-items:center;justify-content:center;flex-direction:column;gap:16px}.fly-overlay.show{display:flex;animation:fadeIn .3s ease}.fly-text{font-family:Cormorant Garamond,serif;font-size:26px;font-weight:300;color:#fff;text-align:center;line-height:1.4}.fly-sub{font-size:13px;color:hsla(0,0%,100%,.55);text-align:center;margin-top:-8px}.fly-ff{width:18px;height:18px;border-radius:50%;animation:fly-to-jar 2s ease-in-out forwards}.fly-ff.yellow{background:#f4d03f;box-shadow:0 0 20px #f4d03f,0 0 40px rgba(244,208,63,.5)}.fly-ff.orange{background:#e89030;box-shadow:0 0 20px #e89030,0 0 40px rgba(232,144,48,.5)}@keyframes fly-to-jar{0%{transform:translateY(70px) scale(1.8);opacity:0}15%{opacity:1}50%{transform:translate(-20px,10px) scale(1.3)}85%{transform:translate(10px,-100px) scale(.6)}to{transform:translateY(-220px) scale(.15);opacity:0}}.shelf-mini-ff{position:absolute;width:3px;height:3px;border-radius:50%;animation:float-fly 3s ease-in-out infinite}.shelf-mini-ff.y{background:#f4d03f;box-shadow:0 0 4px #f4d03f}.shelf-mini-ff.o{background:#e89030;box-shadow:0 0 4px #e89030;animation:float-fly-f 3.5s ease-in-out infinite}.cards-overlay{display:none;position:fixed;inset:0;background:rgba(36,24,16,.93);z-index:300;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px}.cards-overlay.show{display:flex;animation:fadeIn .4s ease}.cards-close{right:24px}.cards-back,.cards-close{position:absolute;top:52px;width:40px;height:40px;border-radius:50%;background:hsla(39,46%,93%,.1);border:none;cursor:pointer;font-size:18px;color:#fff;display:flex;align-items:center;justify-content:center}.cards-back{left:24px}.cards-title-bar{text-align:center;margin-bottom:28px}.cards-jar-name{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:300;color:var(--beige);margin-bottom:4px}.cards-progress{font-size:13px;color:hsla(39,46%,93%,.45)}.card-stack{position:relative;width:280px;height:340px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.memory-card-full{position:absolute;inset:0;background:var(--beige);border-radius:28px;padding:28px 24px;box-shadow:0 20px 60px rgba(0,0,0,.35);transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}.memory-card-full:nth-child(3){transform:rotate(-5deg) translate(-8px,12px) scale(.96);z-index:1;background:var(--beige-dark)}.memory-card-full:nth-child(2){transform:rotate(3deg) translate(4px,6px) scale(.98);z-index:2;background:var(--terracota-pale)}.memory-card-full:first-child{z-index:3}.card-date-tag{display:inline-flex;align-items:center;gap:6px;border-radius:10px;padding:4px 10px;font-size:12px;margin-bottom:18px}.card-date-tag.mine{background:var(--terracota-pale);color:var(--terracota)}.card-date-tag.friend{background:var(--amber-pale);color:var(--amber)}.card-memory-text{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:300;color:var(--text);line-height:1.6;margin-bottom:14px}.card-location{font-size:12px;color:var(--text-muted)}.card-from{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--amber);margin-top:8px}.card-from-dot{width:7px;height:7px;border-radius:50%;background:#e89030;box-shadow:0 0 5px #e89030}.cards-nav-btns{display:flex;gap:12px;margin-top:20px}.card-nav-btn{width:48px;height:48px;border-radius:50%;background:hsla(39,46%,93%,.1);border:1.5px solid hsla(39,46%,93%,.18);cursor:pointer;font-size:20px;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s}.card-nav-btn:hover{background:hsla(39,46%,93%,.2);transform:scale(1.05)}.cards-hint{font-size:13px;color:hsla(39,46%,93%,.35);margin-top:14px}.sjo-overlay{display:none;position:fixed;inset:0;background:rgba(36,24,16,.95);z-index:250;flex-direction:column;overflow:hidden}.sjo-overlay.show{display:flex;animation:fadeIn .35s ease}.sjo-header{padding:52px 24px 20px;gap:14px;flex-shrink:0}.sjo-back,.sjo-header{display:flex;align-items:center}.sjo-back{width:40px;height:40px;border-radius:50%;background:hsla(39,46%,93%,.1);border:none;cursor:pointer;font-size:18px;color:var(--beige);justify-content:center}.sjo-info{flex:1 1}.sjo-name{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:300;color:var(--beige)}.sjo-meta{font-size:12px;color:hsla(39,46%,93%,.45);margin-top:2px}.sjo-body{flex:1 1;overflow-y:auto;padding:0 24px 24px}.sjo-jar-hero{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 0 20px}.sjo-jar-big{position:relative;width:120px;height:150px}.sjo-jar-big svg{width:100%;height:100%;filter:drop-shadow(0 6px 18px rgba(0,0,0,.4))}.sjo-ff-big{position:absolute;width:5px;height:5px;border-radius:50%;background:#e89030;box-shadow:0 0 8px #e89030;animation:float-fly-f 4s ease-in-out infinite}.sjo-status{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:300;color:var(--beige);text-align:center}.sjo-status em{font-style:italic;color:var(--amber-light)}.sjo-timer{display:flex;align-items:center;gap:8px;background:hsla(39,46%,93%,.07);border-radius:14px;padding:8px 14px;font-size:13px;color:hsla(39,46%,93%,.55)}.sjo-timer-dot{width:6px;height:6px;border-radius:50%;background:var(--amber);animation:pulse-blue 2s ease-in-out infinite}.sjo-contribs{margin-bottom:14px}.sjo-contrib-label{font-size:11px;color:hsla(39,46%,93%,.35);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.sjo-contrib-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.sjo-c-emoji{font-size:24px;width:32px;text-align:center;flex-shrink:0}.sjo-c-name{font-size:13px;color:var(--beige);font-weight:500}.sjo-c-count{font-size:11px;color:hsla(39,46%,93%,.45);margin-top:1px}.sjo-c-bar{flex:2 1}.sjo-bar-track{height:5px;background:hsla(39,46%,93%,.08);border-radius:3px;overflow:hidden}.sjo-bar-fill{height:100%;border-radius:3px}.sjo-streak-block{background:rgba(232,144,48,.1);border:1px solid rgba(232,144,48,.2);border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:12px;margin-bottom:16px}.sjo-streak-title{font-size:14px;color:var(--amber-light);font-weight:500}.sjo-streak-sub{font-size:12px;color:hsla(39,46%,93%,.45);margin-top:2px}.sjo-add-btn{width:100%;background:var(--amber);color:#fff;border:none;border-radius:16px;padding:15px;font-family:Cormorant Garamond,serif;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px rgba(212,119,42,.35);transition:all .2s}.sjo-add-btn:hover{transform:translateY(-1px)}.emoji-picker-overlay{display:none;position:fixed;inset:0;background:rgba(61,43,31,.7);z-index:400;align-items:flex-end;justify-content:center}.emoji-picker-overlay.show{display:flex;animation:fadeIn .25s ease}.emoji-picker-sheet{background:var(--beige);border-radius:28px 28px 0 0;padding:24px 24px 40px;width:100%;max-width:390px}.emoji-sheet-title{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:300;color:var(--text);margin-bottom:18px;text-align:center}.emoji-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px}.emoji-choice{font-size:26px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;transition:all .15s;border:2px solid transparent}.emoji-choice:hover{background:var(--beige-dark)}.emoji-choice.picked{border-color:var(--terracota);background:var(--terracota-pale)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--beige)}.auth-card{width:100%;max-width:380px;background:#fff;border-radius:28px;padding:40px 28px;box-shadow:0 8px 40px rgba(107,79,58,.12)}.auth-logo{font-family:Cormorant Garamond,serif;font-size:28px;font-weight:400;color:var(--text);text-align:center;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:10px}.auth-subtitle{font-size:14px;color:var(--text-muted);text-align:center;margin-bottom:32px}.auth-field{margin-bottom:16px}.auth-field label{display:block;font-size:12px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}.auth-field input{width:100%;background:var(--beige);border:1.5px solid var(--beige-mid);border-radius:14px;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:14px;color:var(--text);outline:none;transition:border-color .2s}.auth-field input:focus{border-color:var(--terracota-light);box-shadow:0 0 0 3px rgba(196,105,74,.08)}.auth-btn{width:100%;background:var(--terracota);color:#fff;border:none;border-radius:16px;padding:14px;font-family:Cormorant Garamond,serif;font-size:18px;font-weight:400;cursor:pointer;margin-top:8px;transition:all .2s;box-shadow:0 4px 16px rgba(196,105,74,.3)}.auth-btn:hover{transform:translateY(-1px)}.auth-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px}.auth-link{display:block;text-align:center;margin-top:20px;font-size:14px;color:var(--text-muted)}.auth-link a{color:var(--terracota);text-decoration:none;font-weight:500}.auth-link a:hover{text-decoration:underline}.auth-error{background:#fee2e2;color:#dc2626;border-radius:12px;padding:10px 14px;font-size:13px;margin-bottom:16px}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--beige)}.loading-dot{width:12px;height:12px;border-radius:50%;background:var(--glow);box-shadow:0 0 12px var(--glow),0 0 24px rgba(244,208,63,.5);animation:pulse-glow 1.5s ease-in-out infinite}.toggle{width:44px;height:26px;background:var(--beige-mid);border-radius:13px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle.on{background:var(--terracota)}.toggle:after{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 4px rgba(0,0,0,.15)}.toggle.on:after{transform:translateX(18px)}.shelf-overlay{display:none;position:fixed;inset:0;background:rgba(36,24,16,.95);z-index:200;flex-direction:column;overflow:hidden}.shelf-overlay.show{display:flex;animation:fadeIn .35s ease}.shelf-header{padding:52px 24px 8px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.shelf-title{font-family:Cormorant Garamond,serif;font-size:26px;font-weight:300;color:var(--beige)}.shelf-close{width:40px;height:40px;border-radius:50%;background:hsla(39,46%,93%,.1);border:none;cursor:pointer;font-size:18px;color:var(--beige);display:flex;align-items:center;justify-content:center}.shelf-body{flex:1 1;overflow-y:auto;padding:0 24px 32px}.shelf-balda{margin-bottom:32px}.shelf-balda-title{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:hsla(39,46%,93%,.4);margin-bottom:16px;padding-left:2px}.shelf-balda-line{height:1px;background:hsla(39,46%,93%,.08);margin-bottom:20px}.shelf-jars-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.shelf-jar-card{background:hsla(39,46%,93%,.07);border:1px solid hsla(39,46%,93%,.1);border-radius:22px;padding:18px 14px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.shelf-jar-card:hover{background:hsla(39,46%,93%,.13);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.shelf-jar-card.ghost{opacity:.35;border-style:dashed;cursor:default}.shelf-jar-card.ghost:hover{transform:none;box-shadow:none}.shelf-jar-wrap{position:relative;width:72px;height:90px}.shelf-jar-wrap svg{width:100%;height:100%;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.shelf-jar-friend-emoji{position:absolute;bottom:-6px;right:-6px;font-size:18px;background:rgba(36,24,16,.85);border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:1.5px solid hsla(39,46%,93%,.15)}.shelf-jar-name{font-family:Cormorant Garamond,serif;font-size:14px;font-weight:400;color:var(--beige);text-align:center;line-height:1.3}.shelf-jar-count{font-size:11px;color:hsla(39,46%,93%,.4);text-align:center}.shelf-jar-badge{display:flex;align-items:center;gap:4px;background:rgba(244,208,63,.12);border-radius:10px;padding:2px 8px;font-size:10px;color:rgba(244,208,63,.8)}.shelf-jar-badge.orange{background:rgba(232,144,48,.15);color:rgba(232,144,48,.9)}.location-field{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--beige-mid);border-radius:16px;padding:14px 16px;font-size:14px;color:var(--text-light);cursor:pointer}.location-text{flex:1 1}.location-edit{font-size:11px;color:var(--azul);background:var(--azul-pale);padding:3px 9px;border-radius:8px;cursor:pointer}.location-detecting{font-size:13px;color:var(--text-muted);font-style:italic}@media (min-width:768px){body{background:var(--beige-dark);display:flex;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px}.app-container{border-radius:40px;box-shadow:0 0 0 1px rgba(107,79,58,.1),0 40px 100px rgba(107,79,58,.2);max-height:860px;overflow:hidden}.bottom-nav{border-radius:0 0 40px 40px}}