:root{--bg-0: #0a0a0c;--bg-1: #101014;--bg-2: #16161c;--bg-3: #1e1e26;--hairline: rgba(255,255,255,.08);--hairline-strong: rgba(255,255,255,.14);--glass: rgba(22,22,28,.55);--glass-bright: rgba(30,30,40,.62);--txt-0: #f4f4f6;--txt-1: #b8b8c4;--txt-2: #76768a;--txt-3: #4c4c5c;--a-rose: #ff7eb3;--a-orange: #ff9966;--a-violet: #a78bfa;--grad-accent: linear-gradient(115deg, #ff7eb3 0%, #ff9966 48%, #a78bfa 100%);--grad-accent-soft: linear-gradient(115deg, rgba(255,126,179,.18) 0%, rgba(255,153,102,.14) 48%, rgba(167,139,250,.18) 100%);--c-revoir: #ff9966;--c-inspiration: #a78bfa;--c-muscu: #5ee2a0;--c-business: #5fa8ff;--c-humour: #ffd166;--c-idees: #ff7eb3;--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 30px;--r-pill: 999px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 40px;--shadow-card: 0 18px 40px -20px rgba(0,0,0,.8);--shadow-pop: 0 24px 60px -16px rgba(0,0,0,.85);--ease: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:#050506;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:var(--txt-0);overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}.statusbar{height:50px;flex:0 0 auto;display:flex;align-items:flex-end;justify-content:space-between;padding:0 26px 6px;font-size:14px;font-weight:600;letter-spacing:.2px;color:var(--txt-0);z-index:30;position:relative}.statusbar .sb-right{display:flex;align-items:center;gap:6px}.scroll{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;position:relative}.scroll::-webkit-scrollbar{display:none}.pill{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:var(--r-pill);font-size:13.5px;font-weight:560;white-space:nowrap;color:var(--txt-1);background:var(--bg-3);border:1px solid var(--hairline);transition:all .25s var(--ease)}.pill.active{color:#0a0a0c;background:var(--grad-accent);border-color:transparent;font-weight:640}.cat-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.btn-primary{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:56px;border-radius:var(--r-lg);font-size:16.5px;font-weight:640;color:#120a14;background:var(--grad-accent);box-shadow:0 14px 34px -12px #ff7eb380,0 6px 18px -10px #a78bfa99;transition:transform .2s var(--ease),filter .2s var(--ease);overflow:hidden}.btn-primary:active{transform:scale(.975);filter:brightness(1.05)}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.25),transparent 40%);opacity:.6}.btn-ghost{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;width:100%;border-radius:var(--r-md);font-size:15.5px;font-weight:560;color:var(--txt-0);background:var(--bg-3);border:1px solid var(--hairline);transition:background .2s var(--ease)}.btn-ghost:active{background:var(--bg-2)}.view{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}@media (prefers-reduced-motion: no-preference){.view-enter{animation:viewIn .42s var(--ease) both}.view-enter-back{animation:viewInBack .42s var(--ease) both}.modal-enter{animation:modalIn .4s var(--ease) both}}@keyframes viewIn{0%{transform:translate(26px) scale(.985)}to{transform:none}}@keyframes viewInBack{0%{transform:translate(-26px) scale(.985)}to{transform:none}}@keyframes modalIn{0%{transform:translateY(46px) scale(.985)}to{transform:none}}@media (prefers-reduced-motion: no-preference){.rise{animation:rise .5s var(--ease) both}}@keyframes rise{0%{transform:translateY(18px)}to{transform:none}}@keyframes glowPulse{0%,to{box-shadow:0 14px 34px -12px #ff7eb380,0 0 #ff7eb300}50%{box-shadow:0 14px 38px -12px #ff7eb3a6,0 0 26px 2px #a78bfa2e}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}#stage{all:unset}html,body{background:var(--bg-0);overflow:hidden}#root{width:100%;height:100%}.app-root{position:relative;width:100%;max-width:520px;height:100dvh;margin:0 auto;background:var(--bg-0);overflow:hidden;background-image:radial-gradient(120% 42% at 50% -8%,rgba(167,139,250,.1),transparent 60%)}
