@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap");:root{--violet:#4b2e83;--lavande:#afa4ff;--charbon:#2e2e2e;--blanc-casse:#f6f6f8;--white:#fff;--violet-900:#2e1a56;--violet-700:#3d2569;--violet-600:#4b2e83;--violet-500:#6244a8;--violet-100:#e7e1f4;--violet-50:#f1ecfa;--lavande-700:#8c7fe8;--lavande-500:#afa4ff;--lavande-200:#d6cfff;--lavande-100:#eae5ff;--lavande-50:#f3f0ff;--charbon-900:#1a1a1a;--charbon-700:#2e2e2e;--charbon-500:#5a5a5a;--charbon-300:#9a9a9a;--charbon-200:#c7c7c7;--charbon-100:#e4e4e6;--bg:var(--blanc-casse);--bg-elevated:#fff;--bg-subtle:#efeff2;--bg-violet:var(--violet);--bg-lavande:var(--lavande-50);--fg-1:var(--charbon-700);--fg-2:var(--charbon-500);--fg-3:var(--charbon-300);--fg-on-violet:#fff;--fg-on-lavande:var(--violet);--fg-link:var(--violet);--border:#e4e4e6;--border-strong:#c7c7c7;--border-violet:var(--violet);--success:#2f8f5c;--warning:#c77a0a;--danger:#c53030;--teal:#1fa8a8;--teal-100:#dbf1f1;--teal-700:#167e7e;--font-sans:"Nunito",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-display:"Nunito",system-ui,sans-serif;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fs-display-1:clamp(2.75rem,5vw + 1rem,4.25rem);--fs-display-2:clamp(2.25rem,3vw + 1rem,3.25rem);--fs-h1:2.25rem;--fs-h2:1.75rem;--fs-h3:1.375rem;--fs-h4:1.125rem;--fs-body-lg:1.125rem;--fs-body:1rem;--fs-small:0.875rem;--fs-micro:0.75rem;--lh-tight:1.1;--lh-snug:1.25;--lh-normal:1.5;--lh-relaxed:1.65;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.06em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(46,46,46,.06);--shadow-sm:0 2px 6px rgba(46,46,46,.06),0 1px 2px rgba(46,46,46,.04);--shadow-md:0 8px 24px rgba(75,46,131,.08),0 2px 6px rgba(46,46,46,.05);--shadow-lg:0 20px 48px rgba(75,46,131,.14),0 4px 12px rgba(46,46,46,.06);--shadow-violet:0 12px 32px rgba(75,46,131,.22);--container-max:1200px;--container-px:24px}body,html{background:var(--bg);color:var(--fg-1);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal);font-weight:var(--fw-regular);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.display-1,.h1,h1{font-family:var(--font-display);font-weight:var(--fw-extrabold);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);color:var(--violet);margin:0 0 var(--space-4)}.h1,h1{font-size:var(--fs-h1)}.display-1{font-size:var(--fs-display-1)}.display-2{font-size:var(--fs-display-2);line-height:var(--lh-tight)}.display-2,.h2,h2{font-family:var(--font-display);font-weight:var(--fw-extrabold);letter-spacing:var(--tracking-tight);color:var(--violet)}.h2,h2{font-size:var(--fs-h2);line-height:var(--lh-snug);margin:0 0 var(--space-3)}.h3,h3{font-weight:var(--fw-bold);font-size:var(--fs-h3)}.h3,.h4,h3,h4{font-family:var(--font-sans);line-height:var(--lh-snug);color:var(--charbon-700);margin:0 0 var(--space-2)}.h4,h4{font-weight:var(--fw-semibold);font-size:var(--fs-h4)}.body,p{font-size:var(--fs-body);color:var(--fg-1);margin:0 0 var(--space-4)}.body,.lead,p{line-height:var(--lh-relaxed)}.lead{font-size:var(--fs-body-lg);color:var(--fg-2)}.small{font-size:var(--fs-small)}.eyebrow,.micro{font-size:var(--fs-micro)}.eyebrow{font-weight:var(--fw-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--violet)}a{color:var(--fg-link);text-decoration:none;font-weight:var(--fw-semibold);border-bottom:1px solid transparent;transition:color .12s ease,border-color .12s ease}a:hover{border-bottom-color:currentColor}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.92em}::selection{background:var(--lavande-200);color:var(--violet-900)}:root{--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Monaco,Consolas,monospace;--ease-soft:cubic-bezier(0.2,0.7,0.2,1)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--fg-1);font-size:var(--fs-small);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;overflow:hidden}button{cursor:pointer;border:none;background:none}button,input,textarea{font-family:inherit;font-size:inherit;color:inherit}:where(button,a,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--lavande);outline-offset:2px;border-radius:var(--radius-xs)}.app{display:grid;grid-template-rows:64px 1fr;grid-template-columns:minmax(0,1fr);height:100vh;overflow:hidden}.topbar{display:grid;grid-template-columns:260px 1fr auto;grid-gap:var(--space-4);gap:var(--space-4);padding:0 var(--space-5);background:var(--bg-elevated);border-bottom:1px solid var(--border)}.brand,.topbar{align-items:center}.brand{display:flex;gap:var(--space-2)}.brand-mark{height:28px;width:28px;display:block;border-radius:var(--radius-xs)}.brand-name{font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:1.0625rem;letter-spacing:var(--tracking-tight);color:var(--violet);line-height:1}.brand-sep{width:1px;height:22px;background:var(--border);margin-left:var(--space-1)}.brand-product{white-space:nowrap;font-size:var(--fs-micro);font-weight:var(--fw-bold);color:var(--fg-2);letter-spacing:var(--tracking-wide);text-transform:uppercase}.urlbar{display:flex;align-items:center;gap:var(--space-2);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px 4px 4px 16px;height:42px;max-width:720px;margin:0 auto;width:100%}.urlbar input{flex:1 1;background:transparent;border:none;outline:none;font-size:var(--fs-small);font-family:var(--font-mono);color:var(--fg-1)}.urlbar input::placeholder{color:var(--fg-3)}.urlbar .go{height:32px;padding:0 18px;border-radius:var(--radius-pill);background:var(--violet);color:#fff;font-weight:var(--fw-bold);font-size:var(--fs-small);transition:background .2s var(--ease-soft)}.urlbar .go:hover{background:var(--violet-700)}.urlbar .go:active{background:var(--violet-900)}.viewports{background:var(--bg);border:1px solid var(--border);padding:3px;gap:2px}.viewports,.viewports button{display:inline-flex;border-radius:var(--radius-pill)}.viewports button{height:32px;padding:0 14px;align-items:center;gap:6px;color:var(--fg-2);font-size:var(--fs-micro);font-weight:var(--fw-bold);transition:all .12s ease}.viewports button:hover{color:var(--violet)}.viewports button.active{background:var(--violet);color:#fff}.actions{display:flex;gap:var(--space-2)}.actions,.btn{align-items:center}.btn{height:40px;padding:0 18px;border-radius:var(--radius-pill);font-size:var(--fs-small);font-weight:var(--fw-bold);display:inline-flex;gap:8px;border:1px solid transparent;transition:all .2s var(--ease-soft);white-space:nowrap}.btn.ghost{color:var(--fg-2)}.btn.ghost:hover{background:var(--violet-50);color:var(--violet)}.btn.outline{border-color:var(--violet);color:var(--violet);background:var(--bg-elevated)}.btn.outline:hover{background:var(--violet-50)}.btn.primary{background:var(--violet);color:#fff;box-shadow:var(--shadow-violet)}.btn.primary:hover{background:var(--violet-700)}.btn.primary:active{background:var(--violet-900)}.workspace{display:grid;grid-template-columns:1fr 380px;height:100%;min-height:0;min-width:0;overflow:hidden}.canvas-wrap{position:relative;min-width:0;background:var(--bg);background-image:radial-gradient(var(--charbon-100) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:28px}.frame-shell{position:relative;background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;flex-shrink:0;transition:width .24s var(--ease-soft),height .24s var(--ease-soft)}.frame-shell .chrome{height:38px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);background:var(--violet-50);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--fg-2)}.chrome-dots{display:flex;gap:6px}.chrome-dots span{width:10px;height:10px;border-radius:50%;background:var(--lavande-200)}.chrome-url{flex:1 1;text-align:center;opacity:.9}.frame-body{position:relative;background:#fff}.frame-body iframe{width:100%;height:100%;border:none;display:block;background:#fff}.frame-body .screenshot-host{width:100%;height:100%;overflow:auto;background:#fff}.frame-body .screenshot-host img{width:100%;display:block}.overlay{position:absolute;inset:0;z-index:10}.overlay.placing{cursor:crosshair;background:rgba(175,164,255,.1)}.overlay.placing:after{content:"Cliquez n'importe où pour déposer une épingle · Échap pour annuler";position:absolute;top:14px;left:50%;transform:translateX(-50%);background:var(--violet);color:#fff;font-size:var(--fs-micro);font-weight:var(--fw-bold);padding:7px 16px;border-radius:var(--radius-pill);pointer-events:none;box-shadow:var(--shadow-violet)}.overlay:not(.placing):not(.active){pointer-events:none}.overlay:not(.placing):not(.active) .pin{pointer-events:auto}.pin{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;cursor:pointer;z-index:2}.pin .badge{width:30px;height:30px;border-radius:50% 50% 50% 4px;background:var(--violet);color:#fff;display:grid;place-items:center;font-size:var(--fs-micro);font-weight:var(--fw-extrabold);box-shadow:0 4px 12px rgba(75,46,131,.35),0 0 0 2px #fff;transform:rotate(-45deg);transition:transform .12s ease}.pin .badge span{transform:rotate(45deg)}.pin:hover .badge{transform:rotate(-45deg) scale(1.06)}.pin.resolved .badge{background:var(--charbon-300)}.pin.selected .badge{box-shadow:0 4px 14px rgba(75,46,131,.4),0 0 0 3px #fff,0 0 0 6px var(--lavande)}.popover{position:absolute;width:340px;background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:0;z-index:20;font-size:var(--fs-small);pointer-events:auto;overflow:hidden}.popover-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--violet-50)}.popover-head .pin-num{font-weight:var(--fw-extrabold);font-size:var(--fs-micro);color:var(--violet);letter-spacing:var(--tracking-wide);text-transform:uppercase}.popover-head .meta{font-size:var(--fs-micro);color:var(--fg-2)}.popover-body{padding:4px 0;max-height:320px;overflow-y:auto}.thread-item{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.thread-item:last-child{border-bottom:none}.thread-author{font-weight:var(--fw-bold);font-size:var(--fs-micro);color:var(--charbon-700);display:flex;align-items:center;gap:6px}.thread-author .when{font-weight:var(--fw-regular);color:var(--fg-3);font-size:var(--fs-micro)}.thread-body{margin-top:4px;color:var(--fg-1);white-space:pre-wrap;word-break:break-word;line-height:var(--lh-normal)}.popover-foot{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--bg)}.popover-foot textarea{width:100%;min-height:60px;resize:vertical;border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;outline:none;background:var(--bg-elevated);transition:border-color .12s ease}.popover-foot textarea:focus{border-color:var(--violet)}.popover-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.popover-actions .left{display:flex;gap:6px}.btn-sm{height:32px;padding:0 14px;border-radius:var(--radius-pill);font-size:var(--fs-micro);font-weight:var(--fw-bold)}.sidebar{background:var(--bg-elevated);border-left:1px solid var(--border);min-height:0}.sidebar,.sidebar-head{display:flex;flex-direction:column}.sidebar-head{padding:var(--space-4);border-bottom:1px solid var(--border);gap:var(--space-3)}.sidebar-title{font-size:var(--fs-h3);font-family:var(--font-display);font-weight:var(--fw-extrabold);color:var(--violet);letter-spacing:var(--tracking-tight);display:flex;justify-content:space-between;align-items:baseline}.sidebar-title .kbd-hint{font-weight:var(--fw-regular)}.sidebar-counts{display:flex;gap:var(--space-4);font-size:var(--fs-micro);color:var(--fg-2)}.sidebar-counts strong{color:var(--charbon-700);font-weight:var(--fw-bold)}.sidebar-counts .dot-open{background:var(--violet)}.sidebar-counts .dot-open,.sidebar-counts .dot-resolved{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px;vertical-align:middle}.sidebar-counts .dot-resolved{background:var(--charbon-300)}.filter-tabs{display:flex;gap:2px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px}.filter-tabs button{height:28px;padding:0 11px;border-radius:var(--radius-pill);font-size:var(--fs-micro);font-weight:var(--fw-bold);color:var(--fg-2);white-space:nowrap;transition:all .12s ease}.filter-tabs button:hover{color:var(--violet)}.filter-tabs button.active{background:var(--violet);color:#fff}.sidebar-list{flex:1 1;overflow-y:auto;padding:var(--space-3)}.comment-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);cursor:pointer;transition:box-shadow .2s var(--ease-soft),border-color .12s ease;position:relative}.comment-card:hover{box-shadow:var(--shadow-md);border-color:transparent}.comment-card.selected{border-color:var(--violet);box-shadow:0 0 0 3px var(--lavande-100)}.comment-card.resolved{opacity:.65}.comment-card .row1{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.comment-card .num{width:24px;height:24px;border-radius:50% 50% 50% 4px;background:var(--violet);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:var(--fw-extrabold);transform:rotate(-45deg)}.comment-card .num span{transform:rotate(45deg)}.comment-card.resolved .num{background:var(--charbon-300)}.comment-card .num-wrap{display:flex;align-items:center;gap:var(--space-2)}.comment-card .page-tag{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--fg-3)}.comment-card .preview{font-size:var(--fs-small);color:var(--fg-1);margin-top:4px;line-height:var(--lh-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.comment-card .footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3);font-size:var(--fs-micro);color:var(--fg-3)}.comment-card .replies{color:var(--fg-2);font-weight:var(--fw-bold)}.comment-card .status-pill{font-size:10px;font-weight:var(--fw-extrabold);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:3px 10px;border-radius:var(--radius-pill)}.status-pill.open{background:var(--violet-50);color:var(--violet)}.status-pill.resolved{background:var(--charbon-100);color:var(--fg-2)}.empty{text-align:center;padding:56px var(--space-5);color:var(--fg-2)}.empty .icon{width:52px;height:52px;margin:0 auto var(--space-3);border-radius:50%;background:var(--lavande-100);display:grid;place-items:center;color:var(--violet)}.empty h3{margin:0 0 6px;font-size:var(--fs-body);color:var(--charbon-700);font-weight:var(--fw-bold)}.empty p{margin:0 auto;line-height:var(--lh-normal);max-width:30ch;color:var(--fg-2)}.banner,.empty p{font-size:var(--fs-small)}.banner{margin:0 0 var(--space-4);padding:var(--space-4);background:var(--lavande-100);border-radius:var(--radius-md);color:var(--charbon-700);display:flex;gap:var(--space-3);align-items:flex-start;max-width:760px}.banner .banner-icon{color:var(--violet);flex-shrink:0;margin-top:2px}.banner strong{color:var(--violet);font-weight:var(--fw-bold)}.banner .banner-actions{margin-top:var(--space-3);display:flex;gap:var(--space-2);flex-wrap:wrap}.banner button{font-size:var(--fs-micro);padding:8px 14px;border-radius:var(--radius-pill);background:var(--bg-elevated);border:1px solid var(--border);color:var(--violet);font-weight:var(--fw-bold)}.banner button:hover{background:var(--violet-50)}.banner button.primary{background:var(--violet);color:#fff;border-color:var(--violet)}.banner button.primary:hover{background:var(--violet-700)}.modal-overlay{position:fixed;inset:0;background:rgba(46,26,86,.45);z-index:100;display:grid;place-items:center;padding:var(--space-5)}.modal{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:480px;overflow:hidden}.modal-head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0;font-size:var(--fs-h3);font-family:var(--font-display);font-weight:var(--fw-extrabold);color:var(--violet)}.modal-body{padding:var(--space-4) var(--space-5)}.modal-body p{margin:0 0 var(--space-3);color:var(--fg-2);font-size:var(--fs-small)}.modal-foot{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);background:var(--bg);display:flex;justify-content:flex-end;gap:var(--space-2)}.field{margin-bottom:var(--space-3)}.field label{display:block;font-size:var(--fs-micro);font-weight:var(--fw-bold);color:var(--fg-2);margin-bottom:6px}.field input,.field textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);outline:none;background:var(--bg-elevated)}.field input:focus,.field textarea:focus{border-color:var(--violet)}.upload-zone{border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:var(--space-5);text-align:center;color:var(--fg-2);font-size:var(--fs-small);cursor:pointer;transition:all .12s ease}.upload-zone:hover{border-color:var(--violet);background:var(--violet-50);color:var(--violet)}.toast{position:fixed;bottom:var(--space-5);left:50%;transform:translateX(-50%);background:var(--charbon-900);color:#fff;padding:12px 20px;border-radius:var(--radius-pill);font-size:var(--fs-small);font-weight:var(--fw-bold);z-index:200;box-shadow:var(--shadow-lg);animation:toast-in .2s var(--ease-soft)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.pin-fab{position:fixed;bottom:var(--space-5);left:calc(50% - 190px);transform:translateX(-50%);background:var(--violet);color:#fff;padding:13px 22px;border-radius:var(--radius-pill);font-size:var(--fs-small);font-weight:var(--fw-bold);display:flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-violet);z-index:50;cursor:pointer;transition:transform .2s var(--ease-soft),background .12s ease}.pin-fab:hover{transform:translateX(-50%) translateY(-2px)}.pin-fab.active{background:var(--charbon-900)}.pin-fab kbd{font-family:var(--font-mono);background:hsla(0,0%,100%,.2);padding:1px 7px;border-radius:var(--radius-xs);font-size:var(--fs-micro)}@media print{body{overflow:visible;background:#fff}.banner,.canvas-wrap,.pin-fab,.sidebar,.toast,.topbar{display:none!important}.print-view{display:block!important}.print-view,.print-view.active{position:static!important;inset:auto!important;height:auto!important;overflow:visible!important;z-index:auto!important}.print-view .print-head{display:none!important}.print-view .print-content{padding:0!important}}.print-view{display:none}.print-view.active{display:block;position:fixed;inset:0;background:#fff;z-index:1000;overflow-y:auto}.print-view .print-head{position:-webkit-sticky;position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);padding:var(--space-3) var(--space-6);display:flex;justify-content:space-between;align-items:center;z-index:2}.print-view .print-content{max-width:800px;margin:0 auto;padding:var(--space-8) var(--space-6)}.print-view h1{font-size:var(--fs-h1);font-family:var(--font-display);font-weight:var(--fw-extrabold);color:var(--violet);margin:0 0 var(--space-2);letter-spacing:var(--tracking-tight)}.print-view h2{font-size:var(--fs-h4);font-family:var(--font-sans);font-weight:var(--fw-bold);color:var(--charbon-700)}.print-view .print-meta{color:var(--fg-2);font-size:var(--fs-small);margin-bottom:var(--space-6)}.print-view .print-comment{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3);page-break-inside:avoid}.print-view .print-comment-head{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.print-view .print-comment-head .num{width:28px;height:28px;border-radius:50% 50% 50% 4px;background:var(--violet);color:#fff;display:grid;place-items:center;font-size:var(--fs-micro);font-weight:var(--fw-extrabold);transform:rotate(-45deg);flex-shrink:0}.print-view .print-comment-head .num span{transform:rotate(45deg)}.print-view .print-comment.resolved .num{background:var(--charbon-300)}.print-view .print-thread{padding:6px 0}.print-view .print-thread+.print-thread{border-top:1px dashed var(--border);margin-top:var(--space-2);padding-top:12px}.print-view .print-thread .author{font-weight:var(--fw-bold);font-size:var(--fs-micro)}.print-view .print-thread .when{color:var(--fg-3);font-size:var(--fs-micro);margin-left:6px}.print-view .print-thread .body{margin-top:4px;white-space:pre-wrap}.print-view .print-loc{font-family:var(--font-mono)}@page{size:A4;margin:18mm 14mm}.kbd-hint,.print-view .print-loc{font-size:var(--fs-micro);color:var(--fg-3)}.spinner{width:30px;height:30px;border:3px solid var(--lavande-100);border-top-color:var(--violet);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-state{gap:var(--space-3);color:var(--fg-2);font-size:var(--fs-small)}.empty-frame,.loading-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff}.empty-frame{gap:var(--space-2);text-align:center;padding:var(--space-6)}.empty-frame-icon{width:60px;height:60px;border-radius:50%;background:var(--lavande-100);color:var(--violet);display:grid;place-items:center;margin-bottom:var(--space-2)}.empty-frame-title{font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:var(--fs-h4);color:var(--violet)}.empty-frame p{max-width:38ch;font-size:var(--fs-small);color:var(--fg-2);margin:0}.auth-wrap{min-height:100vh;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);background:radial-gradient(1200px 500px at 50% -10%,var(--lavande-50),transparent),var(--bg)}.auth-card{width:100%;max-width:400px;background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6)}.auth-brand{display:flex;align-items:center;gap:var(--space-2)}.auth-brand img{width:30px;height:30px;border-radius:var(--radius-xs);display:block}.auth-brand-name{font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:1.125rem;letter-spacing:var(--tracking-tight);color:var(--violet)}.auth-sub{font-size:var(--fs-small);color:var(--fg-2);margin:var(--space-3) 0 var(--space-4)}.auth-tabs{display:flex;gap:2px;background:var(--bg);border:1px solid var(--border);padding:3px;margin-bottom:var(--space-4)}.auth-tabs,.auth-tabs button{border-radius:var(--radius-pill)}.auth-tabs button{flex:1 1;height:34px;font-size:var(--fs-micro);font-weight:var(--fw-bold);color:var(--fg-2);transition:all .12s ease}.auth-tabs button:hover{color:var(--violet)}.auth-tabs button.active{background:var(--violet);color:#fff}.auth-form{display:flex;flex-direction:column;gap:var(--space-3)}.auth-submit{width:100%;justify-content:center}.auth-hint{font-size:var(--fs-micro);color:var(--fg-3);margin:0;text-align:center}.auth-msg{font-size:var(--fs-small);border-radius:var(--radius-md);padding:10px 14px;margin-bottom:var(--space-3);line-height:var(--lh-normal)}.auth-msg.error{background:#fcebea;color:var(--danger)}.auth-msg.ok{background:var(--lavande-50);color:var(--violet)}.auth-foot{font-size:var(--fs-micro);color:var(--fg-3);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.dash{min-height:100vh;overflow:auto;background:var(--bg);display:flex;flex-direction:column}.dash-top{justify-content:space-between;height:64px;padding:0 var(--space-6);background:var(--bg-elevated);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:10}.dash-top,.dash-top .brand{display:flex;align-items:center}.dash-top .brand,.dash-top-right{gap:var(--space-2)}.dash-top-right{display:flex;align-items:center}.dash-user{font-size:var(--fs-small);color:var(--fg-2);margin-right:var(--space-2)}.dash-main{width:100%;max-width:1100px;margin:0 auto;padding:var(--space-6)}.dash-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.dash-h1{font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:var(--fs-h2);color:var(--violet);letter-spacing:var(--tracking-tight);margin:0}.dash-sub{color:var(--fg-2);margin:4px 0 0}.dash-banner,.dash-sub{font-size:var(--fs-small)}.dash-banner{border-radius:var(--radius-md);padding:12px 16px;margin-bottom:var(--space-4)}.dash-banner.ok{background:var(--lavande-50);color:var(--violet)}.dash-banner.error{background:#fcebea;color:var(--danger)}.dash-form{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5)}.dash-form h3{margin:0 0 var(--space-4);color:var(--violet)}.dash-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3)}.dash-form-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-4)}.dash-hint{font-size:var(--fs-micro);color:var(--fg-3);margin:0}@media (max-width:760px){.dash-form-grid{grid-template-columns:1fr}}.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.dash-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);transition:box-shadow .2s var(--ease-soft),border-color .12s ease}.dash-card:hover{box-shadow:var(--shadow-md);border-color:transparent}.dash-card.archived{opacity:.62}.dash-card.archived:hover{opacity:1}.dash-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.dash-client{font-weight:var(--fw-bold);color:var(--charbon-900)}.dash-statut{font-size:10px;font-weight:var(--fw-extrabold);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:3px 10px;border-radius:var(--radius-pill);background:var(--violet-50);color:var(--violet)}.dash-statut.archive{background:var(--charbon-100);color:var(--fg-2)}.dash-projet{font-size:var(--fs-small);color:var(--fg-1);margin-bottom:2px}.dash-url{font-family:var(--font-mono);color:var(--fg-3);word-break:break-all}.dash-counts,.dash-url{font-size:var(--fs-micro);margin-bottom:var(--space-3)}.dash-counts{display:flex;gap:var(--space-4);color:var(--fg-2)}.dash-counts strong{color:var(--charbon-700)}.dash-counts .dot-open{background:var(--violet)}.dash-counts .dot-open,.dash-counts .dot-resolved{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px}.dash-counts .dot-resolved{background:var(--charbon-300)}.dash-card-foot{justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:var(--space-3)}.dash-card-actions,.dash-card-foot{display:flex;align-items:center;gap:var(--space-2)}.dash-card-actions{margin-left:auto}.dash-email{font-size:var(--fs-micro);color:var(--fg-3)}.dash-pw{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.dash-pw input{flex:1 1;min-width:0;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--fs-micro);outline:none;background:var(--bg)}.dash-pw input:focus{border-color:var(--violet)}.dash-empty{text-align:center;padding:64px var(--space-5);color:var(--fg-2);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.dash-empty .icon{width:56px;height:56px;margin:0 auto var(--space-3);border-radius:50%;background:var(--lavande-100);display:grid;place-items:center;color:var(--violet)}.dash-empty h3{margin:0 0 6px;color:var(--charbon-900)}.dash-empty p{margin:0 auto;max-width:42ch;font-size:var(--fs-small)}.read-list{display:flex;flex-direction:column;gap:var(--space-3)}.read-list .print-comment{background:var(--bg-elevated)}