:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}:root{--bg:#f7f3ef;--surface:#fff;--surface-soft:#fff8f2;--panel-strong:#fff;--text:#211c1f;--muted:#756b70;--border:#211c1f1a;--shadow:0 18px 45px #211c1f17;--coral:#df5d73;--coral-dark:#b94459;--green:#27976f;--green-dark:#1f795a;--teal:#249887;--gold:#d89a2c;--violet:#7668d9;--ink:#292329}html{background:var(--bg);min-width:320px}body{min-width:320px;color:var(--text);background:radial-gradient(circle at 12% 8%,#df5d7329,#0000 28rem),radial-gradient(circle at 88% 14%,#24988724,#0000 26rem),linear-gradient(135deg,#f8f2ec 0%,#edf6f2 54%,#faf7f2 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{min-height:100dvh;display:flex}.sidebar{color:#fff;background:linear-gradient(180deg, #ffffff14, transparent 42%), var(--ink);z-index:10;flex-direction:column;gap:28px;width:280px;height:100dvh;padding:30px 18px;display:flex;position:sticky;top:0;box-shadow:14px 0 40px #211c1f2e}.sidebar h1{letter-spacing:0;border-bottom:1px solid #ffffff21;margin:0;padding:0 12px 22px;font-size:25px;font-weight:950;line-height:1.05}.sidebar h1:after{content:"Espace couple";color:#ffffff94;text-transform:uppercase;letter-spacing:.08em;margin-top:9px;font-size:12px;font-weight:800;display:block}.sidebar nav{flex-direction:column;gap:8px;display:flex}.sidebar button{color:#ffffffbd;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;min-height:46px;padding:12px 14px;font-weight:800;transition:transform .17s,background-color .17s,color .17s,box-shadow .17s;display:flex}.sidebar button:before{color:#ffffffe6;background:#ffffff1a;border-radius:8px;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:15px;font-weight:950;display:inline-grid}.sidebar button:first-child:before{content:"⌂"}.sidebar button:nth-child(2):before{content:"✓"}.sidebar button:nth-child(3):before{content:"◷"}.sidebar button:nth-child(4):before{content:"☰"}.sidebar button:nth-child(5):before{content:"✎"}.sidebar button:nth-child(6):before{content:"✦"}.sidebar button:nth-child(7):before{content:"◎"}.sidebar button:hover{color:#fff;background:#ffffff1a;transform:translate(3px)}.sidebar button.active{color:#fff;background:linear-gradient(135deg, var(--coral), var(--violet));box-shadow:0 14px 28px #df5d7352}.sidebar button.active:before{color:var(--coral-dark);background:#ffffffeb}.sidebar button:focus-visible{outline-offset:3px;outline:3px solid #ffffff5c}.main-content{flex:1;width:100%;max-width:1320px;margin:0 auto;padding:38px}.hero,.page{animation:.26s both pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(135deg,#fffffff5,#fff8f2e0),linear-gradient(135deg,#df5d732b,#24988721);border-radius:8px;margin-bottom:26px;padding:clamp(24px,4vw,42px);position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(135deg, var(--coral), var(--violet));opacity:.13;border-radius:999px;width:190px;height:190px;position:absolute;top:-48px;right:-48px}.hero h2{z-index:1;background:linear-gradient(135deg, var(--coral), var(--violet));color:#fff;letter-spacing:0;border-radius:8px;max-width:100%;margin:0 0 14px;padding:12px 18px;font-size:clamp(32px,5vw,56px);font-weight:950;line-height:1.05;display:inline-flex;position:relative;box-shadow:0 16px 34px #df5d7347}.hero p{z-index:1;max-width:620px;color:var(--muted);margin:0;font-size:clamp(16px,2vw,18px);font-weight:650;line-height:1.65;position:relative}.page{width:100%;max-width:1060px}.page>h2{letter-spacing:0;margin:0 0 8px;font-size:clamp(34px,4vw,50px);font-weight:950;line-height:1.05}.page>p{max-width:700px;color:var(--muted);margin:0 0 26px;font-size:clamp(16px,2vw,18px);line-height:1.65}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.card{border:1px solid var(--border);background:#ffffffe6;border-radius:8px;min-height:190px;padding:24px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 12px 30px #211c1f12}.card:before{content:"";background:linear-gradient(90deg, var(--coral), var(--teal), var(--gold));height:4px;position:absolute;inset:0 0 auto}.card:hover{border-color:#df5d7340;transform:translateY(-4px);box-shadow:0 22px 48px #211c1f1f}.card h3{margin:0 0 18px;font-size:21px;font-weight:900;line-height:1.2}.card p,.card li{color:var(--muted);font-size:15.5px;font-weight:560;line-height:1.7}.card p{margin:0 0 10px}.card p:last-child{margin-bottom:0}.card ul,.task-list,.check-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.card li{padding-left:25px;position:relative}.card li:before{content:"";background:var(--coral);border-radius:999px;width:9px;height:9px;position:absolute;top:.72em;left:0;box-shadow:0 0 0 4px #df5d731f}.form-row{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.form-row input,.form-row select{border:1px solid var(--border);min-width:180px;color:var(--text);background:var(--panel-strong);border-radius:8px;flex:1;padding:12px 14px}.form-row button{color:#fff;background:linear-gradient(135deg, var(--coral), var(--coral-dark));cursor:pointer;border:0;border-radius:8px;padding:12px 16px;font-weight:850;transition:transform .16s,opacity .16s}.form-row button:hover{opacity:.93;transform:translateY(-2px)}.form-row input:focus,.form-row select:focus{border-color:#df5d7373;outline:3px solid #df5d7338}.task-item{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;display:grid}.task-item:before{display:none}.task-item strong{color:var(--text);margin-bottom:4px;display:block}.task-item span{color:var(--muted);font-size:14px;display:block}.task-item-done strong{color:var(--muted);text-decoration:line-through}.task-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.task-actions button{min-height:30px;color:var(--green-dark);cursor:pointer;box-shadow:none;background:#27976f1a;border:1px solid #27976f38;border-radius:999px;padding:5px 10px;font-size:12.5px;font-weight:850;transition:background-color .16s,color .16s,transform .16s,border-color .16s}.task-actions button:hover{color:#fff;background:var(--green);border-color:var(--green);transform:translateY(-1px)}.task-actions button:nth-child(2){color:var(--coral-dark);background:#df5d7317;border-color:#b9445938}.task-actions button:nth-child(2):hover{color:#fff;background:var(--coral);border-color:var(--coral)}.task-actions button:last-child:not(:nth-child(2)){color:#1d7669;background:#2498871a;border-color:#24988738}.task-actions button:last-child:not(:nth-child(2)):hover{color:#fff;background:var(--teal);border-color:var(--teal)}.lists-layout{grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.list-selector{gap:10px;display:grid}.list-selector button{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface);text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;gap:5px;padding:14px;font-weight:850;transition:background-color .16s,border-color .16s,transform .16s,box-shadow .16s;display:flex}.list-selector button:hover{background:var(--surface-soft);border-color:#df5d7347;transform:translateY(-2px);box-shadow:0 12px 24px #211c1f14}.list-selector button.active{color:#fff;background:linear-gradient(135deg, var(--coral), var(--violet));border-color:#0000;box-shadow:0 14px 28px #df5d733d}.list-selector button span{color:var(--muted);font-size:13px;font-weight:650}.list-selector button.active span{color:#ffffffc7}.check-list{margin-top:18px}.check-item{border-bottom:1px solid var(--border);padding:12px 0}.check-item:before{display:none}.check-item label{cursor:pointer;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:12px;display:grid}.check-item input{width:18px;height:18px;accent-color:var(--green);cursor:pointer}.check-item span{min-width:0;color:var(--text);overflow-wrap:anywhere;font-weight:650}.check-item.checked span{color:var(--muted);text-decoration:line-through}.form-column{gap:12px;display:grid}.form-column input,.form-column textarea{border:1px solid var(--border);width:100%;color:var(--text);background:var(--panel-strong);border-radius:8px;padding:12px 14px}.form-column textarea{resize:vertical;min-height:120px}.form-column input:focus,.form-column textarea:focus{border-color:#df5d7373;outline:3px solid #df5d7338}.form-column button{color:#fff;background:linear-gradient(135deg, var(--coral), var(--coral-dark));cursor:pointer;border:0;border-radius:8px;width:fit-content;padding:12px 16px;font-weight:850;transition:transform .16s,opacity .16s}.form-column button:hover{opacity:.93;transform:translateY(-2px)}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.note-card{min-height:170px}.note-card button{color:#555b66;cursor:pointer;background:#6f737c1a;border:1px solid #6f737c38;border-radius:8px;margin-top:14px;padding:8px 11px;font-size:13px;font-weight:850;transition:background-color .16s,color .16s,transform .16s}.note-card button:hover{color:#fff;background:#6f737c;transform:translateY(-1px)}.ideas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.idea-card{flex-direction:column;justify-content:space-between;min-height:190px;display:flex}.idea-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.idea-actions select{border:1px solid var(--border);min-width:150px;color:var(--text);background:var(--panel-strong);border-radius:8px;flex:1;padding:9px 11px;font-weight:650}.idea-actions select:focus{border-color:#df5d7373;outline:3px solid #df5d7338}.idea-actions button{color:#555b66;cursor:pointer;background:#6f737c1a;border:1px solid #6f737c38;border-radius:8px;padding:9px 11px;font-size:13px;font-weight:850;transition:background-color .16s,color .16s,transform .16s}.idea-actions button:hover{color:#fff;background:#6f737c;transform:translateY(-1px)}@media (width<=1024px){.sidebar{width:250px}.main-content{padding:30px}.lists-layout{grid-template-columns:260px minmax(0,1fr)}}@media (width<=820px){.app{flex-direction:column}.sidebar{width:100%;height:auto;padding:calc(18px + env(safe-area-inset-top)) 16px 16px;gap:16px;position:sticky;box-shadow:0 10px 30px #211c1f24}.sidebar h1{border-bottom:0;padding:0;font-size:22px}.sidebar h1:after{display:none}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.sidebar button{text-align:left;white-space:normal;justify-content:flex-start;width:100%;min-width:0;min-height:42px;padding:9px 10px;font-size:14px}.sidebar button:before{flex-basis:26px;width:26px;height:26px;font-size:11px}.sidebar button:hover,.card:hover,.list-selector button:hover{transform:none}.main-content{padding:22px 16px calc(28px + env(safe-area-inset-bottom))}.dashboard-grid,.lists-layout{grid-template-columns:1fr;gap:16px}.list-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.list-selector button{min-height:76px}.notes-grid,.ideas-grid{grid-template-columns:1fr;gap:16px}}@media (width<=480px){.hero{padding:20px}.hero h2{width:100%;padding:11px 13px;font-size:30px;display:flex}.card{min-height:auto;padding:20px}.page>h2{font-size:32px}.form-row{flex-direction:column}.form-row input,.form-row select,.form-row button{width:100%;min-width:0}.task-item{grid-template-columns:1fr;align-items:start}.task-actions{justify-content:flex-start;width:100%}.task-actions button{flex:none}.list-selector{grid-template-columns:1fr}.check-item label{align-items:flex-start}}@media (width<=380px){.sidebar nav{grid-template-columns:1fr}.hero h2{font-size:27px}.task-actions button{padding:5px 9px;font-size:12px}}@media (width<=820px){.sidebar button:last-child:nth-child(odd){grid-column:1/-1;justify-content:center;justify-self:center;width:min(100%,240px)}}