:root{--surface-page:#070b14;--surface-card:#101725;--surface-raised:#172032;--surface-inverse:#0a0f1c;--surface-glass:#121a2bb8;--text-primary:#e8eefb;--text-secondary:#a7b6d3;--text-muted:#6d7d9c;--text-on-accent:#041018;--border:#202b42;--border-strong:#33415e;--accent:#35d6f0;--accent-2:#4f8cff;--accent-hover:#6fe3f7;--ok:#35e0a1;--warn:#f5c451;--alarm:#ff6b6b;--quality-bad:#b98bff;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--shadow-card:0 1px 2px #0006, 0 8px 24px #00000047;--glow-accent:0 0 0 1px #35d6f059, 0 0 18px #35d6f040;--focus-ring:0 0 0 3px #35d6f073;--surface-input:#0b111d;--alert-text:#ffb4b4;--font-sans:"Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"Cascadia Code", "JetBrains Mono", "Consolas", monospace;--fs-2xs:.72rem;--fs-xs:.8rem;--fs-sm:.86rem;--fs-md:.95rem;--fs-lg:1.1rem;--fs-xl:1.4rem;--info:#7db4ff;--mark:#f6c453;--text:var(--text-primary);--danger:var(--alarm);--bg-card:var(--surface-card);--surface-2:var(--surface-raised);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--surface-page:#f3f5f9;--surface-card:#fff;--surface-raised:#eef2f7;--surface-inverse:#0a0f1c;--surface-glass:#ffffffe0;--surface-input:#fff;--text-primary:#142038;--text-secondary:#3f4f6b;--text-muted:#6b7a94;--text-on-accent:#fff;--border:#d6dde7;--border-strong:#b9c3d1;--accent:#0b7a94;--accent-2:#2456c7;--accent-hover:#095f74;--ok:#1f7a4d;--warn:#a8701a;--alarm:#b0392c;--info:#2456c7;--mark:#a8701a;--quality-bad:#6d4bc7;--alert-text:#8f2b20;--shadow-card:0 1px 2px #1420380f, 0 8px 24px #14203814;--glow-accent:0 0 0 1px #0b7a9459, 0 0 12px #0b7a942e;--focus-ring:0 0 0 3px #0b7a9466;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light] body{background:radial-gradient(1200px 600px at 15% -10%, #2456c714, transparent 60%), radial-gradient(1000px 500px at 100% 0%, #0b7a9414, transparent 55%), var(--surface-page)}:root[data-theme=light]{--text:var(--text-primary);--danger:var(--alarm);--bg-card:var(--surface-card);--surface-2:var(--surface-raised)}*{box-sizing:border-box}body{font-family:var(--font-sans);background:radial-gradient(1200px 600px at 15% -10%, #4f8cff1a, transparent 60%), radial-gradient(1000px 500px at 100% 0%, #35d6f014, transparent 55%), var(--surface-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;line-height:1.5}h1,h2,h3{margin:0 0 var(--space-3);letter-spacing:-.01em;line-height:1.25}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font:inherit;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:linear-gradient(180deg, #ffffff08, #fff0) var(--surface-card);color:var(--text-primary);cursor:pointer;font-weight:600;transition:border-color .15s,background .15s,box-shadow .15s,transform 50ms;display:inline-flex}.btn:hover{border-color:var(--accent);background:var(--surface-raised);box-shadow:var(--glow-accent)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;border-color:var(--border)}.btn--sm{gap:var(--space-1);min-height:28px;padding:4px 10px;font-size:.82rem;font-weight:500}.btn--sm.btn--primary{font-weight:600}.toolbar{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-bottom:1px solid var(--border);background:var(--surface-card);flex-wrap:wrap;display:flex}.btn--primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--text-on-accent);border-color:#0000;font-weight:700}.btn--primary:hover{background:linear-gradient(135deg, var(--accent-hover), var(--accent-2));box-shadow:0 0 22px #35d6f066}.btn--ghost{background:0 0;border-color:#0000}.btn--danger{background:var(--alarm);color:var(--text-on-accent);border-color:#0000}.btn--danger:hover{background:var(--alarm);box-shadow:0 0 0 1px #ff6b6b59,0 0 18px #ff6b6b40}.btn--icon{justify-content:center;min-width:28px;padding:4px}.icon{vertical-align:-.125em;flex:none;width:1em;height:1em}.field{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;min-width:0;display:flex}.field label{color:var(--text-secondary);letter-spacing:.02em;font-size:.8rem;font-weight:600}.field input,.field textarea,.field select{width:100%;max-width:100%;font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-input);color:var(--text-primary)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}.field .hint{color:var(--text-muted);font-size:.8rem}.row>.field{flex:1 1 0;min-width:0}.card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-5)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border-left:3px solid var(--alarm);color:var(--alert-text);background:#ff6b6b1f;font-size:.9rem}.topbar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(90deg, var(--surface-inverse), #0d1526);color:#fff;border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex;box-shadow:0 1px #35d6f026,0 6px 20px #00000059}.topbar .brand{letter-spacing:.12em;font-weight:700;font-family:var(--font-mono);color:var(--accent);text-shadow:0 0 12px #35d6f059;overflow-wrap:anywhere;min-width:0}.topbar .spacer{flex:1}.topbar .user{color:var(--text-secondary);margin-right:var(--space-4);font-size:.9rem}.topbar--compact{padding:var(--space-1) var(--space-4);gap:var(--space-1)}.topbar--compact .user{margin-right:var(--space-2);font-size:.82rem}.topbar a.brand{text-decoration:none}.topbar .crumbs{min-width:0}.topbar .crumbs ol{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.topbar .crumbs li{align-items:center;gap:var(--space-2);min-width:0;display:inline-flex}.topbar .crumbs li+li:before{content:"›";color:var(--text-muted)}.topbar .crumbs a{color:var(--text-secondary)}.topbar .crumbs a:hover{color:var(--accent-hover)}.topbar .crumbs [aria-current=page]{color:#fff;overflow-wrap:anywhere;font-weight:600}.notices{right:var(--space-4);bottom:var(--space-4);z-index:1200;gap:var(--space-2);width:min(440px, calc(100vw - 2 * var(--space-4)));pointer-events:none;flex-direction:column;display:flex;position:fixed}.notice{pointer-events:auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-strong);border-left:4px solid var(--accent);background:var(--surface-raised);color:var(--text-primary);box-shadow:var(--shadow-card);font-size:.9rem;animation:.16s ease-out notice-in;display:flex}.notice--success{border-left-color:var(--ok)}.notice--error{border-left-color:var(--alarm)}.notice--info{border-left-color:var(--accent-2)}.notice .notice-text{overflow-wrap:anywhere;flex:1;min-width:0}.notice .notice-close{color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:none;padding:2px 4px;font-size:1rem;line-height:1}.notice .notice-close:hover{color:var(--text-primary)}@keyframes notice-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.mono{font-family:var(--font-mono)}.tiny{font-size:var(--fs-2xs)}.small{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-sm)}.m-0{margin:0}.flex-1{flex:1 1 0;min-width:0}.nowrap{white-space:nowrap}.wrap-anywhere{overflow-wrap:anywhere}.tabular{font-variant-numeric:tabular-nums}.stack--tight{gap:var(--space-2)}.stack--loose{gap:var(--space-5)}.row--wrap{flex-wrap:wrap}.row--between{justify-content:space-between}.row--end{justify-content:flex-end}.row--start{align-items:flex-start}.row--baseline{align-items:baseline}.row--tight{gap:var(--space-1)}.row--loose{gap:var(--space-4)}.panel{background:var(--surface-glass);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-card);color:var(--text-primary);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel__header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);font-weight:600;font-size:var(--fs-sm);display:flex}.panel__body{padding:var(--space-3);overflow:auto}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.table th,.table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);vertical-align:middle}.table th{font-size:var(--fs-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.table tr:last-child td{border-bottom:0}.table td.num{font-variant-numeric:tabular-nums;text-align:right}.badge{align-items:center;gap:var(--space-1);border:1px solid var(--border);font-size:var(--fs-2xs);color:var(--text-secondary);white-space:nowrap;border-radius:999px;padding:1px 8px;display:inline-flex}.badge--ok{color:var(--ok);border-color:#35e0a159}.badge--warn{color:var(--warn);border-color:#f5c45159}.badge--alarm{color:var(--alarm);border-color:#ff6b6b59}.badge--info{color:var(--info);border-color:#7db4ff59}.empty{color:var(--text-muted);font-size:var(--fs-sm);margin:0}.kbd{font-family:var(--font-mono);font-size:var(--fs-2xs);border:1px solid var(--border-strong);background:var(--surface-card);white-space:nowrap;border-radius:4px;padding:1px 6px}.input{width:100%;font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-input);color:var(--text-primary)}.input:focus{border-color:var(--accent)}.modal-overlay{z-index:1000;padding:var(--space-4);background:#060a108c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface-card);max-height:90vh;color:var(--text-primary);border:1px solid var(--border);border-radius:12px;outline:none;flex-direction:column;display:flex;box-shadow:0 24px 70px #00000073}.modal:focus-visible{box-shadow:var(--focus-ring), 0 24px 70px #00000073}.modal__header{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);display:flex}.modal__title{font-size:var(--fs-md);flex:1}.modal__close{cursor:pointer;font:inherit;font-size:var(--fs-lg);color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 6px;line-height:1}.modal__close:hover{color:var(--text-primary)}.modal__body{padding:var(--space-4);overflow:auto}.tabs{gap:var(--space-1);border-bottom:1px solid var(--border);margin-bottom:var(--space-3);display:flex}.tabs__tab{font:inherit;font-size:var(--fs-sm);padding:var(--space-2) var(--space-3);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;min-height:28px;font-weight:500}.tabs__tab:hover{color:var(--text-primary)}.tabs__tab--active{color:var(--text-primary);border-bottom-color:var(--accent)}.page{max-width:1080px;padding:var(--space-6) var(--space-5);margin:0 auto}.center-screen{min-height:100vh;padding:var(--space-5);color:var(--text-secondary);place-items:center;display:grid}.stack{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.row{align-items:center;gap:var(--space-3);display:flex}.project-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.project-card{transition:border-color .15s,box-shadow .15s,transform .15s}.project-card:hover{border-color:var(--accent);box-shadow:var(--glow-accent);transform:translateY(-2px)}.project-card h3{margin-bottom:var(--space-1)}.project-card .code{font-family:var(--font-mono);color:var(--accent);font-size:.8rem}.project-card .meta{color:var(--text-secondary);font-size:.9rem}.palette-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.palette-item{align-items:center;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);cursor:pointer;font:inherit;color:var(--text-secondary);text-align:center;flex-direction:column;font-size:.72rem;transition:border-color .15s,box-shadow .15s;display:flex}.palette-item:hover{border-color:var(--accent);box-shadow:var(--glow-accent);color:var(--text-primary)}.palette-item svg{background:var(--surface-input);border-radius:var(--radius-sm)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px}@media (width<=900px){.page{padding:var(--space-4) var(--space-3)}.topbar{padding:var(--space-2) var(--space-3)}.topbar .crumbs{flex-basis:100%;order:10}.row--tablette{flex-wrap:wrap}.project-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.tour{z-index:90;pointer-events:none;--tour-vif:#ffb020;--tour-halo:245, 158, 11;--tour-encre:#1b1200;--tour-encre-douce:#5a3d00;position:fixed;inset:0}.tour__halo{border:2px solid var(--tour-vif);box-shadow:0 0 0 4px rgba(var(--tour-halo), .32);border-radius:6px;animation:1.8s ease-in-out infinite tour-battement;position:fixed}@keyframes tour-battement{0%,to{box-shadow:0 0 0 4px rgba(var(--tour-halo), .32)}50%{box-shadow:0 0 0 10px rgba(var(--tour-halo), .1)}}.tour__fleche{z-index:2;color:var(--tour-vif);text-shadow:0 2px 4px #00000080;font-size:30px;line-height:1;animation:1.1s ease-in-out infinite tour-saut;position:fixed;transform:rotate(-90deg)}.tour__fleche--dessus{animation-name:tour-saut-inverse;transform:rotate(90deg)}@keyframes tour-saut{0%,to{translate:0}50%{translate:0 6px}}@keyframes tour-saut-inverse{0%,to{translate:0}50%{translate:0 -6px}}.tour__bulle{z-index:1;width:20rem;max-width:calc(100vw - 1.5rem);box-shadow:0 16px 40px #00000061, 0 0 0 4px rgba(var(--tour-halo), .18);pointer-events:auto;background:linear-gradient(150deg,#ffc44f 0%,#f59e0b 100%);border:2px solid #ffdb92;border-radius:10px;padding:12px 16px;position:fixed}.tour__bulle--dessus{translate:0 -100%}.tour__texte{color:var(--tour-encre);margin:0 0 8px;font-size:.875rem;font-weight:600;line-height:1.45}.tour__pied{justify-content:space-between;align-items:center;gap:12px;display:flex}.tour__compte{color:var(--tour-encre-douce);font-size:.75rem;font-weight:600}.tour__passer{font:inherit;color:var(--tour-encre-douce);cursor:pointer;background:0 0;border:0;padding:0;font-size:.75rem;font-weight:600;text-decoration:underline}.tour__passer:hover{color:var(--tour-encre)}@media (prefers-reduced-motion:reduce){.tour__halo,.tour__fleche{animation:none}}.row.row--snug{gap:var(--space-2)}.stack.stack--snug{gap:var(--space-3)}.row.row--bottom{align-items:flex-end}.text-md{font-size:var(--fs-md)}.text-lg{font-size:var(--fs-lg)}.text-ok{color:var(--ok)}.text-warn{color:var(--warn)}.text-alarm{color:var(--alarm)}.link-plain,.link-plain:hover{color:inherit;text-decoration:none}.resize-v{resize:vertical}.topbar .btn--ghost{color:inherit}.raccourcis-grid{gap:var(--space-1) var(--space-4);font-size:var(--fs-sm);grid-template-columns:max-content 1fr;margin:0;display:grid}.raccourcis-grid>div{display:contents}.pages-heading{min-width:0}.pages-heading h1{margin:var(--space-1) 0 0;overflow-wrap:anywhere}.pages-code{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--accent)}.pages-subtitle{color:var(--text-muted);font-size:var(--fs-sm);margin:2px 0 0}.pages-fieldset{border:1px solid var(--border);padding:var(--space-3);border-radius:8px}.pages-fieldset legend{font-size:var(--fs-sm);padding:0 6px;font-weight:600}.pages-size-note{padding-bottom:6px}.row.pages-filters>.field{flex:0 220px}.card.pages-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.pages-card__apercu{display:block}.pages-card__body{flex-direction:column;flex:1;gap:6px;padding:10px 14px 12px;display:flex}.pages-card__actions{margin-top:auto}.pages-vignette{aspect-ratio:16/9;background:var(--surface-raised);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:var(--fs-xs);place-items:center;display:grid;overflow:hidden}.pages-vignette img{object-fit:cover;width:100%;height:100%;display:block}.pages-trash__name{overflow-wrap:anywhere;flex:1;min-width:120px}.tags-intro{margin:var(--space-1) 0 0}.tags-list-col{flex:420px;min-width:0}.tags-form-col{flex:360px}.card.tags-table{padding:0}.btn.tags-writable[aria-pressed=true],.btn.tags-writable[aria-pressed=true]:hover{background:var(--ok);color:var(--text-on-accent);border-color:#0000}.field textarea.tags-csv{font-family:var(--font-mono);font-size:var(--fs-xs);resize:vertical}.tags-preview{border:1px solid var(--border);border-radius:var(--radius-sm);max-height:220px;overflow-y:auto}.tags-preview .table{font-size:var(--fs-xs)}.tags-preview__invalid{background:color-mix(in srgb, var(--alarm) 8%, transparent)}.tags-usages{margin-top:var(--space-4)}.tags-usages__list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tags-usages__page{font-weight:600}.tags-usages__items{margin:var(--space-1) 0 0;font-size:var(--fs-xs);color:var(--text-muted);padding:0;list-style:none}.project-card .macros-title{margin:var(--space-1) 0}.login-card{width:min(400px,100%)}.login-kicker{margin:var(--space-3) 0 0;font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:700}.login-title{margin-top:var(--space-1)}.login-cta{justify-content:center;width:100%}.login-promise{margin:var(--space-2) 0 0;text-align:center;font-size:var(--fs-sm);color:var(--text-muted)}.login-separator{align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--fs-xs);display:flex}.login-separator__line{background:var(--border);flex:1;height:1px}.login-footer{border-top:1px solid var(--border);padding-top:var(--space-3);text-align:center}.login-question{margin:0 0 var(--space-3);font-size:var(--fs-sm);color:var(--text-primary);font-weight:600}.login-demo-link{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:2px solid var(--accent);border-radius:var(--radius-sm);color:var(--accent);font-weight:600;text-decoration:none;display:flex}.message-card{text-align:center;max-width:440px}.failure-card{max-width:520px}.page.boundary{max-width:720px}.boundary__error{padding:var(--space-3);font-size:var(--fs-xs);background:var(--surface-card);border:1px solid var(--border);color:var(--alarm);border-radius:8px;margin:0;overflow-x:auto}