:root{--c-bg: #FFF7FB;--c-surface: #FFFFFF;--c-primary: #FF4D8D;--c-secondary: #A78BFA;--c-accent-1: #4ADEDE;--c-accent-2: #FFB347;--c-accent-3: #FFE066;--c-text: #2A1A3A;--c-text-soft: #6B5B7A;--c-border: #F4D9E8;--c-success: #34D399;--c-danger: #F87171;--font-display: "Fredoka", system-ui, sans-serif;--font-body: "Quicksand", system-ui, sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.5rem;--fs-xl: 2rem;--fs-2xl: 2.5rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--r-sm: 12px;--r-md: 20px;--r-lg: 28px;--r-full: 9999px;--shadow-sm: 0 4px 12px rgba(255, 77, 141, .1);--shadow-md: 0 8px 24px rgba(255, 77, 141, .15);--shadow-lg: 0 16px 40px rgba(255, 77, 141, .2);--tr-fast: .15s cubic-bezier(.4, 0, .2, 1);--tr-base: .25s cubic-bezier(.4, 0, .2, 1);--tr-slow: .4s cubic-bezier(.4, 0, .2, 1);--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--fs-base);line-height:1.5;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:contain}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;margin:0 0 var(--sp-3);line-height:1.2}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}h4{font-size:var(--fs-md)}p{margin:0 0 var(--sp-3)}a{color:var(--c-primary);text-decoration:none;transition:opacity var(--tr-fast)}a:hover{opacity:.8}img,svg{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}:focus{outline:none}:focus-visible{outline:3px solid var(--c-secondary);outline-offset:2px;border-radius:var(--r-sm)}.muted{color:var(--c-text-soft)}.tiny{font-size:var(--fs-xs)}.center{text-align:center}.bold{font-weight:700}code{background:var(--c-border);padding:2px 6px;border-radius:6px;font-size:.85em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{scrollbar-width:thin;scrollbar-color:var(--c-border) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:var(--r-full)}*::-webkit-scrollbar-thumb:hover{background:var(--c-primary)}::selection{background:var(--c-primary);color:#fff}@supports (padding: max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.app-shell{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}.app-main{flex:1 1 auto;padding:var(--sp-4) var(--sp-4) calc(var(--sp-7) + 60px);max-width:720px;width:100%;margin:0 auto}@media (min-width: 768px){.app-main{padding-bottom:var(--sp-7)}}#toast-root{position:fixed;bottom:calc(72px + env(safe-area-inset-bottom,0px));left:0;right:0;z-index:1100;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:0 var(--sp-4)}@media (min-width: 768px){#toast-root{top:var(--sp-4);bottom:auto;right:var(--sp-4);left:auto;align-items:flex-end}}#modal-root{position:fixed;inset:0;z-index:1200;pointer-events:none}#modal-root.is-open{pointer-events:auto}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--c-bg: #1A1027;--c-surface: #2A1A3A;--c-text: #FFE8F2;--c-text-soft: #C8B5D4;--c-border: #3A2A4A;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .45)}}:root[data-theme=dark]{--c-bg: #1A1027;--c-surface: #2A1A3A;--c-text: #FFE8F2;--c-text-soft: #C8B5D4;--c-border: #3A2A4A;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .45)}:root[data-skin=bonbon]{--c-primary: #FF5FA2;--c-secondary: #5FC8FF;--c-accent-1: #7DE8C8;--c-accent-2: #FFB3D1;--c-accent-3: #FFE08A}:root[data-skin=ocean]{--c-primary: #1FB6C9;--c-secondary: #5B8DEF;--c-accent-1: #7DE8E8;--c-accent-2: #9BD1FF;--c-accent-3: #B6F0D8}:root[data-skin=licorne]{--c-primary: #C77DFF;--c-secondary: #FF9EC7;--c-accent-1: #A7C7FF;--c-accent-2: #FFC9E9;--c-accent-3: #FFF1A8}:root[data-skin=coucher]{--c-primary: #FF7A59;--c-secondary: #FF4D8D;--c-accent-1: #FFB347;--c-accent-2: #FFD36E;--c-accent-3: #C77DFF}:root[data-skin=foret]{--c-primary: #2FBF71;--c-secondary: #8FD14F;--c-accent-1: #BDE86F;--c-accent-2: #7DE8C8;--c-accent-3: #FFE08A}:root[data-skin=galaxie]{--c-primary: #A78BFA;--c-secondary: #6D9DFF;--c-accent-1: #C77DFF;--c-accent-2: #7DD3FC;--c-accent-3: #F0ABFC}:root[data-skin=menthe]{--c-primary: #2DD4BF;--c-secondary: #5EEAD4;--c-accent-1: #A7F3D0;--c-accent-2: #99F6E4;--c-accent-3: #BBF7D0}:root[data-skin=corail]{--c-primary: #FB7185;--c-secondary: #FDA4AF;--c-accent-1: #FECDD3;--c-accent-2: #FFB347;--c-accent-3: #FFE066}:root[data-skin=lavande]{--c-primary: #B57EDC;--c-secondary: #D8B4FE;--c-accent-1: #E9D5FF;--c-accent-2: #C4B5FD;--c-accent-3: #FBCFE8}:root[data-skin=ciel]{--c-primary: #38BDF8;--c-secondary: #7DD3FC;--c-accent-1: #BAE6FD;--c-accent-2: #A5B4FC;--c-accent-3: #BFDBFE}:root[data-skin=peche]{--c-primary: #FB923C;--c-secondary: #FDBA74;--c-accent-1: #FED7AA;--c-accent-2: #FECACA;--c-accent-3: #FEF08A}:root[data-skin=fraise]{--c-primary: #E11D63;--c-secondary: #F472B6;--c-accent-1: #FBCFE8;--c-accent-2: #FCA5A5;--c-accent-3: #FDE68A}.theme-toggle .lucide-moon{display:none}.theme-toggle .lucide-sun{display:inline-block}:root[data-theme=dark] .theme-toggle .lucide-moon{display:inline-block}:root[data-theme=dark] .theme-toggle .lucide-sun{display:none}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .theme-toggle .lucide-moon{display:inline-block}:root:not([data-theme=light]) .theme-toggle .lucide-sun{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:12px 20px;min-height:44px;border:none;border-radius:var(--r-full);font-family:var(--font-display);font-weight:600;font-size:var(--fs-base);cursor:pointer;transition:transform var(--tr-fast),box-shadow var(--tr-fast),background var(--tr-fast);user-select:none;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn--primary{background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-secondary) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){transform:scale(1.03);box-shadow:var(--shadow-md)}.btn--primary:active:not(:disabled){transform:scale(.97)}.btn--ghost{background:transparent;color:var(--c-text);border:2px solid var(--c-border)}.btn--ghost:hover:not(:disabled){border-color:var(--c-primary);color:var(--c-primary)}.btn--danger{background:var(--c-danger);color:#fff}.btn--danger:hover:not(:disabled){transform:scale(1.03);box-shadow:0 4px 12px #f871714d}.btn--small{padding:8px 14px;min-height:36px;font-size:var(--fs-sm)}.btn--block{width:100%}.btn--icon{padding:0;width:44px;height:44px;border-radius:var(--r-full)}.field{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-4)}.field__label{font-size:var(--fs-sm);font-weight:600;color:var(--c-text-soft);padding-left:var(--sp-2)}.field__error{font-size:var(--fs-xs);color:var(--c-danger);padding-left:var(--sp-2)}.input,.textarea,.select{width:100%;padding:12px 16px;min-height:44px;background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--r-md);color:var(--c-text);font-size:var(--fs-base);transition:border-color var(--tr-fast),box-shadow var(--tr-fast)}.input::placeholder,.textarea::placeholder{color:var(--c-text-soft);opacity:.7}.input:focus,.textarea:focus,.select:focus{border-color:var(--c-primary);box-shadow:0 0 0 4px #ff4d8d26;outline:none}.textarea{min-height:96px;resize:vertical;font-family:inherit}.card{background:var(--c-surface);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm);transition:transform var(--tr-base),box-shadow var(--tr-base)}.card--hoverable:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.card__title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600;margin:0 0 var(--sp-3)}.card__footer{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--c-border)}.pill{display:inline-flex;align-items:center;gap:var(--sp-1);padding:4px 10px;border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:600;background:var(--c-border);color:var(--c-text)}.pill--primary{background:var(--c-primary);color:#fff}.pill--secondary{background:var(--c-secondary);color:#fff}.pill--accent-1{background:var(--c-accent-1);color:var(--c-text)}.pill--accent-2{background:var(--c-accent-2);color:var(--c-text)}.pill--accent-3{background:var(--c-accent-3);color:var(--c-text)}.pill--success{background:var(--c-success);color:#fff}.pill--danger{background:var(--c-danger);color:#fff}.notif-dot{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-full);background:var(--c-primary);color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.toast{pointer-events:auto;max-width:92vw;min-width:240px;padding:12px 16px;border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--sp-2);font-weight:500;animation:toast-in .24s cubic-bezier(.4,0,.2,1)}.toast--success{background:var(--c-success);color:#fff}.toast--error{background:var(--c-danger);color:#fff}.toast--info{background:var(--c-secondary);color:#fff}.toast.is-leaving{animation:toast-out .2s cubic-bezier(.4,0,.2,1) forwards}.modal-backdrop{position:fixed;inset:0;background:#2a1a3a8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:var(--sp-4);animation:fade-in .2s cubic-bezier(.4,0,.2,1)}.modal{background:var(--c-surface);border-radius:var(--r-lg);padding:var(--sp-6);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modal-pop .24s cubic-bezier(.4,0,.2,1)}.modal__title{font-family:var(--font-display);font-size:var(--fs-xl);margin-bottom:var(--sp-3)}.modal__actions{display:flex;gap:var(--sp-3);justify-content:flex-end;margin-top:var(--sp-5);flex-wrap:wrap}.header{position:sticky;top:0;z-index:100;background:var(--c-bg);border-bottom:1px solid var(--c-border);padding:var(--sp-3) var(--sp-4);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding-top:calc(var(--sp-3) + env(safe-area-inset-top,0px))}.header__logo{font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);background:linear-gradient(135deg,var(--c-primary),var(--c-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.header__actions{display:flex;gap:var(--sp-2);align-items:center}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--c-surface);border-top:1px solid var(--c-border);padding:var(--sp-2) var(--sp-2);padding-bottom:calc(var(--sp-2) + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-around;align-items:center;box-shadow:0 -4px 12px #ff4d8d14}.bottom-nav__btn{position:relative;flex:1 1 0;background:transparent;border:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;color:var(--c-text-soft);cursor:pointer;border-radius:var(--r-md);min-height:56px;transition:color var(--tr-fast),transform var(--tr-fast)}.bottom-nav__btn[aria-current=page]{color:var(--c-primary);transform:translateY(-2px)}.bottom-nav__btn:hover{color:var(--c-primary)}.bottom-nav__btn svg{width:24px;height:24px}.bottom-nav__label{font-size:11px;font-weight:600}.bottom-nav__fab{flex:0 0 auto;width:60px;height:60px;margin-top:-28px;border:4px solid var(--c-surface);border-radius:var(--r-full);background:linear-gradient(135deg,var(--c-primary),var(--c-secondary));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--tr-fast)}.bottom-nav__fab:hover{transform:scale(1.06)}.bottom-nav__fab:active{transform:scale(.92)}.bottom-nav__fab svg{width:28px;height:28px}.ptr-indicator{position:fixed;top:0;left:50%;transform:translate(-50%,-40px);z-index:90;width:40px;height:40px;border-radius:var(--r-full);background:var(--c-surface);box-shadow:var(--shadow-md);display:grid;place-items:center;font-size:20px;transition:transform var(--tr-base),opacity var(--tr-base);opacity:0}.ptr-indicator.is-pulling{opacity:1}.ptr-indicator.is-refreshing{animation:pulse-soft .8s infinite}.avatar{display:inline-block;border-radius:var(--r-full);background:var(--c-border);overflow:hidden;flex-shrink:0}.avatar img,.avatar svg{width:100%;height:100%;display:block}.avatar--animal{display:grid;place-items:center;line-height:1;box-shadow:var(--shadow-sm);border:2px solid var(--c-surface)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:var(--sp-5);background:radial-gradient(ellipse at top,rgba(167,139,250,.15),transparent 60%),radial-gradient(ellipse at bottom,rgba(255,77,141,.1),transparent 60%)}.auth-card{background:var(--c-surface);border-radius:var(--r-lg);padding:var(--sp-7);max-width:420px;width:100%;box-shadow:var(--shadow-md)}.auth-card h1{text-align:center;margin-bottom:var(--sp-2)}.auth-card__sub{text-align:center;color:var(--c-text-soft);margin-bottom:var(--sp-5)}.auth-switch{text-align:center;margin-top:var(--sp-4);color:var(--c-text-soft);font-size:var(--fs-sm)}.auth-switch a{font-weight:600;cursor:pointer}.skeleton{background:linear-gradient(90deg,var(--c-border) 0%,var(--c-surface) 50%,var(--c-border) 100%);background-size:200% 100%;border-radius:var(--r-sm);animation:skeleton-shimmer 1.4s infinite linear;min-height:16px}.stack>*+*{margin-top:var(--sp-3)}.stack--lg>*+*{margin-top:var(--sp-5)}.cluster{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.grid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.editor-overlay{position:fixed;inset:0;z-index:1400;background:var(--c-bg);display:flex;flex-direction:column;animation:fade-in .2s ease}.editor-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:calc(var(--sp-3) + env(safe-area-inset-top,0px)) var(--sp-4) var(--sp-3);border-bottom:1px solid var(--c-border)}.editor-stage{flex:1 1 auto;display:grid;place-items:center;padding:var(--sp-4);overflow:auto;min-height:0}.editor-canvas{position:relative;width:100%;max-width:420px;max-height:100%;background-size:cover;background-position:center;border-radius:var(--r-md);overflow:hidden;touch-action:none}.editor-layer{position:absolute;inset:0}.editor-sticker{position:absolute;transform:translate(-50%,-50%);font-size:44px;cursor:grab;user-select:none;touch-action:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.editor-sticker:active{cursor:grabbing}.editor-tools{padding:var(--sp-3) var(--sp-4) calc(var(--sp-4) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--c-border);display:flex;flex-direction:column;gap:var(--sp-3)}.editor-stickers,.editor-frames{display:flex;gap:var(--sp-2);overflow-x:auto;padding-bottom:var(--sp-1)}.editor-sticker-btn{flex:0 0 auto;width:44px;height:44px;border:2px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);font-size:24px;cursor:pointer;transition:transform var(--tr-fast)}.editor-sticker-btn:active{transform:scale(.9)}.sidebar{display:none}.app-content-row{display:block}@media (min-width: 768px){.app-content-row{display:flex;align-items:flex-start}.sidebar{display:flex;flex-direction:column;gap:4px;flex:0 0 248px;width:248px;height:100vh;position:sticky;top:0;padding:var(--sp-4) var(--sp-3);background:var(--c-surface);border-right:1px solid var(--c-border);overflow-y:auto}.bottom-nav,.header{display:none!important}.app-main{padding-bottom:var(--sp-7);padding-top:var(--sp-6)}}.sidebar__logo{font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);background:linear-gradient(135deg,var(--c-primary),var(--c-secondary));-webkit-background-clip:text;background-clip:text;color:transparent;padding:var(--sp-2) var(--sp-3) var(--sp-4)}.sidebar__profile{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-3);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-md);cursor:pointer;transition:transform var(--tr-fast)}.sidebar__profile:hover{transform:translateY(-1px)}.sidebar__nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar__item{display:flex;align-items:center;gap:var(--sp-3);padding:11px 14px;border:none;background:transparent;border-radius:var(--r-md);color:var(--c-text-soft);font-family:var(--font-body);font-weight:600;font-size:var(--fs-base);cursor:pointer;text-align:left;width:100%;transition:background var(--tr-fast),color var(--tr-fast),transform var(--tr-fast)}.sidebar__item:hover{background:var(--c-bg);color:var(--c-primary);transform:translate(2px)}.sidebar__item[aria-current=page]{background:linear-gradient(135deg,var(--c-primary),var(--c-secondary));color:#fff}.sidebar__item i{width:20px;height:20px;flex:0 0 20px}.sidebar__logout{margin-top:var(--sp-3);color:var(--c-danger)}.sidebar__logout:hover{background:var(--c-bg);color:var(--c-danger)}.chat-bubble{max-width:78%;padding:10px 14px;border-radius:var(--r-lg);background:var(--c-surface);border:1px solid var(--c-border);box-shadow:var(--shadow-sm);cursor:pointer;word-break:break-word;line-height:1.35;transition:transform var(--tr-fast)}.chat-bubble:active{transform:scale(.97)}.chat-bubble--mine{background:linear-gradient(135deg,var(--c-primary),var(--c-secondary));color:#fff;border:none}.photo-caption{position:absolute;left:0;right:0;bottom:0;padding:var(--sp-2) var(--sp-3);background:linear-gradient(transparent,#2a1a3aa6);color:#fff;font-size:var(--fs-sm);font-weight:600}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal-pop{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px) scale(.96)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes confetti-fall{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--cf-dx, 0),100vh) rotate(720deg);opacity:0}}@keyframes heart-float{0%{transform:translateY(0) scale(.5);opacity:1}to{transform:translateY(-80px) scale(1.4);opacity:0}}@keyframes pulse-soft{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.route-view{animation:fade-in .2s cubic-bezier(.4,0,.2,1)}.confetti-container{position:fixed;inset:0;pointer-events:none;z-index:1300;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:14px;border-radius:2px;animation:confetti-fall 1.5s cubic-bezier(.16,1,.3,1) forwards}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}