: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;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-dmsans),"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{display:flex;align-items:flex-start;justify-content:space-between;padding:52px 24px 16px;background:var(--beige);position:-webkit-sticky;position:sticky;top:0;z-index:10}.app-logo{font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:22px;font-weight:400;letter-spacing:.04em;color:var(--text);display:flex;align-items:center;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{display:flex;align-items:flex-start;gap:0}.topbar-right>.streak-badge{padding-right:6px;margin-right:-6px}.streak-badge{display:flex;align-items:center;gap:6px;background:var(--terracota-pale);border-radius:20px;padding:4px 10px 4px 6px;font-weight:500;color:var(--terracota);cursor:pointer;transition:all .15s}.streak-emoji{font-size:18px;line-height:1}.streak-num{font-size:13px;line-height:1}.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)}.topbar-right-col{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.shelf-mini-btn{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 10px;border-radius:20px;background:var(--beige-dark);font-size:12px;color:var(--text);cursor:pointer;transition:all .15s;text-decoration:none;line-height:1}.shelf-mini-btn:hover{background:var(--beige-mid);transform:scale(1.03)}.shelf-mini-fireflies{display:inline-flex;align-items:center;gap:2px}.shelf-mini-fireflies .ff{width:5px;height:5px;border-radius:50%;background:#F4D03F;box-shadow:0 0 4px rgba(244,208,63,.7)}.shelf-mini-fireflies .ff:nth-child(2){background:#E89030;box-shadow:0 0 4px rgba(232,144,48,.7)}.shelf-mini-fireflies .ff:nth-child(3){background:#F4D03F;box-shadow:0 0 4px rgba(244,208,63,.7)}.sidenav-fireflies{display:inline-flex;align-items:center;gap:3px;width:28px;justify-content:center}.sidenav-fireflies .ff{width:7px;height:7px;border-radius:50%;background:#F4D03F;box-shadow:0 0 5px rgba(244,208,63,.7)}.sidenav-fireflies .ff:nth-child(2){background:#E89030;box-shadow:0 0 5px rgba(232,144,48,.7)}.sidenav-fireflies .ff:nth-child(3){background:#F4D03F;box-shadow:0 0 5px rgba(244,208,63,.7)}.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:var(--font-cormorant),"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:ff-a 4s ease-in-out infinite}.firefly.friend{background:#E89030;box-shadow:0 0 7px #E89030,0 0 14px rgba(232,144,48,.6)}.firefly.v0{animation:ff-a 4s ease-in-out infinite}.firefly.v1{animation:ff-b 4.7s ease-in-out infinite}.firefly.v2{animation:ff-c 3.8s ease-in-out infinite}.firefly.v3{animation:ff-d 5.2s ease-in-out infinite}@keyframes ff-a{0%{transform:translate(5px,-8px);opacity:.8}25%{transform:translate(11px,-17px);opacity:1}50%{transform:translate(-7px,-9px);opacity:.7}75%{transform:translate(4px,-24px);opacity:1}to{transform:translate(5px,-8px);opacity:.8}}@keyframes ff-b{0%{transform:translate(-6px,-12px);opacity:.75}30%{transform:translate(-13px,-19px);opacity:1}60%{transform:translate(9px,-7px);opacity:.7}to{transform:translate(-6px,-12px);opacity:.75}}@keyframes ff-c{0%{transform:translate(8px,-5px);opacity:.85}20%{transform:translate(8px,-22px);opacity:1}50%{transform:translate(-10px,-12px);opacity:.75}80%{transform:translate(5px,-18px);opacity:1}to{transform:translate(8px,-5px);opacity:.85}}@keyframes ff-d{0%{transform:translate(-9px,-3px);opacity:.7}35%{transform:translate(-9px,-14px);opacity:1}65%{transform:translate(12px,-8px);opacity:.8}to{transform:translate(-9px,-3px);opacity:.7}}.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:white;border-radius:16px;padding:12px 16px;gap:16px;box-shadow:0 1px 6px rgba(107,79,58,.05);flex-wrap:wrap}.ff-legend,.ff-legend-item{display:flex;align-items:center}.ff-legend-item{gap:7px;font-size:12px;color:var(--text-muted)}.ff-legend-destello{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;background:none;border:1px solid var(--beige-mid);border-radius:12px;font-family:var(--font-dmsans),"DM Sans",sans-serif;font-size:10px;color:var(--text-muted);cursor:pointer;transition:all .15s;white-space:nowrap}.ff-legend-destello:hover{border-color:var(--glow);color:var(--text);background:rgba(244,208,63,.06)}.destello-mobile{margin-left:auto}.destello-desktop{display:none}.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:white;border-radius:20px;padding:14px 22px;font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:20px;font-weight:400;cursor:pointer;box-shadow:0 4px 16px rgba(196,105,74,.35);text-align:left}.open-jar-btn span:nth-child(2){flex:1 1;text-align:left}.open-jar-cta{background:linear-gradient(135deg,var(--terracota),#E89030);color:white;border:none;border-radius:16px;padding:12px 18px;font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:16px;font-weight:400;cursor:pointer;box-shadow:0 4px 14px rgba(196,105,74,.3);display:flex;align-items:center;gap:10px;transition:all .2s;text-align:left}.open-jar-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px rgba(196,105,74,.4)}.open-jar-cta:disabled{opacity:.6;cursor:not-allowed}.open-jar-cta span:nth-child(2){flex:1 1;text-align:left}.slide-open{position:relative;width:100%;height:60px;border-radius:16px;background:var(--beige-mid);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;box-shadow:inset 0 1px 3px rgba(107,79,58,.12)}.slide-open-fill{left:0;top:0;bottom:0;background:linear-gradient(135deg,var(--terracota),#E89030);border-radius:16px}.slide-open-fill,.slide-open-label{position:absolute;pointer-events:none}.slide-open-label{inset:0;display:flex;align-items:center;justify-content:center;padding-left:44px;font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:16px;color:var(--text-light);transition:opacity .15s}.slide-open.is-loading .slide-open-label{color:#fff;padding-left:0}.slide-open-thumb{position:absolute;left:4px;top:4px;width:52px;height:52px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--terracota);cursor:-webkit-grab;cursor:grab;box-shadow:0 2px 8px rgba(196,105,74,.3);touch-action:none;will-change:transform}.slide-open-thumb:active{cursor:-webkit-grabbing;cursor:grabbing}.slide-open.is-loading .slide-open-thumb{cursor:default}.openjar-overlay{position:fixed;inset:0;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,rgba(40,28,18,.62),rgba(22,15,9,.94));animation:openjar-fade .4s ease;overflow:hidden}@keyframes openjar-fade{0%{opacity:0}to{opacity:1}}.openjar-wrap{position:relative;width:210px;height:268px}.openjar-wrap .jar-svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 22px rgba(244,208,63,.35));animation:openjar-jarrise 2.5s ease forwards}@keyframes openjar-jarrise{0%{transform:translateY(8px) scale(.95)}30%{transform:translateY(0) scale(1)}to{transform:translateY(-6px) scale(1.03)}}.openjar-halo{position:absolute;left:50%;top:52%;width:240px;height:240px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(244,208,63,.42) 0,rgba(244,208,63,.12) 38%,transparent 68%);pointer-events:none;animation:openjar-halo 2.6s ease-in-out forwards}@keyframes openjar-halo{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}to{opacity:.5;transform:translate(-50%,-50%) scale(1.28)}}.openjar-lid{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.openjar-lid-g{transform-box:fill-box;transform-origin:center;animation:openjar-lidpop .9s cubic-bezier(.34,1.3,.5,1) .15s forwards}@keyframes openjar-lidpop{0%{transform:translateY(0) rotate(0);opacity:1}22%{transform:translateY(5px) rotate(-2deg)}to{transform:translate(16px,-94px) rotate(-32deg);opacity:0}}.openjar-flies{position:absolute;inset:0;pointer-events:none}.openjar-ff{position:absolute;left:50%;top:17%;border-radius:50%;background:#F7DC6F;box-shadow:0 0 8px 2px rgba(244,208,63,.9),0 0 16px 4px rgba(244,208,63,.4);opacity:0;animation:openjar-fly var(--dur,1.6s) ease-out var(--delay,.4s) forwards}.openjar-ff.orange{background:#F0A95A;box-shadow:0 0 8px 2px rgba(232,144,48,.9),0 0 16px 4px rgba(232,144,48,.4)}@keyframes openjar-fly{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}18%{opacity:1}50%{opacity:1;transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my))) scale(1.2)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.8)}}.openjar-sparkle{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;opacity:0;box-shadow:0 0 6px 2px rgba(255,255,255,.8);animation:openjar-twinkle 1.1s ease-in-out var(--delay,.5s) infinite}@keyframes openjar-twinkle{0%,to{opacity:0;transform:scale(.3)}50%{opacity:.9;transform:scale(1)}}.openjar-text{position:absolute;bottom:24%;font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:22px;color:#F5EFE4;text-shadow:0 0 12px rgba(244,208,63,.5);opacity:0;animation:openjar-textin .7s ease .5s forwards}@keyframes openjar-textin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.open-jar-btn-sm{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--terracota),#E89030);color:white;border-radius:12px;padding:8px 14px;font-size:13px;font-weight:500;cursor:pointer;margin-top:4px;text-align:left}.open-jar-btn-sm span:nth-child(2){flex:1 1;text-align:left}.open-jar-btn--secondary{background:var(--terracota);border:none;cursor:pointer}.bote-action{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:4px 24px 0}.bote-action .timer-pill{align-self:center}@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:white;border:none;border-radius:20px;padding:18px 24px;font-family:var(--font-cormorant),"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:var(--font-dmsans),"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{align-self:stretch;margin:0 24px;background:white;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:var(--font-cormorant),"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:white;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.frozen .streak-day-circle{background:var(--amber-pale);color:var(--amber);border:1px solid var(--amber-light)}.streak-day-name{font-size:10px;color:var(--text-muted)}.today-memory-section{align-self:stretch;margin:16px 24px 0}.today-title{font-family:var(--font-cormorant),"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:white;border-radius:20px;padding:20px;box-shadow:0 2px 12px rgba(107,79,58,.07);border-left:3px solid var(--azul)}.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:var(--font-cormorant),"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:var(--font-cormorant),"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:white;border:1.5px solid var(--beige-mid);border-radius:16px;padding:14px 16px;font-family:var(--font-dmsans),"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}.photo-collage-btn{flex-direction:column;gap:2px;font-family:inherit;color:var(--text-light)}.photo-collage-label{font-size:10px}.collage-overlay{position:fixed;inset:0;background:rgba(36,24,16,.55);display:flex;align-items:center;justify-content:center;padding:18px;z-index:1000;animation:fadeIn .2s ease}.collage-modal{width:100%;max-width:420px;background:var(--beige);border-radius:18px;padding:20px;max-height:92vh;overflow-y:auto}.collage-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.collage-head h3{font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:20px;font-weight:400;color:var(--text)}.collage-close{background:none;border:none;font-size:16px;color:var(--text-muted);cursor:pointer;padding:4px}.collage-pick{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;border:1.5px dashed var(--beige-mid);border-radius:14px;cursor:pointer;color:var(--text-light);background:var(--beige-dark);text-align:center}.collage-pick-ico{font-size:36px}.collage-pick-text{font-size:13px}.collage-canvas{width:100%;max-height:56vh;aspect-ratio:4/5;object-fit:contain;border-radius:12px;display:block;margin:0 auto;background:var(--beige-dark);touch-action:none;cursor:-webkit-grab;cursor:grab}.collage-canvas:active{cursor:-webkit-grabbing;cursor:grabbing}.collage-hint{font-size:11px;color:var(--text-muted);text-align:center;margin-top:8px}.collage-layouts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.collage-layout-btn{font-size:12px;padding:7px 12px;border-radius:20px;border:1px solid var(--beige-mid);background:var(--beige);color:var(--text-light);cursor:pointer;transition:all .15s}.collage-layout-btn.active{background:var(--text);color:var(--beige);border-color:var(--text)}.collage-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.collage-relink{font-size:12px;color:var(--text-muted);text-decoration:underline;cursor:pointer}.collage-save{background:var(--terracota);color:#fff;border:none;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:500;cursor:pointer}.collage-save:disabled{opacity:.6;cursor:not-allowed}.collage-error{color:var(--terracota);font-size:12px;margin-top:10px}.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:white;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:var(--font-dmsans),"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:white}.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:white;border:none;border-radius:20px;padding:18px;font-family:var(--font-cormorant),"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:var(--font-cormorant),"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:white;font-size:13px;font-family:var(--font-dmsans),"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:white;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);background:#C8DFE7}.map-mock .maplibregl-canvas{display:block}.map-mock .maplibregl-ctrl-attrib{font-size:8px!important;opacity:.45;background:transparent!important}.map-mock .maplibregl-ctrl-attrib a{color:var(--text-muted)}.map-mock .maplibregl-ctrl-group{border-radius:12px!important;box-shadow:0 2px 8px rgba(107,79,58,.18)!important;overflow:hidden}.map-mock .maplibregl-ctrl-group button{width:28px!important;height:28px!important}.map-mock .maplibregl-ctrl-top-right{top:10px;right:10px}.luciernaga-pin{background:transparent!important;border:none!important}.luciernaga-pin .map-pin-bubble{transform:translate(-50%,-100%)}.map-pin-bubble{border:2.5px solid white;border-radius:14px 14px 14px 2px;padding:5px 10px;display:inline-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:white;font-weight:500}.map-pin-count{font-size:10px;color:white;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}.place-overlay{position:fixed;inset:0;background:rgba(36,24,16,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:400;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}.place-card{position:relative;background:var(--beige);border-radius:24px;padding:26px 22px 22px;max-width:460px;width:100%;max-height:80vh;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 60px rgba(0,0,0,.35)}.place-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:var(--beige-dark);border:none;color:var(--text);font-size:14px;cursor:pointer}.place-card-head{display:flex;align-items:center;gap:12px;padding-right:28px}.place-card-icon{font-size:26px}.place-card-title{font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:22px;font-weight:400;color:var(--text)}.place-card-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.place-card-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:2px}.place-memory{background:white;border-radius:14px;padding:14px 16px;border-left:3px solid var(--azul);box-shadow:0 2px 8px rgba(107,79,58,.05)}.place-memory-date{font-size:11px;color:var(--azul);font-weight:500;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}.place-memory-text{font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:15px;font-weight:300;color:var(--text);line-height:1.5}.place-card-locked{background:var(--beige-dark);border:1px dashed var(--beige-mid);border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted);line-height:1.4}.place-card-locked 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:var(--font-cormorant),"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:white;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:white;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:var(--font-cormorant),"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:var(--font-cormorant),"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:white;border-radius:16px;padding:16px 12px;text-align:center;box-shadow:0 2px 8px rgba(107,79,58,.05)}.stat-num{font-family:var(--font-cormorant),"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:white;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)}.settings-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 1px 6px rgba(107,79,58,.04);margin-bottom:8px}.settings-row{padding:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .15s}.settings-expand-body+.settings-row,.settings-row+.settings-row{border-top:1px solid var(--beige-mid)}.settings-row:active{background:var(--beige)}.settings-expand-body{border-top:1px solid var(--beige-mid)}.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-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}.custom-date-box{padding:12px 16px;background:var(--beige)}.custom-date-label{font-size:12px;color:var(--text-muted);margin-bottom:8px}.custom-date-box .field-input{font-size:15px}.custom-date-msg{font-size:13px;color:var(--terracota);margin-top:10px;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:white}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:390px;height:76px;background:rgba(245,239,228,.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:var(--font-cormorant),"Cormorant Garamond",serif;font-size:26px;font-weight:300;color:white;text-align:center;line-height:1.4}.fly-sub{font-size:13px;color:rgba(255,255,255,.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}.shelf-rename-input{background:rgba(245,239,228,.1);border:1px solid rgba(245,239,228,.2);border-radius:8px;padding:5px 8px;font-size:12px;color:var(--beige);text-align:center;outline:none;width:100%}.shelf-rename-ok{background:var(--terracota);color:white;border:none;border-radius:6px}.shelf-rename-cancel,.shelf-rename-ok{padding:3px 8px;font-size:10px;cursor:pointer}.shelf-rename-cancel{background:none;border:1px solid rgba(245,239,228,.2);border-radius:6px;color:var(--beige)}.estanteria-screen{background:rgba(36,24,16,.97)}.estanteria-topbar{padding:52px 24px 8px;display:flex;align-items:center;justify-content:space-between}.estanteria-topbar .btn-back{background:rgba(245,239,228,.1);color:var(--beige)}.estanteria-title{font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:26px;font-weight:300;color:var(--beige)}.estanteria-customize-btn{width:40px;height:40px;border-radius:50%;border:none;background:rgba(245,239,228,.1);color:var(--beige);font-size:18px;cursor:pointer;flex-shrink:0}.estanteria-customize-btn:hover{background:rgba(245,239,228,.18)}.estanteria-customize-row{display:flex;align-items:center;gap:10px;margin:4px 24px 12px;padding:12px 16px;border-radius:14px;border:1px solid rgba(245,239,228,.14);background:rgba(245,239,228,.07);color:var(--beige);font-size:14px;cursor:pointer;width:calc(100% - 48px)}.estanteria-customize-row:hover{background:rgba(245,239,228,.12)}.estanteria-customize-row>span:last-child{margin-left:auto;opacity:.55}.jc-overlay{position:fixed;inset:0;background:rgba(36,24,16,.6);display:flex;align-items:center;justify-content:center;padding:18px;z-index:1100;animation:fadeIn .2s ease}.jc-modal{width:100%;max-width:380px;background:var(--beige);border-radius:20px;padding:22px;max-height:92vh;overflow-y:auto}.jc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.jc-head h3{font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:20px;font-weight:400;color:var(--text)}.jc-close{background:none;border:none;font-size:16px;color:var(--text-muted);cursor:pointer;padding:4px}.jc-preview{display:flex;justify-content:center;padding:6px 0 12px}.jc-preview svg{width:130px;height:165px}.jc-section-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin:10px 0 8px}.jc-shapes{display:flex;gap:8px;flex-wrap:wrap}.jc-shape{font-size:13px;padding:8px 14px;border-radius:20px;border:1px solid var(--beige-mid);background:var(--beige-dark);color:var(--text-light);cursor:pointer;transition:all .15s}.jc-shape.active{background:var(--text);color:var(--beige);border-color:var(--text)}.jc-colors{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.jc-color{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.7);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.15);position:relative;padding:0}.jc-color.active{outline:2px solid var(--text);outline-offset:2px}.jc-color-custom{display:flex;align-items:center;justify-content:center;overflow:hidden}.jc-color-custom input[type=color]{position:absolute;inset:0;opacity:0;cursor:pointer;border:none}.jc-color-custom-ico{font-size:15px;filter:drop-shadow(0 0 2px rgba(255,255,255,.9));pointer-events:none}.jc-save{width:100%;margin-top:18px;background:var(--terracota);color:#fff;border:none;border-radius:14px;padding:12px;font-size:15px;font-weight:500;cursor:pointer}.jc-save:disabled{opacity:.6;cursor:not-allowed}.jc-error{color:var(--terracota);font-size:12px;margin-top:10px}.shelf-content{display:flex;flex-direction:column;min-height:100%}.estanteria-screen .shelf-body{overflow-y:visible;flex:none}.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:rgba(245,239,228,.1);border:none;cursor:pointer;font-size:18px;color:white;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:var(--font-cormorant),"Cormorant Garamond",serif;font-size:22px;font-weight:300;color:var(--beige);margin-bottom:4px}.cards-progress{font-size:13px;color:rgba(245,239,228,.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 .45s cubic-bezier(.22,1,.36,1),opacity .35s ease,box-shadow .45s cubic-bezier(.22,1,.36,1)}.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:var(--font-cormorant),"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:rgba(245,239,228,.1);border:1.5px solid rgba(245,239,228,.18);cursor:pointer;font-size:20px;color:white;display:flex;align-items:center;justify-content:center;transition:all .2s}.card-nav-btn:hover{background:rgba(245,239,228,.2);transform:scale(1.05)}.cards-hint{font-size:13px;color:rgba(245,239,228,.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:rgba(245,239,228,.1);border:none;cursor:pointer;font-size:18px;color:var(--beige);justify-content:center}.sjo-info{flex:1 1}.sjo-name{font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:20px;font-weight:300;color:var(--beige)}.sjo-meta{font-size:12px;color:rgba(245,239,228,.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:var(--font-cormorant),"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:rgba(245,239,228,.07);border-radius:14px;padding:8px 14px;font-size:13px;color:rgba(245,239,228,.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:rgba(245,239,228,.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:rgba(245,239,228,.45);margin-top:1px}.sjo-c-bar{flex:2 1}.sjo-bar-track{height:5px;background:rgba(245,239,228,.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:rgba(245,239,228,.45);margin-top:2px}.sjo-add-btn{width:100%;background:var(--amber);color:white;border:none;border-radius:16px;padding:15px;font-family:var(--font-cormorant),"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:var(--font-cormorant),"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:white;border-radius:28px;padding:40px 28px;box-shadow:0 8px 40px rgba(107,79,58,.12)}.auth-logo{font-family:var(--font-cormorant),"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:var(--font-dmsans),"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:white;border:none;border-radius:16px;padding:14px;font-family:var(--font-cormorant),"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}.auth-legal{margin-top:20px;text-align:center;font-size:12px;color:var(--text-muted)}.auth-legal a{color:var(--terracota);text-decoration:none}.auth-legal a:hover{text-decoration:underline}.legal-container{min-height:100vh;background:var(--beige);padding:40px 20px;display:flex;justify-content:center}.legal-card{width:100%;max-width:640px;background:white;border-radius:24px;padding:40px 32px;box-shadow:0 8px 40px rgba(107,79,58,.1)}.legal-card h1{font-size:32px;margin-bottom:16px}.legal-card h1,.legal-card h2{font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-weight:400;color:var(--text)}.legal-card h2{font-size:22px;margin:28px 0 10px}.legal-card li,.legal-card p{font-size:15px;line-height:1.6;color:var(--text)}.legal-card ul{padding-left:20px;margin:8px 0}.legal-card li{margin-bottom:6px}.legal-intro{color:var(--text-muted)}.legal-card a{color:var(--terracota);text-decoration:none}.legal-card a:hover{text-decoration:underline}.legal-back{margin-top:32px}.destello-btn{background:none;border:1.5px solid var(--beige-mid);border-radius:20px;padding:10px 20px;font-family:var(--font-dmsans),"DM Sans",sans-serif;font-size:13px;color:var(--text-muted);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.destello-btn:hover{border-color:var(--glow);color:var(--text);background:rgba(244,208,63,.06)}.destello-overlay{position:fixed;inset:0;background:rgba(36,24,16,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:400;display:flex;flex-direction:column;align-items:center;padding:24px;overflow-y:auto;animation:fadeIn .3s ease}.destello-overlay>.destello-card,.destello-overlay>.destello-memories-wrap{margin-block:auto}.destello-card{background:var(--beige);border-radius:28px;padding:40px 32px;max-width:420px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 40px 80px rgba(0,0,0,.4)}.destello-icon{font-size:40px}.destello-title{font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:28px;font-weight:300;color:var(--text);margin:0}.destello-desc{font-size:14px;color:var(--text-muted);line-height:1.7;margin:0}.destello-primary-btn{width:100%;background:linear-gradient(135deg,var(--terracota),#E89030);color:white;border:none;border-radius:20px;padding:16px 24px;font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:20px;cursor:pointer;box-shadow:0 4px 16px rgba(196,105,74,.35);transition:all .2s}.destello-primary-btn:hover{transform:translateY(-1px)}.destello-primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.destello-secondary-btn{background:none;border:none;font-size:13px;color:var(--text-muted);cursor:pointer;padding:4px;text-decoration:underline;text-underline-offset:3px}.plan-hint-pill{display:inline-flex;align-items:center;gap:4px;background:var(--amber-pale);color:var(--amber);border:1px solid var(--amber-light);border-radius:12px;padding:2px 9px;font-size:11px;font-weight:500;line-height:1.5;cursor:pointer;white-space:nowrap;transition:all .2s}.plan-hint-pill:hover{background:var(--amber-light);color:#fff;border-color:var(--amber-light)}.plan-card-row{display:flex;align-items:center;gap:12px}.plan-card-glow{background:linear-gradient(135deg,var(--amber-pale),#fff);border:1.5px solid var(--amber-light)}.plan-badge{display:inline-flex;align-items:center;gap:5px;background:var(--amber);color:#fff;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.plan-badge--free{background:var(--beige-mid);color:var(--text-muted)}.plan-upgrade-block{margin-top:8px;display:flex;flex-direction:column;gap:10px}.plan-interval-toggle{display:flex;gap:6px;padding:0 12px}.plan-interval-btn{flex:1 1;padding:8px 4px;border-radius:12px;border:1.5px solid var(--beige-mid);background:var(--beige-light);color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.plan-interval-btn.active{border-color:var(--amber);background:var(--amber-pale);color:var(--amber);font-weight:600}.plan-save-badge{background:var(--amber);color:#fff;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:700;letter-spacing:.3px}.streak-protect{margin-top:12px;gap:6px;font-size:12px;color:var(--text-muted)}.destello-close,.streak-protect{display:flex;align-items:center;justify-content:center}.destello-close{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;background:rgba(245,239,228,.15);border:none;color:var(--beige);font-size:16px;cursor:pointer}.destello-memories-wrap{position:relative;background:rgba(36,24,16,.95);border-radius:28px;padding:40px 32px 32px;max-width:680px;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 40px 80px rgba(0,0,0,.5)}.destello-memories-title{font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:24px;font-weight:300;color:var(--beige)}.destello-memories-grid{display:flex;flex-direction:column;gap:14px;width:100%}.destello-memory-card{position:relative;background:rgba(245,239,228,.07);border:1px solid rgba(244,208,63,.45);border-radius:20px;padding:20px 22px;text-align:left;animation:destello-pulse 2.6s ease-in-out infinite;box-shadow:0 0 16px rgba(244,208,63,.15)}.destello-memory-card:nth-child(2n){animation-delay:.7s}.destello-memory-card:nth-child(3n){animation-delay:1.3s}.destello-memory-card:nth-child(4n){animation-delay:1.9s}@keyframes destello-pulse{0%,to{box-shadow:0 0 14px rgba(244,208,63,.14);border-color:rgba(244,208,63,.35)}50%{box-shadow:0 0 28px rgba(244,208,63,.45);border-color:rgba(244,208,63,.85)}}.destello-memory-date{font-size:11px;color:rgba(244,208,63,.7);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.destello-memory-text{font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:18px;font-weight:300;color:var(--beige);line-height:1.6}.destello-memory-loc{font-size:12px;color:rgba(245,239,228,.4);margin-top:10px}.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:white;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:var(--font-cormorant),"Cormorant Garamond",serif;font-size:26px;font-weight:300;color:var(--beige)}.shelf-close{width:40px;height:40px;border-radius:50%;background:rgba(245,239,228,.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:rgba(245,239,228,.4);margin-bottom:16px;padding-left:2px}.shelf-balda-line{height:1px;background:rgba(245,239,228,.08);margin-bottom:20px}.shelf-jars-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.shelf-jar-card{background:rgba(245,239,228,.07);border:1px solid rgba(245,239,228,.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:rgba(245,239,228,.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 rgba(245,239,228,.15)}.shelf-jar-name{font-family:var(--font-cormorant),"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:rgba(245,239,228,.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:white;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}.bote-info-col,.bote-jar-col{display:contents}@media (max-width:767px){.screen.bote-screen{gap:14px}.bote-screen .bote-action,.bote-screen .capture-btn,.bote-screen .ff-legend,.bote-screen .streak-section,.bote-screen .today-memory-section{margin:0 24px}}.bote-screen .bote-subtitle{order:1;align-self:center}.bote-screen .bote-title{order:2;align-self:center}.bote-screen .jar-wrapper{order:3;align-self:center}.bote-screen .bote-action{order:4;align-self:stretch;margin:0 24px;display:flex;flex-direction:column;gap:4px}.bote-screen .ff-legend{order:5;align-self:center}.bote-screen .capture-btn{order:6}.bote-screen .streak-section{order:7}.bote-screen .today-memory-section{order:8}.desktop-header,.side-nav{display:none}.content-area{display:contents}.add-friend-desktop-btn{display:none}@media (min-width:768px){body{min-height:100vh}.side-nav,body{background:var(--beige)}.side-nav{display:flex;flex-direction:column;position:fixed;left:0;top:0;width:240px;height:100vh;border-right:1px solid var(--beige-mid);padding:36px 0 24px;z-index:100}.side-nav-logo{font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:22px;font-weight:400;letter-spacing:.04em;color:var(--text);display:flex;align-items:center;gap:8px;padding:0 24px 32px}.side-nav-items{flex:1 1;display:flex;flex-direction:column;gap:2px;padding:0 12px}.side-nav-item{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:16px;text-decoration:none;color:var(--text-light);font-size:15px;font-weight:400;transition:background .15s,color .15s}.side-nav-item:hover{background:var(--beige-dark);color:var(--text)}.side-nav-item.active{background:var(--beige-mid);color:var(--text);font-weight:500}.side-nav-icon{font-size:20px;width:28px;text-align:center;flex-shrink:0}.side-nav-label{font-size:15px}.btn-back{position:fixed;top:24px;left:264px;z-index:90}.capture-topbar{justify-content:center}.desktop-header{display:flex;align-items:center;gap:10px;position:fixed;top:28px;right:40px;z-index:90}.content-area{display:flex;margin-left:240px;min-height:100vh;justify-content:center;padding:0 40px}.app-container{width:100%;max-width:960px;margin:0;min-height:100vh;border-radius:0;box-shadow:none;max-height:none;overflow:visible}.screen{padding-bottom:48px}.topbar{padding-top:36px;padding-right:200px}.topbar .app-logo,.topbar-right{display:none}.bottom-nav{display:none!important}.bote-info-col,.bote-jar-col{display:flex}.bote-screen .bote-action,.bote-screen .bote-subtitle,.bote-screen .bote-title,.bote-screen .capture-btn,.bote-screen .ff-legend,.bote-screen .jar-wrapper,.bote-screen .streak-section,.bote-screen .today-memory-section{order:0}.screen.bote-screen{display:grid;grid-template-columns:300px 1fr;grid-column-gap:48px;column-gap:48px;align-items:start;overflow:visible;grid-gap:0;gap:0}.screen.bote-screen>.topbar{grid-column:1/-1;padding-right:200px}.bote-jar-col{grid-column:1;align-self:start;padding:8px 0 0;flex-direction:column;align-items:center;gap:8px}.bote-jar-col .jar-wrapper{zoom:1.4;margin:0 auto}.bote-jar-col .ff-legend{margin-top:-40px}.destello-mobile{display:none}.destello-desktop{display:inline-flex}.bote-info-col{grid-column:2;flex-direction:column;align-items:flex-start;gap:16px;padding:16px 0 0}.bote-info-col .bote-subtitle{text-align:left}.bote-info-col .bote-title{text-align:left;font-size:34px}.bote-info-col .capture-btn,.bote-info-col .streak-section,.bote-info-col .today-memory-section{margin:0;width:100%}.bote-info-col .bote-action{margin:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-column-gap:12px;column-gap:12px;grid-row-gap:8px;row-gap:8px}.bote-info-col .bote-action>.open-jar-btn,.bote-info-col .bote-action>:not(.destello-desktop):not(.open-jar-btn),.bote-info-col .bote-action>a,.bote-info-col .bote-action>a>.open-jar-btn{grid-column:2;justify-self:center}.bote-info-col .bote-action>.destello-desktop{grid-column:3;justify-self:start}.bote-info-col .open-jar-cta{width:auto}.bote-info-col .slide-open{width:280px;max-width:280px}.bote-info-col .open-jar-btn span:nth-child(2),.bote-info-col .open-jar-cta span:nth-child(2){flex:0 0 auto}.shelf-overlay{left:240px}.content-area:has(.estanteria-screen){background:rgba(36,24,16,.97);padding:0}.content-area:has(.estanteria-screen) .app-container{max-width:none;background:transparent;padding:0 40px}.content-area:has(.estanteria-screen) .screen{overflow-y:visible}.estanteria-screen{background:transparent}.content-area:has(.auth-container){margin-left:0;padding:0}.map-topbar-inner{padding:80px 0 0}.map-mock{margin:0}.locked-info{margin:16px 0 0}.screen.amigos-screen>.friends-topbar{display:flex;justify-content:space-between;align-items:flex-end;padding:80px 0 0}.screen.amigos-screen>.friends-topbar .friends-subtitle{margin-bottom:0}.add-friend-desktop-btn{display:flex;align-items:center;gap:7px;background:var(--terracota);color:white;border:none;border-radius:14px;padding:10px 18px;font-size:14px;font-family:var(--font-dmsans),"DM Sans",sans-serif;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s;margin-bottom:4px}.add-friend-desktop-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(196,105,74,.3)}.screen.amigos-screen .add-friend-row{display:none}.screen.amigos-screen>.friends-list-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin:0 0 16px}.screen.amigos-screen>.friends-list-grid>.friend-card{margin:0}.screen.amigos-screen>.friend-request-banner{margin:12px 0}.screen.amigos-screen>.section-label{margin:16px 0 12px}}.reader-loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 32%,#2c1d12,#160f09 72%);z-index:1400}.reader-loading-dot{width:10px;height:10px;border-radius:50%;background:#F4D03F;box-shadow:0 0 10px 2px rgba(244,208,63,.8);animation:reader-pulse 1.2s ease-in-out infinite}@keyframes reader-pulse{0%,to{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.reader-mobile{position:fixed;inset:0;z-index:1500;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 50% 30%,#2c1d12,#160f09 72%);color:#F5EFE4}.reader-mobile::-webkit-scrollbar{display:none}.reader-ambient{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.reader-page{position:relative;min-height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:max(env(safe-area-inset-top),64px) 30px max(env(safe-area-inset-bottom),56px);z-index:1}.reader-page .r-date,.reader-page .r-loc,.reader-page .r-photo,.reader-page .r-text{opacity:0;transform:translateY(16px)}.reader-page.is-active .r-date{animation:reader-rise .6s ease .18s forwards}.reader-page.is-active .r-text{animation:reader-rise .7s ease .36s forwards}.reader-page.is-active .r-loc{animation:reader-rise .6s ease .62s forwards}.reader-page.is-active .r-photo{animation:reader-rise .7s ease .82s forwards}@keyframes reader-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.r-bloom{position:absolute;left:50%;top:40%;width:320px;height:320px;margin:-160px 0 0 -160px;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(244,208,63,.3) 0,rgba(244,208,63,.1) 38%,transparent 68%)}.reader-page.is-active .r-bloom{animation:reader-bloom 1.6s ease-out forwards}@keyframes reader-bloom{0%{opacity:0;transform:scale(.5)}40%{opacity:1;transform:scale(1.05)}to{opacity:.45;transform:scale(1.2)}}.r-date{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(245,239,228,.6)}.r-emoji{font-size:22px}.r-text{font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:27px;line-height:1.5;color:#F8F2E6;text-shadow:0 0 14px rgba(244,208,63,.28);margin:0}.r-loc{font-size:13px;color:rgba(245,239,228,.55)}.r-shared-badge{font-size:11px;background:rgba(232,144,48,.2);color:#F0B66A;border-radius:8px;padding:2px 8px}.reader-close{position:fixed;top:max(env(safe-area-inset-top),16px);left:16px;z-index:1600;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;color:#F5EFE4;font-size:20px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.reader-counter{top:max(env(safe-area-inset-top),22px);font-size:12px;color:rgba(245,239,228,.5);letter-spacing:.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.reader-counter,.reader-hint{position:fixed;left:50%;transform:translateX(-50%);z-index:1600}.reader-hint{bottom:max(env(safe-area-inset-bottom),28px);font-size:13px;color:rgba(245,239,228,.55);animation:reader-hint-bob 1.8s ease-in-out infinite;transition:opacity .5s ease}.reader-hint--hidden{opacity:0;pointer-events:none}@keyframes reader-hint-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}.memory-photo{display:block;object-fit:cover;cursor:zoom-in}.memory-photo,.memory-photo-fallback{width:100%;border-radius:16px;background:rgba(0,0,0,.25)}.memory-photo-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:120px;color:rgba(245,239,228,.5);font-size:13px}.r-photo{margin-top:6px;max-height:40vh}.memory-card-photo{margin-top:8px;max-height:240px}.reader-outro,.reader-page--outro{justify-content:center;align-items:center;text-align:center}.reader-outro{display:flex;flex-direction:column;gap:22px;padding:40px 28px;width:100%}.reader-outro-jar{position:relative;width:160px}.reader-outro-text{font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:24px;color:#F8F2E6;text-shadow:0 0 14px rgba(244,208,63,.4);opacity:0}.reader-outro.is-active .reader-outro-text{animation:reader-rise .8s ease .6s forwards}.reader-return-ff{position:absolute;top:8px;width:7px;height:7px;border-radius:50%;background:#F7DC6F;box-shadow:0 0 8px 2px rgba(244,208,63,.9),0 0 16px 4px rgba(244,208,63,.4);opacity:0}.reader-return-ff.friend{background:#F0A95A;box-shadow:0 0 8px 2px rgba(232,144,48,.9),0 0 16px 4px rgba(232,144,48,.4)}.reader-outro.is-active .reader-return-ff{animation:reader-return 1.6s ease-in var(--d,0s) forwards}@keyframes reader-return{0%{opacity:0;transform:translateY(-150px) scale(.6)}25%{opacity:1}to{opacity:0;transform:translateY(40px) scale(.4)}}.reader-outro-actions{display:flex;flex-direction:column;gap:10px;align-items:center;opacity:0}.reader-outro.is-active .reader-outro-actions{animation:reader-rise .8s ease .9s forwards}.reader-outro-btn{border:none;cursor:pointer;border-radius:14px;padding:12px 26px;font-size:14px;font-weight:500;font-family:var(--font-dmsans),"DM Sans",sans-serif;background:linear-gradient(135deg,var(--terracota),#E89030);color:#fff}.reader-outro-btn--ghost{background:transparent;color:rgba(245,239,228,.7);border:1px solid rgba(245,239,228,.25)}.app-container.reader-app-dark,.reader-screen-dark{background:transparent}.reader-back{color:#F5EFE4!important}.reader-arrow{width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;color:#F5EFE4;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .2s}.memory-card--dark{background:rgba(40,28,18,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(244,208,63,.18);box-shadow:0 8px 32px rgba(0,0,0,.35)}@media (prefers-reduced-motion:reduce){.reader-outro-actions,.reader-outro-text,.reader-page .r-date,.reader-page .r-loc,.reader-page .r-photo,.reader-page .r-text{opacity:1!important;transform:none!important;animation:none!important}.r-bloom,.reader-ambient,.reader-return-ff{display:none}.reader-hint{animation:none}}.panel-screen-inner{padding:48px 18px 24px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin-bottom:3px}.panel-title{font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:26px;font-weight:300;color:var(--text);line-height:1.1}.panel-invite-btn{flex-shrink:0;font-size:12px;font-weight:500;color:#fff;background:var(--terracota);border:none;border-radius:20px;padding:8px 14px;cursor:pointer;transition:background .15s,transform .1s}.panel-invite-btn:hover{background:var(--brown);transform:translateY(-1px)}.panel-invite-btn--full{display:none}.panel-invite-btn--mobile{flex-shrink:0}.panel-layout{display:flex;flex-direction:column;gap:18px}.panel-patients-empty{font-size:13px;color:var(--text-muted);line-height:1.6}.panel-patients-list{display:flex;flex-direction:row;gap:8px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}.panel-pcard{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:84px;padding:10px 8px;background:var(--beige-dark);border:1px solid transparent;border-radius:14px;cursor:pointer;transition:background .15s,border-color .15s;text-align:center}.panel-pcard--active,.panel-pcard:hover{background:var(--beige-mid)}.panel-pcard--active{border-color:var(--terracota-pale)}.panel-pavatar{position:relative;width:38px;height:38px;border-radius:50%;background:var(--beige);border:1px solid var(--beige-mid);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.panel-pdot{position:absolute;bottom:-1px;right:-1px;width:11px;height:11px;border-radius:50%;border:2px solid var(--beige-dark)}.panel-pdot--active{background:var(--terracota)}.panel-pdot--warn{background:var(--amber-light)}.panel-pdot--off{background:var(--beige-mid)}.panel-pinfo{display:flex;flex-direction:column;min-width:0}.panel-pname{font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:15px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:76px}.panel-pmeta{font-size:10px;color:var(--text-muted)}.panel-pstreak{display:none;font-size:11px;color:var(--text-muted)}.panel-pstreak--on{color:var(--terracota)}.panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 20px;color:var(--text-muted)}.panel-empty-ico{font-size:32px;margin-bottom:10px;color:var(--terracota-light)}.panel-empty p{font-size:13px;line-height:1.6;max-width:260px}.panel-patient-head{margin-bottom:18px}.panel-patient-eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:3px}.panel-patient-name{font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:28px;font-weight:300;color:var(--text);line-height:1.1}.panel-since{display:inline-block;margin-top:8px;font-size:11px;color:var(--text-muted);background:var(--beige-dark);border:1px solid var(--beige-mid);border-radius:20px;padding:4px 10px}.panel-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:16px}.panel-stat{background:var(--beige-dark);border:1px solid var(--beige-mid);border-radius:14px;padding:14px 12px}.panel-stat-label{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.panel-stat-value{font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:30px;font-weight:300;color:var(--text);line-height:1}.panel-stat-value--sm{font-size:16px;margin-top:6px}.panel-stat-sub{font-size:10px;color:var(--text-muted);margin-top:4px}.panel-stat--hl{background:var(--terracota);border-color:var(--terracota)}.panel-stat--hl .panel-stat-label,.panel-stat--hl .panel-stat-sub{color:rgba(255,255,255,.72)}.panel-stat--hl .panel-stat-value{color:#fff}.panel-block{background:var(--beige-dark);border:1px solid var(--beige-mid);border-radius:14px;padding:18px 16px;margin-bottom:14px}.panel-block-title{font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:16px;font-weight:400;color:var(--text);margin-bottom:14px}.panel-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-cal-title{font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:16px;color:var(--text);text-transform:capitalize}.panel-cal-nav{background:var(--beige);border:1px solid var(--beige-mid);border-radius:8px;padding:3px 10px;cursor:pointer;font-size:13px;color:var(--text-light);transition:all .15s}.panel-cal-nav:hover{border-color:var(--text-light)}.panel-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px}.panel-cal-dow{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-align:center;padding-bottom:4px}.panel-cal-dow--we{color:var(--terracota);opacity:.75}.panel-cal-cell{aspect-ratio:1;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:32px;transition:transform .1s}.panel-cal-cell--blank,.panel-cal-cell--future{background:transparent}.panel-cal-cell--future .panel-cal-num{color:var(--beige-mid)}.panel-cal-cell--empty{background:var(--beige-mid);border:1px solid var(--beige-mid)}.panel-cal-cell--filled{background:var(--terracota-pale);border:1px solid var(--terracota-light)}.panel-cal-cell--today{outline:2px solid var(--text);outline-offset:-2px}.panel-cal-cell--filled.panel-cal-cell--today{outline-color:var(--terracota)}.panel-cal-cell:not(.panel-cal-cell--blank):not(.panel-cal-cell--future):hover{transform:scale(1.08);z-index:2}.panel-cal-num{font-size:10px;color:var(--text-light);line-height:1}.panel-cal-cell--filled .panel-cal-num{color:var(--terracota);font-weight:500}.panel-cal-dot{width:4px;height:4px;border-radius:50%;background:var(--terracota);margin-top:3px}.panel-cal-legend{display:flex;gap:14px;margin-top:12px;font-size:10px;color:var(--text-muted);align-items:center}.panel-cal-legend-item{display:flex;align-items:center;gap:5px}.panel-cal-chip{width:10px;height:10px;border-radius:3px}.panel-cal-chip--filled{background:var(--terracota-pale);border:1px solid var(--terracota-light)}.panel-cal-chip--empty{background:var(--beige-mid);border:1px solid var(--beige-mid)}.panel-cal-stats{display:flex;gap:18px;margin-top:12px;padding-top:10px;border-top:1px solid var(--beige-mid);font-size:11px;color:var(--text-muted)}.panel-cal-stats strong{display:block;font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:18px;font-weight:400;color:var(--text)}.panel-jar-note{font-size:13px;color:var(--text-muted);line-height:1.6}.panel-jar-locked{text-align:center;padding:22px 16px;color:var(--text-muted)}.panel-jar-ico{font-size:30px;margin-bottom:8px;color:var(--terracota-light)}.panel-jar-locked p{font-size:13px;line-height:1.6}.panel-countdown{font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:22px;font-weight:300;color:var(--text-light);margin-top:8px}.panel-mem-list{display:flex;flex-direction:column;gap:10px}.panel-mem{border-left:2px solid var(--terracota);padding:8px 12px;background:var(--beige);border-radius:0 8px 8px 0}.panel-mem-date{font-size:10px;color:var(--text-muted);letter-spacing:.06em;margin-bottom:4px}.panel-mem-text{font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:15px;font-style:italic;line-height:1.5;color:var(--text-light)}.panel-chips{display:flex;gap:8px;flex-wrap:wrap}.panel-chip{font-size:12px;letter-spacing:.04em;padding:7px 14px;border-radius:20px;border:1px solid var(--beige-mid);background:var(--beige);color:var(--text-light);cursor:pointer;transition:all .15s}.panel-chip:hover{border-color:var(--text-light)}.panel-chip--active{background:var(--text);color:var(--beige);border-color:var(--text)}.panel-note-hint{font-size:11px;color:var(--text-muted);margin-top:10px;line-height:1.5}.panel-notes{width:100%;background:var(--beige);border:1px solid var(--beige-mid);border-radius:10px;padding:12px 14px;font-family:var(--font-dmsans),"DM Sans",sans-serif;font-size:13px;color:var(--text);line-height:1.6;resize:vertical;min-height:100px;outline:none;transition:border-color .15s}.panel-notes:focus{border-color:var(--text-light)}.panel-notes-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.panel-notes-foot small{font-size:10.5px;color:var(--text-muted)}.panel-save-btn{flex-shrink:0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:transparent;color:var(--text-light);border:1px solid var(--beige-mid);border-radius:20px;padding:6px 14px;cursor:pointer;transition:all .15s}.panel-save-btn:hover{background:var(--text);color:var(--beige);border-color:var(--text)}.panel-modal-overlay{position:fixed;inset:0;background:rgba(36,24,16,.45);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:fadeIn .2s ease}.panel-modal{width:100%;max-width:420px;background:var(--beige);border:1px solid var(--beige-mid);border-radius:18px;padding:22px;max-height:88vh;overflow-y:auto}.panel-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.panel-modal-head h3{font-family:var(--font-cormorant),"Cormorant Garamond",serif;font-size:20px;font-weight:400;color:var(--text)}.panel-modal-close{background:none;border:none;font-size:16px;color:var(--text-muted);cursor:pointer;padding:4px}.panel-modal-desc{font-size:12.5px;color:var(--text-light);line-height:1.6;margin-bottom:16px}.panel-invite-form{display:flex;gap:8px}.panel-input{flex:1 1;min-width:0;background:var(--beige-dark);border:1px solid var(--beige-mid);border-radius:10px;padding:10px 12px;font-family:var(--font-dmsans),"DM Sans",sans-serif;font-size:13px;color:var(--text);outline:none}.panel-input:focus{border-color:var(--text-light)}.panel-invite-go{flex-shrink:0;font-size:12px;font-weight:500;color:#fff;background:var(--terracota);border:none;border-radius:10px;padding:10px 14px;cursor:pointer}.panel-invite-go:disabled{opacity:.5;cursor:not-allowed}.panel-invite-error{margin-top:10px;font-size:12px;color:var(--terracota)}.panel-invite-result{margin-top:14px;padding:12px;background:var(--beige-dark);border:1px solid var(--beige-mid);border-radius:12px}.panel-invite-link{font-size:11px;color:var(--text);word-break:break-all;background:var(--beige);border:1px solid var(--beige-mid);border-radius:8px;padding:8px 10px;margin-bottom:8px;-webkit-user-select:all;-moz-user-select:all;user-select:all}.panel-copy-btn{font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:var(--text);color:var(--beige);border:none;border-radius:20px;padding:6px 14px;cursor:pointer}.panel-pending{margin-top:18px}.panel-pending-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.panel-pending-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--beige-mid)}.panel-pending-email{font-size:12px;color:var(--text-light);word-break:break-all}.panel-pending-revoke{flex-shrink:0;font-size:11px;color:var(--text-muted);background:none;border:none;cursor:pointer;text-decoration:underline}@media (min-width:768px){.panel-screen-inner{padding:36px 8px 24px}.panel-invite-btn--mobile{display:none}.panel-invite-btn--full{display:block;width:100%;text-align:center;padding:10px 14px;margin-bottom:12px}.panel-layout{display:grid;grid-template-columns:232px 1fr;grid-gap:28px;gap:28px;align-items:start}.panel-patients-list{flex-direction:column;overflow-x:visible}.panel-pcard{flex-direction:row;align-items:center;min-width:0;text-align:left;gap:11px}.panel-pname{max-width:none}.panel-pstreak{display:block;margin-left:auto}}