@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&family=Nunito:wght@400;600;700&display=swap";:root{--bg-night-dark: #1b2a4a;--bg-night-light: #4a7c59;--text-primary: #1b2a4a;--text-light: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--color-joie: #fcd365;--color-inquietude: #4ea8de;--color-frustration: #f26457;--color-peur: #8e7dbe;--color-fatigue: #f3c6a5;--color-plus: #2a6f97;--color-autre: #d8e2dc;--color-surprends-moi: #14213d;--font-large: 2.2rem;--font-medium: 1.6rem;--font-normal: 1.3rem;--font-small: 1rem;--font-tiny: .85rem;--spacing-xs: 6px;--spacing-sm: 12px;--spacing-md: 20px;--spacing-lg: 30px;--spacing-xl: 40px;--border-radius-lg: 30px;--border-radius-md: 24px;--border-radius-sm: 18px;--border-radius-xs: 14px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 20px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,sans-serif;font-weight:400;background-color:#0f172a;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;overflow:hidden!important}h1,h2,h3,.title{font-family:Fredoka,sans-serif;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkle{0%,to{opacity:0;transform:translateY(-10px) scale(.5)}50%{opacity:1;transform:translateY(0) scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.fade-in{animation:fadeInUp .5s ease forwards}.text-center{text-align:center}.flex-center{display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.app-header[data-v-f84ffe39]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);padding:0 var(--spacing-xs);flex-shrink:0;width:100%;padding-top:clamp(4px,1vh,12px)}.logo-container[data-v-f84ffe39]{display:flex;align-items:flex-start;flex:1}.logo-image[data-v-f84ffe39]{width:clamp(120px,25vw,280px);height:auto;max-width:90%;-o-object-fit:contain;object-fit:contain;animation:float-f84ffe39 3s ease-in-out infinite}@keyframes float-f84ffe39{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.btn-config[data-v-f84ffe39]{width:clamp(44px,5vw,56px);height:clamp(44px,5vw,56px);border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#25406d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:clamp(1.2rem,2.2vw,1.6rem);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 12px #00000026}.btn-config[data-v-f84ffe39]:hover{transform:rotate(90deg) scale(1.08);background:#f5f5f5;border-color:#ffffff80;box-shadow:0 4px 20px #0003}.btn-config[data-v-f84ffe39]:active{transform:rotate(180deg) scale(.92)}@media (max-width: 1024px) and (min-width: 769px){.logo-image[data-v-f84ffe39]{width:clamp(180px,20vw,250px)}.btn-config[data-v-f84ffe39]{width:48px;height:48px;font-size:1.4rem}}@media (max-width: 768px){.app-header[data-v-f84ffe39]{margin-bottom:var(--spacing-md);padding:0 var(--spacing-xs);padding-top:clamp(6px,1.2vh,10px);align-items:flex-start}.logo-image[data-v-f84ffe39]{width:clamp(140px,30vw,220px);margin-left:-8px}.btn-config[data-v-f84ffe39]{width:44px;height:44px;font-size:1.3rem;margin-right:-4px}}@media (max-width: 480px){.app-header[data-v-f84ffe39]{margin-bottom:var(--spacing-sm);padding:0 4px;padding-top:clamp(4px,1vh,8px);align-items:flex-start}.logo-image[data-v-f84ffe39]{width:clamp(100px,35vw,180px);margin-left:-12px;margin-top:-4px}.btn-config[data-v-f84ffe39]{width:40px;height:40px;font-size:1.1rem;margin-right:-6px;margin-top:-4px}}@media (max-width: 380px){.app-header[data-v-f84ffe39]{padding-top:2px}.logo-image[data-v-f84ffe39]{width:clamp(80px,30vw,140px);margin-left:-16px;margin-top:-6px}.btn-config[data-v-f84ffe39]{width:36px;height:36px;font-size:1rem;margin-right:-8px;margin-top:-6px}}@media (min-width: 1400px){.logo-image[data-v-f84ffe39]{width:clamp(240px,20vw,80px)}.btn-config[data-v-f84ffe39]{width:56px;height:56px;font-size:1.6rem}}.footer-nav[data-v-96c0a1e1]{flex-shrink:0;width:100%;height:80px;background:linear-gradient(135deg,#1b2a4a,#243b66);display:flex;justify-content:space-around;align-items:center;border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg);box-shadow:0 -4px 20px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0 var(--spacing-sm);z-index:100;border-top:1px solid rgba(255,255,255,.05);margin-top:auto}.nav-item[data-v-96c0a1e1]{display:flex;flex-direction:column;align-items:center;color:#fff9;font-size:var(--font-small);text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;background:none;font-family:Nunito,sans-serif;padding:var(--spacing-xs) var(--spacing-sm);min-width:60px;position:relative}.nav-item[data-v-96c0a1e1]:hover{color:var(--text-light);transform:translateY(-2px)}.nav-item.active[data-v-96c0a1e1]{color:var(--text-light)}.nav-item.active .nav-icon-wrapper[data-v-96c0a1e1]{background:#fff3;transform:scale(1.1);box-shadow:0 0 20px #ffffff1a}.nav-item.active[data-v-96c0a1e1]:after{content:"";position:absolute;top:-2px;width:30px;height:3px;background:linear-gradient(90deg,var(--text-light),rgba(255,255,255,.3));border-radius:3px}.nav-icon-wrapper[data-v-96c0a1e1]{width:44px;height:44px;background:#ffffff14;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:all .3s ease}.nav-item span[data-v-96c0a1e1]:last-child{margin-top:2px;font-weight:600;font-size:var(--font-tiny);letter-spacing:.3px}@media (max-width: 768px){.footer-nav[data-v-96c0a1e1]{height:70px}.nav-icon-wrapper[data-v-96c0a1e1]{width:38px;height:38px;font-size:1.2rem}.nav-item[data-v-96c0a1e1]{min-width:50px;font-size:.7rem}.nav-item span[data-v-96c0a1e1]:last-child{font-size:.65rem}}#app[data-v-a7e275d5]{position:relative;overflow:hidden;margin:0 auto;background-color:#1b2a4a;flex-shrink:0}.background-container[data-v-a7e275d5]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-image:url(/images/fond_bookyna.jpg);background-size:100% 100%;background-position:center;background-repeat:no-repeat}.content-container[data-v-a7e275d5]{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;padding:20px 20px 0;box-sizing:border-box;overflow:hidden}.main-content[data-v-a7e275d5]{flex:1;width:100%;margin:0 auto;overflow-y:auto;padding-bottom:10px}.main-content[data-v-a7e275d5]::-webkit-scrollbar{width:3px}.main-content[data-v-a7e275d5]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:0}.main-content[data-v-a7e275d5]::-webkit-scrollbar-thumb{background:#fff3;border-radius:0}@media (max-width: 768px){.content-container[data-v-a7e275d5]{padding:16px 16px 0}.main-content[data-v-a7e275d5]{padding-bottom:5px}}@media (min-width: 769px){#app[data-v-a7e275d5]{border-radius:0}.content-container[data-v-a7e275d5]{padding:10px 10px 0}}@media (min-width: 1400px){#app[data-v-a7e275d5]{transform:scale(1.02);transform-origin:center center}}html[data-v-7110bef9],body[data-v-7110bef9]{overflow:hidden!important;margin:0;padding:0;height:100%}.home-page[data-v-7110bef9]{display:flex;flex-direction:column;align-items:center;width:100%;height:100vh;max-height:100vh;overflow:hidden;animation:fadeInUp-7110bef9 .6s ease forwards;padding:0;margin:0;justify-content:flex-start}.main-title[data-v-7110bef9]{text-align:center;color:#25406d;font-size:clamp(1.6rem,5vw,3.2rem);font-family:Fredoka,sans-serif;font-weight:600;margin-top:clamp(8px,1.5vh,20px);margin-bottom:clamp(8px,1.5vh,20px);padding:clamp(10px,2vh,25px) var(--spacing-sm) 0;text-shadow:0 2px 8px rgba(255,255,255,.3);line-height:1;flex-shrink:0;width:100%}.emotions-container[data-v-7110bef9]{flex:1;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 var(--spacing-sm);position:relative;overflow:hidden;margin-top:0}.nav-arrow[data-v-7110bef9]{position:relative;z-index:10;width:clamp(32px,4vw,44px);height:clamp(32px,4vw,44px);border-radius:50%;border:none;background:#25406d1f;color:#25406d;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #00000014}.nav-arrow[data-v-7110bef9]:hover:not(:disabled){background:#25406d40;transform:scale(1.1);box-shadow:0 4px 16px #25406d33}.nav-arrow[data-v-7110bef9]:active:not(:disabled){transform:scale(.95)}.nav-arrow[data-v-7110bef9]:disabled{opacity:.25;cursor:not-allowed;transform:none}.nav-arrow-up[data-v-7110bef9]{margin-bottom:clamp(3px,.8vh,8px)}.nav-arrow-down[data-v-7110bef9]{margin-top:clamp(3px,.8vh,8px)}.nav-arrow svg[data-v-7110bef9]{width:clamp(16px,2vw,24px);height:clamp(16px,2vw,24px)}.emotions-viewport[data-v-7110bef9]{width:100%;max-width:min(90vw,600px);height:clamp(220px,33vh,440px);overflow:hidden;position:relative;border-radius:var(--border-radius-md);flex-shrink:0;touch-action:none;cursor:grab}.emotions-viewport[data-v-7110bef9]:active{cursor:grabbing}.emotions-track[data-v-7110bef9]{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.2vh,14px);transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%;padding:2px 0}.btn-emotion[data-v-7110bef9]{display:flex;align-items:center;justify-content:flex-start;width:min(60%,50vw);max-width:500px;height:clamp(65px,8vh,95px);padding:0 clamp(12px,2vw,30px);border:none;border-radius:var(--border-radius-md);font-weight:600;color:var(--text-primary);box-shadow:var(--shadow-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;flex-shrink:0;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.btn-emotion[data-v-7110bef9]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,transparent 100%);pointer-events:none}.btn-emotion[data-v-7110bef9]:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.btn-emotion[data-v-7110bef9]:hover:after{left:100%}.btn-emotion[data-v-7110bef9]:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg)}.btn-emotion[data-v-7110bef9]:active{transform:scale(.97) translateY(0);box-shadow:var(--shadow-sm)}.btn-joie[data-v-7110bef9]{background:linear-gradient(135deg,#e8b830,#d4a020);color:#3a2a00}.btn-inquietude[data-v-7110bef9]{background:linear-gradient(135deg,#3a8ab8,#2a7aa8);color:var(--text-light)}.btn-frustration[data-v-7110bef9]{background:linear-gradient(135deg,#d44a3e,#c03a2e);color:var(--text-light)}.btn-peur[data-v-7110bef9]{background:linear-gradient(135deg,#7a68a8,#6a5898);color:var(--text-light)}.btn-fatigue[data-v-7110bef9]{background:linear-gradient(135deg,#d4a888,#c49878);color:#3a2a1a}.btn-curiosite[data-v-7110bef9]{background:linear-gradient(135deg,#8ac0d6,#6aa8c0);color:#0a2a3a}.btn-deception[data-v-7110bef9]{background:linear-gradient(135deg,#b89a88,#a88a78);color:#2a1a0a}.btn-emerveillement[data-v-7110bef9]{background:linear-gradient(135deg,#e8c848,#d4b030);color:#2a1a00}.btn-ennui[data-v-7110bef9]{background:linear-gradient(135deg,#9aa8b0,#8a98a0);color:#0a0a1a}.btn-estime_de_soi[data-v-7110bef9]{background:linear-gradient(135deg,#8ac47a,#78b068);color:#0a2a0a}.btn-excitation[data-v-7110bef9]{background:linear-gradient(135deg,#e89a9a,#d48080);color:#2a0a0a}.btn-fierte[data-v-7110bef9]{background:linear-gradient(135deg,#e8c430,#d4b020);color:#2a1a00}.btn-honte[data-v-7110bef9]{background:linear-gradient(135deg,#c48888,#b07878);color:#1a0a0a}.btn-jalousie[data-v-7110bef9]{background:linear-gradient(135deg,#6aac6a,#589858);color:#0a1a0a}.btn-solitude[data-v-7110bef9]{background:linear-gradient(135deg,#a0b0c0,#8898a8);color:#0a1a2a}.btn-stress[data-v-7110bef9]{background:linear-gradient(135deg,#c4889a,#b07888);color:#1a0a12}.btn-timidite[data-v-7110bef9]{background:linear-gradient(135deg,#e0c4b8,#d0b0a0);color:#2a1a0a}.btn-tristesse[data-v-7110bef9]{background:linear-gradient(135deg,#7898b0,#6888a0);color:#0a1a2a}.emotion-icon[data-v-7110bef9]{width:clamp(50px,5vw,120px);height:clamp(50px,5vw,120px);-o-object-fit:contain;object-fit:contain;margin-right:clamp(10px,1.5vw,20px);flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));pointer-events:none}.emotion-label[data-v-7110bef9]{flex:1;text-align:left;text-shadow:0 1px 2px rgba(255,255,255,.2);font-size:clamp(1rem,1.8vw,1.8rem);font-weight:600;letter-spacing:.3px;pointer-events:none}.actions-list[data-v-7110bef9]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.5vh,14px);width:100%;padding:clamp(6px,1.2vh,14px) 0;flex-shrink:0;margin-top:clamp(2px,.5vh,8px)}.btn-action[data-v-7110bef9]{display:flex;align-items:center;justify-content:center;width:min(70%,50vw);max-width:500px;height:clamp(55px,6.5vh,72px);padding:0 clamp(12px,2vw,30px);border:none;border-radius:var(--border-radius-md);font-weight:800;box-shadow:var(--shadow-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Nunito,sans-serif;font-size:clamp(1.1rem,1.8vw,1.6rem);position:relative;overflow:hidden;flex-shrink:0;gap:clamp(8px,1.5vw,16px);letter-spacing:.5px}.btn-action[data-v-7110bef9]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 100%);pointer-events:none}.btn-action[data-v-7110bef9]:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.btn-action[data-v-7110bef9]:hover:after{left:100%}.btn-action[data-v-7110bef9]:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg)}.btn-action[data-v-7110bef9]:active{transform:scale(.97) translateY(0);box-shadow:var(--shadow-sm)}.action-icon[data-v-7110bef9]{font-size:clamp(1.4rem,2.2vw,2rem);line-height:1;flex-shrink:0}.btn-autre[data-v-7110bef9]{background:#d7ecf1;color:#253c68}.btn-autre .action-icon[data-v-7110bef9]{color:#253c68}.btn-surprendre[data-v-7110bef9]{background:#253c68;color:#fff;position:relative;overflow:hidden}.btn-surprendre .action-icon[data-v-7110bef9]{color:#fff}.btn-emotion[data-v-7110bef9]{animation:fadeInUp-7110bef9 .5s ease forwards;opacity:0}.btn-emotion[data-v-7110bef9]:nth-child(1){animation-delay:.02s}.btn-emotion[data-v-7110bef9]:nth-child(2){animation-delay:.04s}.btn-emotion[data-v-7110bef9]:nth-child(3){animation-delay:.06s}.btn-emotion[data-v-7110bef9]:nth-child(4){animation-delay:.08s}.btn-emotion[data-v-7110bef9]:nth-child(5){animation-delay:.1s}.btn-emotion[data-v-7110bef9]:nth-child(6){animation-delay:.12s}.btn-emotion[data-v-7110bef9]:nth-child(7){animation-delay:.14s}.btn-emotion[data-v-7110bef9]:nth-child(8){animation-delay:.16s}.btn-emotion[data-v-7110bef9]:nth-child(9){animation-delay:.18s}.btn-emotion[data-v-7110bef9]:nth-child(10){animation-delay:.2s}.btn-emotion[data-v-7110bef9]:nth-child(11){animation-delay:.22s}.btn-emotion[data-v-7110bef9]:nth-child(12){animation-delay:.24s}.btn-emotion[data-v-7110bef9]:nth-child(13){animation-delay:.26s}.btn-emotion[data-v-7110bef9]:nth-child(14){animation-delay:.28s}.btn-emotion[data-v-7110bef9]:nth-child(15){animation-delay:.3s}.btn-emotion[data-v-7110bef9]:nth-child(16){animation-delay:.32s}.btn-emotion[data-v-7110bef9]:nth-child(17){animation-delay:.34s}.btn-emotion[data-v-7110bef9]:nth-child(18){animation-delay:.36s}.btn-action[data-v-7110bef9]:nth-child(1){animation-delay:.4s}.btn-action[data-v-7110bef9]:nth-child(2){animation-delay:.45s}@media (min-width: 1400px){.btn-emotion[data-v-7110bef9]{height:100px;padding:0 10px}.btn-action[data-v-7110bef9]{height:72px;padding:0 10px;font-size:1.8rem}.emotion-icon[data-v-7110bef9]{width:130px;height:130px;margin-right:10px}.emotion-label[data-v-7110bef9]{font-size:1.8rem}.action-icon[data-v-7110bef9]{font-size:2.4rem}}@media (max-width: 1024px){.btn-emotion[data-v-7110bef9]{width:min(60%,55vw);height:clamp(70px,8vh,85px)}.btn-action[data-v-7110bef9]{width:min(75%,55vw);height:clamp(58px,6.5vh,68px);font-size:clamp(1.6rem,1.8vw,1.5rem)}.emotion-icon[data-v-7110bef9]{width:clamp(100px,5.5vw,75px);height:clamp(100px,5.5vw,75px)}.emotion-label[data-v-7110bef9]{font-size:clamp(1.6rem,2vw,1.5rem)}.action-icon[data-v-7110bef9]{font-size:clamp(1.8rem,2vw,1.8rem)}}@media (max-width: 768px){.btn-emotion[data-v-7110bef9]{width:min(70%,55vw);height:clamp(72px,8vh,80px);padding:0 16px;border-radius:var(--border-radius-md)}.btn-action[data-v-7110bef9]{width:min(80%,55vw);height:clamp(52px,6vh,60px);padding:0 16px;border-radius:var(--border-radius-md);font-size:clamp(1.6rem,2.2vw,1.3rem)}.emotion-icon[data-v-7110bef9]{width:clamp(100px,8vw,65px);height:clamp(100px,8vw,65px);margin-right:clamp(12px,2vw,16px)}.emotion-label[data-v-7110bef9]{font-size:clamp(1.6rem,2.5vw,1.3rem)}.action-icon[data-v-7110bef9]{font-size:clamp(1.6rem,2.5vw,1.6rem)}.emotions-viewport[data-v-7110bef9]{height:clamp(370px,32vh,280px)}.actions-list[data-v-7110bef9]{gap:clamp(8px,1.5vh,12px)}}@media (max-width: 480px){.main-title[data-v-7110bef9]{font-size:clamp(1.6rem,5vw,1.8rem)}.btn-emotion[data-v-7110bef9]{width:min(66%,60vw);height:clamp(70px,9vh,78px);padding:0 14px;border-radius:var(--border-radius-sm)}.btn-action[data-v-7110bef9]{width:min(85%,60vw);height:clamp(48px,8vh,60px);padding:0 10px;border-radius:var(--border-radius-sm);font-size:clamp(1.2rem,2.8vw,1.15rem)}.emotion-icon[data-v-7110bef9]{width:clamp(80px,10vw,58px);height:clamp(80px,10vw,58px);margin-right:clamp(1px,2.5vw,5px)}.emotion-label[data-v-7110bef9]{font-size:clamp(1.2rem,3vw,1.15rem);letter-spacing:.2px}.action-icon[data-v-7110bef9]{font-size:clamp(1.4rem,3vw,1.4rem)}.emotions-viewport[data-v-7110bef9]{height:clamp(230px,35vh,260px)}.nav-arrow[data-v-7110bef9]{width:clamp(30px,5vw,36px);height:clamp(30px,5vw,36px)}.nav-arrow svg[data-v-7110bef9]{width:clamp(14px,2.5vw,18px);height:clamp(14px,2.5vw,18px)}.actions-list[data-v-7110bef9]{gap:clamp(6px,1.2vh,10px);padding:clamp(4px,1vh,10px) 0}.nav-arrow-up[data-v-7110bef9]{margin-bottom:clamp(2px,.5vh,5px)}.nav-arrow-down[data-v-7110bef9]{margin-top:clamp(2px,.5vh,5px)}}@media (max-width: 380px){.btn-emotion[data-v-7110bef9]{width:min(65%,65vw);height:clamp(65px,10vh,72px);padding:0 10px}.btn-action[data-v-7110bef9]{width:min(90%,65vw);height:clamp(42px,5vh,48px);padding:0 10px;font-size:clamp(1.1rem,2.8vw,1rem)}.emotion-icon[data-v-7110bef9]{width:clamp(80px,11vw,52px);height:clamp(80px,11vw,52px);margin-right:clamp(8px,2vw,2px)}.emotion-label[data-v-7110bef9]{font-size:clamp(1rem,3.2vw,1rem)}.action-icon[data-v-7110bef9]{font-size:clamp(1.2rem,3.2vw,1.2rem)}.emotions-viewport[data-v-7110bef9]{height:clamp(210px,38vh,240px)}}@keyframes fadeInUp-7110bef9{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkle-7110bef9{0%,to{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.story-page[data-v-521e1f11]{padding:var(--spacing-medium);max-width:600px;margin:0 auto}.emotion-display[data-v-521e1f11]{text-align:center;margin-bottom:var(--spacing-large)}.story-emotion-icon[data-v-521e1f11]{width:80px;height:80px;-o-object-fit:contain;object-fit:contain;margin:0 auto}.story-title[data-v-521e1f11]{font-size:var(--font-size-large);color:var(--primary-color);margin-top:var(--spacing-small)}.story-card[data-v-521e1f11]{background:#ffffffe6;border-radius:20px;padding:var(--spacing-large);box-shadow:var(--shadow);border:3px solid var(--accent-color);min-height:200px;margin-bottom:var(--spacing-large)}.story-text[data-v-521e1f11]{font-size:var(--font-size-medium);line-height:1.8;color:var(--text-color)}.story-actions[data-v-521e1f11]{display:flex;flex-direction:column;gap:var(--spacing-medium)}.action-btn[data-v-521e1f11]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-small);padding:15px;border-radius:15px;font-size:var(--font-size-medium);transition:all .3s ease}.action-btn[data-v-521e1f11]:first-child{background:linear-gradient(135deg,var(--primary-color),#ff8a8a);color:#fff}.action-btn[data-v-521e1f11]:last-child{background:linear-gradient(135deg,var(--secondary-color),#6dd5ed);color:#fff}.action-btn .icon[data-v-521e1f11]{font-size:1.5rem}.action-btn[data-v-521e1f11]:hover{transform:scale(1.02)}.loading-state[data-v-521e1f11]{text-align:center;padding:var(--spacing-large);font-size:var(--font-size-large)}@media (max-width: 768px){.story-card[data-v-521e1f11]{padding:var(--spacing-medium)}.story-text[data-v-521e1f11]{font-size:var(--font-size-small)}}.profile-page[data-v-184ee59f]{padding:var(--spacing-medium);max-width:600px;margin:0 auto}.page-title[data-v-184ee59f]{text-align:center;margin-bottom:var(--spacing-large)}.profile-card[data-v-184ee59f]{background:#ffffffe6;border-radius:20px;padding:var(--spacing-large);display:flex;align-items:center;gap:var(--spacing-medium);box-shadow:var(--shadow);margin-bottom:var(--spacing-large)}.profile-avatar[data-v-184ee59f]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));display:flex;align-items:center;justify-content:center}.avatar-icon[data-v-184ee59f]{font-size:3rem}.profile-info[data-v-184ee59f]{flex:1}.username[data-v-184ee59f]{font-size:var(--font-size-large);color:var(--text-color)}.user-email[data-v-184ee59f]{color:var(--text-light);font-size:var(--font-size-small)}.profile-stats[data-v-184ee59f]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-medium);margin-bottom:var(--spacing-large)}.stat-item[data-v-184ee59f]{background:#fff;padding:var(--spacing-medium);border-radius:15px;text-align:center;box-shadow:var(--shadow)}.stat-number[data-v-184ee59f]{display:block;font-size:2rem;font-weight:700;color:var(--primary-color)}.stat-label[data-v-184ee59f]{font-size:var(--font-size-small);color:var(--text-light)}.profile-actions[data-v-184ee59f]{display:flex;justify-content:center}.action-btn[data-v-184ee59f]{display:flex;align-items:center;gap:var(--spacing-small);background:#ff6b6b;color:#fff;padding:12px 24px;border-radius:15px;font-size:var(--font-size-medium)}.action-btn[data-v-184ee59f]:hover{background:#ff5252}@media (max-width: 768px){.profile-card[data-v-184ee59f]{flex-direction:column;text-align:center}.profile-stats[data-v-184ee59f]{grid-template-columns:1fr}}