:root{--paper:#fff;--wash:#f3f5fc;--raised:#fff;--line:#e0e5f2;--ink:#0f1222;--muted:#656d88;--electric:#3b36f5;--flame:#ff4436;--emerald:#00b87c;--sun:#ffb000;--violet:#9d2df0;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans:"Archivo", -apple-system, system-ui, sans-serif;--r:10px;--ombre:0 1px 2px #0f12220d, 0 8px 24px #0f12220f}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{background:var(--wash);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}:focus-visible{outline:2px solid var(--electric);outline-offset:2px}.page{max-width:820px;margin:0 auto;padding:48px 24px 96px}.centre{background:var(--paper);border:1px solid var(--line);max-width:380px;box-shadow:var(--ombre);border-radius:16px;margin:10vh auto;padding:32px}h1{font-family:var(--sans);letter-spacing:-.02em;margin-bottom:28px;font-size:26px;font-weight:900}h1:after{content:"";background:var(--electric);border-radius:2px;width:44px;height:4px;margin-top:12px;display:block}h2{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:40px 0 14px;font-size:11px;font-weight:700}h3{margin-bottom:12px;font-size:16px;font-weight:700}h3 small{font-family:var(--mono);color:var(--electric);background:color-mix(in srgb, var(--electric) 10%, transparent);border-radius:999px;margin-left:10px;padding:3px 8px;font-size:11px;font-weight:500}label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;font-size:11px;font-weight:700;display:block}label em{text-transform:none;letter-spacing:0;opacity:.75;font-style:normal;font-weight:500}input,textarea,select{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);width:100%;color:var(--ink);font:inherit;text-transform:none;letter-spacing:normal;margin-top:7px;padding:11px 13px;transition:border-color .12s,box-shadow .12s;display:block}input:focus,textarea:focus,select:focus{border-color:var(--electric);box-shadow:0 0 0 3px color-mix(in srgb, var(--electric) 16%, transparent);outline:none}textarea{font-family:var(--mono);resize:vertical;font-size:13px;line-height:1.6}input[type=color]{cursor:pointer;height:42px;padding:3px}button{background:var(--electric);color:#fff;font:inherit;border-radius:var(--r);cursor:pointer;border:0;padding:11px 20px;font-weight:700;transition:filter .12s,transform 60ms}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}.liste{list-style:none}.liste li{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--violet);border-radius:var(--r);box-shadow:var(--ombre);justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;padding:16px 18px;transition:transform .1s,box-shadow .1s;display:flex}.liste li:hover{transform:translate(2px);box-shadow:0 2px 4px #0f12220f,0 12px 28px #0f122217}.liste a{color:var(--ink);font-weight:700;text-decoration:none}.liste a:hover{color:var(--electric)}.liste small{font-family:var(--mono);color:var(--muted);white-space:nowrap;font-size:12px}.vide{color:var(--muted);text-align:center;background:var(--paper);border:1px dashed var(--line);border-radius:var(--r);padding:28px}.new{gap:10px;margin-top:24px;display:flex}.new input{margin-top:0}article{background:var(--paper);border:1px solid var(--line);box-shadow:var(--ombre);border-radius:14px;margin-bottom:18px;padding:22px}[role=alert]{color:var(--flame);background:color-mix(in srgb, var(--flame) 8%, transparent);border:1px solid color-mix(in srgb, var(--flame) 28%, transparent);border-radius:var(--r);margin:14px 0;padding:11px 14px;font-size:13px}a{color:var(--electric)}form+a,.centre>a{margin-top:16px;font-size:13px;font-weight:600;display:inline-block}