:root{--sprite-gold: #fbbf24;--sprite-gold-light: #fde68a;--sprite-glow: rgba(251, 191, 36, .4)}.inline-sparkle{position:relative;display:flex;align-items:center;justify-content:center}.inline-sparkle .sparkle-glow{position:absolute;inset:5%;border-radius:50%;background:radial-gradient(circle,var(--sprite-glow) 0%,transparent 70%)}.inline-sparkle.animated .sparkle-glow{animation:inline-glow-pulse 3s ease-in-out infinite}@keyframes inline-glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.inline-sparkle .sparkle{position:absolute;background:var(--sprite-gold-light);clip-path:polygon(50% 0%,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0% 50%,40% 40%);filter:drop-shadow(0 0 3px var(--sprite-gold))}.inline-sparkle .sparkle.s1{width:18%;height:18%;top:40%;left:42%}.inline-sparkle .sparkle.s2{width:15%;height:15%;top:22%;left:55%}.inline-sparkle .sparkle.s3{width:12%;height:12%;top:58%;left:28%}.inline-sparkle .sparkle.s4{width:13%;height:13%;top:30%;left:25%}.inline-sparkle .sparkle.s5{width:10%;height:10%;top:55%;left:62%}.inline-sparkle .sparkle.s6{width:8%;height:8%;top:18%;left:35%}.inline-sparkle .sparkle.s7{width:7%;height:7%;top:68%;left:48%}.inline-sparkle .sparkle.s8{width:6%;height:6%;top:45%;left:70%}.inline-sparkle.animated .sparkle{animation:inline-twinkle 2.5s ease-in-out infinite}.inline-sparkle.animated .sparkle.s2{animation-delay:.3s}.inline-sparkle.animated .sparkle.s3{animation-delay:.7s}.inline-sparkle.animated .sparkle.s4{animation-delay:.2s}.inline-sparkle.animated .sparkle.s5{animation-delay:.9s}.inline-sparkle.animated .sparkle.s6{animation-delay:.5s}.inline-sparkle.animated .sparkle.s7{animation-delay:1.1s}.inline-sparkle.animated .sparkle.s8{animation-delay:.4s}@keyframes inline-twinkle{0%,to{opacity:.4;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(15deg)}}.loading-screen{width:100vw;height:100vh;background:linear-gradient(145deg,#0f172a,#1e293b,#0f172a);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:min(20vh,120px);box-sizing:border-box}.loading-sparkle{width:100px;height:100px;animation:loading-pulse 1.5s ease-in-out infinite;margin-bottom:24px}.loading-greeting{font-size:18px;opacity:.85;max-width:320px;text-align:center;color:#fff;line-height:1.6;padding:0 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@keyframes loading-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.login-screen{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;gap:24px;padding:32px;box-sizing:border-box}.login-sparkle{font-size:48px;margin-bottom:8px}.login-title{font-size:28px;font-weight:700;margin:0}.login-tagline{opacity:.7;font-size:16px;margin:0;text-align:center}.login-link{text-decoration:none}.login-button{padding:14px 36px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #8b5cf666;transition:transform .2s,box-shadow .2s}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #8b5cf680}.login-button:active{transform:translateY(0)}:root{--accent-primary: #8a7bd9;--accent-primary-rgb: 138, 123, 217;--accent-secondary: #4fd1c5;--accent-secondary-rgb: 79, 209, 197;--accent-tertiary: #f6c1a6;--accent-tertiary-rgb: 246, 193, 166;--color-success: #4fd1c5;--color-success-rgb: 79, 209, 197;--color-error: #ff6b6b;--color-error-rgb: 255, 107, 107;--color-warning: #ffd93d;--color-warning-rgb: 255, 217, 61;--bg-primary: #0a0f1c;--bg-secondary: #1a1f35;--bg-tertiary: #0f1525;--bg-elevated: rgba(20, 25, 45, .95);--bg-elevated-hover: rgba(30, 35, 55, .95);--bg-glass: rgba(15, 25, 45, .85);--bg-glass-strong: rgba(15, 25, 45, .95);--bg-overlay: rgba(5, 10, 20, .85);--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--text-muted: #6a6a8a;--text-accent: var(--accent-primary);--text-on-accent: #ffffff;--sprite-core: var(--accent-tertiary);--sprite-glow: var(--accent-primary);--sprite-accent: var(--accent-secondary);--sprite-orbit: var(--accent-secondary);--sprite-gold: #fbbf24;--sprite-gold-light: #fde68a;--sprite-gold-dark: #f59e0b;--sprite-gold-glow: rgba(251, 191, 36, .4);--sprite-glow-soft: rgba(var(--accent-primary-rgb), .3);--sprite-glow-medium: rgba(var(--accent-primary-rgb), .5);--sprite-glow-strong: rgba(var(--accent-primary-rgb), .8);--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Inter", sans-serif;--font-mono: "Fira Code", "JetBrains Mono", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.7;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--border-subtle: 1px solid rgba(255, 255, 255, .08);--border-default: 1px solid rgba(255, 255, 255, .12);--border-accent: 1px solid rgba(var(--accent-primary-rgb), .4);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .5);--glow-accent: 0 0 20px rgba(var(--accent-primary-rgb), .5);--glow-accent-strong: 0 0 40px rgba(var(--accent-primary-rgb), .7);--glow-sprite: 0 0 30px rgba(var(--accent-secondary-rgb), .6);--glow-success: 0 0 20px rgba(var(--color-success-rgb), .5);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-elevated: 10;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 500;--z-modal: 600;--z-tooltip: 700;--z-sprite: 999;--z-max: 9999;--card-max-width: 480px;--card-max-height: 70vh;--card-padding: 20px;--card-padding-bottom: 24px;--card-border-radius: 16px;--card-bg: linear-gradient(145deg, rgba(30, 41, 59, .95) 0%, rgba(15, 23, 42, .98) 100%);--card-bg-start: rgba(30, 41, 59, .95);--card-bg-end: rgba(15, 23, 42, .98);--card-border: 1px solid rgba(148, 163, 184, .15);--card-border-color: rgba(148, 163, 184, .15);--card-shadow: 0 8px 32px rgba(0, 0, 0, .3);--card-text-color: rgba(255, 255, 255, .95);--card-bg-light: linear-gradient(145deg, #ffffff 0%, #f8f9fc 100%);--card-border-light: 1px solid rgba(0, 0, 0, .1);--card-shadow-light: 0 4px 16px rgba(0, 0, 0, .1);--card-text-color-light: #1a1625;--card-section-bg: rgba(148, 163, 184, .08);--card-section-border: rgba(148, 163, 184, .1);--card-muted-text: rgba(255, 255, 255, .5);--card-muted-text-light: rgba(0, 0, 0, .4);--scrollbar-width: 5px;--scrollbar-track-bg: rgba(255, 255, 255, .03);--scrollbar-thumb-bg: rgba(138, 123, 217, .3);--scrollbar-thumb-hover-bg: rgba(138, 123, 217, .5)}.daily-overview-card::-webkit-scrollbar,.do-right-now-card::-webkit-scrollbar,.stats-card::-webkit-scrollbar,.trackers-hub-card::-webkit-scrollbar,.tracker-detail-card::-webkit-scrollbar,.sprite-store-card::-webkit-scrollbar,.side-chat-panel::-webkit-scrollbar,.side-chat-messages::-webkit-scrollbar{width:var(--scrollbar-width)}.daily-overview-card::-webkit-scrollbar-track,.do-right-now-card::-webkit-scrollbar-track,.stats-card::-webkit-scrollbar-track,.trackers-hub-card::-webkit-scrollbar-track,.tracker-detail-card::-webkit-scrollbar-track,.sprite-store-card::-webkit-scrollbar-track,.side-chat-panel::-webkit-scrollbar-track,.side-chat-messages::-webkit-scrollbar-track{background:var(--scrollbar-track-bg);border-radius:3px}.daily-overview-card::-webkit-scrollbar-thumb,.do-right-now-card::-webkit-scrollbar-thumb,.stats-card::-webkit-scrollbar-thumb,.trackers-hub-card::-webkit-scrollbar-thumb,.tracker-detail-card::-webkit-scrollbar-thumb,.sprite-store-card::-webkit-scrollbar-thumb,.side-chat-panel::-webkit-scrollbar-thumb,.side-chat-messages::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-bg);border-radius:3px}.daily-overview-card::-webkit-scrollbar-thumb:hover,.do-right-now-card::-webkit-scrollbar-thumb:hover,.stats-card::-webkit-scrollbar-thumb:hover,.trackers-hub-card::-webkit-scrollbar-thumb:hover,.tracker-detail-card::-webkit-scrollbar-thumb:hover,.sprite-store-card::-webkit-scrollbar-thumb:hover,.side-chat-panel::-webkit-scrollbar-thumb:hover,.side-chat-messages::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-bg)}:root{--navy-900: var(--bg-primary);--navy-800: var(--bg-secondary);--navy-700: #103257;--navy-600: #1b4778;--gold-500: #f2c15c;--gold-400: #ffd688;--card-bg: var(--bg-elevated);--card-border: rgba(255, 255, 255, .08);--input-bg: #0b1a30;--input-border: rgba(255, 255, 255, .16);--bubble-user: var(--gold-500);--bubble-user-text: #1b2334;--bubble-assistant: #123355;--bubble-assistant-text: var(--text-primary);--sprite-core-inner: var(--accent-tertiary);--sprite-shadow: rgba(14, 10, 40, .95);font-family:var(--font-body);color-scheme:dark}*{box-sizing:border-box}body{margin:0;padding:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:linear-gradient(180deg,var(--navy-900) 0%,#041a33 100%);color:var(--text-primary);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-touch-callout:none}small.mono{font-family:Roboto Mono,Fira Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.quick-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:16px;box-shadow:0 12px 40px #00000052}.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--navy-700);color:var(--text-primary);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.lifesprite-shell{max-width:960px;margin:0 auto;padding:36px 28px 56px;display:flex;flex-direction:column;gap:28px}.shell-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.controls-block{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.controls-label,.field span,.section-title,.input-control,.chat-textarea,textarea,select,input{padding:12px 14px;border-radius:14px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);font-size:14px;transition:border-color .15s ease,box-shadow .15s ease}.input-control:focus,.chat-textarea:focus,select:focus,input:focus,textarea:focus{outline:none;border-color:var(--gold-500);box-shadow:0 0 0 3px #f2c15c40}button{cursor:pointer;border-radius:999px;border:none;font-size:14px;font-weight:600;transition:transform .12s ease,box-shadow .12s ease,opacity .18s ease}.button-primary{background:linear-gradient(135deg,var(--gold-500),var(--gold-400));color:#1a2233;padding:10px 22px;box-shadow:0 10px 24px #f2c15c47}.button-primary:disabled{opacity:.55;box-shadow:none;cursor:not-allowed}.button-primary:not(:disabled):hover{transform:translateY(-1px)}.button-secondary{background:#ffffff0f;color:var(--text-primary);padding:8px 18px;border:1px solid rgba(255,255,255,.12)}.button-secondary:hover{background:#ffffff1a}.brand{display:flex;align-items:center}.brand-right img{width:132px;height:132px;border-radius:36px;box-shadow:0 16px 40px #00000059}.section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:20px;box-shadow:0 18px 36px #041a333d}.section-title{margin:0 0 14px}.create-user-form{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end}.field{display:flex;flex-direction:column;gap:8px}.chat-section{display:flex;flex-direction:column;gap:16px;min-height:0;flex:0 1 auto}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:20px;box-shadow:0 18px 36px #041a333d}.chat-list{max-height:60vh;height:60vh;display:flex;flex-direction:column;gap:28px;overflow-y:auto;overflow-x:hidden;padding-right:8px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.chat-list::-webkit-scrollbar{width:8px}.chat-list::-webkit-scrollbar-track{background:transparent;border-radius:4px}.chat-list::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.chat-list::-webkit-scrollbar-thumb:hover{background:#0000004d}.chat-row{display:flex}.chat-row+.chat-row{margin-top:18px}.chat-row-user{justify-content:flex-end}.chat-row-assistant{justify-content:flex-start}.bubble{padding:14px 16px;border-radius:22px;font-size:15px;line-height:1.55;max-width:580px;box-shadow:0 10px 28px #041a333d;white-space:pre-wrap}.bubble-user{background:var(--bubble-user);color:var(--bubble-user-text);border:1px solid rgba(0,0,0,.08)}.bubble-assistant{background:var(--bubble-assistant);color:var(--bubble-assistant-text);border:1px solid rgba(255,255,255,.08)}.chat-inputbar{display:flex;gap:14px;align-items:flex-end}.chat-textarea{flex:1;min-height:120px;resize:none}.dev-toggle{display:flex;justify-content:flex-end}.dev-mode-label{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.dev-panel{font-size:12px;background:#112a45;color:var(--text-primary);border:1px dashed rgba(255,255,255,.16);border-radius:14px;padding:14px;max-height:260px;overflow:auto}.row{display:flex;gap:12px;flex-wrap:wrap}.mission-title{font-size:14px;font-weight:600;color:var(--gold-400);margin:0 0 14px;letter-spacing:.03em;text-transform:uppercase}.accent-black{accent-color:var(--gold-500)}@media(max-width:768px){.lifesprite-shell{padding:28px 18px 48px}.shell-header{flex-direction:column-reverse;align-items:flex-start}.brand-right img{width:110px;height:110px}.chat-list{max-height:50vh;height:50vh}}.model-warning{font-size:12px;color:var(--gold-400)}.user-display-name{font-size:12px;color:var(--text-muted);margin-top:4px}.sprite-presence{position:relative;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;isolation:isolate;filter:drop-shadow(0 18px 40px var(--sprite-shadow));transition:transform .3s ease,filter .3s ease}.sprite-interactive{cursor:pointer;pointer-events:auto}.sprite-interactive:hover{transform:scale(1.08);filter:drop-shadow(0 18px 50px var(--sprite-shadow)) brightness(1.1)}.sprite-interactive:hover .sprite-core{box-shadow:0 0 24px #f6c1a6,0 0 56px #8a7bd9}.sprite-interactive:active{transform:scale(1.02)}.sprite-core{position:relative;width:44%;height:44%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffff,var(--sprite-core-inner) 35%,var(--sprite-core) 70%);box-shadow:0 0 18px rgba(var(--accent-tertiary-rgb),.95),0 0 42px rgba(var(--accent-primary-rgb),.9);animation:sprite-core-breathe 4s ease-in-out infinite}.sprite-glow{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.8),transparent 55%),radial-gradient(circle at 70% 80%,rgba(var(--accent-secondary-rgb),.38),transparent 60%),radial-gradient(circle at 50% 50%,rgba(var(--accent-primary-rgb),.48),transparent 70%);opacity:.9;animation:sprite-glow-breathe 6s ease-in-out infinite}.sprite-orbit{position:absolute;inset:0;border-radius:50%;pointer-events:none}.sprite-orbit-dot{position:absolute;top:50%;left:0;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff,var(--sprite-accent));box-shadow:0 0 12px rgba(var(--accent-secondary-rgb),.85)}.sprite-orbit-1{transform-origin:50% 50%;animation:sprite-orbit-rotation 16s linear infinite}.sprite-orbit-2{transform-origin:50% 50%;animation:sprite-orbit-rotation 22s linear infinite reverse}.sprite-orbit-3{transform-origin:50% 50%;animation:sprite-orbit-rotation 28s linear infinite}.sprite-orbit-dot-ambient{width:5px;height:5px;margin-top:-2.5px;opacity:.6;box-shadow:0 0 8px rgba(var(--accent-secondary-rgb),.5)}.sprite-attention-container{position:absolute;inset:0;pointer-events:none}.sprite-attention-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff,var(--sprite-accent));box-shadow:0 0 16px rgba(var(--accent-secondary-rgb),1),0 0 30px rgba(var(--accent-secondary-rgb),.6);transform:translate(-50%,-50%);transition:opacity .3s ease}.sprite-attention-container.focused .sprite-attention-dot{box-shadow:0 0 20px rgba(var(--accent-secondary-rgb),1),0 0 40px rgba(var(--accent-primary-rgb),.8)}.sprite-ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,0);pointer-events:none}.sprite-sparkles{position:absolute;inset:0;pointer-events:none}.sprite-sparkle{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff,var(--sprite-accent));opacity:0}.sprite-sparkle-1{top:10%;left:65%}.sprite-sparkle-2{top:65%;left:85%}.sprite-sparkle-3{top:80%;left:30%}.sprite-idle{animation-play-state:running}.sprite-listening .sprite-core{animation:sprite-core-listening 1.4s ease-in-out infinite;box-shadow:0 0 22px rgba(var(--accent-tertiary-rgb),1),0 0 52px rgba(var(--accent-primary-rgb),1)}.sprite-listening .sprite-glow{animation-duration:4s}.sprite-thinking .sprite-core{animation:sprite-core-thinking 2s ease-in-out infinite}.sprite-thinking .sprite-orbit-1,.sprite-thinking .sprite-orbit-2,.sprite-thinking .sprite-orbit-3{animation-duration:10s}.sprite-thinking .sprite-glow{animation:sprite-glow-thinking 4s ease-in-out infinite}.sprite-success .sprite-ring{animation:sprite-ring-pulse .8s ease-out}.sprite-success .sprite-sparkle{animation:sprite-sparkle-pop .7s ease-out}.sprite-error{animation:sprite-error-shake .4s ease-out}.sprite-error .sprite-ring{animation:sprite-ring-error .6s ease-out}.sprite-viewing .sprite-core{animation:sprite-core-viewing 3s ease-in-out infinite}.sprite-viewing .sprite-orbit-1,.sprite-viewing .sprite-orbit-2,.sprite-viewing .sprite-orbit-3{animation-duration:20s}.sprite-focus-center .sprite-orbit,.sprite-focus-right .sprite-orbit{transform:none}.sprite-focus-right .sprite-orbit-1 .sprite-orbit-dot{left:auto;right:-5%;top:35%;animation:sprite-dot-read-1 3s ease-in-out infinite}.sprite-focus-right .sprite-orbit-2 .sprite-orbit-dot{left:auto;right:-8%;top:50%;animation:sprite-dot-read-2 4s ease-in-out infinite}.sprite-focus-right .sprite-orbit-3 .sprite-orbit-dot{left:auto;right:-3%;top:65%;animation:sprite-dot-read-3 3.5s ease-in-out infinite}.sprite-focus-right .sprite-orbit-1,.sprite-focus-right .sprite-orbit-2,.sprite-focus-right .sprite-orbit-3{animation:none}.sprite-focus-down .sprite-orbit{transform:translateY(15%)}.sprite-focus-user .sprite-orbit{transform:none}.sprite-focus-user .sprite-orbit-1 .sprite-orbit-dot{left:20%;top:auto;bottom:-5%;animation:sprite-dot-user-1 3s ease-in-out infinite}.sprite-focus-user .sprite-orbit-2 .sprite-orbit-dot{left:40%;top:auto;bottom:-8%;animation:sprite-dot-user-2 4s ease-in-out infinite}.sprite-focus-user .sprite-orbit-3 .sprite-orbit-dot{left:60%;top:auto;bottom:-3%;animation:sprite-dot-user-3 3.5s ease-in-out infinite}.sprite-focus-user .sprite-orbit-1,.sprite-focus-user .sprite-orbit-2,.sprite-focus-user .sprite-orbit-3{animation:none}@keyframes sprite-core-viewing{0%,to{transform:scale(1);box-shadow:0 0 18px rgba(var(--accent-tertiary-rgb),.95),0 0 42px rgba(var(--accent-primary-rgb),.9)}50%{transform:scale(1.03);box-shadow:0 0 22px rgba(var(--accent-tertiary-rgb),1),0 0 48px rgba(var(--accent-secondary-rgb),.9)}}@keyframes sprite-dot-read-1{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes sprite-dot-read-2{0%,to{transform:translateY(0)}40%{transform:translateY(-6px)}80%{transform:translateY(4px)}}@keyframes sprite-dot-read-3{0%,to{transform:translateY(0)}60%{transform:translateY(6px)}}@keyframes sprite-dot-user-1{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}@keyframes sprite-dot-user-2{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes sprite-dot-user-3{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes sprite-core-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes sprite-glow-breathe{0%,to{opacity:.85}50%{opacity:1}}@keyframes sprite-orbit-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sprite-core-listening{0%,to{transform:scale(1.02) translate(0)}50%{transform:scale(1.07) translate(-4%)}}@keyframes sprite-core-thinking{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(20deg)}}@keyframes sprite-glow-thinking{0%,to{opacity:.9}50%{opacity:1}}@keyframes sprite-ring-pulse{0%{transform:scale(.7);border-color:#f2c15c00;opacity:.8}40%{border-color:#f2c15ce6}to{transform:scale(1.4);border-color:#f2c15c00;opacity:0}}@keyframes sprite-sparkle-pop{0%{transform:scale(.2);opacity:0}40%{transform:scale(1.1);opacity:1}to{transform:scale(.4);opacity:0}}@keyframes sprite-error-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}@keyframes sprite-ring-error{0%{transform:scale(.9);border-color:#ff636300}30%{border-color:#ff6363b3}to{transform:scale(1.2);border-color:#ff636300}}@media(prefers-reduced-motion:reduce){.sprite-presence,.sprite-core,.sprite-glow,.sprite-orbit,.sprite-ring,.sprite-sparkle{animation-duration:.01ms!important;animation-iteration-count:1!important}}.tracker-dashboard{display:flex;flex-direction:column;gap:24px;padding-bottom:32px}.controls-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.controls-row label{display:flex;flex-direction:column;font-size:12px;color:var(--text-muted);gap:6px}.controls-row input{min-width:160px}.error-banner{padding:12px 16px;border-radius:14px;border:1px solid rgba(255,99,99,.4);background:#ff63631a;color:#fee2e2}.analytics-section h3{margin-bottom:12px;font-size:18px}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.chart-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px}.chart-card-title{font-weight:600}.chart-card-foot{font-size:13px;color:var(--text-muted)}.stat-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.stat-list li{display:flex;justify-content:space-between;align-items:center;font-size:14px}.stat-chip{background:#ffffff14;border-radius:999px;padding:2px 10px;font-size:12px}.bar-chart{display:flex;align-items:flex-end;gap:6px;min-height:120px}.bar-chart-column{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.bar-chart-bar{width:100%;border-radius:6px 6px 0 0;min-height:4px}.bar-chart-label{font-size:11px;color:var(--text-muted)}.tracker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.tracker-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px}.tracker-card-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.tracker-card-title{font-size:18px;font-weight:600}.tracker-card-sub{font-size:13px;color:var(--text-muted)}.tracker-card-meta{font-size:12px;color:var(--text-muted)}.tracker-card-body{display:flex;flex-direction:column;gap:16px}.tracker-chart{display:flex;flex-direction:column;gap:4px}.sparkline{width:100%;height:120px}.sparkline-empty,.bar-chart-empty{font-size:13px;color:var(--text-muted)}.tracker-chart-caption{font-size:12px;color:var(--text-muted)}.tracker-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.stat-pod{background:#ffffff0a;padding:12px;border-radius:14px;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;color:var(--text-muted)}.stat-value{font-size:18px;font-weight:600}.stat-foot{font-size:12px;color:var(--text-muted)}.tracker-entries table{width:100%;border-collapse:collapse;font-size:13px}.tracker-entries th,.tracker-entries td{padding:8px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.tracker-entry-values{display:flex;flex-direction:column;gap:2px}.goal-table{width:100%;border-collapse:collapse;font-size:13px}.goal-table th,.goal-table td{padding:8px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.muted{color:var(--text-muted);font-size:13px}@media(max-width:768px){.controls-row{flex-direction:column;align-items:stretch}}.notification-prompt{background:linear-gradient(135deg,rgba(var(--accent-secondary-rgb),.15),rgba(var(--accent-primary-rgb),.15));border:1px solid rgba(var(--accent-secondary-rgb),.3);border-radius:var(--radius-lg);padding:16px;margin-top:12px;display:flex;flex-direction:column;gap:12px}.notification-prompt-content{display:flex;align-items:center;gap:10px}.notification-prompt-icon{font-size:20px}.notification-prompt-text{font-size:14px;color:var(--text-primary)}.notification-prompt-actions{display:flex;gap:10px;flex-wrap:wrap}.notification-prompt-enable{font-size:13px;padding:8px 16px}.notification-prompt-dismiss{font-size:13px;padding:8px 14px}.notification-prompt-error{font-size:12px;color:#f99;padding:8px;background:#ff63631a;border-radius:8px}.sms-input-form{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px}.sms-input-header{margin-bottom:8px}.sms-input-header h3{margin:0 0 4px;font-size:18px;color:var(--text-primary)}.sms-input-header p{margin:0;font-size:14px;color:var(--text-muted)}.sms-input-field{display:flex;flex-direction:column;gap:8px}.sms-input-field label{font-size:13px;color:var(--text-muted);font-weight:500}.sms-input-field input{font-size:18px;padding:14px 16px;letter-spacing:.05em}.sms-consent-checkbox{font-size:12px;color:var(--text-muted);line-height:1.5}.sms-consent-checkbox label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.sms-consent-checkbox input[type=checkbox]{margin-top:2px;min-width:18px;height:18px;accent-color:var(--gold-500)}.sms-input-error{font-size:13px;color:#f99;padding:10px 14px;background:#ff63631f;border:1px solid rgba(255,99,99,.3);border-radius:10px}.sms-submit-button{margin-top:4px}.sms-input-success{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 20px;text-align:center}.sms-input-success .success-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--gold-500),var(--gold-400));color:#1a2233;font-size:28px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #f2c15c59}.sms-input-success p{margin:0;font-size:16px;color:var(--text-primary)}.sms-input-success .success-detail{font-size:14px;color:var(--text-muted)}.sms-settings-panel{padding:20px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px}.sms-settings-header h3{margin:0 0 16px;font-size:18px}.sms-settings-info{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;padding:14px;background:#0003;border-radius:12px}.sms-phone-display,.sms-status-display{display:flex;justify-content:space-between;align-items:center;font-size:14px}.sms-phone-display .label,.sms-status-display .label{color:var(--text-muted)}.sms-status-display .value.active{color:#4ade80}.sms-status-display .value.paused{color:var(--gold-400)}.sms-settings-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.sms-settings-loading{padding:24px;text-align:center;color:var(--text-muted)}.button-danger-outline{background:transparent;color:#f87171;border:1px solid rgba(248,113,113,.5);padding:8px 16px}.button-danger-outline:hover{background:#f871711a;border-color:#f87171}.button-danger{background:#dc2626;color:#fff;padding:8px 16px}.button-danger:hover{background:#b91c1c}.remove-confirm{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-muted)}.xp-display{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#f2c15c26,#ffd68814);border:1px solid rgba(242,193,92,.3);border-radius:20px;font-size:14px;font-weight:600;color:var(--gold-500);position:relative;transition:all .3s ease}.xp-display:hover{background:linear-gradient(135deg,#f2c15c33,#ffd6881f);border-color:#f2c15c80}.xp-display--clickable{cursor:pointer}.xp-display--loading{opacity:.6}.xp-display--gained{animation:xp-pulse .5s ease-out}@keyframes xp-pulse{0%{transform:scale(1)}30%{transform:scale(1.1);box-shadow:0 0 20px #f2c15c80}to{transform:scale(1)}}.xp-icon{font-size:16px}.xp-value{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.xp-label{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.xp-gain-popup{position:absolute;top:-24px;right:8px;font-size:14px;font-weight:700;color:#4ade80;text-shadow:0 2px 8px rgba(74,222,128,.5);animation:xp-float-up 2s ease-out forwards;pointer-events:none}@keyframes xp-float-up{0%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(-16px)}to{opacity:0;transform:translateY(-24px)}}.embodiment-picker{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:20px;max-width:500px;max-height:80vh;width:100%;display:flex;flex-direction:column}.embodiment-picker__header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.embodiment-picker__title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);flex:1}.embodiment-picker__essence{padding:6px 12px;background:linear-gradient(135deg,#f2c15c26,#ffd68814);border:1px solid rgba(242,193,92,.3);border-radius:16px;font-size:13px;font-weight:600;color:var(--gold-500)}.embodiment-picker__close{background:#ffffff1a;border:none;color:var(--text-primary);font-size:20px;cursor:pointer;padding:4px 10px;line-height:1;border-radius:6px;transition:all .2s ease}.embodiment-picker__close:hover{background:#fff3;color:#fff}.embodiment-picker__error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:10px 14px;border-radius:8px;margin-bottom:12px;font-size:13px}.embodiment-picker__success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#4ade80;padding:10px 14px;border-radius:8px;margin-bottom:12px;font-size:13px}.embodiment-picker__quip{background:linear-gradient(135deg,#8b5cf633,#ec489926);border:1px solid rgba(139,92,246,.4);border-radius:12px;padding:16px;margin-bottom:16px}.embodiment-picker__quip-text{color:#e0e7ff;font-size:15px;line-height:1.5;margin-bottom:12px;font-style:italic}.embodiment-picker__quip-actions{display:flex;gap:8px;justify-content:flex-end}.embodiment-picker__quip-narrate,.embodiment-picker__quip-dismiss{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.embodiment-picker__quip-narrate{background:#8b5cf64d;color:#c4b5fd}.embodiment-picker__quip-narrate:hover:not(:disabled){background:#8b5cf680;color:#fff}.embodiment-picker__quip-narrate:disabled{opacity:.6;cursor:not-allowed}.embodiment-picker__quip-dismiss{background:#ffffff1a;color:#a5b4fc}.embodiment-picker__quip-dismiss:hover{background:#fff3;color:#fff}.embodiment-picker__switch-dialog{position:absolute;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;border-radius:16px}.embodiment-picker__switch-dialog-content{background:linear-gradient(145deg,#312e81f2,#1e1b4bf2);border:1px solid rgba(139,92,246,.4);border-radius:16px;padding:1.5rem;max-width:90%;width:320px;text-align:center;box-shadow:0 8px 32px #0006}.embodiment-picker__switch-dialog-message{font-size:1rem;line-height:1.5;color:#e0e7ff;margin-bottom:1rem;font-style:italic}.embodiment-picker__switch-dialog-target{font-size:.875rem;color:#a5b4fc;margin-bottom:1.25rem;padding:.5rem;background:#ffffff0d;border-radius:8px}.embodiment-picker__switch-dialog-target strong{color:#c4b5fd}.embodiment-picker__switch-dialog-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.embodiment-picker__switch-btn{padding:.75rem 1rem;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.embodiment-picker__switch-btn--now{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;box-shadow:0 4px 12px #8b5cf666}.embodiment-picker__switch-btn--now:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf680}.embodiment-picker__switch-btn--schedule{background:#6366f133;color:#a5b4fc;border:1px solid rgba(99,102,241,.4)}.embodiment-picker__switch-btn--schedule:hover:not(:disabled){background:#6366f14d;color:#c4b5fd}.embodiment-picker__switch-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.embodiment-picker__switch-cancel{background:transparent;border:none;color:#6b7280;font-size:.85rem;cursor:pointer;padding:.5rem 1rem;transition:color .2s ease}.embodiment-picker__switch-cancel:hover:not(:disabled){color:#9ca3af}.embodiment-picker__switch-cancel:disabled{opacity:.5;cursor:not-allowed}.embodiment-picker__tabs{display:flex;gap:8px;margin-bottom:16px}.embodiment-picker__tab{flex:1;padding:10px 16px;border:1px solid var(--card-border);border-radius:8px;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.embodiment-picker__tab:hover{background:#ffffff0d;color:var(--text-primary)}.embodiment-picker__tab--active{background:var(--navy-700);border-color:var(--gold-500);color:var(--text-primary)}.embodiment-picker__content{min-height:150px;max-height:50vh;overflow-y:auto;padding-right:4px}.embodiment-picker__content::-webkit-scrollbar{width:6px}.embodiment-picker__content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.embodiment-picker__content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.embodiment-picker__content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.embodiment-picker__empty{display:flex;align-items:center;justify-content:center;height:150px;color:var(--text-muted);font-size:14px}.embodiment-picker__loading{display:flex;align-items:center;justify-content:center;height:150px;color:var(--text-muted)}.embodiment-picker__grid{display:flex;flex-direction:column;gap:10px}.embodiment-card{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid var(--card-border);border-radius:12px;cursor:pointer;transition:all .2s ease}.embodiment-card:hover{background:#ffffff0f;border-color:#ffffff26}.embodiment-card--active{background:#f2c15c1a;border-color:#f2c15c66}.embodiment-card--locked{cursor:default}.embodiment-card--cannot-afford{opacity:.6}.embodiment-card__avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--sprite-core),var(--sprite-accent));display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0}.embodiment-card__avatar--locked{background:linear-gradient(135deg,var(--navy-700),var(--navy-600));font-size:16px}.embodiment-card__info{flex:1;min-width:0}.embodiment-card__name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.embodiment-card__cost{font-size:12px;color:var(--gold-400)}.embodiment-card__badge{display:inline-block;padding:2px 8px;background:var(--gold-500);color:var(--navy-900);border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase}.embodiment-card__unlock-btn{padding:8px 16px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,var(--gold-500),var(--gold-400));color:var(--navy-900)}.embodiment-card__unlock-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f2c15c4d}.embodiment-card__unlock-btn:disabled{background:var(--navy-700);color:var(--text-muted);cursor:not-allowed}.companion-studio-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.companion-studio{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #00000080}.companion-studio__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--card-border);flex-shrink:0}.companion-studio__header h2{margin:0;font-size:22px}.companion-studio__message{padding:12px 24px;font-size:14px;flex-shrink:0}.companion-studio__message--error{background:#ff63631f;color:#faa;border-bottom:1px solid rgba(255,99,99,.2)}.companion-studio__message--success{background:#63ff8c1f;color:#afc;border-bottom:1px solid rgba(99,255,140,.2)}.companion-studio__content{display:grid;grid-template-columns:1fr 1fr;flex:1;overflow:hidden}.companion-studio__left,.companion-studio__right{overflow-y:auto;padding:20px}.companion-studio__left{border-right:1px solid var(--card-border)}.companion-studio__section{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:14px;margin-bottom:16px}.companion-studio__section-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;-webkit-user-select:none;user-select:none}.companion-studio__section-header:hover{background:#ffffff05}.companion-studio__section-header h3{margin:0;font-size:16px}.companion-studio__section-content{padding:0 16px 16px}.companion-studio__subsection{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.companion-studio__subsection h4{margin:0 0 12px;font-size:14px;color:var(--text-muted)}.companion-studio__field{margin-bottom:14px}.companion-studio__field label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:6px}.companion-studio__field small{display:block;font-size:11px;color:#ffffff80;margin-bottom:4px}.companion-studio__field input[type=range]{width:100%;padding:4px 0}.companion-studio__row{display:flex;gap:8px;align-items:flex-start}.companion-studio__row .input-control{flex:1}.companion-studio__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.button-danger{border-color:#d33!important;color:#f88!important}.button-danger:hover{background:#dd333326!important}.companion-studio__prompt-links{display:flex;flex-direction:column;gap:8px}.companion-studio__prompt-link{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:all .2s ease}.companion-studio__prompt-link:hover{background:#ffffff0f;border-color:#ffffff1f}.companion-studio__prompt-link.active{background:#a78bfa1f;border-color:#a78bfa4d}.companion-studio__prompt-link-name{font-size:13px;font-weight:600;color:var(--text-primary)}.companion-studio__prompt-link-desc{font-size:11px;color:var(--text-muted);margin-top:2px}.input-control--code{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.5}.companion-studio__variable-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 10px}.companion-studio__variable-chip{display:inline-flex;align-items:center;padding:5px 10px;background:linear-gradient(135deg,#a78bfa33,#8b5cf626);border:1px solid rgba(167,139,250,.4);border-radius:6px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12px;color:#c4b5fd;cursor:pointer;transition:all .15s ease}.companion-studio__variable-chip:hover{background:linear-gradient(135deg,#a78bfa59,#8b5cf640);border-color:#a78bfa99;transform:translateY(-1px);box-shadow:0 3px 8px #8b5cf640}.companion-studio__variable-chip:active{transform:translateY(0);box-shadow:none}.companion-studio__right h3{margin:0 0 16px;font-size:18px}.companion-studio__test-tabs{display:flex;gap:4px;margin-bottom:16px;background:#0003;padding:4px;border-radius:10px}.companion-studio__test-tab{flex:1;padding:10px 16px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.companion-studio__test-tab:hover{color:var(--text-primary);background:#ffffff0d}.companion-studio__test-tab.active{background:var(--navy-600);color:var(--text-primary)}.companion-studio__test-inputs{margin-bottom:16px}.companion-studio__test-actions{display:flex;gap:8px;margin-bottom:16px}.companion-studio__test-result{background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;margin-top:16px}.companion-studio__test-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.companion-studio__test-result-header strong{font-size:13px;color:var(--text-primary)}.companion-studio__test-meta{font-size:11px;color:var(--text-muted);background:#ffffff0f;padding:4px 10px;border-radius:999px}.companion-studio__test-result-content{font-size:14px;line-height:1.6;color:#ffffffd9;white-space:pre-wrap}.companion-studio__test-result-code{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:1.5;background:#0000004d;padding:12px;border-radius:8px;overflow-x:auto;white-space:pre-wrap;color:#ffffffbf;margin:0}.companion-studio__sprite-info{margin-top:20px;padding:12px 16px;background:#a78bfa14;border:1px solid rgba(167,139,250,.15);border-radius:10px;font-size:13px;color:#ffffffbf}.companion-studio__sprite-code{color:var(--text-muted);margin-left:6px}.companion-studio__tabs{display:flex;gap:0;border-bottom:1px solid var(--card-border);padding:0 20px;flex-shrink:0}.companion-studio__tab{padding:14px 24px;background:transparent;border:none;border-bottom:3px solid transparent;font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease;margin-bottom:-1px}.companion-studio__tab:hover{color:var(--text-primary);background:#ffffff08}.companion-studio__tab.active{color:var(--gold-400);border-bottom-color:var(--gold-400)}.companion-studio__playground{display:grid;grid-template-columns:300px 1fr;gap:0;height:100%;overflow:hidden}.companion-studio__playground-controls{padding:20px;border-right:1px solid var(--card-border);overflow-y:auto;display:flex;flex-direction:column;gap:12px}.companion-studio__playground-chat{display:flex;flex-direction:column;height:100%;overflow:hidden}.companion-studio__chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.companion-studio__chat-empty{text-align:center;color:var(--text-muted);padding:40px 20px;font-style:italic}.companion-studio__chat-message{padding:12px 16px;border-radius:12px;max-width:85%}.companion-studio__chat-message.user{background:#6366f133;border:1px solid rgba(99,102,241,.3);align-self:flex-end}.companion-studio__chat-message.assistant{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);align-self:flex-start}.companion-studio__chat-message.loading{color:var(--text-muted)}.companion-studio__chat-message strong{display:block;font-size:11px;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase}.companion-studio__chat-message div{font-size:14px;line-height:1.5;white-space:pre-wrap}.companion-studio__chat-input{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--card-border);background:#0003}.companion-studio__chat-input .input-control{flex:1}.companion-studio__context-viewer{margin-top:16px;padding:12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:200px}.companion-studio__context-viewer h4{margin:0 0 8px;font-size:12px;color:var(--text-muted);text-transform:uppercase}.companion-studio__context-viewer pre{flex:1;margin:0;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:11px;line-height:1.4;color:#ffffffb3;white-space:pre-wrap;word-break:break-word;overflow-y:auto;max-height:300px}.companion-studio__prompts-view{display:grid;grid-template-columns:280px 1fr;height:100%;overflow:hidden}.companion-studio__prompts-list{padding:16px;border-right:1px solid var(--card-border);overflow-y:auto;display:flex;flex-direction:column;gap:12px}.companion-studio__prompts-items{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto}.companion-studio__prompt-item{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:10px 12px;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s ease}.companion-studio__prompt-item:hover{background:#ffffff0a;border-color:#ffffff1a}.companion-studio__prompt-item.active{background:#a78bfa1f;border-color:#a78bfa4d}.companion-studio__prompt-item-key{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:11px;color:var(--gold-400)}.companion-studio__prompt-item-name{font-size:13px;color:var(--text-primary);margin-top:2px}.companion-studio__prompt-editor{padding:20px;overflow-y:auto;display:flex;flex-direction:column}.companion-studio__prompt-editor .companion-studio__field:last-of-type{flex:1;display:flex;flex-direction:column}.companion-studio__embodiments{padding:40px;text-align:center}@media(max-width:900px){.companion-studio__content{grid-template-columns:1fr}.companion-studio__left{border-right:none;border-bottom:1px solid var(--card-border);max-height:50vh}.companion-studio__right{max-height:50vh}}@media(max-width:640px){.lifesprite-shell{padding:16px 12px 40px;gap:16px}.section{padding:14px;border-radius:14px}.bubble{max-width:calc(100vw - 60px);font-size:14px;padding:12px 14px;border-radius:18px;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.chat-list{max-height:50vh;height:50vh;gap:16px;padding:12px}.chat-inputbar{flex-direction:column;gap:10px}.chat-textarea{min-height:80px;font-size:16px}.xp-display{padding:6px 12px;font-size:12px;gap:4px;flex-shrink:0}.xp-icon{font-size:14px}.xp-value{font-size:13px}.xp-label{font-size:9px}.sprite-selector-row{flex-direction:column;align-items:stretch;gap:10px}.button-primary,.button-secondary{padding:10px 16px;font-size:14px;width:100%}.card{padding:14px;border-radius:14px}.shell-header{flex-direction:column;gap:12px}.embodiment-picker-overlay{padding:10px}.embodiment-picker{max-width:100%;max-height:90vh;border-radius:16px}}@media(max-width:375px){.lifesprite-shell{padding:10px 8px 32px}.bubble{max-width:calc(100vw - 40px);font-size:13px;padding:10px 12px}.xp-display{padding:5px 10px}}.voice-input-container{display:inline-flex;align-items:center;gap:8px}.voice-input-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,var(--navy-600) 0%,var(--navy-700) 100%);border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.voice-input-button:hover:not(:disabled){background:linear-gradient(135deg,var(--navy-500, #2a5d8f) 0%,var(--navy-600) 100%);border-color:var(--gold-400);transform:translateY(-1px)}.voice-input-button:disabled{opacity:.5;cursor:not-allowed}.voice-input-button.recording{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#ef4444;animation:pulse-recording 1.5s infinite}.voice-input-button.processing{background:linear-gradient(135deg,var(--gold-500) 0%,var(--gold-400) 100%);color:var(--navy-900)}.voice-input-button.playing{background:linear-gradient(135deg,#059669,#047857);border-color:#34d399}@keyframes pulse-recording{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 40px #a78bfa4d,inset 0 0 30px #a78bfa1a}50%{transform:scale(1.05);box-shadow:0 0 60px #a78bfa80,inset 0 0 40px #a78bfa33}}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.6}40%{transform:translateY(-8px);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.voice-input-error{color:#ef4444;font-size:12px}.summoned-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#03132800;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);opacity:0;transition:all 1.5s cubic-bezier(.4,0,.2,1);pointer-events:none}.summoned-overlay.summoned-visible{background:#031328d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1;pointer-events:auto}.summoned-overlay.summoned-exiting{background:#03132800;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);opacity:0;pointer-events:none}.summoned-portal{position:absolute;width:600px;height:600px;pointer-events:none}.portal-ring{position:absolute;inset:0;border-radius:50%;border:2px solid transparent;opacity:0}.summoned-visible .portal-ring{animation:portal-expand 3.5s cubic-bezier(.4,0,.2,1) forwards}.portal-ring-1{border-color:#8a7bd999;animation-delay:0s!important}.portal-ring-2{border-color:#4fd1c580;animation-delay:.5s!important}.portal-ring-3{border-color:#f2c15c66;animation-delay:1s!important}@keyframes portal-expand{0%{transform:scale(.3) rotate(0);opacity:0}50%{opacity:.8}to{transform:scale(1.2) rotate(180deg);opacity:0}}.portal-particles{position:absolute;inset:0}.portal-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#fff 0%,var(--sprite-accent) 50%,transparent 100%);opacity:0;box-shadow:0 0 10px #4fd1c5cc}.summoned-visible .portal-particle{animation:particle-float 4s ease-in-out infinite}.particle-1{top:10%;left:50%;animation-delay:0s!important}.particle-2{top:20%;left:80%;animation-delay:.2s!important}.particle-3{top:50%;left:95%;animation-delay:.4s!important}.particle-4{top:80%;left:85%;animation-delay:.6s!important}.particle-5{top:95%;left:50%;animation-delay:.8s!important}.particle-6{top:85%;left:15%;animation-delay:1s!important}.particle-7{top:50%;left:5%;animation-delay:1.2s!important}.particle-8{top:20%;left:20%;animation-delay:1.4s!important}.particle-9{top:30%;left:65%;animation-delay:.3s!important}.particle-10{top:65%;left:70%;animation-delay:.7s!important}.particle-11{top:70%;left:35%;animation-delay:1.1s!important}.particle-12{top:35%;left:30%;animation-delay:1.5s!important}@keyframes particle-float{0%,to{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:1;transform:translateY(-10px) scale(1)}80%{opacity:.8;transform:translateY(-30px) scale(.8)}}.summoned-cards-container{position:relative;max-width:520px;width:90vw;max-height:85vh;display:flex;flex-direction:column;transform:scale(.8) translateY(40px);opacity:0;transition:all 2s cubic-bezier(.34,1.56,.64,1);transition-delay:1s;overflow:hidden}.summoned-visible .summoned-cards-container{transform:scale(1) translateY(0);opacity:1;transition:transform .4s ease,opacity .4s ease}.summoned-exiting .summoned-cards-container{transform:scale(.9) translateY(20px);opacity:0;transition-delay:0s}.summoned-sprite-presence:hover~.summoned-cards-container,.summoned-overlay:has(.summoned-sprite-presence:hover) .summoned-cards-container{transform:scale(.8) translate(25%);opacity:.7}.summoned-cards-container:hover{transform:scale(1.05) translate(-5%)!important;opacity:1!important}.summoned-overlay:has(.summoned-cards-container:hover) .summoned-cards-container{transform:scale(1.05) translate(-5%)}.summoned-sprite-presence{position:fixed;bottom:15%;left:10%;z-index:999;opacity:0;transform:translate(calc(100vw - 200px),calc(-100vh + 150px)) scale(.85);transition:transform 2.5s cubic-bezier(.34,1.56,.64,1),opacity 1s ease-out,bottom .4s ease,left .4s ease;transition-delay:.8s;pointer-events:none}.summoned-visible .summoned-sprite-presence{opacity:1;transform:translate(0) scale(1);pointer-events:auto;transition:transform .4s ease,opacity .4s ease,bottom .4s ease,left .4s ease}.summoned-exiting .summoned-sprite-presence{opacity:0;transform:translate(30vw,-30vh) scale(.7);transition-delay:0s;pointer-events:none}.summoned-sprite-presence.chat-mode{bottom:35%;left:12%;transform:translate(0) scale(1)}.summoned-overlay:has(.summoned-sprite-presence.chat-mode) .summoned-cards-container{transform:scale(.85) translate(30%);opacity:.9}.quick-chat-bubble{position:absolute;top:120%;left:0;transform:none;min-width:300px;max-width:350px;padding:14px 18px;background:var(--bg-glass-strong);border:1px solid rgba(var(--accent-primary-rgb),.4);border-radius:20px;box-shadow:var(--shadow-lg),0 0 20px rgba(var(--accent-primary-rgb),.2);animation:bubble-appear-below .3s ease-out}.quick-chat-bubble:after{content:"";position:absolute;top:-8px;left:40px;transform:none;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(15,25,45,.95)}@keyframes bubble-appear-below{0%{opacity:0;transform:translateY(-10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.quick-chat-input{width:100%;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:15px;font-family:inherit}.quick-chat-input::placeholder{color:var(--text-muted);opacity:.6}@keyframes bubble-appear{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.summoned-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.3),rgba(var(--accent-secondary-rgb),.2));border:var(--border-default);border-bottom:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.summoned-title{font-size:18px;font-weight:700;color:var(--gold-400);letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:10px;text-shadow:0 0 20px rgba(242,193,92,.5)}.summoned-icon{font-size:14px;animation:icon-twinkle 2s ease-in-out infinite}@keyframes icon-twinkle{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.summoned-dismiss{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-muted);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.summoned-dismiss:hover{background:#fff3;color:var(--text-primary);transform:rotate(90deg)}.summoned-cards-list{overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;padding:20px;background:#0d1f38f2;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.summoned-cards-list::-webkit-scrollbar{width:8px}.summoned-cards-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.summoned-cards-list::-webkit-scrollbar-thumb{background:rgba(var(--accent-primary-rgb),.4);border-radius:4px}.summoned-cards-list::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-primary-rgb),.6)}.summoned-card{position:relative;background:linear-gradient(145deg,#103257e6,#07203df2);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px;overflow:hidden;transition:all .3s ease}.summoned-card:hover{border-color:rgba(var(--accent-primary-rgb),.4);transform:translateY(-2px)}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(var(--accent-primary-rgb),.15) 0%,transparent 50%);pointer-events:none;animation:glow-drift 8s ease-in-out infinite}@keyframes glow-drift{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(10%,5%) rotate(5deg)}66%{transform:translate(-5%,10%) rotate(-5deg)}}.card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;position:relative;z-index:1}.card-type-icon{font-size:28px;filter:drop-shadow(0 0 8px rgba(242,193,92,.4))}.card-title-section{flex:1}.card-title{font-size:17px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.card-flavor{font-size:13px;color:var(--text-muted);font-style:italic;line-height:1.4}.card-chat-btn{width:40px;height:40px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.card-chat-btn:hover{background:#4fd1c533;border-color:var(--sprite-accent);transform:scale(1.05)}.card-items{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;position:relative;z-index:1;max-height:280px;overflow-y:auto;padding-right:4px}.card-items::-webkit-scrollbar{width:6px}.card-items::-webkit-scrollbar-track{background:#ffffff08;border-radius:3px}.card-items::-webkit-scrollbar-thumb{background:#4fd1c54d;border-radius:3px}.card-items::-webkit-scrollbar-thumb:hover{background:#4fd1c580}.card-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .2s ease;position:relative}.card-item:hover{background:#ffffff14;border-color:#ffffff26}.item-completed{background:#22c55e1a!important;border-color:#22c55e4d!important}.item-checkbox-label{display:flex;align-items:center;justify-content:center;cursor:pointer}.item-checkbox{position:absolute;opacity:0;width:0;height:0}.item-checkmark{width:22px;height:22px;border-radius:6px;border:2px solid rgba(255,255,255,.3);background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#22c55e;transition:all .2s ease}.item-checkbox:checked+.item-checkmark{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;color:#fff;box-shadow:0 0 12px #22c55e80}.item-checkbox:disabled+.item-checkmark{opacity:.5}.item-title{flex:1;font-size:14px;color:var(--text-primary);transition:all .2s ease}.item-completed .item-title{color:#22c55e;text-decoration:line-through;text-decoration-color:#22c55e80}.item-overdue{font-size:11px;font-weight:600;color:#ef4444;background:#ef444426;padding:2px 8px;border-radius:999px}.xp-toast{position:absolute;right:14px;top:-8px;background:linear-gradient(135deg,var(--gold-500),var(--gold-400));color:#1a2233;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;box-shadow:0 4px 16px #f2c15c66;animation:xp-pop .5s cubic-bezier(.34,1.56,.64,1);z-index:10}@keyframes xp-pop{0%{transform:scale(0) translateY(10px);opacity:0}50%{transform:scale(1.2) translateY(-5px)}to{transform:scale(1) translateY(0);opacity:1}}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);position:relative;z-index:1}.progress-section{flex:1}.progress-bar-track{height:8px;background:#ffffff1a;border-radius:999px;overflow:hidden;margin-bottom:6px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--sprite-core),var(--sprite-accent));border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #8a7bd980}.progress-text{font-size:12px;color:var(--text-muted)}.xp-section{text-align:right}.xp-value{font-size:16px;font-weight:700;color:var(--gold-400);text-shadow:0 0 12px rgba(242,193,92,.4)}.xp-label{font-size:11px;color:var(--text-muted)}.goal-celebration{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#031328e6;border-radius:16px;z-index:20;animation:celebration-fade 3s ease-out forwards}@keyframes celebration-fade{0%{opacity:0}10%{opacity:1}70%{opacity:1}to{opacity:0}}.celebration-burst{position:absolute;width:200%;height:200%;background:radial-gradient(circle,rgba(242,193,92,.3) 0%,rgba(79,209,197,.2) 30%,transparent 60%);animation:burst-expand 1s cubic-bezier(.4,0,.2,1)}@keyframes burst-expand{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.celebration-text{font-size:24px;font-weight:800;color:var(--gold-400);text-shadow:0 0 30px rgba(242,193,92,.8);animation:celebration-bounce .6s cubic-bezier(.34,1.56,.64,1)}@keyframes celebration-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.card-celebrating{animation:card-celebrate .5s ease-out;box-shadow:0 0 40px #f2c15c66}@keyframes card-celebrate{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.summoned-footer{padding:16px 20px;background:linear-gradient(135deg,#4fd1c533,#8a7bd94d);border:1px solid rgba(255,255,255,.15);border-top:none;border-radius:0 0 20px 20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.total-xp{font-size:14px;font-weight:600;color:var(--gold-400);text-align:center;text-shadow:0 0 12px rgba(242,193,92,.4)}@media(max-width:600px){.summoned-portal{width:100vw;height:100vw}.summoned-cards-container{width:95vw;max-height:85vh}.summoned-header{padding:10px 16px}.summoned-title{font-size:15px}.summoned-cards-list{padding:14px;gap:12px}.summoned-card{padding:16px}}.inline-quest-cards{background:linear-gradient(145deg,#0d1f38f2,#07203dfa);border:1px solid rgba(var(--accent-primary-rgb),.3);border-radius:var(--radius-lg);overflow:hidden;margin:8px 0;box-shadow:var(--shadow-md),inset 0 1px #ffffff0d,0 0 30px rgba(var(--accent-primary-rgb),.1)}.inline-cards-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.2),rgba(var(--accent-secondary-rgb),.1));border-bottom:var(--border-subtle)}.inline-cards-title{font-size:14px;font-weight:700;color:var(--gold-400);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 12px rgba(242,193,92,.4)}.inline-cards-xp{font-size:12px;font-weight:600;color:var(--sprite-accent);background:#4fd1c526;padding:4px 10px;border-radius:999px}.inline-cards-list{padding:12px;display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.inline-cards-list::-webkit-scrollbar{width:6px}.inline-cards-list::-webkit-scrollbar-track{background:#ffffff08}.inline-cards-list::-webkit-scrollbar-thumb{background:#8a7bd94d;border-radius:3px}.inline-quest-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;transition:all .25s ease}.inline-quest-card:hover{border-color:rgba(var(--accent-primary-rgb),.3);background:#ffffff0d}.inline-quest-card.expanded{border-color:rgba(var(--accent-primary-rgb),.4);box-shadow:0 0 20px rgba(var(--accent-primary-rgb),.15)}.inline-card-header{display:flex;align-items:center;gap:10px;padding:12px 14px;transition:background .2s ease}.inline-card-header:hover{background:#ffffff08}.inline-card-icon{font-size:20px;filter:drop-shadow(0 0 4px rgba(242,193,92,.3))}.inline-card-title-area{flex:1;min-width:0}.inline-card-title{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inline-card-meta{display:flex;gap:10px;margin-top:2px}.inline-card-progress{font-size:11px;color:var(--text-muted)}.inline-card-xp{font-size:11px;color:var(--gold-400);font-weight:600}.inline-card-expand{font-size:10px;color:var(--text-muted);opacity:.6}.inline-chat-btn{width:32px;height:32px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.inline-chat-btn:hover{background:#4fd1c526;border-color:#4fd1c566}.inline-card-flavor{padding:0 14px 10px;font-size:12px;color:var(--text-muted);font-style:italic;line-height:1.4}.inline-card-items{padding:0 14px 12px;display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.inline-card-items::-webkit-scrollbar{width:4px}.inline-card-items::-webkit-scrollbar-thumb{background:#4fd1c533;border-radius:2px}.inline-card-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;transition:all .15s ease;position:relative}.inline-card-item:hover{background:#ffffff0d;border-color:#ffffff1a}.inline-card-item.item-done{background:#22c55e14;border-color:#22c55e33}.inline-checkbox-label{display:flex;cursor:pointer}.inline-checkbox{position:absolute;opacity:0;width:0;height:0}.inline-checkmark{width:18px;height:18px;border-radius:4px;border:2px solid rgba(255,255,255,.25);background:#ffffff08;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#10b981;transition:all .2s ease}.inline-checkbox:checked+.inline-checkmark{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;box-shadow:0 0 8px #10b98166}.inline-item-title{flex:1;font-size:13px;color:#ffffffd9;line-height:1.3}.item-done .inline-item-title{color:#10b981;text-decoration:line-through;text-decoration-color:#10b98166}.inline-overdue{font-size:10px;font-weight:700;color:#ef4444;background:#ef444426;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.inline-xp-toast{position:absolute;right:10px;top:-6px;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#1a1625;font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;box-shadow:0 2px 8px #f59e0b66;animation:inline-xp-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes inline-xp-pop{0%{transform:scale(0) translateY(4px);opacity:0}50%{transform:scale(1.15) translateY(-2px)}to{transform:scale(1) translateY(0);opacity:1}}.inline-progress-bar{height:3px;background:#ffffff1a;margin:0 14px 12px;border-radius:2px;overflow:hidden}.inline-progress-fill{height:100%;background:linear-gradient(90deg,var(--sprite-core),var(--sprite-accent));border-radius:2px;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 6px #8a7bd980}@media(max-width:600px){.inline-quest-cards{margin:4px 0;border-radius:12px}.inline-cards-header{padding:10px 12px}.inline-cards-title{font-size:12px}.inline-card-header{padding:10px 12px}.inline-card-title{font-size:13px}}.immersive-container{display:flex;flex-direction:column;height:100vh;max-width:700px;margin:0 auto;background:radial-gradient(ellipse at 50% 0%,rgba(var(--accent-primary-rgb),.08) 0%,transparent 50%),linear-gradient(180deg,var(--bg-primary) 0%,#020a14 100%);position:relative;overflow:hidden}.immersive-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.15) 0%,transparent 100%),radial-gradient(1px 1px at 40% 70%,rgba(255,255,255,.1) 0%,transparent 100%),radial-gradient(1px 1px at 80% 40%,rgba(255,255,255,.12) 0%,transparent 100%),radial-gradient(1px 1px at 60% 80%,rgba(255,255,255,.08) 0%,transparent 100%);animation:ambient-drift 30s ease-in-out infinite;pointer-events:none}@keyframes ambient-drift{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:.9;transform:translateY(-10px)}}.immersive-sprite{position:fixed;z-index:100;transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 30px rgba(138,123,217,.3))}.sprite-position-center{top:24px;left:24px;transform:none}.sprite-position-center .sprite-orb{filter:drop-shadow(0 0 40px rgba(138,123,217,.5))}.sprite-position-corner{top:24px;left:24px;transform:none}.sprite-position-corner .sprite-orb,.sprite-position-corner .sprite-core,.sprite-position-corner .sprite-glow{filter:drop-shadow(0 0 25px rgba(138,123,217,.6)) drop-shadow(0 0 50px rgba(138,123,217,.3))}.immersive-sprite-fixed{position:fixed;top:24px;left:24px;z-index:100;filter:drop-shadow(0 0 30px rgba(138,123,217,.3))}.sprite-mini-bubble{position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%);max-width:220px;background:#1e1f28f2;border:1px solid rgba(138,123,217,.3);border-radius:16px 16px 16px 4px;padding:10px 14px;font-size:13px;line-height:1.4;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #0000004d;animation:bubbleFadeIn .3s ease-out}.sprite-mini-bubble:hover{background:#282937fa;border-color:#8a7bd980;transform:translateY(-50%) scale(1.02)}.sprite-mini-bubble.thinking{background:#8a7bd926;border-color:#8a7bd966}.mini-bubble-content{word-break:break-word}.mini-bubble-expand{position:absolute;bottom:4px;right:8px;font-size:10px;opacity:.5;transition:opacity .2s}.sprite-mini-bubble:hover .mini-bubble-expand{opacity:1}@keyframes bubbleFadeIn{0%{opacity:0;transform:translateY(-50%) translate(-10px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.sprite-ambient-stats{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);display:flex;gap:8px;font-size:11px;opacity:.7}.immersive-sprite-area{display:flex;flex-direction:column;align-items:center;padding:120px 20px 20px;position:relative;z-index:1}.sprite-name{margin-top:12px;font-size:13px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);opacity:.7}.immersive-conversation{flex:1;overflow-y:auto;padding:30px 40px 140px 150px;display:flex;flex-direction:column;gap:24px;position:relative;z-index:1;max-width:800px;margin:0 auto;width:100%;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 30px,black 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 30px,black 100%)}.immersive-conversation::-webkit-scrollbar{width:4px}.immersive-conversation::-webkit-scrollbar-track{background:transparent}.immersive-conversation::-webkit-scrollbar-thumb{background:#8a7bd933;border-radius:2px}.immersive-empty{flex:1;display:flex;align-items:center;justify-content:center}.empty-prompt{font-size:18px;color:var(--text-muted);opacity:.5;font-style:italic}.immersive-message{animation:message-appear .4s cubic-bezier(.4,0,.2,1)}@keyframes message-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-speech{padding-left:16px;border-left:2px solid rgba(242,193,92,.3)}.speech-indicator{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-400);opacity:.6;margin-bottom:6px}.user-speech .speech-content{color:#ffffffe6;font-size:15px;line-height:1.6}.sprite-speech{padding-left:0}.sprite-speech .speech-content{color:var(--text-primary);font-size:16px;line-height:1.7}.immersive-line{margin:0 0 8px}.immersive-line:last-child{margin-bottom:0}.thinking-dots{display:flex;gap:4px;font-size:24px;color:var(--sprite-accent)}.thinking-dots .dot{animation:dot-pulse 1.4s infinite ease-in-out}.thinking-dots .dot:nth-child(1){animation-delay:0s}.thinking-dots .dot:nth-child(2){animation-delay:.2s}.thinking-dots .dot:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,80%,to{opacity:.3;transform:scale(1)}40%{opacity:1;transform:scale(1.2)}}.immersive-input-area{padding:20px 30px 40px;position:fixed;bottom:0;left:0;right:0;z-index:200;max-width:700px;margin:0 auto;background:linear-gradient(to top,rgba(3,19,40,.98) 0%,rgba(3,19,40,.9) 60%,transparent 100%)}.input-wrapper{display:flex;gap:12px;align-items:flex-end;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:12px 16px;transition:all .25s ease}.input-wrapper:focus-within{border-color:#8a7bd966;background:#ffffff0d;box-shadow:0 0 30px #8a7bd926}.immersive-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:15px;line-height:1.5;resize:none;min-height:24px;max-height:120px;font-family:inherit}.immersive-input::placeholder{color:var(--text-muted);opacity:.5}.send-button{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--sprite-core),var(--sprite-accent));border:none;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 20px #8a7bd980}.send-button:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:600px){.immersive-sprite-fixed{top:16px;left:16px;transform:scale(.85)}.immersive-sprite-area{padding:30px 16px 16px}.immersive-sprite-area .sprite-presence{transform:scale(.85)}.immersive-conversation{padding:70px 16px 24px;gap:20px}.immersive-input-area{padding:16px 20px 30px}.sprite-speech .speech-content{font-size:15px}.user-speech .speech-content{font-size:14px}}.immersive-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#0a0f1c,#1a1f35,#0f1525);color:var(--text-muted);gap:24px}.immersive-loading .loading-orb,.immersive-login-prompt .login-orb{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#f6c1a6e6,#8a7bd999);box-shadow:0 0 40px #8a7bd980,0 0 80px #4fd1c54d;animation:orb-pulse 2s ease-in-out infinite}@keyframes orb-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.immersive-login-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#0a0f1c,#1a1f35,#0f1525);color:var(--text-primary);gap:20px;text-align:center;padding:20px}.immersive-login-prompt h2{font-size:28px;font-weight:300;color:var(--accent-primary);margin:0}.immersive-login-prompt p{color:var(--text-muted);font-size:16px;margin:0}.immersive-login-prompt .login-button{margin-top:20px;padding:14px 32px;background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));border:none;border-radius:var(--radius-full);color:var(--text-on-accent);font-size:var(--text-base);font-weight:var(--font-medium);text-decoration:none;cursor:pointer;transition:var(--transition-normal);box-shadow:0 4px 20px rgba(var(--accent-primary-rgb),.4)}.immersive-login-prompt .login-button:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(var(--accent-primary-rgb),.6)}.onboarding-progress{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(var(--accent-primary-rgb),.2);border-radius:var(--radius-lg);padding:12px 16px;margin:8px 16px;cursor:pointer;transition:var(--transition-normal)}.onboarding-progress:hover{border-color:rgba(var(--accent-primary-rgb),.4);background:rgba(var(--accent-primary-rgb),.08)}.onboarding-progress.expanded{padding-bottom:16px}.onboarding-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.onboarding-title{display:flex;align-items:center;gap:6px;font-weight:var(--font-medium);color:var(--text-primary)}.onboarding-icon{color:var(--accent-secondary);font-size:14px}.onboarding-label{font-size:var(--text-sm)}.onboarding-count{font-size:var(--text-xs);color:var(--text-muted);background:#ffffff1a;padding:2px 6px;border-radius:var(--radius-sm)}.onboarding-progress-bar{flex:1;min-width:80px;height:4px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.onboarding-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-secondary),var(--accent-primary));border-radius:var(--radius-full);transition:width .5s ease}.onboarding-essence{display:flex;align-items:baseline;gap:2px;font-size:var(--text-xs)}.essence-current{color:var(--accent-secondary);font-weight:var(--font-semibold)}.essence-divider,.essence-needed{color:var(--text-muted)}.essence-label{color:var(--text-muted);margin-left:4px;font-size:10px}.onboarding-current-task{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05);font-size:var(--text-sm)}.onboarding-current-task .task-arrow{color:var(--accent-secondary)}.onboarding-current-task .task-title{flex:1;color:var(--text-secondary)}.onboarding-current-task .task-xp{color:var(--accent-tertiary);font-weight:var(--font-medium);font-size:var(--text-xs)}.onboarding-tasks-list{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px}.onboarding-task{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-md);font-size:var(--text-sm);transition:var(--transition-fast)}.onboarding-task.completed{opacity:.6}.onboarding-task.current{background:rgba(var(--accent-primary-rgb),.1);border:1px solid rgba(var(--accent-primary-rgb),.2)}.onboarding-task .task-checkbox{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--accent-secondary)}.onboarding-task.completed .task-checkbox{color:var(--status-success)}.onboarding-task .task-title{flex:1;color:var(--text-secondary)}.onboarding-task.completed .task-title{text-decoration:line-through;text-decoration-color:#ffffff4d}.onboarding-task.current .task-title{color:var(--text-primary)}.onboarding-task .task-xp{color:var(--text-muted);font-size:var(--text-xs)}.onboarding-task.completed .task-xp{color:var(--status-success)}.immersive-onboarding{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:50;max-width:420px;width:calc(100% - 32px)}.checkout-page{min-height:100vh;background:linear-gradient(180deg,var(--bg-primary) 0%,#041a33 100%);display:flex;flex-direction:column;padding:0}.checkout-header{position:relative;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;background:linear-gradient(180deg,rgba(var(--accent-primary-rgb),.1) 0%,transparent 100%);border-bottom:1px solid var(--border-subtle)}.checkout-header h1{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:500;background:linear-gradient(135deg,var(--text-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--spacing-xs)}.checkout-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin:0}.checkout-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-muted);font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.checkout-close:hover{background:#ffffff1a;color:var(--text-primary);transform:scale(1.05)}.checkout-container{flex:1;max-width:600px;width:100%;margin:0 auto;padding:var(--spacing-lg)}.checkout-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--text-muted)}.checkout-loading-spinner{width:48px;height:48px;border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;animation:checkout-spin 1s linear infinite}@keyframes checkout-spin{to{transform:rotate(360deg)}}.checkout-error{display:flex;align-items:center;justify-content:center}.checkout-error-content{text-align:center;max-width:400px;padding:var(--spacing-xl)}.checkout-error-icon{font-size:48px;margin-bottom:var(--spacing-md)}.checkout-error-content h2{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-primary);margin:0 0 var(--spacing-sm)}.checkout-error-content p{color:var(--text-muted);margin:0 0 var(--spacing-lg)}.checkout-error-actions{display:flex;gap:var(--spacing-sm);justify-content:center}.checkout-return-page{min-height:100vh;background:linear-gradient(180deg,var(--bg-primary) 0%,#041a33 100%);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.checkout-return-content{text-align:center;max-width:440px}.checkout-success-icon{font-size:64px;margin-bottom:var(--spacing-lg);animation:checkout-success-bounce .6s ease-out}@keyframes checkout-success-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.checkout-return-content h1{font-family:var(--font-heading);font-size:var(--text-2xl);background:linear-gradient(135deg,var(--text-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--spacing-md)}.checkout-success-message{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6;margin:0 0 var(--spacing-md)}.checkout-success-email,.checkout-success-amount{color:var(--text-muted);font-size:var(--text-sm);margin:0 0 var(--spacing-sm)}.checkout-return-button{margin-top:var(--spacing-lg)}.checkout-error-message{color:var(--text-muted);margin:0 0 var(--spacing-lg)}.checkout-container iframe{min-height:400px}@media(max-width:600px){.checkout-header{padding:var(--spacing-lg) var(--spacing-md)}.checkout-header h1{font-size:var(--text-xl)}.checkout-container{padding:var(--spacing-md)}.checkout-return-content h1{font-size:var(--text-xl)}}.billing-portal-button-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.billing-portal-button{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-sm)}.billing-portal-error{color:var(--danger);font-size:var(--text-xs);margin:0}