:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#182438;background:#f4f6f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #80a6ff;outline-offset:2px}svg{width:24px;height:24px;flex:none}.app-shell{min-height:100dvh;max-width:780px;margin:0 auto;background:#f4f6f9;padding-bottom:calc(100px + env(safe-area-inset-bottom));box-shadow:0 0 50px #1b31500a}.topbar{display:flex;align-items:center;gap:12px;min-height:92px;padding:calc(14px + env(safe-area-inset-top)) 24px 10px}.brand-mark{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:#2857d9;color:#fff;font-size:28px;font-weight:800;font-family:Georgia,serif}.brand-text{font-size:16px;font-weight:780;line-height:1.2;max-width:230px}.avatar{margin-left:auto;width:44px;height:44px;border:1px solid #dce4ef;border-radius:50%;background:#eaf0ff;color:#2857d9;font-weight:800;font-size:20px}.topbar{position:relative}.profile-menu{position:absolute;z-index:20;right:20px;top:calc(72px + env(safe-area-inset-top));width:235px;display:grid;gap:7px;background:#fff;border:1px solid #dce4ef;border-radius:15px;padding:16px;box-shadow:0 10px 24px #17274424}.profile-menu small{color:#607089}.profile-menu button{min-height:44px;border:0;border-radius:9px;text-align:left;background:#eaf0ff;color:#2857d9;padding:10px;font-weight:700}.main-content{padding:26px 24px 20px}.eyebrow{margin:0 0 10px;color:#586781;text-transform:uppercase;letter-spacing:.11em;font-size:12px;font-weight:800}.main-content h1{font-size:clamp(30px,6vw,45px);line-height:1.1;letter-spacing:-.035em;margin:0 0 28px}.main-content h2{font-size:24px;line-height:1.2;letter-spacing:-.025em;margin:0}.muted{color:#607089;line-height:1.5}.hero-card{overflow:hidden;border:1px solid #dce4ef;border-radius:24px;background:#fff;box-shadow:0 8px 22px #1b315008}.hero-art{height:170px;display:grid;place-items:center;background:radial-gradient(circle at 70% 25%,#ebf2ff 0 22%,transparent 22%),linear-gradient(135deg,#dfe9fb,#eaf0f9);position:relative}.hero-art:before{content:"Une idée qui plaît à toute la table";position:absolute;left:24px;bottom:24px;max-width:120px;font-size:17px;font-weight:750;line-height:1.3}.plate{width:135px;height:135px;border:10px solid white;border-radius:50%;background:#faf8ec;display:grid;place-items:center;box-shadow:0 10px 15px #18243824;transform:translate(70px)}.plate span{font-size:72px}.hero-body{padding:24px}.hero-body h2{margin-bottom:6px}.hero-body .muted{margin:0 0 20px}.primary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;width:100%;border:0;border-radius:13px;background:#2857d9;color:#fff;padding:11px 18px;font-weight:750}.primary:hover{background:#1949c9}.primary svg{height:18px;width:18px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:42px 2px 18px}.section-heading h2{font-size:21px}.section-heading span{font-weight:700;color:#607089}.list-card{display:flex;align-items:center;gap:14px;min-height:80px;width:100%;text-align:left;background:#fff;border:1px solid #dce4ef;border-radius:17px;padding:15px 17px;margin:10px 0;color:#182438}.list-card>svg{color:#2857d9;width:18px;height:18px}.list-icon{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:13px;background:#eaf0ff;color:#2857d9}.list-copy{display:grid;gap:3px;flex:1;min-width:0}.list-copy strong{font-size:16px}.list-copy small{font-size:13px;color:#607089;line-height:1.35}.quiet-note{color:#6b7890;font-size:13px;line-height:1.5;margin:24px 2px}.tabbar{position:fixed;z-index:10;bottom:0;left:50%;transform:translate(-50%);width:min(100%,780px);height:calc(80px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);display:flex;background:#fff;border-top:1px solid #dce4ef}.tabbar button{flex:1;border:0;background:transparent;color:#5b6880;min-height:60px;display:grid;align-content:center;justify-items:center;gap:4px;font-size:11px;font-weight:650}.tabbar button.active{color:#2857d9}.tabbar svg{width:25px;height:25px}.segmented{display:flex;background:#e6ebf3;border-radius:14px;padding:4px;margin:0 0 20px}.segmented button{flex:1;min-height:42px;border:0;background:transparent;border-radius:11px;color:#52617a;font-weight:700}.segmented button.active{background:#fff;color:#182438;box-shadow:0 2px 7px #1b315014}.search{display:flex;align-items:center;gap:10px;min-height:50px;background:#fff;border:1px solid #dce4ef;border-radius:13px;padding:0 14px;color:#607089}.search input{border:0;outline:none;min-height:46px;width:100%;background:transparent}.add-button{margin:18px 0 0}.ingredient-card{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:57px;border-bottom:1px solid #dce4ef;padding:10px 3px}.ingredient-card small{color:#607089}.empty-text{padding:25px 0;color:#607089}.empty-card{display:grid;justify-items:center;text-align:center;background:#fff;border:1px solid #dce4ef;border-radius:21px;padding:48px 28px;margin-top:32px}.empty-card>svg{color:#2857d9;width:42px;height:42px;margin-bottom:20px}.empty-card h2{margin-bottom:10px}.empty-card p{color:#607089;line-height:1.5;max-width:400px}.detail-card,.form-card,.login-card{background:#fff;border:1px solid #dce4ef;border-radius:20px;padding:24px}.detail-card h2,.form-card h2{margin:20px 0 6px}.detail-card h3{margin:28px 0 10px}.text-button{display:inline-flex;align-items:center;border:0;background:transparent;color:#2857d9;min-height:44px;padding:0;font-weight:700}.ingredient-lines{padding-left:22px;line-height:1.8}.preformatted{white-space:pre-wrap;line-height:1.6}.form-card label,.login-card label{display:grid;gap:7px;margin:19px 0;color:#283952;font-size:14px;font-weight:700}.form-card input,.form-card textarea,.login-card input,.inline-form input{width:100%;border:1px solid #cbd6e7;border-radius:11px;background:#fff;color:#182438;padding:12px;min-height:46px;font-weight:400}.form-card textarea{resize:vertical;line-height:1.5}.inline-form{display:flex;align-items:start;gap:8px}.inline-form button{flex:none;width:46px;height:46px;border:0;border-radius:11px;background:#2857d9;color:#fff}.inline-form .error{width:100%}.error{color:#a62838;font-size:14px;font-weight:650}.banner{background:#fff0f1;border:1px solid #f2ccd1;border-radius:12px;padding:12px}.login-shell{min-height:100dvh;max-width:460px;margin:auto;padding:calc(80px + env(safe-area-inset-top)) 24px 32px}.login-shell h1{font-size:36px;letter-spacing:-.03em;margin:24px 0 6px}.login-card{margin-top:30px}.login-card label:first-child{margin-top:0}.loading-screen{display:grid;place-items:center;min-height:100dvh;color:#607089}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:700px){.main-content{padding-left:42px;padding-right:42px}.hero-art{height:220px}.plate{transform:translate(110px)}}@media(prefers-reduced-motion:no-preference){button{transition:background-color .16s,transform .16s}.list-card:hover{transform:translateY(-1px)}}@media(prefers-color-scheme:dark){:root{color:#edf2fa;background:#111927}.app-shell{background:#151e2e}.topbar,.main-content{color:#edf2fa}.hero-card,.list-card,.detail-card,.form-card,.login-card,.empty-card,.ingredient-card,.tabbar{background:#202c3f;border-color:#35455e;color:#edf2fa}.segmented{background:#25344b}.segmented button.active{background:#35455e;color:#fff}.search,.search input,.form-card input,.form-card textarea,.login-card input,.inline-form input{background:#202c3f;border-color:#455674;color:#edf2fa}.muted,.list-copy small,.ingredient-card small,.quiet-note,.empty-card p{color:#b6c3d6}.tabbar button{color:#acb9cc}.tabbar button.active,.text-button{color:#83a8ff}.hero-art{color:#182438}.eyebrow{color:#b6c3d6}}@media(prefers-color-scheme:dark){.profile-menu{background:#202c3f;border-color:#35455e}.profile-menu small{color:#b6c3d6}}.password-backdrop{position:fixed;z-index:30;inset:0;display:grid;place-items:center;background:#17274499;padding:20px}.password-dialog{width:min(100%,400px);max-height:90dvh;overflow:auto;background:#fff;border:1px solid #dce4ef;border-radius:20px;padding:24px;box-shadow:0 16px 48px #17274440}.password-dialog h2{margin:10px 0 20px;font-size:24px}.password-dialog label{display:grid;gap:7px;margin:16px 0;color:#283952;font-size:14px;font-weight:700}.password-dialog input{width:100%;min-height:46px;border:1px solid #cbd6e7;border-radius:11px;background:#fff;color:#182438;padding:12px}.success{color:#166b49;background:#e8f8ef;border:1px solid #bfe8d0;border-radius:12px;padding:12px}@media(prefers-color-scheme:dark){.password-dialog{background:#202c3f;border-color:#35455e;color:#edf2fa}.password-dialog label{color:#edf2fa}.password-dialog input{background:#202c3f;border-color:#455674;color:#edf2fa}.success{background:#133b31;border-color:#28644b;color:#b7f5d4}}