:root{--pink:#ffb6c1;--pink-light:#fff0f5;--pink-dark:#e91e63;--green:#4caf50;--yellow:#ffc107;--red:#f44336;--text:#333;--text-light:#777;--bg:#fff0f5;--card:#fff;--shadow:0 2px 8px #0000001a;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-container{max-width:480px;min-height:100dvh;margin:0 auto}.page{padding:20px;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));min-height:100dvh}.btn-primary{background:var(--pink-dark);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;min-height:44px;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #e91e634d}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-link{color:var(--pink-dark);cursor:pointer;background:0 0;border:none;font-size:14px}input[type=text],input[type=password]{border-radius:var(--radius);border:2px solid #eee;outline:none;width:100%;padding:12px 16px;font-size:16px;transition:border-color .2s}input:focus{border-color:var(--pink);box-shadow:0 0 0 3px #e91e631a}.error-msg{color:var(--red);text-align:center;margin:8px 0;font-size:14px}.nav-btn{color:var(--pink-dark);background:var(--pink-light);border-radius:20px;padding:6px 12px;font-size:14px;font-weight:600;text-decoration:none;position:relative}.badge{background:var(--red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:flex;position:absolute;top:-4px;right:-4px}.back-btn{color:var(--pink-dark);font-weight:600;text-decoration:none}.page-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-header h2{font-size:20px}.hint{color:var(--text-light);font-size:14px;font-style:italic}.login-page{flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}.login-header{text-align:center}.app-title{color:var(--pink-dark);letter-spacing:4px;font-size:48px;font-weight:800}.app-subtitle{color:var(--text-light);margin-top:4px}.login-toggle{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;overflow:hidden}.login-toggle button{cursor:pointer;color:var(--text-light);background:0 0;border:none;flex:1;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.login-toggle button.active{background:var(--pink-dark);color:#fff}.login-form{flex-direction:column;gap:12px;width:100%;display:flex}.lobby-page{flex-direction:column;gap:24px;display:flex}.lobby-header{justify-content:space-between;align-items:center;display:flex}.lobby-header h1{font-size:24px}.lobby-section{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:24px}.lobby-section h2{margin-bottom:8px;font-size:18px}.lobby-section p{color:var(--text-light);margin-bottom:16px}.invite-code-display{justify-content:center;align-items:center;gap:12px;margin-top:12px;display:flex}.invite-code-display .code{letter-spacing:4px;color:var(--pink-dark);font-family:monospace;font-size:28px;font-weight:800}.invite-code-display button{background:var(--pink-light);border:2px solid var(--pink);cursor:pointer;color:var(--pink-dark);border-radius:8px;padding:8px 16px;font-weight:600}.divider{text-align:center;color:var(--text-light);font-size:14px}.join-form{gap:8px;display:flex}.join-form input{text-align:center;letter-spacing:3px;text-transform:uppercase;flex:1;font-size:18px}.join-form .btn-primary{width:auto;padding:12px 20px}.heart-selector{flex-wrap:wrap;justify-content:center;gap:8px;margin:8px 0 16px;display:flex}.heart-option{background:var(--card);cursor:pointer;border:2px solid #eee;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;transition:all .2s;display:flex}.heart-option:hover{border-color:var(--pink);transform:scale(1.1)}.heart-option.selected{border-color:var(--pink-dark);background:var(--pink-light);box-shadow:0 0 0 2px var(--pink);transform:scale(1.15)}.color-selector{flex-wrap:wrap;justify-content:center;gap:8px;margin:8px 0 16px;display:flex}.color-option{border-radius:var(--radius);background:var(--card);cursor:pointer;border:2px solid #eee;flex-direction:column;align-items:center;gap:4px;width:60px;padding:8px 6px;transition:all .2s;display:flex}.color-option:hover{border-color:var(--swatch);transform:scale(1.05)}.color-option.selected{border-color:var(--swatch);box-shadow:0 0 0 2px var(--swatch)}.color-swatch{background:var(--swatch);border-radius:50%;width:28px;height:28px}.color-label{color:var(--text);font-size:10px;font-weight:600}.home-page{flex-direction:column;align-items:center;gap:16px;display:flex}.home-header{justify-content:space-between;align-items:center;width:100%;display:flex}.greeting{font-weight:600}.header-actions{align-items:center;gap:8px;display:flex}.nora-sprite{text-align:center;margin:16px 0}.nora-body{border-radius:50%;justify-content:center;align-items:center;margin:0 auto;transition:width .6s cubic-bezier(.34,1.56,.64,1),height .6s cubic-bezier(.34,1.56,.64,1),background .8s;display:flex;position:relative;box-shadow:0 8px 30px #0000001f}.nora-face{filter:drop-shadow(0 2px 4px #0000001a);font-size:40px}.nora-neonata .nora-face{font-size:30px}.nora-bimba .nora-face{font-size:36px}.nora-bambina .nora-face{font-size:42px}.nora-ragazza .nora-face{font-size:48px}.nora-bounce{animation:2s cubic-bezier(.34,1.56,.64,1) infinite noraBounce,4s ease-in-out infinite noraBreathe}.nora-idle{animation:3s ease-in-out infinite noraIdle}.nora-sad{animation:3s ease-in-out infinite noraSway}.nora-shiver{animation:.4s ease-in-out infinite noraShiver,4s ease-in-out infinite noraBreathe}.nora-sleep{animation:3s ease-in-out infinite noraSleep}@keyframes noraBounce{0%,to{transform:translateY(0)scale(1)}25%{transform:translateY(-12px)scale(1.05)}50%{transform:translateY(0)scale(1)}75%{transform:translateY(-6px)scale(1.02)}}@keyframes noraIdle{0%,to{transform:translateY(0)scale(1);box-shadow:0 8px 30px #0000001f}50%{transform:translateY(-5px)scale(1.03);box-shadow:0 14px 40px #0000002e}}@keyframes noraBreathe{0%,to{box-shadow:0 8px 30px #0000001f}50%{box-shadow:0 12px 40px #0000002e}}@keyframes noraSway{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-6px)rotate(-3deg)}75%{transform:translate(6px)rotate(3deg)}}@keyframes noraShiver{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes noraSleep{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(.95)translateY(5px)}}.nora-stage-label{color:var(--pink-dark);letter-spacing:.5px;margin-top:8px;font-size:14px;font-weight:600}.stats-panel{flex-direction:column;gap:8px;width:100%;display:flex}.stat-bar{width:100%}.stat-label{justify-content:space-between;margin-bottom:4px;font-size:13px;font-weight:600;display:flex}.stat-track{background:#eee;border-radius:5px;height:10px;overflow:hidden}.stat-fill{border-radius:5px;height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1),background-color .5s}.sick-alert{color:#e65100;text-align:center;background:#fff3e0;border-radius:8px;width:100%;padding:10px 16px;font-weight:600;animation:2s ease-in-out infinite sickPulse}@keyframes sickPulse{0%,to{box-shadow:0 0 #e6510033}50%{box-shadow:0 0 0 6px #e6510000}}.action-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.action-btn{border-radius:var(--radius);cursor:pointer;border:2px solid #0000;flex-direction:column;align-items:center;gap:4px;min-height:44px;padding:16px 8px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.action-btn.available{background:var(--card);border-color:var(--pink);box-shadow:var(--shadow)}.action-btn.available:hover{border-color:var(--pink-dark);transform:scale(1.05);box-shadow:0 4px 16px #e91e6333}.action-btn.available:active{transform:scale(.93);box-shadow:0 1px 4px #0000001a}.action-btn.locked{opacity:.4;cursor:not-allowed;background:#f5f5f5}.action-icon{font-size:28px}.action-label{font-size:12px;font-weight:600}.action-lock{color:var(--text-light);font-size:10px}.action-feedback{text-align:center;background:var(--pink-light);color:var(--pink-dark);border-radius:8px;padding:10px 16px;font-weight:600;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.seized-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.seized-icon{font-size:80px;animation:2s ease-in-out infinite seizedShake}.seized-text{color:var(--text-light);line-height:1.6}@keyframes seizedShake{0%,to{transform:rotate(0)}10%{transform:rotate(-5deg)}20%{transform:rotate(5deg)}30%{transform:rotate(-3deg)}40%{transform:rotate(3deg)}50%,to{transform:rotate(0)}}.messages-page{flex-direction:column;gap:24px;display:flex}.send-section,.received-section{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.send-section h3,.received-section h3{margin-bottom:12px;font-size:16px}.quick-messages{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.quick-msg-btn{border:2px solid var(--pink);background:var(--pink-light);cursor:pointer;color:var(--pink-dark);border-radius:20px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s}.quick-msg-btn:hover{background:var(--pink);color:#fff}.sent-feedback{text-align:center;color:var(--green);margin-top:8px;font-weight:600}.message-list{flex-direction:column;gap:10px;display:flex}.message-item{background:#f9f9f9;border-radius:10px;padding:12px}.message-item.nora{border-left:3px solid var(--yellow);background:#fff8e1}.message-item.user{background:var(--pink-light);border-left:3px solid var(--pink)}.message-sender{font-size:13px;font-weight:600}.message-content{margin:4px 0}.message-time{color:var(--text-light);font-size:11px}.no-messages{color:var(--text-light);text-align:center;font-style:italic}.dilemma-page{flex-direction:column;gap:20px;display:flex}.dilemma-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:24px}.dilemma-question{color:var(--text);margin-bottom:20px;font-size:18px;font-style:italic;line-height:1.5}.dilemma-options{flex-direction:column;gap:10px;display:flex}.option-btn{border:2px solid var(--pink);border-radius:var(--radius);background:var(--pink-light);cursor:pointer;text-align:left;padding:14px 16px;font-size:15px;font-weight:500;transition:all .2s}.option-btn:hover{background:var(--pink);color:#fff}.dilemma-waiting,.dilemma-result{padding:16px}.result-box{border-radius:var(--radius);padding:16px}.result-box.agreed{background:#e8f5e9}.result-box.disagreed{background:#fff3e0}.result-title{margin-bottom:12px;font-size:18px;font-weight:700}.answers{flex-direction:column;gap:8px;display:flex}.answer{text-align:left;gap:8px;display:flex}.no-dilemma{text-align:center;padding:40px 20px}.no-dilemma p:first-child{margin-bottom:8px;font-size:18px}.dilemma-history{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.dilemma-history h3{margin-bottom:16px}.history-item{border-radius:8px;margin-bottom:10px;padding:12px}.history-item.agreed{background:#e8f5e9}.history-item.disagreed{background:#fff3e0}.history-question{margin-bottom:8px;font-size:14px;font-style:italic}.history-answers{flex-direction:column;gap:4px;font-size:13px;display:flex}.history-badge{margin-top:4px;font-size:12px;font-weight:600;display:inline-block}.history-tabs{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;overflow:hidden}.history-tab{cursor:pointer;color:var(--text-light);background:0 0;border:none;flex:1;padding:10px 8px;font-size:13px;font-weight:600;transition:all .2s}.history-tab.active{background:var(--pink-dark);color:#fff}.diary-list{flex-direction:column;gap:10px;display:flex}.diary-entry{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border-left:3px solid var(--pink-dark);padding:14px 16px}.diary-date{color:var(--pink-dark);text-transform:capitalize;margin-bottom:4px;font-size:14px;font-weight:700}.diary-summary{color:var(--text);font-size:13px;line-height:1.4}.diary-meta{color:var(--text-light);margin-top:6px;font-size:11px}.achievements-grid{flex-direction:column;gap:10px;display:flex}.achievement-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:14px;padding:14px 16px;animation:.3s fadeIn;display:flex}.achievement-icon{flex-shrink:0;font-size:36px}.achievement-info{flex-direction:column;gap:2px;display:flex}.achievement-title{color:var(--pink-dark);font-size:15px;font-weight:700}.achievement-desc{color:var(--text-light);font-size:12px}.history-page{flex-direction:column;gap:16px;display:flex}.history-list{flex-direction:column;gap:8px;display:flex}.history-entry{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:12px;padding:12px 16px;display:flex}.history-icon{flex-shrink:0;font-size:28px}.history-detail{flex-direction:column;gap:2px;display:flex}.history-user{color:var(--pink-dark);font-size:14px;font-weight:700}.history-action{font-size:14px}.history-time{color:var(--text-light);font-size:11px}.weather-bar{background:var(--card);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.weather-emoji{font-size:24px}.weather-temp{font-size:16px;font-weight:700}.weather-desc{color:var(--text)}.weather-location{color:var(--text-light);margin-left:auto;font-size:11px}.location-panel{background:var(--card);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:12px 16px;display:flex}.location-header{justify-content:space-between;align-items:center;display:flex}.location-current{color:var(--text);font-size:13px;font-weight:600}.together-btn{border-radius:var(--radius);cursor:pointer;border:2px solid #0000;width:100%;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.together-btn.activate{background:var(--pink-light);border-color:var(--pink);color:var(--pink-dark)}.together-btn.activate:hover{background:var(--pink);color:#fff}.together-btn.deactivate{color:var(--text-light);background:#f5f5f5;border-color:#ddd}.together-btn.deactivate:hover{background:#eee}.location-picker{flex-direction:column;gap:8px;display:flex}.emergency-alert{border-radius:var(--radius);background:#fff3e0;border:2px solid #ff9800;width:100%;padding:16px;animation:.4s cubic-bezier(.34,1.56,.64,1) slideUp,2s ease-in-out infinite emergencyGlow}@keyframes emergencyGlow{0%,to{box-shadow:0 0 #ff98004d}50%{box-shadow:0 0 0 8px #ff980000}}.emergency-alert.waiting{text-align:center;background:#e3f2fd;border-color:#2196f3;animation:.3s slideUp}.emergency-alert.resolved{text-align:center;background:#e8f5e9;border-color:#4caf50;animation:.3s slideUp}.emergency-icon{text-align:center;margin-bottom:8px;font-size:32px}.emergency-desc{text-align:center;margin-bottom:16px;font-weight:600;line-height:1.4}.emergency-choices{flex-direction:column;gap:8px;display:flex}.emergency-btn{border-radius:var(--radius);cursor:pointer;text-align:left;border:2px solid #0000;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.emergency-btn.solo{background:#ffecb3;border-color:#ffc107}.emergency-btn.solo:hover{color:#fff;background:#ffc107}.emergency-btn.partner{background:#e3f2fd;border-color:#2196f3}.emergency-btn.partner:hover{color:#fff;background:#2196f3}.location-search{margin:12px 0}.location-results{flex-direction:column;gap:4px;max-height:200px;margin-top:8px;display:flex;overflow-y:auto}.location-option{cursor:pointer;text-align:left;background:#f9f9f9;border:1px solid #eee;border-radius:8px;padding:10px 12px;font-size:13px;transition:background .2s}.location-option:hover{background:var(--pink-light);border-color:var(--pink)}.selected-location{background:var(--pink-light);border:2px solid var(--pink);border-radius:8px;justify-content:space-between;align-items:center;margin-top:8px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.location-info{color:var(--pink-dark);margin-bottom:8px;font-weight:600}.role-selector{gap:12px;margin-bottom:16px;display:flex}.role-btn{border-radius:var(--radius);background:var(--card);cursor:pointer;border:2px solid #ddd;flex-direction:column;flex:1;align-items:center;gap:6px;padding:16px 12px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.role-btn:hover{border-color:var(--pink);background:var(--pink-light)}.role-btn.selected{border-color:var(--pink-dark);background:var(--pink-light);box-shadow:0 0 0 2px var(--pink)}.role-icon{font-size:36px}.role-info{color:var(--pink-dark);margin-bottom:8px;font-weight:600}.push-banner{border-radius:var(--radius);background:#e3f2fd;border:1px solid #2196f3;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.push-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2196f3;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:600}.push-btn:hover{background:#1976d2}.activity-panel{background:var(--card);border:2px solid var(--pink);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:12px;padding:24px 16px;animation:.3s fadeIn;display:flex}.activity-info{align-items:center;gap:10px;display:flex}.activity-icon{font-size:40px;animation:2s ease-in-out infinite activityPulse}.activity-text{color:var(--text);font-size:16px;font-weight:600}.activity-timer{font-variant-numeric:tabular-nums;font-size:36px;font-weight:800;transition:color .5s}.activity-timer.timer-calm{color:var(--green)}.activity-timer.timer-warning{color:var(--yellow)}.activity-timer.timer-urgent{color:var(--red);animation:1s ease-in-out infinite timerPulse}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.activity-interrupt-btn{border-radius:var(--radius);color:#e65100;cursor:pointer;background:#fff3e0;border:2px solid #ff9800;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.activity-interrupt-btn:hover{color:#fff;background:#ff9800}.activity-warning{color:var(--text-light);font-size:11px;font-style:italic}@keyframes activityPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bottom-nav{background:var(--card);padding:6px 0 max(6px, env(safe-area-inset-bottom));z-index:100;border-top:1px solid #eee;justify-content:center;max-width:480px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-light);flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;font-size:10px;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.bottom-nav-item.active{color:var(--pink-dark)}.bottom-nav-icon{font-size:22px}.bottom-nav-label{font-size:10px}.app-container{padding-bottom:70px}.weather-comment{text-align:center;width:100%;color:var(--pink-dark);background:var(--pink-light);border-radius:var(--radius);padding:8px;font-size:14px;font-style:italic;animation:.3s fadeIn}.together-actions-label{text-align:center;color:var(--pink-dark);margin-top:8px;font-size:14px;font-weight:600}.together-grid{grid-template-columns:repeat(2,1fr)!important}.action-btn.together{background:var(--pink-light);border-color:var(--pink-dark)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite shimmer}.skeleton-bar{width:100%;height:30px}.skeleton-circle{border-radius:50%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}