:root{--cream:#faf8f5;--warm-white:#fff;--warm-gray:#8c8580;--light-gray:#e8e4de;--mid-gray:#c4beb6;--dark:#2c2825;--accent:#b85c38;--accent-light:#f0e6e0;--green:#5a7a5e;--green-light:#e8f0e8;--blue:#4a6580;--blue-light:#e4ecf4;--purple:#7a5c8a;--purple-light:#f0eaf5;--teal:#3d7a72;--teal-light:#e2f0ee;--gold:#9a7a3a;--gold-light:#f5f0e0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Lora,Georgia,serif;color:var(--dark);min-height:100vh;margin:0 auto;overflow-x:hidden}.topbar,body{background:var(--cream);max-width:430px}.topbar{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;border-bottom:1px solid var(--light-gray);z-index:100;padding:14px 20px 10px}.topbar-title{font-family:Playfair Display,serif;font-size:22px;font-weight:600;letter-spacing:-.3px}.topbar-date{font-size:12px;color:var(--warm-gray);font-style:italic;margin-top:1px}.content{padding-top:80px;padding-bottom:90px;min-height:100vh}.section-page{padding:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease}.date-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:10px 14px;background:#fff;border-radius:12px;border:1px solid var(--light-gray);position:relative}.date-nav-btn{background:none;border:none;cursor:pointer;color:var(--warm-gray);font-size:18px;padding:4px 8px;border-radius:6px;transition:all .15s}.date-nav-btn:hover{background:var(--light-gray);color:var(--dark)}.date-nav-center{text-align:center;cursor:pointer}.date-nav-day{font-family:Playfair Display,serif;font-size:17px;font-weight:600}.date-nav-full{font-size:11px;color:var(--warm-gray);font-style:italic;margin-top:1px}.section-title{font-family:Playfair Display,serif;font-size:24px;font-weight:400;margin-bottom:20px;line-height:1.2}.section-title em{font-style:italic;color:var(--accent)}.card{background:#fff;border-radius:14px;border:1px solid var(--light-gray);padding:16px 18px;margin-bottom:12px}.card-label{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--warm-gray);margin-bottom:10px}.card-empty{font-style:italic;color:var(--mid-gray);font-size:14px}.person-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--light-gray)}.person-item:last-child{border-bottom:none;padding-bottom:0}.person-item:first-child{padding-top:0}.person-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-light);display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:14px;color:var(--accent);flex-shrink:0}.person-avatar.green{background:var(--green-light);color:var(--green)}.person-name{font-size:15px;font-weight:500}.agenda-slot{display:flex;align-items:flex-start;gap:14px;padding:9px 0;border-bottom:1px solid var(--light-gray)}.agenda-slot:last-child{border-bottom:none}.agenda-time{font-size:12px;color:var(--warm-gray);min-width:38px;margin-top:1px}.agenda-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);margin-top:5px;flex-shrink:0}.agenda-event{font-size:14px;line-height:1.4}.riflessione-quote{font-family:Playfair Display,serif;font-size:48px;color:var(--accent-light);line-height:.5;margin-bottom:8px;display:block}.riflessione-text{font-size:15px;line-height:1.8;font-style:italic}.spesa-counter{font-size:12px;color:var(--warm-gray);font-style:italic;margin-bottom:12px}.spesa-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--light-gray);cursor:pointer}.spesa-item:last-child{border-bottom:none}.spesa-item:first-child{padding-top:0}.spesa-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--mid-gray);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;font-size:12px}.spesa-item.checked .spesa-check{background:var(--teal);border-color:var(--teal);color:#fff}.spesa-item-text{font-size:15px;transition:all .2s}.spesa-item.checked .spesa-item-text{color:var(--mid-gray);text-decoration:line-through}.culture-tabs{display:flex;gap:6px;margin-bottom:20px}.culture-tab{flex:1 1;padding:8px 4px;border:1px solid var(--light-gray);border-radius:10px;background:#fff;cursor:pointer;font-family:Lora,serif;font-size:12px;color:var(--warm-gray);text-align:center;transition:all .15s}.culture-tab.active{border-color:var(--purple);background:var(--purple-light);color:var(--purple);font-weight:500}.culture-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--light-gray)}.culture-item:last-child{border-bottom:none;padding-bottom:0}.culture-item:first-child{padding-top:0}.culture-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.culture-icon.libro{background:var(--gold-light)}.culture-icon.film{background:var(--blue-light)}.culture-icon.musica{background:var(--purple-light)}.culture-item-title{font-size:15px;font-weight:500;line-height:1.3}.culture-item-date{font-size:11px;color:var(--warm-gray);font-style:italic;margin-top:3px}.input-area{background:#fff;border-radius:16px;border:1px solid var(--light-gray);padding:16px;margin-bottom:16px}.input-textarea{width:100%;border:none;outline:none;font-family:Lora,serif;font-size:16px;color:var(--dark);resize:none;min-height:100px;background:transparent;line-height:1.7}.input-textarea::placeholder{color:var(--mid-gray);font-style:italic}.input-footer{display:flex;align-items:flex-start;justify-content:space-between;padding-top:10px;border-top:1px solid var(--light-gray);gap:10px}.hashtag-hints{display:flex;gap:5px;flex-wrap:wrap;flex:1 1}.hashtag-pill{font-size:11px;padding:3px 9px;border-radius:20px;font-family:Lora,serif;cursor:pointer;border:1px solid;transition:all .15s;white-space:nowrap;background:none}.pill-birthday{color:var(--accent);border-color:var(--accent);background:var(--accent-light)!important}.pill-onomastico{color:#7a5c38;border-color:#b89068;background:#f5ede0!important}.pill-agenda{color:var(--blue);border-color:var(--blue);background:var(--blue-light)!important}.pill-riflessione{color:var(--green);border-color:var(--green);background:var(--green-light)!important}.pill-spesa{color:var(--teal);border-color:var(--teal);background:var(--teal-light)!important}.pill-libro{color:var(--gold);border-color:var(--gold);background:var(--gold-light)!important}.pill-film{color:var(--blue);border-color:var(--blue);background:var(--blue-light)!important}.pill-musica{color:var(--purple);border-color:var(--purple);background:var(--purple-light)!important}.send-btn{background:var(--dark);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-family:Lora,serif;font-size:14px;cursor:pointer;transition:all .15s;flex-shrink:0}.send-btn:hover{background:var(--accent)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.feed-title{font-family:Playfair Display,serif;font-size:13px;font-style:italic;color:var(--warm-gray);margin-bottom:10px}.feed-item{background:#fff;border-radius:12px;border:1px solid var(--light-gray);padding:12px 14px;margin-bottom:8px}.feed-item-text{font-size:14px;line-height:1.6}.feed-item-meta{display:flex;align-items:center;gap:8px;margin-top:6px}.feed-item-time{font-size:11px;color:var(--warm-gray);font-style:italic}.feed-tag{font-size:11px;padding:2px 8px;border-radius:20px}.tag-compleanno{background:var(--accent-light);color:var(--accent)}.tag-onomastico{background:#f5ede0;color:#7a5c38}.tag-agenda{background:var(--blue-light);color:var(--blue)}.tag-riflessione{background:var(--green-light);color:var(--green)}.tag-spesa{background:var(--teal-light);color:var(--teal)}.tag-libro{background:var(--gold-light);color:var(--gold)}.tag-film{background:var(--blue-light);color:var(--blue)}.tag-musica{background:var(--purple-light);color:var(--purple)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;background:#fff;border-top:1px solid var(--light-gray);display:flex;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 2px 6px;cursor:pointer;transition:all .15s;border:none;background:none}.nav-icon{font-size:18px;margin-bottom:2px;transition:transform .15s}.nav-label{font-size:9px;font-family:Lora,serif;color:var(--warm-gray)}.nav-item.active .nav-icon{transform:scale(1.15)}.nav-item.active .nav-label{color:var(--accent)}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(44,40,37,.5);z-index:200;align-items:flex-end}.modal-overlay.open{display:flex}.modal-sheet{background:var(--cream);border-radius:20px 20px 0 0;width:100%;max-height:85vh;overflow-y:auto;padding:24px 20px 40px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-sheet{animation:slideUp .3s ease}.modal-handle{width:36px;height:4px;background:var(--mid-gray);border-radius:2px;margin:0 auto 20px}.modal-title{font-family:Playfair Display,serif;font-size:22px;font-weight:600;margin-bottom:6px}.modal-subtitle{font-size:13px;color:var(--warm-gray);font-style:italic;margin-bottom:20px}.monthly-item{padding:14px 0;border-bottom:1px solid var(--light-gray)}.monthly-item:last-child{border-bottom:none}.monthly-item-date{font-size:11px;color:var(--warm-gray);font-style:italic;margin-bottom:4px}.monthly-item-text{font-size:14px;line-height:1.7;font-style:italic}.dashed-btn{display:flex;align-items:center;gap:10px;width:100%;background:none;border:1px dashed var(--mid-gray);border-radius:12px;padding:12px 18px;cursor:pointer;color:var(--warm-gray);font-family:Lora,serif;font-size:13px;font-style:italic;transition:all .2s;margin-top:10px}.dashed-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.auth-title{font-family:Playfair Display,serif;font-size:32px;font-weight:600;margin-bottom:8px;text-align:center}.auth-subtitle{font-size:14px;color:var(--warm-gray);font-style:italic;margin-bottom:32px;text-align:center}.auth-card{background:#fff;border-radius:16px;padding:24px;max-width:360px}.auth-card,.auth-input{border:1px solid var(--light-gray);width:100%}.auth-input{border-radius:10px;padding:12px 14px;font-family:Lora,serif;font-size:15px;color:var(--dark);outline:none;margin-bottom:12px;transition:border-color .15s}.auth-input:focus{border-color:var(--accent)}.auth-btn{width:100%;background:var(--dark);color:#fff;border:none;border-radius:10px;padding:13px;font-family:Lora,serif;font-size:15px;cursor:pointer;transition:all .15s;margin-top:4px}.auth-btn:hover{background:var(--accent)}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;margin-top:16px;font-size:13px;color:var(--warm-gray)}.auth-switch button{background:none;border:none;cursor:pointer;font-family:Lora,serif;text-decoration:underline}.auth-error,.auth-switch button{color:var(--accent);font-size:13px}.auth-error{margin-bottom:10px;font-style:italic}.empty-state{text-align:center;padding:32px 16px;color:var(--mid-gray)}.empty-state-icon{font-size:32px;margin-bottom:10px}.empty-state-text{font-style:italic;font-size:14px;line-height:1.6}.spinner{width:20px;height:20px;border:2px solid var(--light-gray);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.logout-btn{background:none;border:none;color:var(--warm-gray);font-family:Lora,serif;font-size:11px;cursor:pointer;font-style:italic;margin-top:2px}.logout-btn:hover{color:var(--accent)}