@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Syne:wght@400;500;600&display=swap";.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#e8f0e8,#f7f5f0 60%,#e0ece0)}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 70% 20%,rgba(125,158,126,.15) 0%,transparent 60%),radial-gradient(ellipse at 20% 80%,rgba(197,133,90,.08) 0%,transparent 50%)}.login-card{position:relative;background:var(--warm-white);border-radius:24px;padding:48px 40px;width:100%;max-width:400px;box-shadow:var(--shadow-lg);border:1px solid var(--border);text-align:center}.login-logo{margin-bottom:16px}.login-title{font-size:2.5rem;color:var(--sage-deep);letter-spacing:.05em;margin-bottom:6px}.login-subtitle{color:var(--text-muted);font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:40px}.login-form{display:flex;flex-direction:column;gap:20px;text-align:left}.field-group label{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.field-group input{padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--cream);color:var(--text);font-size:1rem;transition:border-color .2s,box-shadow .2s;outline:none}.field-group input:focus{border-color:var(--sage);box-shadow:0 0 0 3px #7d9e7e26}.login-error{color:#c0392b;font-size:.85rem;text-align:center}.btn-primary{padding:14px;background:var(--sage);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.95rem;letter-spacing:.05em;cursor:pointer;transition:background .2s,transform .1s;margin-top:8px}.btn-primary:active{transform:scale(.98)}.layout{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;max-width:680px;margin:0 auto}.header{position:sticky;top:0;z-index:100;background:#f7f5f0eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:14px 20px;padding-top:calc(14px + env(safe-area-inset-top));padding-left:calc(20px + env(safe-area-inset-left));padding-right:calc(20px + env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:10px}.header-title{font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:300;color:var(--sage-deep);letter-spacing:.05em}.btn-logout{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);background:none;border:1px solid var(--border);border-radius:20px;padding:6px 14px;cursor:pointer;transition:all .2s}.btn-logout:hover{color:var(--sage-deep);border-color:var(--sage)}.main-content{flex:1;padding:24px 20px 100px;padding-left:calc(20px + env(safe-area-inset-left));padding-right:calc(20px + env(safe-area-inset-right));overflow-y:auto}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:680px;background:#f7f5f0f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:10px 0;padding-bottom:calc(10px + env(safe-area-inset-bottom));padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:6px 20px;border-radius:12px;transition:all .2s}.nav-item:hover{color:var(--sage)}.nav-item.active{color:var(--sage-deep)}.nav-item.active svg{stroke:var(--sage-deep)}.suggestions-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c3a2c59;z-index:100;display:flex;align-items:flex-end;padding:0}.suggestions-panel{background:var(--cream, #f5f0e8);border-radius:24px 24px 0 0;padding:28px 20px 110px;width:100%;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;gap:20px;box-shadow:0 -8px 32px #2c3a2c26}.suggestions-header{text-align:center;padding-bottom:4px}.suggestions-title{font-family:Cormorant Garamond,serif;font-size:1.6rem;font-weight:400;color:var(--sage-deep, #4a6b4b);margin-bottom:6px}.suggestions-subtitle{font-size:.8rem;color:var(--text-muted, #8a9e8a)}.suggestions-section{display:flex;flex-direction:column;gap:8px}.suggestions-emotion{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted, #8a9e8a);margin-bottom:2px}.strategies-list{display:flex;flex-direction:column;gap:8px}.strategy-card{background:var(--warm-white, #fafaf7);border:1.5px solid var(--border, #d4e0d4);border-radius:12px;overflow:hidden;transition:border-color .2s}.strategy-card.open{border-color:var(--sage, #7d9e7e)}.strategy-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:none;border:none;cursor:pointer;text-align:left;gap:12px}.strategy-titre{font-size:.9rem;font-weight:500;color:var(--text, #2c3a2c);line-height:1.4}.strategy-chevron{font-size:.65rem;color:var(--text-muted, #8a9e8a);flex-shrink:0}.strategy-body{padding:0 16px 16px;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border, #d4e0d4)}.strategy-description{font-size:.88rem;line-height:1.65;color:var(--text, #2c3a2c);padding-top:12px}.strategy-source{font-size:.75rem;color:var(--text-muted, #8a9e8a);font-style:italic;line-height:1.4}.suggestions-close{margin-top:4px}.journal-page{padding-bottom:20px}.page-header{margin-bottom:28px;display:flex;align-items:center;justify-content:space-between}.btn-cancel{font-size:.85rem;color:var(--text-muted);background:none;border:1px solid var(--border);border-radius:20px;padding:6px 14px;cursor:pointer;transition:all .2s}.btn-cancel:hover{color:var(--sage-deep);border-color:var(--sage)}.journal-form{display:flex;flex-direction:column;gap:24px}.section{display:flex;flex-direction:column;gap:10px}.section-label{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);display:flex;justify-content:space-between;align-items:center}.input-date{padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--warm-white);color:var(--text);font-size:.95rem;font-family:Syne,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}.input-date:focus{border-color:var(--sage);box-shadow:0 0 0 3px #7d9e7e1f}.emotion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.emotion-btn{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--warm-white);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;text-align:left}.emotion-btn:hover{border-color:var(--sage-light);background:var(--sage-pale)}.emotion-btn.selected{font-weight:500}.emotion-emoji{font-size:1.3rem}.emotion-label{font-size:.85rem;color:var(--text)}.input-custom-emotion{padding:12px 16px;border:1.5px solid var(--sage);border-radius:var(--radius-sm);background:var(--warm-white);color:var(--text);font-size:.95rem;font-family:Syne,sans-serif;outline:none;box-shadow:0 0 0 3px #7d9e7e1f}.intensite-value{font-family:Cormorant Garamond,serif;font-size:1.2rem;font-weight:400}.slider{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:var(--border);outline:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--slider-color, var(--sage));cursor:pointer;box-shadow:0 2px 8px #00000026;transition:transform .1s}.slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.textarea{padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--warm-white);color:var(--text);font-size:.95rem;line-height:1.6;resize:vertical;outline:none;transition:border-color .2s,box-shadow .2s;font-family:Syne,sans-serif}.textarea:focus{border-color:var(--sage);box-shadow:0 0 0 3px #7d9e7e1f}.textarea::placeholder{color:var(--text-muted)}.btn-full{width:100%;margin-top:8px;padding:16px;font-size:1rem}.emotion-count-hint{font-size:.75rem;font-weight:400;color:var(--muted);margin-left:.5rem}.emotion-btn.disabled{opacity:.35;cursor:not-allowed}.intensite-row{margin-bottom:1.25rem}.intensite-row:last-child{margin-bottom:0}.intensite-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.intensite-emotion-label{font-size:.9rem;font-weight:500;color:var(--text)}.historique-page{padding-bottom:20px}.filtres-card{background:var(--warm-white);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:12px}.filtres-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-group{display:flex;flex-direction:column;gap:5px}.field-group label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.field-group input{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--cream);color:var(--text);font-size:.9rem;outline:none;font-family:Syne,sans-serif}.field-group input:focus{border-color:var(--sage)}.btn-export{padding:12px;background:var(--sage-pale);color:var(--sage-deep);border:1px solid var(--sage-light);border-radius:var(--radius-sm);font-size:.9rem;cursor:pointer;transition:all .2s;letter-spacing:.04em;font-family:Syne,sans-serif}.btn-export:hover{background:var(--sage-light)}.btn-export:disabled{opacity:.5;cursor:not-allowed}.export-panel{background:var(--warm-white);border:1px solid var(--sage-light);border-radius:var(--radius);padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:14px}.export-info{font-size:.85rem;color:var(--text-muted)}.entries-list{display:flex;flex-direction:column;gap:10px}.entry-card{display:flex;align-items:flex-start;gap:10px;background:var(--warm-white);border:1px solid var(--border);border-radius:var(--radius);padding:14px;transition:all .2s}.entry-card.excluded{opacity:.4}.entry-checkbox{margin-top:4px;accent-color:var(--sage);width:18px;height:18px;flex-shrink:0}.entry-inner{flex:1;min-width:0}.entry-header{display:flex;justify-content:space-between;align-items:flex-start;cursor:pointer}.entry-date{font-size:.8rem;color:var(--text-muted);margin-bottom:4px}.entry-emotion{font-size:1rem;color:var(--text);font-weight:500}.entry-right{display:flex;align-items:center;gap:8px}.entry-intensite{display:flex;align-items:baseline;gap:1px;color:var(--sage-deep)}.entry-intensite span{font-family:Cormorant Garamond,serif;font-size:1.5rem}.entry-intensite small{font-size:.7rem;color:var(--text-muted)}.entry-detail{margin-top:14px;display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--border)}.detail-row{display:flex;flex-direction:column;gap:3px}.detail-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.detail-value{font-size:.9rem;color:var(--text);line-height:1.5}.entry-actions{display:flex;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.btn-edit{flex:1;padding:9px;background:var(--sage-pale);color:var(--sage-deep);border:1px solid var(--sage-light);border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;transition:all .2s;font-family:Syne,sans-serif}.btn-edit:hover{background:var(--sage-light)}.btn-delete{flex:1;padding:9px;background:#fdf0ee;color:#c0392b;border:1px solid #f0c8c0;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;transition:all .2s;font-family:Syne,sans-serif}.btn-delete:hover{background:#fad8d4}.delete-confirm{flex:1;display:flex;align-items:center;gap:8px;background:#fdf0ee;border:1px solid #f0c8c0;border-radius:var(--radius-sm);padding:6px 10px}.delete-confirm span{font-size:.85rem;color:#c0392b;flex:1}.btn-delete-confirm{padding:4px 12px;background:#c0392b;color:#fff;border:none;border-radius:6px;font-size:.8rem;cursor:pointer;font-family:Syne,sans-serif}.btn-delete-cancel{padding:4px 12px;background:var(--cream);color:var(--text-muted);border:1px solid var(--border);border-radius:6px;font-size:.8rem;cursor:pointer;font-family:Syne,sans-serif}.btn-primary{padding:14px;background:var(--sage);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.95rem;letter-spacing:.05em;cursor:pointer;transition:background .2s,transform .1s;font-family:Syne,sans-serif}.btn-primary:hover{background:var(--sage-deep)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.entry-emotions{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.2rem}.entry-emotion-tag{font-size:.8rem;color:var(--sage-dark, #4a6b4b);background:var(--sage-light, #e8f0e8);border-radius:12px;padding:.15rem .5rem}.entry-intensites{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.entry-intensite{display:flex;align-items:baseline;gap:1px}.entry-intensite span{font-size:1.1rem;font-weight:600;color:var(--text)}.entry-intensite small{font-size:.7rem;color:var(--muted)}.filtres-actions{display:flex;flex-direction:column;gap:8px}.btn-share{padding:12px;background:#eef4ee;color:var(--sage-deep);border:1px solid var(--sage-light);border-radius:var(--radius-sm);font-size:.9rem;cursor:pointer;transition:all .2s;letter-spacing:.04em;font-family:Syne,sans-serif}.btn-share:hover{background:var(--sage-light)}.btn-share:disabled{opacity:.5;cursor:not-allowed}.heatmap-wrapper{display:flex;flex-direction:column;gap:24px}.heatmap-month{display:flex;flex-direction:column;gap:6px}.heatmap-month-label{font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:capitalize;color:var(--sage-deep, #4a6b4b);margin-bottom:2px}.heatmap-day-labels{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.heatmap-day-label{font-size:.65rem;color:var(--text-muted, #8a9e8a);text-align:center;letter-spacing:.04em}.heatmap-grid{display:flex;flex-direction:column;gap:4px}.heatmap-week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.heatmap-cell{aspect-ratio:1;border-radius:6px;background:var(--border, #d4e0d4);opacity:.4;display:flex;align-items:center;justify-content:center;transition:transform .15s,opacity .15s;cursor:default}.heatmap-cell.empty{background:transparent;opacity:0;pointer-events:none}.heatmap-cell.has-entry{opacity:1}.heatmap-cell.today{outline:2px solid var(--sage-deep, #4a6b4b);outline-offset:1px;opacity:1}.heatmap-cell.has-entry:hover{transform:scale(1.1)}.heatmap-day-num{font-size:.62rem;font-family:Syne,sans-serif;font-weight:500;line-height:1;pointer-events:none}.heatmap-legend{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:4px}.heatmap-legend-label{font-size:.7rem;color:var(--text-muted, #8a9e8a)}.heatmap-legend-scale{display:flex;gap:3px}.heatmap-legend-dot{width:12px;height:12px;border-radius:3px}.heatmap-cell.out-of-period{opacity:.15;cursor:default}.heatmap-cell.future{opacity:0;pointer-events:none}.tendances-page{padding-bottom:20px}.page-header{margin-bottom:24px}.period-tabs{display:flex;gap:8px;margin-bottom:24px}.period-tab{flex:1;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--warm-white);color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .2s}.period-tab:hover{border-color:var(--sage-light);color:var(--sage-deep)}.period-tab.active{background:var(--sage);color:#fff;border-color:var(--sage)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.stat-card{background:var(--warm-white);border:1px solid var(--border);border-radius:var(--radius);padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.stat-value{font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:300;color:var(--sage-deep);line-height:1}.stat-label{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.chart-card{background:var(--warm-white);border:1px solid var(--border);border-radius:var(--radius);padding:20px 16px;margin-bottom:16px}.chart-title{font-size:1rem;color:var(--sage-deep);margin-bottom:16px;font-family:Cormorant Garamond,serif;font-weight:400}.loading-text,.empty-text{text-align:center;color:var(--text-muted);padding:40px 0;font-size:.9rem}.chart-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.chart-title-row .chart-title{margin-bottom:0}.emotion-select{font-family:inherit;font-size:.85rem;color:var(--text);background:var(--cream, #f5f0e8);border:1px solid #c8d8c8;border-radius:8px;padding:.35rem .6rem;cursor:pointer;outline:none;max-width:180px}.emotion-select:focus{border-color:var(--sage)}.chart-hint{font-size:.85rem;color:var(--muted);text-align:center;padding:1.5rem 0}.parametres-page{padding-bottom:20px}.page-header{margin-bottom:28px}.page-header h1{font-size:2rem;color:var(--sage-deep)}.parametres-form{display:flex;flex-direction:column;gap:24px}.parametres-section{background:var(--warm-white);border:1px solid var(--border);border-radius:var(--radius);padding:20px 16px;display:flex;flex-direction:column;gap:14px}.parametres-section-title{font-family:Cormorant Garamond,serif;font-size:1.2rem;font-weight:400;color:var(--sage-deep)}.parametres-section-desc{font-size:.85rem;color:var(--text-muted);line-height:1.5}.field-group{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.field-input{padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--cream);color:var(--text);font-size:.95rem;font-family:Syne,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}.field-input:focus{border-color:var(--sage);box-shadow:0 0 0 3px #7d9e7e1f}.form-error{color:#c0392b;font-size:.85rem;text-align:center}.form-success{color:var(--sage-deep);font-size:.9rem;text-align:center}.btn-full{width:100%;padding:16px;font-size:1rem}:root{--sage: #7d9e7e;--sage-light: #a8c5a0;--sage-pale: #e8f0e8;--sage-deep: #4a6b4b;--cream: #f7f5f0;--warm-white: #fafaf7;--text: #2c3a2c;--text-muted: #7a8c7a;--border: #d4e0d4;--accent: #c5855a;--shadow: 0 4px 24px rgba(74,107,75,.1);--shadow-lg: 0 12px 48px rgba(74,107,75,.16);--radius: 16px;--radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:Syne,sans-serif;background:var(--cream);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Cormorant Garamond,serif;font-weight:300}input,textarea,select,button{font-family:Syne,sans-serif}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--sage-light);border-radius:3px}