:root{--bg: #0f172a;--surface: #1e293b;--accent: #2563eb;--accent-soft: #2563eb22;--text: #f1f5f9;--text-muted: #94a3b8;--safe-top: env(safe-area-inset-top, 0);--safe-bottom: env(safe-area-inset-bottom, 0)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none;background:var(--accent);color:#fff;padding:.6rem 1rem;border-radius:8px;min-height:44px}button.secondary{background:var(--surface);color:var(--text);border:1px solid rgba(255,255,255,.15)}input,select,textarea{background:var(--surface);color:var(--text);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.6rem .8rem;width:100%;min-height:44px}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23aaa' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}input::placeholder,textarea::placeholder{color:var(--text-muted)}label{display:block;margin-bottom:.25rem;color:var(--text-muted);font-size:.9rem}.app{height:100%;min-height:100vh;min-height:100dvh;max-height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);max-width:520px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden}.nav{display:flex;background:var(--surface);border-top:1px solid rgba(255,255,255,.08);padding:.5rem;padding-bottom:calc(.5rem + var(--safe-bottom));flex-shrink:0}.nav button{flex:1;background:transparent;color:var(--text-muted);padding:.5rem;font-size:.85rem;min-height:44px}.nav button.active{color:var(--accent);font-weight:600}.page{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:1rem 1rem 2rem;-webkit-overflow-scrolling:touch}.page--calendar{padding-bottom:calc(52px + 1rem + var(--safe-bottom))}.page h1,.page h2,.page h3{margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.empty-state{color:var(--text-muted);text-align:center;padding:2rem 1rem}.calendar-day-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.calendar-day-title{font-size:1rem;font-weight:600}.calendar-day--low{background:color-mix(in srgb,var(--accent) 22%,var(--surface))!important}.calendar-day--medium{background:color-mix(in srgb,var(--accent) 42%,var(--surface))!important}.calendar-day--full{background:color-mix(in srgb,var(--accent) 58%,var(--surface))!important}.calendar-day-weekend{opacity:.5;background:#0003!important;color:var(--text-muted)}.calendar-day-weekend:hover{opacity:.75}.calendar-day-weekend.calendar-day--low{background:color-mix(in srgb,var(--accent) 18%,rgba(0,0,0,.35))!important}.calendar-day-weekend.calendar-day--medium{background:color-mix(in srgb,var(--accent) 32%,rgba(0,0,0,.35))!important}.calendar-day-weekend.calendar-day--full{background:color-mix(in srgb,var(--accent) 48%,rgba(0,0,0,.35))!important}.calendar-tracks{display:flex;flex-direction:column;gap:.5rem}.calendar-track{background:var(--surface);border-radius:10px;padding:.5rem;border:1px solid rgba(255,255,255,.08)}.calendar-track-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.35rem;padding-left:.25rem}.calendar-timeline{position:relative;min-height:360px}.calendar-timeline-label{position:absolute;left:0;width:2.25rem;font-size:.7rem;color:var(--text-muted);pointer-events:none;z-index:0}.calendar-timeline-line{position:absolute;left:2.5rem;right:0;height:0;border-top:1px solid rgba(255,255,255,.08);pointer-events:none;z-index:0}.calendar-timeline .calendar-slot{z-index:1}.calendar-slot{position:absolute;left:0;right:0;border-radius:8px;padding:.5rem .65rem;font-size:.8rem;line-height:1.4;overflow:hidden;cursor:pointer;display:flex;align-items:center}.calendar-slot-content{width:100%;min-width:0;display:grid;grid-template-columns:minmax(4rem,auto) 1fr 4rem;gap:0 .6rem;align-items:center;line-height:1.4}.calendar-slot-col{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-slot-col.calendar-slot-infos{white-space:normal;overflow-wrap:break-word}.calendar-slot-temps-btn-wrap{display:flex;justify-content:flex-end;align-items:center;min-width:4rem}.calendar-slot-temps-btn{padding:.25rem .5rem;font-size:.7rem;font-weight:600;border-radius:6px;background:linear-gradient(135deg,#a78bfa59,#6366f159);color:#e9d5ff;border:1px solid rgba(167,139,250,.6);cursor:pointer;white-space:nowrap;box-shadow:0 0 12px #a78bfa33}.calendar-slot-temps-btn:hover{background:linear-gradient(135deg,#a78bfa80,#6366f180);box-shadow:0 0 16px #a78bfa59}.calendar-slot-temps-btn--done{background:#ffffff14;border-color:#ffffff26;color:var(--text-muted);box-shadow:none;cursor:default;opacity:.85}.calendar-slot-temps-btn--done:hover{background:#ffffff14;box-shadow:none}.calendar-slot--aurore,.calendar-slot--moi{background:#3d2e5c;border-left:4px solid #a78bfa}.calendar-slot--david,.calendar-slot--elle{background:#1e3d4f;border-left:4px solid #0ea5e9}.calendar-slot--deux{background:#312e4a;border-left:4px solid #6366f1}.calendar-slot--un{background:linear-gradient(135deg,#1e3d4f,#2d2e4a);border-left:4px solid var(--accent)}.calendar-slot--agenda-0{background:linear-gradient(135deg,#1e3d4f,#243b4f);border-left:4px solid #0ea5e9}.calendar-slot--agenda-1{background:linear-gradient(135deg,#3d2e5c,#4a3d6b);border-left:4px solid #a78bfa}.calendar-slot--agenda-2{background:linear-gradient(135deg,#1e4a3d,#2d4a42);border-left:4px solid #34d399}.calendar-slot-dog{font-weight:600}.calendar-slot-time{color:var(--text-muted);font-weight:500}.chiens-list{display:flex;flex-direction:column;gap:.5rem}.chien-card{background:var(--surface);border-radius:10px;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.08);text-align:left;width:100%;cursor:pointer;transition:border-color .15s}.chien-card:hover,.chien-card:focus{border-color:var(--accent);outline:none}.chien-card-nom{font-weight:600;margin-bottom:.25rem}.chien-card-meta{font-size:.85rem;color:var(--text-muted)}.form-actions{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.form-actions button{flex:1;min-width:120px}.form-group{margin-bottom:1rem}.propositions-deux{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}@media (max-width: 380px){.propositions-deux{grid-template-columns:1fr}}.proposition-creneau{border-radius:12px;padding:1.25rem}.proposition-creneau--aurore{background:linear-gradient(135deg,rgba(167,139,250,.2) 0%,var(--surface) 100%);border:1px solid rgba(167,139,250,.4)}.proposition-creneau--aurore .proposition-creneau-heure{color:#a78bfa}.proposition-creneau--david{border-color:#0ea5e959;background:linear-gradient(135deg,rgba(14,165,233,.15) 0%,var(--surface) 100%)}.proposition-creneau--david .proposition-creneau-heure{color:#0ea5e9}.proposition-creneau--un{background:linear-gradient(135deg,rgba(14,165,233,.12) 0%,rgba(167,139,250,.12) 50%,var(--surface) 100%);border:1px solid rgba(255,255,255,.15)}.proposition-creneau--un .proposition-creneau-heure{color:var(--accent)}.proposition-creneau-vide{font-size:.85rem;color:var(--text-muted);margin:.5rem 0 0}.proposition-creneau-label{font-size:.85rem;color:var(--text-muted);margin-bottom:.35rem}.proposition-creneau-detail{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.proposition-creneau-heure{font-size:1.75rem;font-weight:700;color:var(--accent);letter-spacing:.02em}.proposition-creneau-meta{font-size:.95rem;color:var(--text-muted)}.proposition-creneau-cta{width:100%;padding:.85rem 1.25rem;font-size:1rem;font-weight:600;border-radius:10px}.creneaux-suggestions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.creneaux-suggestions button{padding:.4rem .7rem;font-size:.9rem;min-height:36px}.add-fab{position:fixed;right:1rem;bottom:calc(1rem + var(--safe-bottom));width:52px;height:52px;border-radius:50%;font-size:1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;z-index:50}@media (min-width: 521px){.add-fab{right:calc(50% - 260px + 1rem)}}.exigence-stars{display:flex;gap:.25rem;margin-top:.25rem}.exigence-stars button{width:2rem;height:2rem;padding:0;min-height:0;background:var(--surface);color:var(--text-muted);border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:.9rem}.exigence-stars button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.error-banner{padding:.5rem 1rem;background:#c44;color:#fff;font-size:.9rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.error-banner button{background:#ffffff40;color:#fff;padding:.35rem .6rem;font-size:.85rem}