:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fbf5ef;--color-surface:#fffcf9;--color-ink:#2e2230;--color-muted:#6b5a68;--color-line:#eadcdf;--color-line-strong:#dcc8d0;--color-field:#9c8696;--color-prune:#7a2b68;--color-prune-dark:#5e1f50;--color-prune-soft:#f4e7f0;--color-on-prune:#fff;--color-rose:#a93a63;--color-on-rose:#fff;--color-pivoine:#f2c1d3;--color-glow:#fce6d3;--color-gold-soft:#fbebd6;--color-gold-ink:#7a4b14;--color-success:#2f6b4a;--color-success-soft:#e6f1ea;--color-error:#a3322b;--color-error-soft:#fbeae7;--color-info-soft:#f3edf4;--color-live:#4a3a48;--color-on-live:#fff;--color-live-dot:#c8372d;--shadow-card:0 2px 14px #2e22300d;--shadow-prune:0 8px 22px #7a2b683d;--shadow-rose:0 12px 30px #a93a6347;--shadow-live:0 12px 30px #4a3a483d;--shadow-thumb:0 1px 4px #2e22304d;--shadow-lift:0 14px 34px #7a2b684d;--shadow-header:0 6px 24px #2e223012;--shadow-float:0 18px 50px #2e223014;--highlight:inset 0 1px 0 #ffffff38;--shadow-flower:0 14px 24px #a93a6333;--font-serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-sm:15px;--text-base:19px;--text-lg:21px;--text-xl:24px;--text-2xl:28px;--text-3xl:34px;--text-4xl:40px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--radius-pill:999px;--tap-min:52px;--tap-big:64px;--content-width:640px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:linear(0, .08 4%, .3 10%, .62 18%, .88 27%, 1.02 37%, 1.05 45%, 1.03 55%, 1.005 70%, 1);--dur-1:.16s;--dur-2:.28s;--dur-3:.48s;--dur-4:.76s;--stagger:70ms}*,:before,:after{box-sizing:border-box}:root{interpolate-size:allow-keywords}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55;overflow-x:clip}a{color:var(--color-prune);text-underline-offset:.18em;transition:color var(--dur-1) var(--ease-out)}img,svg{display:block}h1,h2,h3{font-family:var(--font-serif);letter-spacing:-.005em;margin:0 0 var(--space-3);color:var(--color-ink);text-wrap:balance;font-weight:400;line-height:1.2}p{text-wrap:pretty;margin:0 0 14px}strong{font-weight:600}::selection{background:var(--color-pivoine);color:var(--color-ink)}:focus-visible{outline:3px solid var(--color-prune);outline-offset:3px}.demo-banner{background:var(--color-gold-soft);color:var(--color-gold-ink);text-align:center;font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.site-top{z-index:20;background:color-mix(in srgb, var(--color-bg) 84%, transparent);-webkit-backdrop-filter:saturate(1.5)blur(14px);backdrop-filter:saturate(1.5)blur(14px);position:sticky;top:0}@supports (animation-timeline:scroll()){.site-top{animation:linear both header-shadow;animation-timeline:scroll();animation-range:0 72px}}@keyframes header-shadow{to{box-shadow:var(--shadow-header)}}.site-header{justify-content:space-between;align-items:center;gap:var(--space-3);max-width:var(--content-width);padding:var(--space-3) var(--space-5);padding-top:max(var(--space-3), env(safe-area-inset-top));margin:0 auto;display:flex}.brand{min-height:44px;font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-prune);align-items:center;gap:10px;line-height:1.2;text-decoration:none;display:inline-flex}.brand-word{text-transform:lowercase}.logo{flex:none;display:block}.logo .lg-petal{fill:var(--color-rose);stroke:var(--logo-gap,var(--color-bg))}.logo .lg-heart{fill:var(--color-pivoine)}.logo .lg-bar{fill:var(--color-prune)}.logo.fonce .lg-petal{fill:var(--color-pivoine)}.logo.fonce .lg-heart{fill:var(--color-bg)}.logo.fonce .lg-bar{fill:var(--logo-gap,var(--color-prune-dark))}.logo.mono .lg-petal,.logo.mono .lg-bar{fill:var(--color-ink)}.logo.mono .lg-heart{fill:var(--logo-gap,var(--color-bg))}.brand .logo{width:34px;height:34px}.brand .logo .lg-petal{transform-box:view-box;transform-origin:50px 50px;animation:bloom var(--dur-4) var(--ease-spring) calc(var(--i) * 60ms) both}.brand .logo .lg-heart{transform-box:fill-box;transform-origin:50%;animation:pop var(--dur-3) var(--ease-spring) .3s both}.top-nav a{min-height:44px;padding:6px var(--space-4);color:var(--color-prune);white-space:nowrap;border:2px solid var(--color-prune);border-radius:var(--radius-pill);transition:background-color var(--dur-1) var(--ease-out), transform var(--dur-1) var(--ease-spring);align-items:center;font-size:17px;text-decoration:none;display:inline-flex}.top-nav a:active{transform:scale(.96)}.wrap{max-width:var(--content-width);padding:var(--space-2) var(--space-5) var(--space-8);margin:0 auto}.wrap>*{animation:rise var(--dur-3) var(--ease-out) both}.wrap>:nth-child(2){animation-delay:calc(var(--stagger) * 1)}.wrap>:nth-child(3){animation-delay:calc(var(--stagger) * 2)}.wrap>:nth-child(4){animation-delay:calc(var(--stagger) * 3)}.wrap>:nth-child(n+5){animation-delay:calc(var(--stagger) * 4)}@supports (animation-timeline:view()){.reveal{animation:linear both settle;animation-timeline:view();animation-range:entry cover 28%}}.site-footer{max-width:var(--content-width);padding:var(--space-6) var(--space-5) var(--space-8);font-size:var(--text-sm);color:var(--color-muted);border-top:1px solid var(--color-line);padding-bottom:max(var(--space-8), env(safe-area-inset-bottom));margin:0 auto}.site-footer a{color:var(--color-muted);align-items:center;min-height:44px;display:inline-flex}.disclaimer{font-style:italic}.hero{isolation:isolate;text-align:center;padding:var(--space-6) 0 var(--space-5);flex-direction:column;align-items:center;display:flex;position:relative}.hero-glow{z-index:-1;inset:-40px calc(-1 * var(--space-5)) auto;pointer-events:none;height:380px;position:absolute;overflow:clip;-webkit-mask-image:radial-gradient(closest-side,#000 55%,#0000);mask-image:radial-gradient(closest-side,#000 55%,#0000)}.hero-glow i{filter:blur(46px);opacity:.75;animation:glow-breathe 5s var(--ease-in-out) both;border-radius:50%;position:absolute;left:50%}.hero-glow i:first-child{background:var(--color-pivoine);width:240px;height:240px;margin-left:-190px;top:0}.hero-glow i:nth-child(2){background:var(--color-glow);width:210px;height:210px;margin-left:-20px;animation-delay:.3s;top:30px}.hero-glow i:nth-child(3){background:var(--color-gold-soft);width:170px;height:170px;margin-left:-110px;animation-delay:.6s;top:150px}.hero-art{aspect-ratio:1;width:clamp(128px,36vw,188px);margin-bottom:var(--space-5);--logo-gap:var(--color-bg)}.hero-art .logo{width:100%;height:100%;filter:drop-shadow(var(--shadow-flower))}.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:var(--text-sm);color:var(--color-rose);margin-bottom:10px;font-weight:600}.hero h1{letter-spacing:-.015em;max-width:16ch;margin-bottom:var(--space-6);font-size:clamp(32px,8.4vw,50px);line-height:1.12}.hero-cta{width:100%;max-width:420px}.trust{margin:var(--space-4) 0 0;justify-content:center;gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.trust li{border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--color-ink);background:color-mix(in srgb, var(--color-surface) 75%, transparent);border:1px solid var(--color-line);align-items:center;gap:6px;padding:6px 12px 6px 10px;display:inline-flex}.trust svg{width:18px;height:18px;color:var(--color-success)}.talking-logo .lg-petal{transform-box:view-box;transform-origin:50px 50px;animation:bloom var(--dur-4) var(--ease-spring) calc(.12s + var(--i) * var(--stagger)) both}.talking-logo .lg-heart{transform-box:fill-box;transform-origin:50%;animation:pop var(--dur-3) var(--ease-spring) .52s both}.talking-logo .lg-bar{transform-box:fill-box;transform-origin:50%;animation:talk .56s var(--ease-in-out) calc(.9s + var(--i) * .13s) 6 alternate both}@media (hover:hover){.hero-art:hover .talking-logo .lg-bar{animation-name:talk-again;animation-delay:calc(var(--i) * .13s)}}.letter{margin:var(--space-7) 0;padding:var(--space-8) var(--space-6) var(--space-6);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);position:relative}.letter:before{content:"«";top:-30px;left:var(--space-5);font-family:var(--font-serif);color:var(--color-pivoine);font-size:96px;line-height:1;position:absolute}.letter p:first-child{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--color-ink);line-height:1.35}.signature{margin:var(--space-5) 0 0;font-family:var(--font-serif);font-style:italic;font-size:var(--text-lg);color:var(--color-prune);--logo-gap:var(--color-surface);align-items:center;gap:10px;display:flex}.signature .logo{width:30px;height:30px}.lead{font-size:20px}.section-title{font-size:var(--text-2xl);margin-top:var(--space-7)}.timeline{margin:0 0 var(--space-7);gap:var(--space-4);padding:0;list-style:none;display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(var(--color-pivoine), var(--color-prune-soft));border-radius:2px;width:2px;position:absolute;top:36px;bottom:36px;left:38px}.step{gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);align-items:flex-start;padding:18px;display:flex;position:relative}.step h3{font-size:var(--text-lg);margin-bottom:var(--space-1)}.step p{color:var(--color-muted);margin:0}.num{background:var(--color-prune);width:40px;height:40px;color:var(--color-on-prune);font-family:var(--font-serif);font-size:var(--text-lg);box-shadow:0 0 0 6px var(--color-prune-soft);border-radius:50%;flex:none;place-items:center;display:grid}.faq{margin-top:var(--space-7)}.faq h2{font-size:var(--text-2xl)}details{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);transition:border-color var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);margin-bottom:10px}details[open]{border-color:var(--color-line-strong);box-shadow:var(--shadow-card)}summary{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--tap-min);padding:14px 14px 14px 18px;font-weight:600;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"";background:linear-gradient(var(--color-prune), var(--color-prune)) center / 14px 2px no-repeat, linear-gradient(var(--color-prune), var(--color-prune)) center / 2px 14px no-repeat, var(--color-prune-soft);width:32px;height:32px;transition:transform var(--dur-2) var(--ease-spring);border-radius:50%;flex:none}details[open] summary{color:var(--color-prune-dark)}details[open] summary:after{transform:rotate(135deg)}details::details-content{block-size:0;transition:block-size var(--dur-3) var(--ease-out), content-visibility var(--dur-3) allow-discrete;overflow:clip}details[open]::details-content{block-size:auto}details>:not(summary){margin:0;padding:0 18px 14px}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);box-shadow:var(--shadow-card);margin:18px 0;position:relative}.card.narrow{max-width:480px;margin-left:auto;margin-right:auto}.card.subscribe{border-color:var(--color-pivoine);box-shadow:var(--shadow-float)}#abonnement,.recorder{scroll-margin-top:90px}.hero-cta .small{margin:var(--space-2) 0 0;text-align:center}.card-title{font-size:27px}.center{text-align:center}.center .btn{margin-left:auto;margin-right:auto}.price{font-family:var(--font-serif);color:var(--color-prune);margin-bottom:18px;font-size:26px}.small{font-size:var(--text-sm)}.muted{color:var(--color-muted)}label{margin:0 0 var(--space-4);font-weight:600;display:block}input[type=text],input[type=email],input:not([type]),input[name=code],input[type=datetime-local]{width:100%;min-height:var(--tap-min);font:inherit;color:var(--color-ink);padding:12px var(--space-4);border:2px solid var(--color-field);background:var(--color-surface);transition:border-color var(--dur-1) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);border-radius:14px;margin-top:6px;font-weight:400;display:block}input:focus{border-color:var(--color-prune);box-shadow:0 0 0 4px var(--color-pivoine);outline:none}.code-input{letter-spacing:.3em;text-align:center;font-size:30px!important}label.check{gap:var(--space-3);align-items:flex-start;min-height:44px;font-weight:400;display:flex}label.check input{width:26px;height:26px;accent-color:var(--color-prune);flex:none;margin-top:2px}.btn{text-wrap:balance;justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-2) var(--ease-spring), box-shadow var(--dur-2) var(--ease-out), background-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);border:2px solid #0000;font-weight:600;line-height:1.25;text-decoration:none;display:inline-flex;position:relative}.btn.big{width:100%;min-height:var(--tap-big);font-size:20px}.btn.primary{background:linear-gradient(180deg, var(--color-prune) 0%, var(--color-prune-dark) 130%);color:var(--color-on-prune);box-shadow:var(--highlight), var(--shadow-prune)}.btn.ghost{background:var(--color-surface);color:var(--color-prune);border-color:var(--color-prune)}.btn.small{min-height:44px;padding:var(--space-2) var(--space-4);font-size:17px}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.7;cursor:default}.btn[aria-busy=true]:after{content:"";background:radial-gradient(circle closest-side,currentColor 85%,#0000) 0/33.3% 100% repeat-x;width:22px;height:6px;animation:1s steps(4,end) infinite busy}.link-btn{padding:var(--space-2) 0;min-height:44px;font:inherit;color:var(--color-prune);text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;text-decoration:underline}.link-btn.muted{color:var(--color-muted)}form.inline{margin-top:var(--space-2)}.flash{padding:14px var(--space-4);background:var(--color-info-soft);color:var(--color-ink);animation:flash-in var(--dur-3) var(--ease-spring) both;border-radius:14px;margin:14px 0}.flash.error{background:var(--color-error-soft);color:var(--color-error)}.flash.success{background:var(--color-success-soft);color:var(--color-success)}.flash p{margin:0 0 var(--space-3)}.flash p:last-child{margin-bottom:0}.already{align-items:center;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-line);flex-direction:column;display:flex}.already p{margin:0}.hello{font-family:var(--font-serif);font-size:var(--text-xl);margin:var(--space-4) 0 var(--space-1)}.card.featured{border-color:var(--color-prune-soft);box-shadow:var(--shadow-float);background:radial-gradient(130% 90% at 100% 0%, var(--color-glow) 0%, var(--color-surface) 58%);overflow:hidden}.featured-mark{opacity:.16;pointer-events:none;--logo-gap:var(--color-glow);width:108px;height:108px;position:absolute;top:-28px;right:-28px}.featured-mark .lg-petal{transform-box:view-box;transform-origin:50px 50px;animation:bloom 1.2s var(--ease-out) calc(.2s + var(--i) * var(--stagger)) both}.thought-title{font-size:30px;position:relative}.back-link{margin:var(--space-3) 0 0}.back-link a{align-items:center;min-height:44px;display:inline-flex}.player{gap:var(--space-3);flex-direction:column;margin-top:18px;display:flex;position:relative}.play-btn{justify-content:center;align-items:center;gap:var(--space-3);width:100%;min-height:72px;padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);cursor:pointer;background:linear-gradient(180deg, var(--color-prune) 0%, var(--color-prune-dark) 130%);color:var(--color-on-prune);font:inherit;box-shadow:var(--highlight), var(--shadow-prune);-webkit-tap-highlight-color:transparent;transition:transform var(--dur-2) var(--ease-spring), box-shadow var(--dur-2) var(--ease-out);border:0;font-size:22px;font-weight:600;display:flex;position:relative}.play-btn:active{transform:scale(.97)}.play-btn svg{flex:none;width:34px;height:34px}.play-btn .i-pause,.player.playing .play-btn .i-play{display:none}.player.playing .play-btn .i-pause{animation:pop var(--dur-2) var(--ease-spring) both;display:block}.player.playing .play-btn{animation:halo 2.4s var(--ease-out) infinite}.player-body{min-width:0}.player .flash{margin:0}.wave-wrap{touch-action:pan-y;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:var(--radius-sm);height:76px;position:relative}.wave-wrap:has(.seek:focus-visible){outline:3px solid var(--color-prune);outline-offset:4px}.seek{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.wave{position:absolute;inset:0}.wave-bars{align-items:center;gap:3px;display:flex;position:absolute;inset:0}.wave-bars span{min-width:2px;height:calc(var(--h) * 1%);border-radius:var(--radius-pill);background:var(--color-line-strong);transform-origin:50%;animation:grow var(--dur-4) var(--ease-spring) calc(var(--i) * 12ms) both;flex:1}.wave-bars.fill{clip-path:inset(0 calc(100% - var(--p,0%)) 0 0);transition:clip-path .18s linear}.wave-bars.fill span{background:linear-gradient(180deg, var(--color-rose), var(--color-prune))}.player.playing .wave-bars.fill span{animation:voice .9s var(--ease-in-out) calc(var(--i) * -71ms) infinite alternate}.wave:after{content:"";top:4%;bottom:4%;left:var(--p,0%);background:var(--color-prune);width:4px;box-shadow:0 0 0 4px var(--color-pivoine);border-radius:4px;margin-left:-2px;transition:left .18s linear;position:absolute}.times{font-size:var(--text-sm);color:var(--color-muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;display:flex}.back15{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);min-height:44px;color:var(--color-prune);font:inherit;font-size:var(--text-sm);cursor:pointer;padding:6px var(--space-3);transition:background-color var(--dur-1) var(--ease-out), transform var(--dur-2) var(--ease-spring);background:0 0;border:0;font-weight:600;display:inline-flex}.back15:active{background:var(--color-prune-soft);transform:scale(.95)}.back15 svg{width:20px;height:20px}.player.compact{margin-top:var(--space-3);gap:var(--space-2)}.player.compact .play-btn{min-height:var(--tap-min);font-size:18px}.player.compact .play-btn svg{width:26px;height:26px}.player.compact .wave-wrap{height:52px}.archives h2{font-size:var(--text-xl);margin-top:28px}.thought-list{margin:0;padding:0;list-style:none}.thought-list a{padding:14px var(--space-4);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);color:var(--color-ink);transition:transform var(--dur-2) var(--ease-spring), box-shadow var(--dur-2) var(--ease-out), border-color var(--dur-1) var(--ease-out);align-items:center;gap:14px;margin-bottom:10px;text-decoration:none;display:flex}.thought-list a:active{transform:scale(.98)}.mini-play{background:var(--color-prune-soft);width:48px;height:48px;color:var(--color-prune);transition:background-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid}.mini-play svg{width:22px;height:22px}.t-text{flex-direction:column;display:flex}.t-title{font-weight:600}.t-meta{font-size:var(--text-sm);color:var(--color-muted);margin:0}.install-hint{margin-top:var(--space-6)}@media (display-mode:standalone){.install-hint{display:none}}.account{margin-top:var(--space-6);flex-direction:column;align-items:flex-start;gap:2px;display:flex}.big-check{background:var(--color-success-soft);width:76px;height:76px;color:var(--color-success);animation:pop var(--dur-3) var(--ease-spring) both;border-radius:50%;place-items:center;margin:0 auto 14px;display:grid;position:relative}.big-check svg{width:40px;height:40px}.big-check path{stroke-dasharray:24;stroke-dashoffset:24px;animation:draw var(--dur-3) var(--ease-out) .26s forwards}.bloom{pointer-events:none;position:absolute;inset:0}.bloom i{background:var(--color-pivoine);width:16px;height:16px;rotate:calc(var(--i) * 45deg);animation:petal 1.1s var(--ease-out) .2s both;border-radius:50% 50% 50% 0;margin:-8px 0 0 -8px;position:absolute;top:50%;left:50%}.bloom i:nth-child(3n){background:var(--color-rose)}.bloom i:nth-child(3n+1){background:var(--color-glow)}.recorder{text-align:center}.recorder label,.recorder fieldset{text-align:left}.rec-btn{isolation:isolate;cursor:pointer;background:var(--color-rose);width:196px;height:196px;color:var(--color-on-rose);justify-content:center;align-items:center;gap:var(--space-2);font:inherit;box-shadow:var(--highlight), var(--shadow-rose);-webkit-tap-highlight-color:transparent;transition:transform var(--dur-2) var(--ease-spring), background-color var(--dur-2) var(--ease-out);border:0;border-radius:50%;flex-direction:column;margin:18px auto 14px;font-size:22px;font-weight:600;display:flex;position:relative}.rec-btn:active{transform:scale(.96)}.rec-btn:before,.rec-btn:after{content:"";z-index:-1;background:var(--color-rose);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:0}.rec-btn.invite:after{animation:invite 2.4s var(--ease-out) .6s 2}.rec-btn svg{width:64px;height:64px}.rec-btn.live{background:var(--color-live);color:var(--color-on-live);box-shadow:var(--highlight), var(--shadow-live)}.rec-btn.live:before,.rec-btn.live:after{background:var(--color-rose);transition:transform 90ms linear,opacity 90ms linear}.rec-btn.live:before{opacity:calc(.18 + var(--level,0) * .4);transform:scale(calc(1.04 + var(--level,0) * .2))}.rec-btn.live:after{opacity:calc(var(--level,0) * .3);transform:scale(calc(1.08 + var(--level,0) * .42))}.rec-btn.live svg{width:52px;height:52px}.hint{color:var(--color-muted)}.recorder .flash{text-align:left}.rec-live-label{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-rose);justify-content:center;align-items:center;gap:var(--space-2);font-weight:600;line-height:1.55;display:flex}.dot{background:var(--color-live-dot);border-radius:50%;width:12px;height:12px;animation:1.2s ease-in-out infinite blink}.rec-timer{font-family:var(--font-serif);font-variant-numeric:tabular-nums;font-size:56px;line-height:1.1}.live-wave{max-width:280px;height:56px;margin:var(--space-3) auto 0;justify-content:center;align-items:center;gap:3px;display:flex}.live-wave span{max-width:6px;height:calc(var(--h) * 1%);border-radius:var(--radius-pill);background:linear-gradient(180deg, var(--color-rose), var(--color-prune));flex:1;transition:height .1s linear}.recorder audio{width:100%;margin:6px 0 18px}.recorder .player{margin:6px 0 var(--space-6);text-align:left}.when{border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:0 0 18px}.when legend{padding:0 6px;font-weight:600}label.radio{align-items:center;gap:var(--space-3);margin:var(--space-2) 0;min-height:44px;font-weight:400;display:flex}label.radio input{width:26px;height:26px;accent-color:var(--color-prune);flex:none}.recorder .btn.ghost{margin-top:10px}.progress{height:var(--tap-min);border-radius:var(--radius-pill);background:var(--color-prune-soft);place-items:center;display:grid;position:relative;overflow:hidden}.progress .bar{transform-origin:0;transform:scaleX(var(--p,0));background:linear-gradient(90deg, var(--color-pivoine), var(--color-glow), var(--color-pivoine));transition:transform var(--dur-2) var(--ease-out);background-size:200% 100%;animation:1.6s linear infinite shimmer;position:absolute;inset:0}.progress span{color:var(--color-prune-dark);font-weight:600;position:relative}.import{margin:18px 0 0}.admin-block{margin-top:30px}.admin-block h2{font-size:var(--text-xl);align-items:center;gap:10px;display:flex}.count{font-family:var(--font-sans);font-size:var(--text-sm);background:var(--color-prune-soft);color:var(--color-prune);border-radius:var(--radius-pill);padding:2px 10px}.admin-thoughts,.sub-list{margin:0;padding:0;list-style:none}.admin-thought{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3);box-shadow:var(--shadow-card)}.admin-thought audio{width:100%;margin:var(--space-2) 0}.admin-thought .t-actions{margin-top:var(--space-3)}.t-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.badge{font-size:var(--text-sm);border-radius:var(--radius-pill);white-space:nowrap;padding:2px 10px}.badge.ok{background:var(--color-success-soft);color:var(--color-success)}.badge.soon{background:var(--color-gold-soft);color:var(--color-gold-ink)}.t-actions{flex-wrap:wrap;gap:10px;display:flex}.sub-list li{background:var(--color-surface);border:1px solid var(--color-line);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);border-radius:14px;flex-direction:column;display:flex}.s-name{font-weight:600}.s-mail{font-size:var(--text-sm);color:var(--color-muted);word-break:break-all}.s-status{font-size:var(--text-sm)}.legal h1{margin-top:var(--space-4);font-size:30px}.legal h2{font-size:var(--text-lg);margin-top:22px}pre.mail{white-space:pre-wrap;font-family:var(--font-sans);background:var(--color-bg);border-radius:var(--radius-sm);padding:var(--space-3);font-size:16px}.ds-section{margin-top:var(--space-8)}.ds-section>h2{font-size:var(--text-2xl)}.ds-sample-title{font-family:var(--font-serif);font-size:var(--text-3xl);margin:0 0 var(--space-3);line-height:1.25}.ds-swatches{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0;padding:0;list-style:none;display:grid}.ds-swatch{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.ds-chip{border-bottom:1px solid var(--color-line);height:64px}.ds-meta{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);line-height:1.35}.ds-meta code{color:var(--color-muted);display:block}.ds-row{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.ds-pairs{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.ds-pairs th,.ds-pairs td{text-align:left;padding:var(--space-2);border-bottom:1px solid var(--color-line)}.ds-pairs .pass{color:var(--color-success);font-weight:600}.ds-pairs .fail{color:var(--color-error);font-weight:600}.ds-lockup{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-7) var(--space-5);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);--logo-gap:var(--color-surface);display:flex}.ds-lockup .logo{width:72px;height:72px}.ds-word{gap:var(--space-1);flex-direction:column;display:flex}.ds-word .name{font-family:var(--font-serif);font-size:var(--text-3xl);white-space:nowrap;color:var(--color-prune);line-height:1}.ds-word .by{font-size:var(--text-sm);color:var(--color-muted)}.ds-lockup.fonce{background:var(--color-prune-dark);border-color:var(--color-prune-dark);--logo-gap:var(--color-prune-dark)}.ds-lockup.fonce .logo{width:56px;height:56px}.ds-lockup.fonce .name{font-size:var(--text-2xl);color:var(--color-bg)}.ds-icons{align-items:flex-end;gap:var(--space-5);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.ds-icons figure{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-muted);flex-direction:column;margin:0;display:flex}.ds-icons img{border-radius:22%;display:block}.ds-icons figure>.logo{width:64px;height:64px}.ds-mail{border-radius:var(--radius-lg);border:0;width:100%;height:760px}.ds-replay{align-items:center;gap:var(--space-4);margin:var(--space-5) 0;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);flex-direction:column;display:flex}.ds-motion{justify-content:center;align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.ds-motion .hero-art{--logo-gap:var(--color-surface);margin:0}.ds-motion-list{gap:var(--space-2);margin:0;display:grid}.ds-motion-list>div{padding:var(--space-3) 0;border-bottom:1px solid var(--color-line)}.ds-motion-list dt{color:var(--color-ink);font-weight:600}.ds-motion-list dt span{color:var(--color-muted);font-weight:400;font-size:var(--text-sm)}.ds-motion-list dd{margin:var(--space-1) 0 0}@media (hover:hover){a:hover{color:var(--color-prune-dark)}.top-nav a:hover{background:var(--color-prune-soft)}.btn.primary:hover{box-shadow:var(--highlight), var(--shadow-lift);color:var(--color-on-prune);transform:translateY(-2px)}.btn.ghost:hover{background:var(--color-prune-soft);color:var(--color-prune-dark);transform:translateY(-1px)}.play-btn:hover{box-shadow:var(--highlight), var(--shadow-lift);transform:translateY(-2px)}.back15:hover{background:var(--color-prune-soft)}.thought-list a:hover{border-color:var(--color-line-strong);box-shadow:var(--shadow-float);transform:translateY(-2px)}.thought-list a:hover .mini-play{background:var(--color-prune);color:var(--color-on-prune)}.rec-btn:hover{transform:scale(1.03)}summary:hover:after{background-color:var(--color-pivoine)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}@keyframes settle{0%{transform:translateY(36px)}}@keyframes bloom{0%{opacity:0;transform:scale(.3)rotate(-50deg)}}@keyframes pop{0%{transform:scale(0)}}@keyframes talk{to{transform:scaleY(.4)}}@keyframes talk-again{to{transform:scaleY(.4)}}@keyframes glow-breathe{0%{opacity:0;transform:scale(.7)}60%{opacity:.85;transform:scale(1.06)}to{opacity:.75;transform:scale(1)}}@keyframes grow{0%{transform:scaleY(.1)}}@keyframes voice{to{transform:scaleY(.62)}}@keyframes halo{0%{box-shadow:var(--highlight), var(--shadow-prune), 0 0 0 0 var(--color-pivoine)}70%,to{box-shadow:var(--highlight), var(--shadow-prune), 0 0 0 14px transparent}}@keyframes invite{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(1.32)}}@keyframes blink{50%{opacity:.25}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes petal{0%{opacity:0;transform:translateY(0)scale(.2)}25%{opacity:1}to{opacity:0;transform:translateY(-74px)scale(1)}}@keyframes flash-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}}@keyframes busy{to{background-position:133.3%}}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.reveal{animation:none!important}.bloom,.rec-btn:before,.rec-btn:after,.hero-glow i{display:none}}@media (min-width:700px){.hero{padding-top:var(--space-8)}.hero h1{max-width:20ch}.ds-lockup .logo{width:96px;height:96px}.ds-word .name{font-size:44px}.card{padding:30px var(--space-7)}.letter{padding:var(--space-8) var(--space-7) var(--space-7)}}
