.accueil{display:flex;flex-direction:column;gap:1.5rem;height:100%}.timer-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding-top:.5rem}.timer-circle{width:200px;height:200px;border-radius:50%;background:var(--color-surface);border:4px solid var(--color-accent);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #00000008;transition:all .3s ease}.timer-circle.active{border-color:var(--color-primary-light);box-shadow:0 0 0 8px var(--color-primary-light)}.timer-circle.paused{border-color:var(--color-border);box-shadow:0 0 0 8px var(--color-accent);flex-direction:column;gap:.5rem}.timer-circle.paused .timer-value{opacity:.9}.pause-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.timer-value{font-size:3.5rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-text);letter-spacing:-.02em}.timer-value.placeholder{color:var(--color-text);opacity:.8}.btn-pill{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border-radius:var(--radius-pill);font-size:1.1rem;font-weight:700;min-width:240px;box-shadow:0 4px 15px #0000001a;transition:transform .2s,box-shadow .2s}.btn-pill:active{transform:scale(.96)}.btn-start{background-color:var(--color-primary);color:#fff;box-shadow:0 8px 20px #d6698266}.btn-start:hover{background-color:var(--color-primary-hover)}.btn-stop{background-color:var(--color-primary);color:#fff;box-shadow:0 8px 20px #d6698266}.btn-stop:hover{background-color:var(--color-primary-hover)}.session-actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap;width:100%;max-width:320px}.session-actions .btn-pill{flex:1;min-width:120px;max-width:160px}.btn-pause{background-color:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-pause:hover{background-color:var(--color-accent);border-color:var(--color-primary-light)}.btn-resume{background-color:var(--color-primary);color:#fff;box-shadow:0 8px 20px #d6698266}.btn-resume:hover{background-color:var(--color-primary-hover)}.session-actions .btn-stop{background-color:var(--color-text);color:#fff;box-shadow:0 4px 12px #00000026}.session-actions .btn-stop:hover{background-color:var(--color-text-muted)}.accueil-detail{margin-top:.5rem}.section-title{font-size:1.1rem;font-weight:700;color:var(--color-text);margin-bottom:1rem;padding-left:.5rem}.detail-card{background:var(--color-surface);padding:1.25rem;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.75rem;position:relative}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:.9rem;color:var(--color-text-muted);font-weight:500}.detail-value{font-size:1rem;font-weight:700;color:var(--color-text)}.detail-badge{align-self:flex-start;margin-top:.5rem;padding:.35rem .75rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.detail-badge.active{background:#dcfce7;color:#22c55e}.detail-badge.paused{background:#ffedd5;color:#f97316}.detail-badge.done{background:#e0f2fe;color:#0ea5e9}.detail-empty{background:var(--color-surface);padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow-sm);text-align:center;color:var(--color-text-muted)}.detail-empty-icon{margin-bottom:.75rem;opacity:.5}.summary-tiles{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tile{background:var(--color-surface);padding:1rem;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.tile-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.tile-value{font-size:1.5rem;font-weight:800;color:var(--color-text);line-height:1}.tile-value small{font-size:.9rem;font-weight:600;color:var(--color-text-muted)}.tile-label{font-size:.8rem;color:var(--color-text-muted);font-weight:600}.historique{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:2rem}.historique-header{display:flex;align-items:center;justify-content:space-between}.filter-badge{display:flex;align-items:center;gap:.5rem;background:var(--color-accent);color:var(--color-primary);padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}.filters-card{background:var(--color-surface);padding:1rem;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.filter-row{display:flex;gap:1rem}.filter-group{flex:1;display:flex;flex-direction:column;gap:.25rem}.filter-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);margin-left:.25rem}.filter-input{width:100%;padding:.6rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:.9rem;color:var(--color-text);background:var(--color-bg)}.filter-input:focus{border-color:var(--color-primary);outline:none}.historique-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.historique-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .2s}.historique-card:active{transform:scale(.99)}.card-header{background:var(--color-bg);padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border)}.card-date{font-weight:600;color:var(--color-text);font-size:.95rem}.card-time{font-family:monospace;background:var(--color-surface);padding:.2rem .5rem;border-radius:6px;font-size:.85rem;color:var(--color-text-muted);border:1px solid var(--color-border)}.card-body{padding:1rem;display:flex;align-items:center;justify-content:space-around}.card-metric{display:flex;align-items:center;gap:.75rem}.metric-icon-bg{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.metric-details{display:flex;flex-direction:column}.metric-value{font-weight:700;font-size:1.1rem;color:var(--color-text);line-height:1.1}.metric-label{font-size:.75rem;color:var(--color-text-muted)}.card-divider{width:1px;height:40px;background:var(--color-border)}.rapport{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:2rem}.rapport-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:.5rem}.page-title{font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0}.view-toggle{display:flex;background:var(--color-surface);padding:4px;border-radius:var(--radius);box-shadow:var(--shadow-sm);position:relative}.view-toggle button{flex:1;padding:.6rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;color:var(--color-text-muted);background:transparent;transition:all .2s ease}.view-toggle button.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #6b90804d}.date-navigator{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface);padding:.5rem;border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:.5rem}.nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:transparent;color:var(--color-primary);transition:background-color .2s}.nav-btn:hover:not(:disabled){background-color:var(--color-primary-light)}.nav-btn:disabled{color:var(--color-border);cursor:not-allowed}.date-display-wrapper{display:flex;flex-direction:column;align-items:center;gap:.25rem}.date-picker-trigger{position:relative;cursor:pointer;text-align:center}.current-date-large{font-size:1rem;font-weight:700;color:var(--color-text)}.hidden-date-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.badge-today{background:var(--color-primary-light);color:var(--color-primary);padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.stat-card{background:var(--color-surface);padding:1rem .5rem;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.stat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.bg-blue{background:#e0f2fe;color:#0ea5e9}.bg-green{background:#dcfce7;color:#22c55e}.bg-orange{background:#ffedd5;color:#f97316}.stat-value{font-size:1.25rem;font-weight:800;color:var(--color-text);line-height:1}.stat-value small{font-size:.75rem;font-weight:600;color:var(--color-text-muted);margin-left:2px}.stat-label{font-size:.7rem;color:var(--color-text-muted);font-weight:600}.section-subtitle{font-size:1.1rem;font-weight:700;color:var(--color-text);margin:1.5rem 0 1rem .25rem}.tetee-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0;position:relative}.tetee-list:before{content:"";position:absolute;top:1rem;bottom:1rem;left:1.5rem;width:2px;background:var(--color-border);z-index:0}.tetee-item{background:var(--color-surface);padding:1rem;margin-bottom:1rem;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;margin-left:3rem}.tetee-item:before{content:"";position:absolute;left:-1.9rem;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:var(--color-primary);border:3px solid var(--color-bg);box-shadow:0 0 0 1px var(--color-primary)}.tetee-time-badge{font-weight:700;color:var(--color-text);font-size:1rem}.tetee-info{display:flex;gap:1.5rem}.tetee-metric{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-text-muted);font-weight:500}.metric-icon{color:var(--color-primary);opacity:.8}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius);border:2px dashed var(--color-border)}.empty-icon{margin-bottom:1rem;color:var(--color-primary-light)}.hebdo-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.hebdo-row{background:var(--color-surface);padding:1rem;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;transition:transform .1s}.hebdo-row:active{transform:scale(.99)}.hebdo-date-col{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-primary-light);width:50px;height:50px;border-radius:14px;color:var(--color-primary)}.hebdo-day-name{font-size:.7rem;text-transform:uppercase;font-weight:700;line-height:1;margin-bottom:2px}.hebdo-day-num{font-size:1.1rem;font-weight:800;line-height:1}.hebdo-metrics{display:flex;gap:1.5rem;flex:1;justify-content:flex-end;align-items:center}.hebdo-metric{display:flex;flex-direction:column;align-items:flex-end}.metric-val{font-weight:800;color:var(--color-text);font-size:1.1rem;line-height:1.1}.metric-lbl{font-size:.7rem;color:var(--color-text-muted);font-weight:600;text-transform:uppercase}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg)}.skip-link{position:absolute;top:-100px;left:1rem;padding:.5rem 1rem;background:var(--color-primary);color:#fff;font-weight:600;border-radius:var(--radius-sm);z-index:1000;transition:top .2s}.skip-link:focus{top:1rem}.app-header{padding:1rem 1rem .5rem;display:flex;justify-content:center;background:transparent;position:fixed;top:0;left:0;right:0;z-index:10;width:100%}.header-content{background-color:var(--color-primary-light);padding:.5rem 1.25rem;border-radius:var(--radius-pill);display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-sm)}.logo-container{color:var(--color-primary);display:flex;align-items:center}.app-title{margin:0;font-size:1.1rem;font-weight:800;color:var(--color-text);letter-spacing:-.01em}.app-main{flex:1;padding:1.5rem;padding-top:80px;max-width:600px;margin:0 auto;width:100%}.app-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);background:var(--color-surface);display:flex;justify-content:space-around;align-items:center;box-shadow:0 -4px 25px #00000008;z-index:100;border-top-left-radius:24px;border-top-right-radius:24px;padding-bottom:env(safe-area-inset-bottom)}.app-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--color-text-muted);font-size:.75rem;font-weight:600;flex:1;height:100%;border-radius:var(--radius);margin:.25rem;transition:color .2s}.app-nav a.active{color:var(--color-primary)}.app-nav a svg{transition:transform .2s}.app-nav a.active svg{transform:translateY(-2px)}.nav-spacer{height:calc(var(--nav-height) + env(safe-area-inset-bottom) + 1rem)}@media (min-width: 768px){.app-nav{position:sticky;top:0;bottom:auto;height:auto;border-radius:0;box-shadow:none;background:transparent;justify-content:flex-end;padding:0;flex-direction:row;gap:1rem}.app-header{justify-content:flex-start}.header-content{background:transparent;box-shadow:none;padding:0}.app-nav{position:static;width:auto;border-radius:0;box-shadow:none}.app-nav a{flex-direction:row;padding:.5rem 1rem;height:auto;flex:0 0 auto;background:transparent;font-size:1rem}.nav-spacer{display:none}}:root{--color-bg: #fbf9f6;--color-surface: #ffffff;--color-primary: #d66982;--color-primary-hover: #c0556d;--color-primary-light: #fbebf0;--color-text: #4a3b3b;--color-text-muted: #8c7e7e;--color-border: #efeae4;--color-accent: #f2ede6;--color-danger: #e07a5f;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--radius: 24px;--radius-sm: 16px;--radius-pill: 9999px;--shadow: 0 8px 30px rgba(214, 105, 130, .12);--shadow-sm: 0 2px 8px rgba(74, 59, 59, .05);--touch-min: 48px;--nav-height: 70px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:var(--color-primary);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;transition:transform .1s,background-color .2s}button:active{transform:scale(.98)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}