:root{--bg: #f6f6f7;--surface: #fff;--text: #141416;--muted: #75757d;--line: #e6e6e9;--accent: #141416;--on-accent: #fff;--err: #b4443f;--bar: 56px;--shadow: 0 1px 2px #0000000d, 0 6px 18px #00000010;font-family:Inter,system-ui,-apple-system,sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #0e0e10;--surface: #18181b;--text: #ededef;--muted: #9a9aa2;--line: #29292e;--accent: #ededef;--on-accent: #0e0e10;--err: #e0746e;--shadow: 0 1px 2px #0006, 0 6px 18px #0005}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;height:100dvh;overflow:hidden;background:var(--bg);color:var(--text)}#app,.screen{height:100%;display:flex;flex-direction:column}.enter{animation:slide .28s cubic-bezier(.2,.8,.2,1)}@keyframes slide{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}button{font:inherit;color:inherit;cursor:pointer}.hero{display:flex;align-items:center;justify-content:space-between;padding:max(16px,env(safe-area-inset-top)) 18px 6px}.brand{display:flex;align-items:center;gap:10px}.logo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:800;color:#fff;background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow)}h1{margin:0;font-size:22px;letter-spacing:.22em;font-weight:700}.actions{display:flex;gap:8px;align-items:center}@media(max-width:480px){.hero:has(.pill) h1{display:none}}.pill{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;box-shadow:var(--shadow)}.pill:active,.round:active{transform:scale(.93)}.round{width:40px;height:40px;border-radius:50%;border:0;background:var(--surface);box-shadow:var(--shadow);font-size:18px;transition:transform .12s}.sub{display:flex;gap:10px;align-items:center;padding:8px 18px 4px}.search{flex:1;min-width:0;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:0 14px}.search input{flex:1;min-width:0;border:0;background:none;color:var(--text);padding:9px 0;font-size:15px;outline:none}.search:focus-within{border-color:var(--muted)}.chip{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:none;color:var(--muted)}.chip.error{color:var(--err)}.chip .ic{display:inline-flex}.chip.ok .ic,.chip.offline .ic{opacity:.7}.chip.syncing .ic{display:inline-block;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cards{list-style:none;margin:0;padding:10px 14px 110px;overflow:auto;flex:1;display:grid;gap:12px;align-content:start}.cards li:not(.empty){position:relative;background:var(--surface);border-radius:18px;padding:14px 16px 12px;box-shadow:var(--shadow);overflow:hidden;animation:pop .35s cubic-bezier(.2,.8,.2,1) both;transition:transform .12s}.cards li:active{transform:scale(.985)}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.ct{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.ct b{font-size:16.5px}.ct small{color:var(--muted);white-space:nowrap}.ct em{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--muted);vertical-align:middle}.cards p{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pr{display:flex;align-items:center;gap:8px}.prog{flex:1;height:5px;border-radius:9px;background:var(--line);margin-top:10px;overflow:hidden}.prog i{display:block;height:100%;background:var(--accent);border-radius:9px}.cnt{margin-top:8px;font-size:12px;color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:60px 20px}.empty .big{opacity:.35;display:flex;justify-content:center;animation:float 3s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px)}}.fab{position:fixed;right:20px;bottom:calc(22px + env(safe-area-inset-bottom));width:62px;height:62px;border-radius:50%;border:0;color:var(--on-accent);background:var(--accent);display:grid;place-items:center;box-shadow:var(--shadow);transition:transform .15s}.fab:active{transform:scale(.92)}.edit header{display:flex;align-items:center;justify-content:space-between;padding:max(10px,env(safe-area-inset-top)) 12px 8px}#ed{flex:1;min-height:0;position:relative}#ed .cm-editor{height:100%;font-size:17px;background:transparent;color:var(--text)}.cm-editor.cm-focused{outline:none}.cm-scroller{overflow:auto;padding-bottom:40vh;font-family:inherit!important}.cm-content{padding:8px 6px;caret-color:var(--text)}.cm-line{line-height:1.6}.cm-cursor,.cm-dropCursor{border-left:2px solid var(--text)!important}.cm-selectionBackground{background:color-mix(in srgb,var(--text) 22%,transparent)!important}.cm-focused .cm-selectionBackground{background:color-mix(in srgb,var(--text) 30%,transparent)!important}.cm-h{font-weight:800;letter-spacing:-.01em}.cm-h1{font-size:1.8em}.cm-h2{font-size:1.4em}.cm-h3{font-size:1.18em}.cm-h4,.cm-h5,.cm-h6{font-size:1.05em}.cm-b{font-weight:700}.cm-i{font-style:italic}.cm-u{text-decoration:underline;text-decoration-color:var(--muted);text-underline-offset:3px}.cm-s{text-decoration:line-through}.cm-done{color:var(--muted);text-decoration:line-through}.cm-cb{display:inline-flex;vertical-align:-5px;cursor:pointer;margin-right:8px;padding:4px 0;transition:transform .15s}.cm-cb svg{display:block}.cm-cb:active{transform:scale(1.25)}.cm-bullet{display:inline-block;width:1.3em}.cm-bullet i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--muted);vertical-align:middle}.cm-olnum{color:var(--muted);font-weight:600}.cm-code{font-family:ui-monospace,monospace;background:var(--surface)}.cm-handles{width:28px}.cm-gutters{background:transparent!important;border:0!important}.cm-handle{color:var(--muted);opacity:.45;display:flex;align-items:center;justify-content:center;height:1.6em;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;padding:0 4px;line-height:1.6;font-size:17px}.cm-drop{position:absolute;left:32px;right:8px;height:3px;border-radius:3px;background:var(--accent);pointer-events:none;z-index:5}.bar{display:flex;justify-content:space-around;align-items:center;height:var(--bar);margin:0 10px calc(8px + env(safe-area-inset-bottom));border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.bar button{min-width:44px;height:44px;font-size:19px;background:none;border:0;border-radius:12px;transition:background .12s,transform .12s}.bar button{display:grid;place-items:center}.bar button:active{background:var(--line);transform:scale(.92)}.hwrap{position:relative}.hmenu{position:absolute;bottom:54px;left:-8px;display:flex;flex-direction:column;background:var(--surface);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;animation:pop .15s both}.hmenu[hidden]{display:none}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;z-index:20;animation:fade .2s}@keyframes fade{0%{opacity:0}}.sheet{width:100%;background:var(--surface);border-radius:26px 26px 0 0;padding:22px 20px calc(20px + env(safe-area-inset-bottom));display:grid;gap:14px;animation:slide .25s both}.sheet h2{margin:0}.sheet label{display:grid;gap:6px;font-size:13px;color:var(--muted);font-weight:600}.sheet input{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;padding:12px;font-size:16px;width:100%;outline:none}.sheet input:focus{border-color:var(--muted)}.row{display:flex;gap:8px;align-items:center}.row.end{justify-content:flex-end}.row input{flex:1}.primary{border:0;border-radius:14px;padding:12px 18px;font-weight:700;color:var(--on-accent);background:var(--accent)}.ghost{background:none;border:0;padding:12px;color:var(--muted)}.res{min-height:1.3em;margin:0;font-weight:600;color:var(--muted)}.res.ok{color:var(--text)}.res.err{color:var(--err)}.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%);padding:10px 18px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:600;box-shadow:var(--shadow);z-index:30;animation:slide .2s both}.toast.error{background:var(--err);color:#fff}.recs-title{margin:0;font-size:20px}.recs{list-style:none;margin:0;padding:10px 14px 40px;overflow:auto;flex:1;display:grid;gap:12px;align-content:start}#recpanel:empty{display:none}#recpanel{max-height:38vh;overflow:auto;padding:0 12px 6px;display:grid;gap:8px}.rec{background:var(--surface);border-radius:18px;padding:12px 14px;box-shadow:var(--shadow);display:grid;gap:8px}.rec b{font-size:15px}.rec small{color:var(--muted)}.rec p{margin:0;font-size:13px;line-height:1.35;color:var(--muted)}.rec p.alerte{color:var(--err);font-weight:600}.rec audio{width:100%;height:40px}.rec .row{flex-wrap:wrap}.rec .pill{padding:6px 12px;font-size:13px}.rec .pill:disabled{opacity:.55}