:root{--cream:#fdf6f1;--beige-light:#f7ebe2;--beige-mid:#edd5c5;--beige-dark:#d4b49e;--accent:#c84268;--accent-dark:#a83358;--accent-soft:#fff0f5;--brown:#4a2b17;--text:#2c1a10;--text-light:#7a5040;--text-faint:#b8927e;--white:#fff;--shadow:0 2px 16px #4a2b1714, 0 1px 4px #4a2b170a;--shadow-hover:0 10px 36px #4a2b1721, 0 3px 10px #4a2b170f;--shadow-pink:0 4px 20px #c8426838;--radius:16px;--radius-sm:10px;--font-serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;--font-ui:"Inter", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-ui);background:var(--cream);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}.navbar{-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--beige-mid);z-index:100;background:#fffffff0;position:sticky;top:0;box-shadow:0 1px 18px #4a2b170f}.navbar-inner{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1200px;height:60px;margin:0 auto;padding:0 2rem;display:flex}.navbar-brand{color:var(--brown);font-family:var(--font-serif);letter-spacing:.04em;flex-shrink:0;align-items:center;gap:.45rem;font-size:1.2rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:flex}.navbar-brand:hover{opacity:.7}.navbar-brand .heart{color:var(--accent);font-size:.85rem;animation:2.4s ease-in-out infinite heartbeat;display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}40%{transform:scale(1.5)}60%{transform:scale(1.18)}}.navbar-links{flex-wrap:wrap;align-items:center;gap:.15rem;list-style:none;display:flex}.navbar-links li a{color:var(--text-light);font-size:.83rem;font-family:var(--font-ui);white-space:nowrap;border-radius:20px;padding:.36rem .82rem;text-decoration:none;transition:color .18s,background .18s,transform .15s;display:block}.navbar-links li a:hover{color:var(--brown);background:var(--beige-light);transform:translateY(-1px)}.navbar-links li a.active{background:var(--accent);color:var(--white);box-shadow:var(--shadow-pink);font-weight:500}.navbar-links li a.active:hover{background:var(--accent-dark)}.nav-divider{background:var(--beige-mid);flex-shrink:0;width:1px;height:14px;margin:0 .2rem}.navbar-links a.nav-logout{color:var(--text-faint);font-size:.81rem}.navbar-links a.nav-logout:hover{color:var(--accent-dark);background:var(--beige-light);transform:none}.page-wrapper{max-width:1100px;margin:0 auto;padding:2.5rem 2rem}.page-header{background:linear-gradient(145deg,#fff3f8 0%,#fff9f5 55%,#fff6f1 100%);border:1px solid #f2c0d0;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:2rem;padding:1.5rem 2rem;display:flex;box-shadow:0 2px 24px #c842680f,0 1px 6px #4a2b170a}.page-title{font-family:var(--font-serif);color:var(--brown);align-items:center;gap:.6rem;margin-bottom:0;font-size:2.1rem;font-style:italic;font-weight:600;display:flex}.page-title:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block;position:relative;top:1px;box-shadow:0 0 0 3px #ffdaeb}.page-subtitle{color:var(--text-light);margin-top:.3rem;margin-bottom:0;font-size:.9rem;font-style:italic}.footer{text-align:center;color:var(--text-faint);border-top:1px solid var(--beige-mid);font-size:.84rem;font-family:var(--font-serif);letter-spacing:.03em;margin-top:4rem;padding:2rem;font-style:italic}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #edd5c5b3;padding:2rem;transition:box-shadow .28s,transform .28s}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.form-group{margin-bottom:1.4rem}.form-label{color:var(--text-light);font-size:.84rem;font-family:var(--font-ui);letter-spacing:.02em;margin-bottom:.45rem;font-weight:500;display:block}.form-input{border:1.5px solid var(--beige-mid);border-radius:var(--radius-sm);width:100%;font-size:.96rem;font-family:var(--font-ui);background:var(--cream);color:var(--text);outline:none;padding:.72rem 1rem;transition:border-color .22s,box-shadow .22s,background .22s}.form-input::placeholder{color:var(--text-faint)}.form-input:focus{border-color:var(--accent);background:var(--white);box-shadow:0 0 0 3px #c842681c}.btn{border-radius:var(--radius-sm);cursor:pointer;font-size:.97rem;font-family:var(--font-ui);letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.8rem;font-weight:500;text-decoration:none;transition:all .22s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:var(--white);width:100%;box-shadow:0 3px 14px #c8426842}.btn-primary:hover{background:linear-gradient(135deg, var(--accent-dark) 0%, #8e2b4a 100%);transform:translateY(-1px);box-shadow:0 6px 20px #c842685c}.btn-primary-sm{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:var(--white);border-radius:var(--radius-sm);font-family:var(--font-ui);cursor:pointer;border:none;align-items:center;gap:.3rem;padding:.48rem 1.1rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 10px #c842683d}.btn-primary-sm:hover{background:linear-gradient(135deg, var(--accent-dark) 0%, #8e2b4a 100%);transform:translateY(-1px);box-shadow:0 4px 16px #c8426857}.btn-primary-sm:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-outline{background:var(--white);color:var(--text-light);border:1.5px solid var(--beige-mid);border-radius:var(--radius-sm);font-family:var(--font-ui);cursor:pointer;align-items:center;gap:.3rem;padding:.46rem 1rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .18s;display:inline-flex}.btn-outline:hover{background:var(--beige-light);color:var(--brown);border-color:var(--beige-dark)}.btn-delete{cursor:pointer;opacity:.32;background:0 0;border:none;padding:.18rem;font-size:1rem;transition:opacity .2s,transform .2s}.btn-delete:hover{opacity:1;transform:scale(1.18)}.btn-link{color:var(--text-light);font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;font-size:.88rem;font-style:italic;text-decoration:underline}.alert{border-radius:var(--radius-sm);margin-bottom:1.2rem;padding:.82rem 1.1rem;font-size:.9rem}.alert-error{color:#8b3a2a;background:#fff0ed;border:1px solid #f5c4b8}.alert-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.login-page{background:linear-gradient(150deg, var(--cream) 0%, var(--beige-light) 55%, var(--beige-mid) 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-header{text-align:center;margin-bottom:2.2rem}.site-title{font-family:var(--font-serif);color:var(--brown);letter-spacing:.04em;font-size:3rem;font-style:italic;font-weight:600}.site-subtitle{color:var(--text-light);margin-top:.5rem;font-size:1rem}.login-card{width:100%;max-width:420px}.card-title{font-family:var(--font-serif);color:var(--brown);text-align:center;margin-bottom:1.5rem;font-size:1.35rem;font-style:italic;font-weight:600}.hero{background:linear-gradient(135deg, var(--beige-light), var(--white));border-radius:var(--radius);border:1px solid var(--beige-mid);text-align:center;box-shadow:var(--shadow);margin-bottom:2rem;padding:3rem 2.5rem}.hero-title{font-family:var(--font-serif);color:var(--brown);margin-bottom:.5rem;font-size:2.3rem;font-style:italic;font-weight:600}.hero-sub{color:var(--text-light);font-size:1.02rem}.dodo-card{text-align:center;background:linear-gradient(135deg, var(--beige-light), var(--white));margin-bottom:2rem;padding:2.5rem 2rem}.dodo-icon{margin-bottom:.5rem;font-size:2.5rem;animation:3s ease-in-out infinite sway;display:inline-block}@keyframes sway{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.dodo-number{font-family:var(--font-serif);color:var(--brown);margin-bottom:.4rem;font-size:4.8rem;font-style:italic;font-weight:600;line-height:1}.dodo-label{color:var(--text-light);font-size:1.08rem;font-style:italic}.dodo-date{color:var(--text-faint);margin-top:.25rem;font-size:.84rem;display:block}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;display:grid}.shortcut-card{text-align:center;padding:1.75rem 1.25rem;text-decoration:none;display:block}.shortcut-icon{margin-bottom:.6rem;font-size:2rem}.shortcut-title{font-family:var(--font-serif);color:var(--brown);margin-bottom:.3rem;font-size:1.12rem;font-style:italic;font-weight:600}.shortcut-desc{color:var(--text-light);font-size:.87rem}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.tabs{flex-wrap:wrap;gap:.35rem;display:flex}.tab{border:1.5px solid var(--beige-mid);color:var(--text-light);font-family:var(--font-ui);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:.3rem;padding:.38rem .88rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .18s;display:inline-flex}.tab:hover{background:var(--beige-light);color:var(--brown);border-color:var(--beige-dark)}.tab.active{background:var(--accent);border-color:var(--accent);color:var(--white);box-shadow:var(--shadow-pink)}.tab-count{background:#0000001f;border-radius:10px;padding:0 .38rem;font-size:.76rem}.tab.active .tab-count{background:#ffffff47}.sort-select{border:1.5px solid var(--beige-mid);border-radius:var(--radius-sm);background:var(--white);color:var(--text-light);font-family:var(--font-ui);cursor:pointer;outline:none;padding:.38rem .8rem;font-size:.86rem}.films-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;display:grid}.film-card{flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.film-title{font-family:var(--font-serif);color:var(--brown);font-size:1.05rem;font-style:italic;font-weight:600;line-height:1.3}.badge{border-radius:20px;align-self:flex-start;padding:.17rem .65rem;font-size:.75rem;font-weight:500;display:inline-block}.badge-a-voir{background:var(--beige-light);color:var(--text-light);border:1px solid var(--beige-mid)}.badge-vu-ensemble{color:#2e7d32;background:#e8f5e9}.badge-vu-seul{color:#bf360c;background:#fff3e0}.stars{gap:.1rem;display:flex}.star{cursor:pointer;color:var(--beige-mid);background:0 0;border:none;padding:0;font-size:1.1rem;line-height:1;transition:color .15s,transform .15s}.star.filled{color:var(--accent)}.star:hover{color:var(--accent);transform:scale(1.28)}.statut-select{border:1.5px solid var(--beige-mid);border-radius:var(--radius-sm);background:var(--cream);width:100%;color:var(--text-light);font-family:var(--font-ui);cursor:pointer;outline:none;padding:.34rem .6rem;font-size:.84rem}.music-list{list-style:none}.music-item{border-bottom:1px solid var(--beige-light);align-items:center;gap:1.1rem;padding:1rem 1.6rem;transition:background .18s;display:flex}.music-item:last-child{border-bottom:none}.music-item:hover{background:var(--beige-light)}.music-num{color:var(--text-faint);text-align:right;flex-shrink:0;width:1.8rem;font-size:.87rem}.music-note-icon{color:var(--accent);flex-shrink:0;font-size:1.3rem}.music-info{flex:1;min-width:0}.music-titre{font-family:var(--font-serif);color:var(--brown);white-space:nowrap;text-overflow:ellipsis;font-size:1.06rem;font-style:italic;font-weight:600;overflow:hidden}.music-artiste{color:var(--text-light);margin-top:.14rem;font-size:.88rem}.music-item .music-del{opacity:0;cursor:pointer;width:28px;height:28px;color:var(--text-light);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;transition:opacity .2s,background .2s,color .2s;display:flex}.music-item:hover .music-del{opacity:1}.music-del:hover{color:#c0392b!important;background:#fde8e8!important}.bucket-list{list-style:none}.bucket-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);background:var(--cream);border-bottom:1px solid var(--beige-light);padding:.6rem 1.4rem;font-size:.78rem;font-weight:600}.bucket-section-title.done{color:var(--accent)}.bucket-item{border-bottom:1px solid var(--beige-light);align-items:center;gap:1rem;padding:.9rem 1.4rem;transition:background .18s;display:flex}.bucket-item:last-child{border-bottom:none}.bucket-item:hover{background:var(--beige-light)}.bucket-check{border:2px solid var(--beige-dark);cursor:pointer;color:#0000;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex}.bucket-check:hover{border-color:var(--accent);transform:scale(1.12)}.bucket-check.done{background:var(--accent);border-color:var(--accent);color:#fff}.bucket-titre{color:var(--text);flex:1;font-size:.96rem}.bucket-item.done .bucket-titre{color:var(--text-light);text-decoration:line-through}.bucket-date{color:var(--text-faint);flex-shrink:0;font-size:.77rem}.progress-label{color:var(--text-light);justify-content:space-between;margin-bottom:.6rem;font-size:.84rem;display:flex}.progress-bar{background:var(--beige-light);border-radius:4px;height:7px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-dark));border-radius:4px;height:100%;transition:width .6s}.envelopes-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;display:grid}.envelope-card{cursor:pointer;padding:0;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.envelope-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.envelope-visual{background:linear-gradient(135deg, var(--beige-light), var(--beige-mid));justify-content:center;align-items:center;height:130px;font-size:3rem;display:flex;position:relative}.envelope-opened .envelope-visual{filter:grayscale(.4);opacity:.8}.envelope-new-badge{background:var(--accent);color:#fff;border-radius:20px;padding:.15rem .5rem;font-size:.7rem;font-weight:500;position:absolute;top:10px;right:10px}.envelope-body{padding:1rem 1.25rem}.envelope-title{font-family:var(--font-serif);color:var(--brown);margin-bottom:.3rem;font-size:1rem;font-style:italic;font-weight:600}.envelope-meta{color:var(--text-light);font-size:.8rem}.letter-scene{flex-direction:column;align-items:center;padding:2rem 0 3rem;display:flex}.env-wrapper{perspective:1000px}.env-box{width:320px;height:210px;position:relative}.env-back{background:var(--beige-light);border:1.5px solid var(--beige-dark);border-radius:6px;position:absolute;inset:0;box-shadow:0 6px 24px #4a2b1721}.env-fold-bl{border-left:160px solid #0000;border-bottom:105px solid var(--beige-mid);z-index:2;width:0;height:0;position:absolute;bottom:0;left:0}.env-fold-br{z-index:2;border-bottom:105px solid #e0cdb5;border-right:160px solid #0000;width:0;height:0;position:absolute;bottom:0;right:0}.env-letter-peek{border:1px solid var(--beige-mid);z-index:1;background:#fff;border-radius:4px 4px 0 0;height:75%;transition:transform .7s cubic-bezier(.4,0,.2,1) .45s;position:absolute;bottom:8px;left:18px;right:18px;transform:translateY(55%)}.env-seal{z-index:5;font-size:2rem;transition:opacity .25s .2s,transform .25s .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.env-flap{border-left:161px solid #0000;border-right:161px solid #0000;border-top:112px solid var(--beige-mid);transform-origin:top;z-index:3;width:calc(100% + 2px);height:0;transition:transform .75s cubic-bezier(.4,0,.2,1);position:absolute;top:-1px;left:-1px}.env-box.opening .env-flap{transform:rotateX(180deg)}.env-box.opening .env-seal{opacity:0;transform:translate(-50%,-50%)scale(.3)}.env-box.opening .env-letter-peek{transform:translateY(-18%)}@keyframes envelopeExit{0%{opacity:1;transform:scale(1)translateY(0)}20%{opacity:1;transform:scale(1.04)translateY(-8px)}to{opacity:0;transform:scale(.72)translateY(18px)}}@keyframes slideFromTop{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes letterSlideOut{0%{clip-path:inset(0 6% 82% round 3px);opacity:0;transform:translateY(90px)}18%{opacity:1}58%{clip-path:inset(0% round 6px);transform:translateY(-8px)}76%{transform:translateY(3px)}to{opacity:1;clip-path:inset(0%);transform:translateY(0)}}@keyframes paperFold{0%{opacity:1;transform-origin:top;transform:perspective(1000px)rotateX(0)}to{opacity:0;transform-origin:top;transform:perspective(1000px)rotateX(-85deg)}}@keyframes slideToTop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes letterReveal{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.letter-paper{border:1px solid var(--beige-mid);color:var(--text);white-space:pre-wrap;font-size:1.05rem;line-height:2;font-family:var(--font-serif);background:#fffef8;border-radius:6px;padding:3rem 3.5rem;position:relative;box-shadow:0 6px 40px #4a2b171f}.letter-paper:before{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 calc(2em - 1px),#c4956a26 calc(2em - 1px) 2em);border-radius:6px;position:absolute;inset:0}.letter-from{color:var(--text-light);text-align:right;margin-top:2rem;font-size:.95rem;font-style:italic}.letter-paper.rose{background:#fff5f8}.letter-paper.lavande{background:#f6f5ff}.letter-paper.ivoire{background:ivory}.letter-paper.rose:before{background:repeating-linear-gradient(#0000 0 calc(2em - 1px),#c842681c calc(2em - 1px) 2em)}.letter-paper.lavande:before{background:repeating-linear-gradient(#0000 0 calc(2em - 1px),#826eb424 calc(2em - 1px) 2em)}.letter-paper.ivoire:before{background:repeating-linear-gradient(#0000 0 calc(2em - 1px),#8c8c3c1f calc(2em - 1px) 2em)}.letter-paper.vierge:before{content:none}.letter-textarea{resize:vertical;min-height:260px;font-size:1rem;line-height:1.9;font-family:var(--font-serif)}.cal-header{justify-content:center;align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.cal-nav-btn{border:1.5px solid var(--beige-mid);width:36px;height:36px;color:var(--text-light);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;transition:all .2s;display:flex}.cal-nav-btn:hover{background:var(--beige-light);border-color:var(--accent);color:var(--brown)}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-weekday{text-align:center;color:var(--text-light);letter-spacing:.07em;text-transform:uppercase;padding:.5rem 0;font-size:.73rem;font-weight:600}.cal-cell{border:1px solid var(--beige-light);border-radius:var(--radius-sm);cursor:pointer;background:var(--white);flex-direction:column;gap:3px;min-height:80px;padding:.35rem;transition:background .18s,border-color .18s;display:flex}.cal-cell:hover{background:var(--beige-light);border-color:var(--beige-dark)}.cal-cell.empty{cursor:default;background:0 0;border-color:#0000}.cal-cell.today{background:linear-gradient(135deg, var(--beige-light), #fff);border-color:var(--accent)}.cal-cell.today .cal-day-num{background:var(--accent);color:var(--white);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.cal-cell.has-events{border-color:var(--beige-dark)}.cal-day-num{color:var(--text-light);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.84rem;font-style:italic;display:flex}.cal-events{flex-direction:column;gap:2px;display:flex}.cal-event-chip{background:var(--beige-light);color:var(--brown);border-radius:4px;align-items:center;gap:2px;padding:1px 4px;font-size:.68rem;line-height:1.3;display:flex}.cal-event-chip span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.cal-event-del{cursor:pointer;color:var(--text-light);opacity:0;background:0 0;border:none;flex-shrink:0;padding:0 1px;font-size:.65rem;line-height:1;transition:opacity .15s}.cal-event-chip:hover .cal-event-del{opacity:1}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.photo-thumb{border-radius:var(--radius-sm);aspect-ratio:1;cursor:pointer;background:var(--beige-light);position:relative;overflow:hidden}.photo-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.photo-thumb:hover img{transform:scale(1.06)}.photo-del{color:#fff;cursor:pointer;opacity:0;background:#2c1a10a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;transition:opacity .2s;display:flex;position:absolute;top:8px;right:8px}.photo-thumb:hover .photo-del{opacity:1}.lightbox-overlay{z-index:300;background:#100804e6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.lightbox-box{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.lightbox-box img{border-radius:var(--radius-sm);object-fit:contain;max-width:88vw;max-height:88vh;box-shadow:0 24px 80px #00000080}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff24;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.8rem;transition:background .2s;display:flex;position:fixed;top:1.5rem;right:1.5rem}.lightbox-close:hover{background:#ffffff47}.lightbox-nav{color:#fff;cursor:pointer;background:#ffffff24;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;transition:background .2s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#ffffff47}.lightbox-prev{left:1.5rem}.lightbox-next{right:1.5rem}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#2c1a1066;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal-box{background:var(--white);border-radius:var(--radius);border:1px solid var(--beige-mid);width:100%;max-width:440px;padding:2rem;animation:.26s cubic-bezier(.34,1.56,.64,1) modalIn;position:relative;box-shadow:0 24px 64px #2c1a103d}@keyframes modalIn{0%{opacity:0;transform:scale(.88)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-title{font-family:var(--font-serif);color:var(--brown);margin-bottom:1.4rem;font-size:1.25rem;font-style:italic;font-weight:600}.modal-close{cursor:pointer;color:var(--text-faint);background:0 0;border:none;font-size:1.4rem;transition:color .2s;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:var(--brown)}@keyframes moonEntry{0%{opacity:0;transform:translateY(18px)scale(.4)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes moonFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.postit{font-family:var(--font-serif);cursor:default;padding:22px 12px 16px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:2px 4px 10px #00000026,0 1px 4px #00000012}.postit:before{content:"";pointer-events:none;background:#00000012;height:16px;position:absolute;top:0;left:0;right:0}.postit-fold{pointer-events:none;background:linear-gradient(135deg,#00000021 50%,#ffffffad 50%);width:22px;height:22px;position:absolute;bottom:0;right:0}.postit-text{color:var(--text);word-break:break-word;margin:0 0 6px;padding-right:14px;font-size:.83rem;line-height:1.55}.postit-author{color:var(--text-light);margin:0;font-size:.7rem;font-style:italic}.postit-del{cursor:pointer;color:#50321e73;opacity:0;z-index:2;background:0 0;border:none;padding:1px 3px;font-size:.68rem;line-height:1;transition:opacity .15s,color .15s;position:absolute;top:3px;right:5px}.postit:hover .postit-del{opacity:1}.postit-del:hover{color:#c0392b;opacity:1}.postit-heart{width:155px;height:148px;clip-path:path("M77.5,30 C70,11 50,0 30,14 C8,28 5,65 35,92 C53,108 70,125 77.5,136 C85,125 102,108 120,92 C150,65 147,28 125,14 C105,0 85,11 77.5,30 Z");text-align:center;cursor:default;filter:drop-shadow(2px 5px 10px #0003);flex-direction:column;justify-content:center;align-items:center;padding:46px 22px 18px;transition:transform .28s cubic-bezier(.34,1.56,.64,1),filter .25s;display:flex;position:relative}.postit-heart .postit-text{padding-right:0}.postit-heart .postit-author{margin-top:4px}.empty-state{text-align:center;color:var(--text-light);padding:4rem 2rem}.empty-icon{opacity:.45;margin-bottom:1rem;font-size:3rem}.empty-state p{font-size:1rem;font-style:italic}.back-link{color:var(--text-light);font-size:.9rem;font-style:italic;text-decoration:none;transition:color .2s}.back-link:hover{color:var(--brown)}@keyframes rouletteReveal{0%{opacity:0;transform:scale(.72)rotate(-8deg)}65%{opacity:1;transform:scale(1.04)rotate(1.5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes rouletteSpin{0%{opacity:.4;transform:rotate(0)scale(.85)}to{opacity:1;transform:rotate(720deg)scale(1)}}.activite-card:hover .activite-del{opacity:1!important}.mood-btn{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.2rem;line-height:1;transition:all .2s;display:flex}.mood-btn:hover{background:#c842681a;transform:scale(1.22)}.mood-btn.active{border-color:var(--accent);background:#c842681f;transform:scale(1.12)}@media (width<=640px){.navbar-inner{padding:0 1rem}.navbar-links li a{padding:.28rem .45rem;font-size:.74rem}.page-title{font-size:1.55rem}.site-title{font-size:2.2rem}.letter-paper{padding:2rem 1.5rem}.page-wrapper{padding:1.5rem 1rem}}