:root{--paper: oklch(.971 .009 82);--paper-2: oklch(.987 .006 86);--paper-sunk: oklch(.945 .011 80);--ink: oklch(.305 .014 70);--ink-soft: oklch(.468 .013 70);--ink-faint: oklch(.62 .011 74);--ink-ghost: oklch(.73 .009 78);--line: oklch(.89 .01 78);--line-soft: oklch(.918 .008 80);--d-jardin: oklch(.62 .085 148);--d-jardin-t: oklch(.95 .03 148);--d-piscine: oklch(.63 .085 232);--d-piscine-t:oklch(.95 .028 232);--d-maison: oklch(.64 .075 66);--d-maison-t: oklch(.95 .03 66);--d-corps: oklch(.64 .08 28);--d-corps-t: oklch(.95 .028 28);--d-joie: oklch(.7 .09 88);--d-joie-t: oklch(.95 .04 92);--d-peine: oklch(.58 .03 268);--d-peine-t: oklch(.93 .012 268);--d-admin: oklch(.6 .012 80);--d-admin-t: oklch(.94 .008 80);--ease: cubic-bezier(.22,.61,.36,1);--ease-soft: cubic-bezier(.33,.02,.2,1);--font-serif: "Newsreader", Georgia, serif;--font-sans: "Hanken Grotesk", system-ui, sans-serif;--btn-fill: color-mix(in oklab, var(--ink) 8%, var(--paper));--btn-fill-press: color-mix(in oklab, var(--ink) 15%, var(--paper));--btn-line: color-mix(in oklab, var(--ink) 17%, var(--paper));--solid: color-mix(in oklab, var(--ink) 72%, var(--paper));--on-solid: var(--paper)}[data-amb=lin]{--paper: oklch(.964 .004 250);--paper-2: oklch(.984 .003 250);--paper-sunk: oklch(.938 .005 250);--ink: oklch(.305 .012 258);--ink-soft: oklch(.47 .011 258);--ink-faint: oklch(.625 .009 258);--ink-ghost: oklch(.735 .007 258);--line: oklch(.888 .006 256);--line-soft: oklch(.918 .005 256)}[data-amb=nuit]{--paper: oklch(.205 .012 168);--paper-2: oklch(.25 .014 168);--paper-sunk: oklch(.182 .012 168);--ink: oklch(.93 .01 150);--ink-soft: oklch(.78 .012 150);--ink-faint: oklch(.61 .012 155);--ink-ghost: oklch(.48 .012 160);--line: oklch(.33 .014 165);--line-soft: oklch(.29 .013 165);--d-jardin-t: oklch(.34 .045 148);--d-piscine-t:oklch(.34 .045 232);--d-maison-t: oklch(.34 .04 66);--d-corps-t: oklch(.34 .042 28);--d-joie-t: oklch(.36 .05 92);--d-peine-t: oklch(.3 .02 268);--d-admin-t: oklch(.31 .01 160);--d-jardin: oklch(.72 .09 148);--d-piscine: oklch(.74 .09 232);--d-maison: oklch(.76 .08 70);--d-corps: oklch(.74 .085 30);--d-joie: oklch(.8 .095 90);--d-peine: oklch(.68 .035 268);--d-admin: oklch(.7 .012 150)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--paper);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;color:var(--ink);overscroll-behavior:none}.serif{font-family:var(--font-serif)}.sans{font-family:var(--font-sans)}.micro{font-family:var(--font-sans);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.surface{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--paper);color:var(--ink);overflow:hidden;transition:background .6s var(--ease-soft),color .6s var(--ease-soft)}.safe-top{height:env(safe-area-inset-top,0px);flex:0 0 auto}.safe-bot{height:env(safe-area-inset-bottom,0px);flex:0 0 auto}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.scroll{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.scroll::-webkit-scrollbar{width:0;height:0}.cards{display:flex;flex-direction:column;gap:12px}@media (min-width: 760px){.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px;align-items:start}}@media (min-width: 1160px){.scroll,.page{padding-left:calc((100% - 1080px)/2 + 22px)!important;padding-right:calc((100% - 1080px)/2 + 22px)!important}}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;-webkit-tap-highlight-color:transparent}.btn-soft{font-family:var(--font-sans);font-weight:600;font-size:15px;color:var(--ink);background:var(--paper-2);border:1px solid var(--line);border-radius:14px;padding:13px 18px;transition:all .25s var(--ease)}.btn-soft:active{transform:scale(.97)}.btn-ink{font-family:var(--font-sans);font-weight:600;font-size:15px;color:var(--ink);background:var(--btn-fill);border:1px solid var(--btn-line);border-radius:14px;padding:13px 20px;transition:transform .2s var(--ease),background .25s var(--ease),opacity .2s}.btn-ink:active{transform:scale(.97);background:var(--btn-fill-press)}@keyframes fadeUp{0%{transform:translateY(12px)}to{transform:none}}@keyframes fadeIn{0%{transform:translateY(8px)}to{transform:none}}.enter{animation:fadeUp .5s var(--ease) both}.enter-fade{animation:fadeIn .6s var(--ease) both}@keyframes softpulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}