.layout{background:var(--bg);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.header{padding:1rem 1.25rem;padding-top:max(1rem, env(safe-area-inset-top));background:var(--bg-elevated);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.header h1{color:var(--accent);margin:0;font-size:1.35rem}.subtitle{color:var(--text-muted);margin:.15rem 0 0;font-size:.75rem}.pseudo-badge{background:var(--accent-dim);color:var(--accent);border-radius:999px;padding:.35rem .75rem;font-size:.85rem;font-weight:600}.main{flex:1;padding:1rem 1.25rem 5.5rem;overflow-y:auto}.bottom-nav{background:var(--bg-elevated);border-top:1px solid var(--border);width:100%;max-width:480px;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{text-align:center;color:var(--text-muted);flex:1;padding:.85rem;font-weight:500;text-decoration:none;position:relative}.bottom-nav a.active{color:var(--accent)}.nav-badge{background:var(--danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:1.1rem;height:1.1rem;font-size:.65rem;display:flex;position:absolute;top:.4rem;right:calc(50% - 1.5rem)}.modal-backdrop{z-index:100;padding:1rem;padding-bottom:max(1rem, env(safe-area-inset-bottom));background:#000000a6;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px 16px 12px 12px;width:100%;max-width:480px;padding:1.25rem}.modal-card h3{margin:0 0 .5rem}.modal-hint{color:var(--text-muted);margin:0 0 1.25rem;font-size:.9rem}.modal-actions{flex-direction:column;gap:.65rem;display:flex}.btn-photo{text-align:center;border:1px dashed var(--accent);color:var(--accent);cursor:pointer;border-radius:12px;padding:.9rem;font-weight:600;display:block}.modal-cancel{width:100%}.custom-drink-card .custom-fields{grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0;display:grid}.custom-drink-card label{color:var(--text-muted);flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:600;display:flex}.custom-drink-card input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;padding:.65rem .75rem;font-size:1rem}.custom-preview{text-align:center;color:var(--text-muted);margin:.5rem 0 0;font-size:.95rem}.custom-preview strong{color:var(--text);font-size:1.15rem}.custom-error{color:#ef4444;text-align:center;margin:.5rem 0 0;font-size:.85rem}.drink-btn.perso{background:#a855f71a;border-color:#a855f7}.drink-grid{grid-template-columns:1fr 1fr;gap:.65rem;margin:1rem 0;display:grid}.drink-btn{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:.25rem;min-height:88px;padding:1rem .5rem;transition:transform .1s,opacity .1s;display:flex}.drink-btn:active:not(:disabled){transform:scale(.97)}.drink-btn:disabled{opacity:.4;cursor:not-allowed}.drink-btn.water{background:#3b82f61a;border-color:#3b82f6}.drink-btn.vomit{background:#a855f71a;border-color:#a855f7}.drink-emoji{font-size:1.5rem}.drink-label{font-size:.8rem;font-weight:600}.drink-units{color:var(--text-muted);font-size:.7rem}.log-photo-thumb{border:2px solid var(--accent);cursor:pointer;background:var(--bg-input);border-radius:8px;flex-shrink:0;width:48px;height:48px;padding:0;overflow:hidden}.log-photo-thumb img{object-fit:cover;width:100%;height:100%}.photo-lightbox{z-index:200;background:#000000e6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.photo-lightbox img{object-fit:contain;border-radius:8px;max-width:100%;max-height:90dvh}.progress-wrap{margin:1rem 0}.progress-labels{justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:1.1rem;font-weight:600;display:flex}.status-dot{border-radius:50%;width:12px;height:12px}.status-dot.green{background:var(--success)}.status-dot.orange{background:var(--warning)}.status-dot.red{background:var(--danger)}.progress-track{background:var(--bg-input);border-radius:999px;height:14px;position:relative;overflow:visible}.metric-toggle{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:.1rem;padding:0;font-size:1.1rem;font-weight:600;display:flex}.bac-row{align-items:center;gap:.35rem;display:inline-flex}.bac-trend{font-size:1.25rem;font-weight:700;line-height:1}.bac-trend.rising{color:var(--warning)}.bac-trend.falling{color:var(--success)}.drive-hint{color:var(--text);font-weight:500}.toggle-hint{color:var(--accent);font-size:.7rem;font-weight:500}.progress-legend{color:var(--text-muted);margin:.35rem 0 0;font-size:.75rem}.progress-marker{border-radius:1px;width:2px;height:20px;position:absolute;top:-3px;transform:translate(-50%)}.progress-marker.objectif{background:var(--warning)}.progress-marker.legal{background:var(--danger)}.progress-fill{border-radius:999px;height:100%;transition:width .3s}.progress-fill.green{background:linear-gradient(90deg,#22c55e,#4ade80)}.progress-fill.orange{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-caption{color:var(--text-muted);font-size:.75rem;font-weight:500}.dashboard h2{margin:0;font-size:1.2rem}.day-header{margin-bottom:.5rem}.water-stat{color:var(--text-muted);margin:.35rem 0 0;font-size:.85rem}.advice-box{border-radius:10px;margin:1rem 0;padding:.85rem 1rem;font-weight:500}.advice-box.info{color:#93c5fd;background:#3b82f626}.advice-box.ok{color:#86efac;background:#22c55e26}.advice-box.warning{color:#fcd34d;background:#f59e0b26}.advice-box.danger{color:#fca5a5;background:#ef444426}.advice-box.over-objectif{color:#fecaca;background:#ef444447;border:1px solid #ef44448c;font-weight:600}.dash-error{color:var(--danger);font-size:.9rem}.dashboard h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:1.25rem 0 .5rem;font-size:.95rem}.empty{color:var(--text-muted);font-size:.9rem}.log-list{margin:0;padding:0;list-style:none}.log-list li{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.75rem;display:flex}.log-list li>div{flex:1}.log-label{font-weight:600;display:block}.log-time{color:var(--text-muted);font-size:.75rem}.log-units{color:var(--accent);font-size:.85rem;font-weight:600}.log-delete{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.25rem}.reactions-banner{background:var(--accent-dim);border:1px solid var(--accent);border-radius:12px;margin-bottom:1rem;padding:1rem}.reactions-banner p{margin:0 0 .5rem}.reactions-banner button{margin-top:.5rem}.friends-page h2{margin:0 0 .5rem}.friends-intro{color:var(--text-muted);margin:0 0 1rem;font-size:.9rem}.friends-page h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:1.5rem 0 .75rem;font-size:.9rem}.add-friend-form{gap:.5rem;display:flex}.add-friend-form input{border:1px solid var(--border);background:var(--bg-input);color:var(--text);border-radius:10px;flex:1;padding:.85rem 1rem;font-size:1rem}.friends-error{color:var(--danger);font-size:.9rem}.friends-msg{color:var(--success);font-size:.9rem}.pending-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.85rem 1rem;display:flex}.pending-actions{gap:.5rem;display:flex}.friend-card{background:var(--bg-elevated);border:1px solid var(--border);color:inherit;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:1rem;text-decoration:none;display:flex}.friend-card.green{border-left:4px solid var(--success)}.friend-card.orange{border-left:4px solid var(--warning)}.friend-card.red{border-left:4px solid var(--danger)}.friend-name{font-size:1.05rem;font-weight:700;display:block}.friend-stats{color:var(--text-muted);font-size:.85rem}.reaction-buttons{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.reaction-buttons button{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;text-align:left;border-radius:10px;padding:.85rem;font-size:.95rem}.reaction-buttons button:active{background:var(--accent-dim)}.profile-grid{gap:.5rem;font-size:.95rem;display:grid}.profile-grid span:first-child{color:var(--text-muted)}.back-link{color:var(--accent);margin-bottom:1rem;font-size:.9rem;text-decoration:none;display:inline-block}.sent-msg{color:var(--success);margin-top:.5rem;font-size:.9rem}.auth-page{max-width:480px;min-height:100dvh;padding:2rem 1.25rem;padding-top:max(2rem, env(safe-area-inset-top));margin:0 auto}.auth-hero{text-align:center;margin-bottom:2rem}.auth-emoji{margin-bottom:.5rem;font-size:3rem;display:block}.auth-hero h1{color:var(--accent);margin:0;font-size:2rem}.auth-hero p{color:var(--text-muted);margin:.5rem 0 0}.auth-tabs{gap:.5rem;margin-bottom:1.5rem;display:flex}.auth-tabs button{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;border-radius:10px;flex:1;padding:.75rem;font-weight:600}.auth-tabs button.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.auth-form label{color:var(--text-muted);margin-bottom:1rem;font-size:.85rem;display:block}.auth-form input,.auth-form select{border:1px solid var(--border);background:var(--bg-input);width:100%;color:var(--text);border-radius:10px;margin-top:.35rem;padding:.85rem 1rem;font-size:1rem;display:block}.auth-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.auth-error{color:var(--danger);margin:0 0 1rem;font-size:.9rem}.btn-primary{background:var(--accent);color:#1a0f2e;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:700}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;border-radius:10px;padding:.65rem 1rem;font-weight:500}.btn-danger{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.65rem 1rem;font-weight:500}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;margin-bottom:1rem;padding:1rem}.toggle-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.toggle-row:last-child{border-bottom:none}.toggle-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.profile-page h2{margin:0 0 1rem}.profile-page h3{margin:0 0 .75rem;font-size:.95rem}.profile-page label{color:var(--text-muted);margin-bottom:.85rem;font-size:.85rem;display:block}.profile-page input,.profile-page select{border:1px solid var(--border);background:var(--bg-input);width:100%;color:var(--text);border-radius:10px;margin-top:.35rem;padding:.75rem 1rem;font-size:1rem;display:block}.profile-msg{color:var(--success);font-size:.9rem}.hint{color:var(--text-muted);font-size:.75rem;display:none}.history-list{margin:1rem 0 0;padding:0;list-style:none}.history-list li{border-bottom:1px solid var(--border);justify-content:space-between;padding:.5rem 0;font-size:.9rem;display:flex}.history-list li:last-child{border-bottom:none}.admin-page{max-width:520px;padding:1.5rem 1.25rem 3rem;padding-top:max(1.5rem, env(safe-area-inset-top));margin:0 auto}.admin-header h1{color:var(--accent);margin:0;font-size:1.5rem}.admin-header p{color:var(--text-muted);margin:.35rem 0 1.25rem;font-size:.9rem}.admin-login-form{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-login-form label{color:var(--text-muted);flex-direction:column;gap:.4rem;font-size:.85rem;font-weight:600;display:flex}.admin-login-form input{border:1px solid var(--border);background:var(--bg-input);color:var(--text);border-radius:10px;padding:.85rem 1rem;font-size:1rem}.admin-error{color:var(--danger);margin:0;font-size:.9rem}.admin-disabled{color:var(--text-muted);margin-bottom:1rem}.admin-user-list{flex-direction:column;gap:.65rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.admin-user-row{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.admin-user-meta{color:var(--text-muted);margin-top:.2rem;font-size:.8rem;display:block}.admin-user-date{color:var(--text-muted);margin-top:.15rem;font-size:.75rem;display:block}.admin-delete{flex-shrink:0;width:auto;padding:.5rem .85rem;font-size:.85rem}.admin-footer{flex-direction:column;gap:.75rem;display:flex}.admin-actions{margin-bottom:1.25rem}.admin-download{width:100%}.admin-download-hint{color:var(--text-muted);margin:.5rem 0 0;font-size:.75rem;line-height:1.4}.admin-back{color:var(--text-muted);text-align:center;font-size:.9rem;text-decoration:none}.admin-back:hover{color:var(--accent)}:root{--bg:#1a0f2e;--bg-elevated:#251a3d;--bg-input:#1e1435;--text:#f3f0f9;--text-muted:#a89bb8;--accent:#f59e0b;--accent-dim:#f59e0b26;--border:#3d2f5c;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100dvh;margin:0}#root{min-height:100dvh}.loading-screen{min-height:100dvh;color:var(--text-muted);justify-content:center;align-items:center;display:flex}button{font-family:inherit}input,select,button{-webkit-tap-highlight-color:transparent}