:root{--sand:#eef3ff;--ink:#0f172a;--ink-soft:#475569;--card:#ffffffd6;--line:#0f172a1a;--gold:#1d4ed8;--teal:#2563eb;--danger:#dc2626;--radius-lg:22px;--radius-md:14px;--shadow:0 18px 42px #2563eb24;color:var(--ink);font-synthesis:none;background:#eaf0ff}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(circle at 10% 10%,#60a5fa5c 0,#0000 30%),radial-gradient(circle at 90% 16%,#38bdf847 0,#0000 28%),radial-gradient(circle at 48% 115%,#ffffffc7 0,#0000 42%),linear-gradient(#f7faff 0%,#edf3ff 48%,#e8f0ff 100%);margin:0;font-family:Sora,Avenir Next,Trebuchet MS,sans-serif}button,input,textarea{-webkit-tap-highlight-color:transparent}.app-shell{gap:.75rem;width:min(1180px,100% - 1.25rem);margin:.85rem auto 1.5rem;display:grid}.headline{background:linear-gradient(145deg, #ffffffe0, #eef5ffc2), var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff9e;border-radius:28px;padding:1.2rem;animation:.42s ease-out drop-in;overflow:hidden}.headline-bar{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.brand-mark{align-items:center;gap:.55rem;display:inline-flex}.brand-orb{background:linear-gradient(145deg,#2563eb,#0ea5e9);border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 6px #2563eb1f}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--teal);margin:0;font-size:.78rem}.headline h1{letter-spacing:-.05em;max-width:11ch;margin:.35rem 0 .65rem;font-size:clamp(1.7rem,5vw,3.5rem);line-height:.98}.sub{color:var(--ink-soft);max-width:55ch;margin:0;font-size:.97rem}.headline-stats{flex-wrap:wrap;gap:.5rem;margin-top:.9rem;display:flex}.headline-stats span,.badge-pill,.tag-pill,.editor-glance span,.meta span,.micro-copy{background:#ffffffdb;border:1px solid #0f172a1a;border-radius:999px;align-items:center;padding:.35rem .65rem;font-size:.76rem;display:inline-flex}.badge-pill{color:var(--teal);font-weight:700}.hero-panels{grid-template-columns:1.15fr .85fr;gap:.7rem;margin-top:1rem;display:grid}.hero-card{border:1px solid #0f172a14;border-radius:24px;gap:.45rem;padding:1rem;display:grid}.hero-card strong{font-size:1.05rem}.hero-card p{color:var(--ink-soft);margin:0;line-height:1.45}.hero-card-primary{background:linear-gradient(145deg,#fffffff5,#dbeafec7)}.hero-card-secondary{background:linear-gradient(145deg,#f1f5fff2,#ffffffd1)}.vault-card{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#ffffffdb,#f8fcffb8);border:1px solid #ffffffa3;border-radius:30px;gap:.9rem;padding:1rem;animation:.48s ease-out rise;display:grid}.vault-overview{grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);gap:.8rem;display:grid}.vault-top{background:#ffffffd1;border:1px solid #0f172a12;border-radius:22px;gap:.55rem;padding:.85rem;display:grid}.focus-card{background:linear-gradient(145deg,#2563eb29,#ffffffd6);border:1px solid #2563eb24;border-radius:22px;align-content:start;gap:.45rem;padding:.9rem;display:grid}.focus-label,.section-kicker{text-transform:uppercase;letter-spacing:.16em;color:var(--ink-soft);margin:0;font-size:.72rem}.focus-card strong{font-size:1.08rem}.focus-card p{color:var(--ink-soft);-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}label{font-size:.86rem;font-weight:600}input,textarea,button{font:inherit}input,textarea{background:#ffffffeb;border:1px solid #0f172a1a;border-radius:16px;width:100%;padding:.82rem .9rem;box-shadow:inset 0 1px #ffffff73,0 1px 2px #1f1b170a}input:focus,textarea:focus,button:focus-visible{outline:2px solid color-mix(in srgb, var(--teal) 72%, white);outline-offset:1px}textarea{resize:vertical;min-height:44vh;font-size:1rem;line-height:1.45}.security-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.actions{flex-wrap:wrap;gap:.55rem;display:flex}button{color:#fff;cursor:pointer;background:linear-gradient(105deg,#2563eb,#1d4ed8);border:0;border-radius:999px;padding:.7rem 1rem;font-weight:600;transition:transform .14s,filter .14s}button:hover{filter:saturate(115%);transform:translateY(-1px)}button.danger{background:linear-gradient(105deg,#dc2626,#b91c1c)}button.secondary,.pane-toggle,.tag-pill,.note-chip{color:var(--ink);background:#ffffffeb;border:1px solid #0f172a1a}.pane-toggle{justify-content:center}button.secondary:hover,.pane-toggle:hover,.tag-pill:hover,.note-chip:hover{filter:none}.status{color:var(--ink-soft);margin:0;font-size:.92rem}.strength{margin:0;font-size:.82rem;font-weight:700}.strength-forte{color:#1f7a1f}.strength-moyenne{color:#8b6c1f}.strength-faible{color:#8f2f24}.hidden-input{display:none}.mobile-panes{grid-template-columns:repeat(2,1fr);gap:.55rem;display:none}.pane-toggle.active,.tag-pill.active{background:linear-gradient(120deg,#2563eb29,#fffffff5);border-color:#2563eb5c}.workspace{grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:.9rem;display:grid}.notes-list{background:#ffffffe0;border:1px solid #0f172a14;border-radius:22px;align-content:start;gap:.5rem;padding:.7rem;display:grid}.list-actions{gap:.55rem;display:grid}.library-head,.editor-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.library-head h2,.editor-head h2{margin:.18rem 0 0;font-size:1.15rem}.tag-cloud{flex-wrap:wrap;gap:.45rem;margin-top:.15rem;display:flex}.tag-pill{padding:.45rem .7rem}.notes-list ul{gap:.55rem;max-height:56vh;margin:0;padding:0 .15rem 0 0;list-style:none;display:grid;overflow:auto}.note-chip{text-align:left;width:100%;color:var(--ink);border-radius:18px;gap:.45rem;min-height:116px;padding:.75rem;display:grid;box-shadow:0 6px 18px #2563eb17}.note-chip.selected{border-color:var(--teal);background:linear-gradient(145deg,#2563eb21,#fffffffa);box-shadow:0 0 0 2px #2563eb33}.note-chip-top{justify-content:space-between;align-items:start;gap:.65rem;display:flex}.note-chip strong{font-size:.9rem}.note-chip p{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.45;display:-webkit-box;overflow:hidden}.note-chip small,.note-chip span{color:var(--ink-soft);font-size:.74rem}.note-chip span{align-self:end}.empty-state{color:var(--ink-soft);background:#ffffff94;border:1px dashed #0f172a33;border-radius:18px;padding:1rem}.editor{background:#ffffffe6;border:1px solid #0f172a14;border-radius:22px;gap:.55rem;padding:.9rem;display:grid}.editor-glance{flex-wrap:wrap;gap:.4rem;display:flex}.editor-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.fab-create{display:none}.meta{color:var(--ink-soft);flex-wrap:wrap;gap:.75rem;font-size:.82rem;display:flex}@media (width<=920px){.vault-overview,.hero-panels{grid-template-columns:1fr}.headline h1{max-width:13ch}.workspace{grid-template-columns:1fr}}@media (width<=640px){.app-shell{width:min(960px,100% - .75rem);margin:.5rem auto 5.25rem}.headline,.vault-card{border-radius:24px;padding:.85rem}.hero-card,.vault-top,.focus-card,.notes-list,.editor{border-radius:20px}.headline-bar,.library-head,.editor-head,.security-line{flex-direction:column;align-items:stretch}.headline h1{max-width:none;font-size:2rem}.headline-stats{gap:.4rem}.mobile-panes{top:calc(env(safe-area-inset-top,0px) + .35rem);z-index:5;display:grid;position:sticky}.notes-list,.editor{display:none}.notes-list.is-visible,.editor.is-visible{display:grid}.notes-list ul{max-height:none;overflow:visible}.vault-card{padding-bottom:5.1rem}textarea{min-height:38vh}.editor-actions{bottom:calc(env(safe-area-inset-bottom,0px) + .5rem);background:linear-gradient(#fff0,#eaf0ffe6 35%);padding-top:.2rem;position:sticky}.fab-create{left:.75rem;right:.75rem;bottom:calc(env(safe-area-inset-bottom,0px) + .65rem);justify-content:center;display:inline-flex}.editor-actions button,.actions button{flex:calc(50% - .55rem)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}