@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap";:root{--bg: #0d0d12;--bg2: #16161f;--bg3: #1e1e2e;--card-bg: rgba(255,255,255,.04);--card-border: rgba(255,255,255,.07);--card-hover-bg: rgba(255,255,255,.07);--card-hover-border: rgba(255,255,255,.14);--text: #ffffff;--text-dim: rgba(255,255,255,.38);--text-muted: rgba(255,255,255,.25);--border: rgba(255,255,255,.1);--border-dim: rgba(255,255,255,.06);--input-bg: rgba(255,255,255,.05);--accent: #7C3AED;--accent-rgb: 124,58,237;--accent-text: #a78bfa;--accent-bright: #c4b5fd;--panel-bg: rgba(255,255,255,.04);--selection: rgba(124,58,237,.3)}*{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--selection)}input,select,textarea{outline:none;font-family:inherit}::-webkit-scrollbar{display:none}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 650px){.card-grid{grid-template-columns:1fr}}.card{width:100%;height:100%;display:flex;flex-direction:column;position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;padding:14px;cursor:pointer;transition:border-color .2s,background .2s,transform .15s;overflow:hidden;-webkit-user-select:none;user-select:none;color:var(--text)}.card:hover{background:var(--card-hover-bg);border-color:var(--card-hover-border);transform:translateY(-1px)}.card.reorder-mode{cursor:grab;transform:none!important}.card.reorder-mode:active{cursor:grabbing}.card.is-private{border-color:#fbbf242e}.card.is-private:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 20px 20px 0;border-color:transparent rgba(251,191,36,.4) transparent transparent;border-radius:0 18px 0 0}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:18px 18px 0 0;background:var(--accent);opacity:0;transition:opacity .2s}.card:hover:before,.card.reorder-mode:before{opacity:1}.actions{position:absolute;top:10px;right:10px;display:flex;gap:5px;opacity:0;transition:opacity .15s}.card:hover .actions{opacity:1}.ibtn{width:26px;height:26px;border-radius:7px;border:1px solid var(--border);background:#0006;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:background .15s,color .15s}.ibtn:hover{background:#ffffff1f;color:var(--text)}.ibtn.del:hover{background:#ef444433;color:#f87171;border-color:#ef44444d}.exticon{opacity:0;transition:opacity .15s;flex-shrink:0}.card:hover .exticon{opacity:.3}.fi{width:100%;background:var(--input-bg);border:1px solid var(--border);border-radius:10px;padding:8px 12px;color:var(--text);font-size:13px;transition:border-color .2s,background .2s}.fi:focus{border-color:rgba(var(--accent-rgb),.6);background:var(--input-bg)}.fi::placeholder{color:var(--text-muted)}.fta{width:100%;background:var(--input-bg);border:1px solid var(--border);border-radius:10px;padding:8px 12px;color:var(--text);font-size:13px;resize:vertical;min-height:64px;line-height:1.5;transition:border-color .2s,background .2s}.fta:focus{border-color:rgba(var(--accent-rgb),.6);background:var(--input-bg)}.fta::placeholder{color:var(--text-muted)}.fsel{width:100%;background:var(--input-bg);border:1px solid var(--border);border-radius:10px;padding:8px 12px;color:var(--text);font-size:13px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.fsel option{background:var(--bg2);color:var(--text)}.flabel{font-size:11px;color:var(--text-dim);font-weight:500;margin-bottom:6px;letter-spacing:.04em}.bp{background:var(--accent);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:500;padding:8px 16px;cursor:pointer;font-family:inherit;transition:background .15s}.bp:hover{filter:brightness(1.1)}.bp:disabled{opacity:.5;cursor:not-allowed}.bg2{background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text-dim);font-size:13px;padding:8px 16px;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.bg2:hover{background:var(--input-bg);color:var(--text)}.addbtn{background:rgba(var(--accent-rgb),.08);border:1px dashed rgba(var(--accent-rgb),.25);border-radius:18px;color:rgba(var(--accent-rgb),.7);font-size:13px;font-weight:500;padding:18px;cursor:pointer;font-family:inherit;width:100%;text-align:center;transition:all .18s;display:flex;align-items:center;justify-content:center;gap:7px}.addbtn:hover{background:rgba(var(--accent-rgb),.14);border-color:rgba(var(--accent-rgb),.4);color:var(--accent-text)}.bottom-btn{background:var(--input-bg);border:1px solid var(--border);border-radius:18px;color:var(--text-dim);font-size:13px;font-weight:500;padding:18px 16px;cursor:pointer;font-family:inherit;transition:all .18s;display:flex;align-items:center;gap:6px;white-space:nowrap}.bottom-btn:hover{background:rgba(var(--accent-rgb),.07);color:var(--text)}.bottom-btn.active{background:rgba(var(--accent-rgb),.15);border-color:rgba(var(--accent-rgb),.3);color:var(--accent-text)}.action-btn{display:flex;align-items:center;gap:7px;border-radius:9px;font-size:12px;font-weight:500;padding:7px 14px;cursor:pointer;font-family:inherit;transition:all .15s;border:1px solid var(--border);background:var(--input-bg);color:var(--text-dim)}.action-btn:hover{background:#ffffff1f;color:var(--text)}.action-btn.done{background:#05966926;border-color:#34d3994d;color:#34d399}.action-btn.purple{background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.3);color:var(--accent-text)}.action-btn.purple:hover{background:rgba(var(--accent-rgb),.18);color:var(--text)}.action-btn.err{background:#dc262626;border-color:#dc26264d;color:#f87171}.ttog{display:flex;background:var(--input-bg);border:1px solid var(--border-dim);border-radius:9px;padding:3px;gap:3px}.topt{flex:1;padding:6px;border-radius:6px;border:none;background:transparent;color:var(--text-dim);font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s;text-align:center}.topt:hover{color:var(--accent-bright)}.topt.on{background:rgba(var(--accent-rgb),.35);border:1px solid rgba(var(--accent-rgb),.6);color:var(--accent-bright)}.private-toggle{display:flex;align-items:center;gap:10px;background:var(--input-bg);border:1px solid var(--border-dim);border-radius:10px;padding:10px 14px;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.private-toggle:hover{background:var(--card-hover-bg)}.private-toggle.on{background:#fbbf2414;border-color:#fbbf2440}.toggle-track{width:32px;height:18px;border-radius:9px;background:#ffffff26;transition:background .2s;flex-shrink:0;position:relative}.toggle-track.on{background:#f59e0b}.toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s}.toggle-thumb.on{transform:translate(14px)}.ftab{background:transparent;border:1px solid var(--border-dim);border-radius:20px;padding:5px 12px;color:var(--text-dim);font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;gap:4px}.ftab:hover{border-color:var(--border);color:var(--text-dim)}.ftab.on{background:var(--input-bg);border-color:var(--border);color:var(--text)}.ftab.tsite{border-color:#34d39933;color:#34d3998c}.ftab.tsite:hover{border-color:#34d39966;color:#34d399}.ftab.tsite.on{background:#05966926;border-color:#34d39966;color:#34d399}.ftab.tartefact{border-color:#a78bfa33;color:#a78bfa8c}.ftab.tartefact:hover{border-color:#a78bfa66;color:#a78bfa}.ftab.tartefact.on{background:#7c3aed26;border-color:#a78bfa66;color:#a78bfa}.ftab.textension{border-color:#22d3ee33;color:#22d3ee8c}.ftab.textension:hover{border-color:#22d3ee66;color:#22d3ee}.ftab.textension.on{background:#0891b226;border-color:#22d3ee66;color:#22d3ee}.ftab.tworkflow{border-color:#facc1533;color:#facc158c}.ftab.tworkflow:hover{border-color:#facc1566;color:#facc15}.ftab.tworkflow.on{background:#eab30826;border-color:#facc1566;color:#facc15}.ftab.tprojet{border-color:#818cf833;color:#818cf88c}.ftab.tprojet:hover{border-color:#818cf866;color:#818cf8}.ftab.tprojet.on{background:#6366f126;border-color:#818cf866;color:#818cf8}.ftab.tlinkedin{border-color:#38bdf833;color:#38bdf88c}.ftab.tlinkedin:hover{border-color:#38bdf866;color:#38bdf8}.ftab.tlinkedin.on{background:#0284c726;border-color:#38bdf866;color:#38bdf8}.ftab.disabled{opacity:.25;pointer-events:none}.ftab.cquotidien{border-color:#38bdf833;color:#38bdf88c}.ftab.cquotidien:hover{border-color:#38bdf866;color:#38bdf8}.ftab.cquotidien.on{background:#0ea5e926;border-color:#38bdf866;color:#38bdf8}.ftab.csortie{border-color:#fb923c33;color:#fb923c8c}.ftab.csortie:hover{border-color:#fb923c66;color:#fb923c}.ftab.csortie.on{background:#fb923c26;border-color:#fb923c66;color:#fb923c}.ftab.ctravail{border-color:#818cf833;color:#818cf88c}.ftab.ctravail:hover{border-color:#818cf866;color:#818cf8}.ftab.ctravail.on{background:#6366f126;border-color:#818cf866;color:#818cf8}.ftab.csport{border-color:#a3e63533;color:#a3e6358c}.ftab.csport:hover{border-color:#a3e63566;color:#a3e635}.ftab.csport.on{background:#65a30d26;border-color:#a3e63566;color:#a3e635}.ftab.cinfos{border-color:#22d3ee33;color:#22d3ee8c}.ftab.cinfos:hover{border-color:#22d3ee66;color:#22d3ee}.ftab.cinfos.on{background:#0891b226;border-color:#22d3ee66;color:#22d3ee}.ftab.cperso{border-color:#f472b633;color:#f472b68c}.ftab.cperso:hover{border-color:#f472b666;color:#f472b6}.ftab.cperso.on{background:#db277726;border-color:#f472b666;color:#f472b6}.csw{width:21px;height:21px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .15s,border-color .15s;flex-shrink:0}.csw:hover{transform:scale(1.2)}.csw.on{border-color:var(--text);transform:scale(1.1)}.panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:8px}.export-pre{font-family:monospace;font-size:11px;color:var(--text-dim);line-height:1.75;white-space:pre-wrap;word-break:break-all;margin-bottom:14px}.export-note{font-size:11px;color:#fbbf24a6;margin-bottom:10px;display:flex;align-items:center;gap:5px}.sync-tabs{display:flex;background:var(--input-bg);border:1px solid var(--border-dim);border-radius:9px;padding:3px;gap:3px;margin-bottom:14px}.sync-tab{flex:1;padding:7px;border-radius:6px;border:none;background:transparent;color:var(--text-dim);font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.sync-tab.on{background:var(--card-hover-bg);color:var(--text)}.sync-json{width:100%;background:#0000004d;border:1px solid var(--border-dim);border-radius:10px;padding:10px 12px;color:var(--text-dim);font-family:monospace;font-size:10px;resize:none;height:120px;line-height:1.5}.sync-import-ta{width:100%;background:var(--input-bg);border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text);font-family:monospace;font-size:10.5px;resize:vertical;min-height:100px;line-height:1.5;transition:border-color .2s}.sync-import-ta:focus{border-color:rgba(var(--accent-rgb),.6)}.sync-import-ta::placeholder{color:var(--text-muted)}.reorder-banner{background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.3);border-radius:14px;padding:10px 14px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:10px}.photo-grid{display:flex;flex-wrap:wrap;gap:7px;align-items:flex-start}.photo-thumb{position:relative;width:60px;height:60px;border-radius:9px;overflow:hidden;flex-shrink:0;background:var(--input-bg)}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.photo-thumb .rm{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:#000000b8;border:none;color:#fff;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.photo-thumb:hover .rm{opacity:1}.photo-add{width:60px;height:60px;border-radius:9px;border:1px dashed var(--border);background:var(--input-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;flex-shrink:0;transition:border-color .2s,background .2s}.photo-add:hover{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.07)}.top-bar{position:fixed;top:14px;right:14px;z-index:999;display:flex;align-items:center;gap:8px}.lang-btn{display:flex;align-items:center;gap:5px;background:var(--input-bg);border:1px solid var(--border);border-radius:20px;padding:7px 13px;color:var(--text);font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap}.lang-btn:hover{background:var(--card-hover-bg);border-color:var(--card-hover-border)}.lang-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:5px;min-width:130px;display:flex;flex-direction:column;gap:2px;box-shadow:0 8px 24px #0006}.lang-option{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-dim);font-size:13px;font-family:inherit;cursor:pointer;transition:background .15s,color .15s;text-align:left}.lang-option:hover{background:var(--input-bg);color:var(--text)}.lang-option.active{background:rgba(var(--accent-rgb),.18);color:var(--accent-text)}.theme-btn{display:flex;align-items:center;gap:5px;background:var(--input-bg);border:1px solid var(--border);border-radius:20px;padding:7px 13px;color:var(--text);font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap}.theme-btn:hover{background:var(--card-hover-bg);border-color:var(--card-hover-border)}.theme-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:5px;min-width:160px;display:flex;flex-direction:column;gap:2px;box-shadow:0 8px 24px #0006}.theme-option{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-dim);font-size:13px;font-family:inherit;cursor:pointer;transition:background .15s,color .15s;text-align:left;width:100%}.theme-option:hover{background:var(--input-bg);color:var(--text)}.theme-option.active{background:rgba(var(--accent-rgb),.18);color:var(--accent-text)}.search-wrap{display:flex;align-items:center;gap:8px;background:var(--input-bg);border:1px solid var(--border);border-radius:12px;padding:7px 12px;transition:border-color .2s}.search-wrap:focus-within{border-color:rgba(var(--accent-rgb),.5)}.search-input{flex:1;background:none;border:none;color:var(--text);font-size:12px;font-family:inherit;outline:none}.search-input::placeholder{color:var(--text-muted)}.search-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:11px;padding:0;line-height:1;transition:color .15s}.search-clear:hover{color:var(--text)}
