@import url('data:text/css,');
:root{color-scheme:dark;--bg:#111014;--panel:#19171e;--panel2:#211e27;--line:#302c36;--text:#f4f1f5;--muted:#9b95a1;--pink:#ff617d;--pink2:#f13f64;--cream:#f1d9ce;--green:#a7d6b1;--shadow:0 18px 60px #0008;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#42232d 0,#1a151c 36%,var(--bg) 68%);color:var(--text);min-height:100vh}.app-shell{width:min(100%,560px);min-height:100dvh;margin:auto;padding:0 22px 100px;position:relative;background:linear-gradient(180deg,#17131ad9,#111014 60%)}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0a}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:inherit}.brand-mark{width:37px;height:37px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#ff8294,#ed4265);color:#31141c;font-family:Georgia,serif;font-size:23px;font-weight:900;box-shadow:0 5px 18px #ed426540}.brand b{font:800 16px Georgia,serif;letter-spacing:.16em;display:block}.brand small{font-size:7px;letter-spacing:.17em;color:#aaa0a9;display:block;margin-top:2px}.avatar{border:1px solid #4a414d;background:#26212b;color:#ffe2e3;width:36px;height:36px;border-radius:50%;font-weight:700}.view{display:none;padding:22px 0 24px;animation:up .25s ease}.view.active{display:block}@keyframes up{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}.hero{padding:22px 0 26px;position:relative}.hero:before{content:"";position:absolute;z-index:0;width:280px;height:230px;right:-120px;top:-40px;background:radial-gradient(ellipse,#ce566625,transparent 69%);pointer-events:none}.hero>*{position:relative}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.19em;font-weight:750;color:#f28d9b}.live-dot{width:7px;height:7px;border-radius:50%;background:#c8e5b9;box-shadow:0 0 9px #a7d6b1}.hero h1,.page-heading h1{font:600 46px/.98 Georgia,"Times New Roman",serif;letter-spacing:-.045em;margin:17px 0 12px}.hero h1 em,.page-heading h1 em{font-weight:400;color:var(--pink);font-style:italic}.hero>p,.page-heading>p{font-size:13px;line-height:1.6;color:#b6aeb9;max-width:340px;margin:0}.hero-actions{display:flex;gap:10px;margin-top:22px}.btn{border:0;cursor:pointer;font:700 12px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.01em;min-height:46px;border-radius:14px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.18s}.btn:active,button:active{transform:scale(.98)}.btn-primary{background:linear-gradient(110deg,#fb7589,#f34e6f);color:#28161b;box-shadow:0 7px 20px #f34e6f28}.btn-primary:hover{filter:brightness(1.06)}.btn-soft{width:48px;background:#2a232d;border:1px solid #443741;color:#ff8b9b;font-size:18px}.plus{font-size:19px}.privacy-note,.demo-banner{display:flex;gap:12px;align-items:flex-start;background:linear-gradient(110deg,#25212a,#1c1920);border:1px solid #38303a;border-radius:15px;padding:13px 14px;color:#c7bdc8}.privacy-note>span{color:#e9b8bb;font-size:18px}.privacy-note b{font-size:11px;display:block;color:#f0e8ef;margin:1px 0 4px}.privacy-note p{font-size:10px;line-height:1.45;color:#a69da8;margin:0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:30px 0 13px}.muted{color:#9c8c99}.section-head h2{font:600 22px Georgia,serif;margin:5px 0 0}.text-button,.small-link{background:none;border:0;color:#ed91a1;font:600 11px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer;padding:5px}.feed{display:grid;gap:12px}.story-card{position:relative;overflow:hidden;border:1px solid #302a34;background:linear-gradient(135deg,#201c24,#19171e);border-radius:18px;padding:15px 15px 12px;box-shadow:0 8px 28px #0002}.story-top{display:flex;align-items:center;justify-content:space-between}.story-author{display:flex;align-items:center;gap:8px;color:#d3cbd3;font-size:10px}.author-dot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#44303a;color:#ffa1ad;font-size:11px}.story-time{font-size:9px;color:#847b88}.story-card h3{font:600 15px/1.35 Georgia,serif;margin:13px 0 6px;color:#f5edf2}.story-copy{font-size:11px;line-height:1.55;color:#bbb2bd;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.story-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tag{font-size:9px;border:1px solid #52404a;color:#dfaab0;background:#382630;border-radius:999px;padding:4px 8px}.story-bottom{border-top:1px solid #ffffff0a;margin-top:12px;padding-top:9px;display:flex;align-items:center;justify-content:space-between}.reactions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.reaction{border:0;background:none;color:#a9a0aa;font-size:10px;padding:3px 5px;cursor:pointer;border-radius:7px}.reaction:hover,.reaction.selected{background:#483039;color:#ffb2bd}.story-share{border:1px solid #51404b;background:#29232d;color:#e6d6e1;border-radius:50%;width:30px;height:30px;font-size:15px;cursor:pointer}.story-shared-label{font-size:8px;color:#8e8590;margin-left:auto;margin-right:9px}.cta-card{display:flex;align-items:center;gap:11px;margin-top:17px;background:#271e27;border:1px solid #49333e;border-radius:17px;padding:13px}.cta-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#4a2b38;color:#ffa3b0;font-size:18px}.cta-card b{font-size:11px}.cta-card p{margin:4px 0 0;font-size:9px;color:#a79aa6}.round-arrow{margin-left:auto;background:#f06b82;border:0;color:#31151d;border-radius:50%;width:30px;height:30px;font-size:16px;cursor:pointer}.page-heading{padding:18px 0 17px}.page-heading h1{font-size:38px;margin:10px 0}.demo-banner{align-items:center;color:#c5aead;background:#2b2228;border-color:#49353d;font-size:10px;line-height:1.45;margin-bottom:14px}.demo-banner span:first-child{color:#f5a0ac;font-size:15px}.filters{display:flex;overflow-x:auto;gap:7px;padding:1px 0 13px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter-chip{white-space:nowrap;border:1px solid #37313b;border-radius:999px;background:#1e1b22;color:#b7aeb9;padding:8px 11px;font:600 10px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}.filter-chip.active{background:#57313d;border-color:#8a4d5c;color:#ffd0d4}.empty-state{border:1px dashed #48404a;border-radius:16px;padding:25px 18px;text-align:center;color:#a69eaa;font-size:11px;line-height:1.5}.empty-state b{display:block;font:600 17px Georgia,serif;color:#ebe2ea;margin-bottom:8px}.full{width:100%;margin-top:13px}.btn-outline{background:#211d25;color:#e8dfe8;border:1px solid #403842}.profile-card{display:flex;align-items:center;gap:13px;padding:16px;background:linear-gradient(120deg,#29212a,#1c1a20);border:1px solid #39313c;border-radius:18px;margin:10px 0 20px}.profile-avatar{width:47px;height:47px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#fb8595,#b94a68);color:#32151d;font:700 19px Georgia,serif}.profile-card h2{font:600 17px Georgia,serif;margin:4px 0}.profile-card p{font-size:10px;color:#a69ca9;margin:0}.profile-card .small-link{margin-left:auto}.settings-list{border:1px solid #302b34;border-radius:17px;overflow:hidden}.settings-row{width:100%;display:flex;align-items:center;text-align:left;gap:12px;padding:14px 13px;border:0;border-bottom:1px solid #302b34;background:#1c1a20;color:inherit;cursor:pointer}.settings-row:last-child{border-bottom:0}.settings-row>span:nth-child(2){flex:1}.settings-row b{font-size:11px;display:block}.settings-row small{display:block;font-size:9px;color:#9d95a0;margin-top:4px}.setting-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#2b242e;color:#e497a3;font-size:16px}.chevron{font-size:20px;color:#827984}.settings-row select{background:#29232c;border:1px solid #453b48;color:#eadfe9;border-radius:9px;padding:7px;font-size:10px}.toggle{font-size:9px;border-radius:999px;background:#29252e;color:#b4abb6;padding:6px 10px}.toggle.on{background:#355042;color:#c5efd0}.danger-row{color:#ec9b9f}.about{display:flex;justify-content:space-between;padding:17px 3px;color:#a39aa5;font-size:9px}.bottom-nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,560px);height:76px;padding:8px max(15px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(15px,env(safe-area-inset-left));background:#17151bec;backdrop-filter:blur(20px);border-top:1px solid #ffffff12;display:flex;justify-content:space-between;align-items:center}.nav-item{border:0;background:none;color:#817985;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:52px;font:inherit;cursor:pointer}.nav-item span{font-size:20px;line-height:1}.nav-item small{font-size:8px}.nav-item.active{color:#f38b9a}.nav-item.compose-nav{width:47px;height:47px;border-radius:16px;background:linear-gradient(145deg,#ff8393,#ed4d70);color:#36161e;box-shadow:0 6px 19px #ef547043;margin-top:-20px}.compose-nav span{font-size:29px}.overlay{position:fixed;inset:0;z-index:10;background:#08070bbf;backdrop-filter:blur(7px);display:none;align-items:flex-end;justify-content:center;padding:14px}.overlay.open{display:flex}.dialog{width:min(100%,480px);max-height:91dvh;overflow:auto;background:#1c1921;border:1px solid #48404b;border-radius:24px;padding:20px;box-shadow:var(--shadow);animation:up .2s ease}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.dialog-head h2{font:600 23px Georgia,serif;margin:0}.dialog-head p{color:#aaa0ac;font-size:10px;margin:6px 0 0;line-height:1.45}.close{border:1px solid #3a333f;background:#27232b;color:#ddd2df;width:31px;height:31px;border-radius:50%;font-size:18px;cursor:pointer}.field{display:grid;gap:7px;margin:13px 0}.field label{font-size:10px;color:#d3cbd4;font-weight:650}.field input,.field textarea,.field select{width:100%;border:1px solid #403944;background:#141217;color:#f0e8f0;border-radius:12px;padding:12px 13px;font:12px/1.5 Inter,ui-sans-serif,system-ui,sans-serif;outline:none}.field input:focus,.field textarea:focus{border-color:#b85d70;box-shadow:0 0 0 3px #ff617d18}.field textarea{min-height:130px;resize:vertical;line-height:1.5}.field small{font-size:9px;color:#918894}.choice-row{display:flex;gap:8px}.choice{flex:1;border:1px solid #403944;border-radius:11px;background:#211e26;color:#c8becb;padding:10px;font-size:10px;cursor:pointer}.choice.selected{border-color:#e37c8d;background:#422933;color:#ffe2e6}.checkline{display:flex;gap:9px;align-items:flex-start;color:#b9b0bd;font-size:10px;line-height:1.5}.checkline input{accent-color:#f36b83;margin-top:2px}.dialog-actions{display:flex;gap:9px;margin-top:18px}.dialog-actions .btn{flex:1}.category-pick{display:flex;flex-wrap:wrap;gap:7px}.category-pick label{display:flex;gap:5px;align-items:center;border:1px solid #403944;padding:7px 9px;border-radius:999px;color:#c9bfca;font-size:9px}.category-pick input{accent-color:#fb7288}.share-preview{border:1px solid #49404a;border-radius:17px;background:linear-gradient(140deg,#2a2029,#17151b);padding:15px}.share-preview-brand{display:flex;align-items:center;gap:7px;font-size:9px;color:#eeb4bd;letter-spacing:.1em}.share-preview-brand b{font:700 12px Georgia,serif;color:white}.share-preview .share-title{font:600 17px Georgia,serif;margin:13px 0 7px}.share-preview .share-body{font-size:11px;line-height:1.55;color:#d0c6d1;white-space:pre-wrap;overflow-wrap:anywhere}.share-platforms{display:grid;grid-template-columns:1fr 1fr;gap:10px}.platform-btn{display:flex;align-items:center;gap:10px;border:1px solid #403944;background:#26222a;color:#f4edf3;border-radius:13px;padding:12px;cursor:pointer;text-align:left}.platform-logo{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:16px}.tiktok .platform-logo{background:#100f12;color:#fff;text-shadow:-1px 1px #25f4ee,1px -1px #fe2c55}.facebook .platform-logo{background:#1877f2;color:#fff;font:800 24px Georgia,serif}.platform-btn b{display:block;font-size:10px}.platform-btn small{display:block;color:#a79daa;font-size:8px;margin-top:4px}.disclaimer{font-size:9px;line-height:1.5;color:#9e95a1;margin:12px 2px 0}.record-indicator{display:flex;align-items:center;gap:8px;color:#ff9eaa;font-size:10px}.recording-dot{width:8px;height:8px;background:#ff536d;border-radius:50%;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.25}}.audio-player{width:100%;margin-top:10px}.toast{position:fixed;z-index:20;left:50%;bottom:90px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#f2e5ea;color:#291920;border-radius:999px;padding:11px 16px;font-size:10px;font-weight:700;box-shadow:var(--shadow);transition:.25s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.share-row{display:flex;justify-content:space-between;align-items:center}.share-row>span{font-size:8px;color:#9b929d}.share-row button{border:0;background:none;color:#f1a0ad;font-size:10px;cursor:pointer}.support-note{border:1px solid #48503f;background:#22291f;color:#c7d2bd;border-radius:12px;padding:11px;font-size:10px;line-height:1.5}
@media(min-width:700px){body{padding:24px 0}.app-shell{min-height:calc(100dvh - 48px);border:1px solid #332b35;border-radius:28px;overflow:hidden;box-shadow:0 28px 90px #0008}.bottom-nav{bottom:24px;border-radius:0 0 27px 27px}.overlay{align-items:center}.dialog{border-radius:24px}}
@media(max-width:380px){.app-shell{padding-left:16px;padding-right:16px}.hero h1{font-size:42px}.section-head h2{font-size:20px}.nav-item{min-width:46px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Animation d’ouverture demandée — les vues existantes gardent leur disposition. */
.launch-splash{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#111014;padding:24px;opacity:1;transition:opacity .45s ease}.launch-splash.dismiss{opacity:0;pointer-events:none}.launch-phrase{display:flex;flex-wrap:wrap;justify-content:center;gap:.12em .38em;margin:0;max-width:560px;text-align:center;font:700 clamp(24px,7vw,42px)/1.25 Georgia,"Times New Roman",serif;letter-spacing:.04em;color:#ed405b}.launch-phrase span{opacity:0;transform:translateY(10px);animation:launchWord .55s ease forwards;animation-delay:calc(var(--word-index)*.36s)}@keyframes launchWord{to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.launch-phrase span{animation-duration:.01ms;animation-delay:0s}.launch-splash{transition-duration:.01ms}}
