*{box-sizing:border-box}body{margin:0;background:#f9f8fd;color:#27213e;font:16px/1.5 system-ui,sans-serif}button,a,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:1px solid #e4deef;border-radius:18px;padding:10px 16px;background:white;color:inherit}button:hover{background:#f0eafb}button:disabled{opacity:.5;cursor:wait}a{color:inherit}.app{height:100dvh;display:flex;flex-direction:column;max-width:1100px;margin:auto}header{padding:20px 26px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #eee9f6}.brand{margin-right:auto;display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:750;letter-spacing:.06em}.brand img{width:44px;height:44px;border-radius:12px}.brand small{display:block;font-size:10px;font-weight:450;letter-spacing:0}main{flex:1;overflow:auto;padding:30px 24px;scroll-behavior:smooth}#welcome{max-width:650px;margin:8vh auto;text-align:center}h1{font-size:clamp(30px,5vw,50px);line-height:1.18;letter-spacing:-.04em}#welcome p{color:#7b728b}.pill{font-size:11px;letter-spacing:.16em;color:#7955c2;border:1px solid #ded3ef;border-radius:30px;padding:8px 12px}.primary,#send{background:#7553cb;color:white;border:0}.primary:hover,#send:hover{background:#6241b2}.suggestions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:32px;font-size:13px}.suggestions button{border-radius:24px}footer{padding:0 24px max(14px,env(safe-area-inset-bottom));max-width:850px;width:100%;margin:auto}#composer{display:flex;align-items:flex-end;gap:8px;padding:10px;background:white;border:1px solid #dfd7ed;border-radius:25px;box-shadow:0 5px 30px #4930710a}textarea{flex:1;resize:none;max-height:140px;min-width:0;border:0;outline:0;padding:10px;font:inherit;background:transparent;color:inherit}#send{font-size:24px;border-radius:50%;width:44px;height:44px;padding:0}.fine{font-size:11px;color:#82778f;text-align:center;margin:9px 0 0}#status{font-size:13px;color:#7652bd;min-height:20px;margin:4px 8px}#messages{max-width:780px;margin:auto}.message{margin:0 0 26px;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{background:#eee6fb;border-radius:22px;padding:14px 20px;margin-left:auto;max-width:85%;width:fit-content}.message.assistant:before{content:'✦ ZIGGY';display:block;font-size:11px;color:#8661c5;letter-spacing:.1em;margin-bottom:8px}.sources{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.sources a{font-size:12px;background:white;border:1px solid #e5deef;border-radius:12px;padding:6px 10px;text-decoration:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{border:1px solid #ddd3ec;border-radius:26px;padding:28px;max-width:460px;width:calc(100% - 32px)}dialog::backdrop{background:#21152c80;backdrop-filter:blur(8px)}dialog p{color:#6c617c;font-size:14px}#intro{position:fixed;inset:0;z-index:20;background:radial-gradient(ellipse at 50% 30%,#e9dcff,#f7f5ff 70%);display:grid;place-items:center;text-align:center;padding:24px}#intro[hidden],[hidden]{display:none!important}#skip{position:absolute;right:20px;top:max(20px,env(safe-area-inset-top));background:transparent;border:0;color:#796491;font-size:13px}#logo-scene img{width:120px;height:120px;object-fit:contain;border-radius:30px;box-shadow:0 20px 60px #7850b92b;animation:float 1.8s ease-in-out infinite}#intro h1{margin:24px 0 8px}#intro p{color:#79658f;margin:8px}#logo-scene span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#987ab1}#founder-scene{animation:reveal .6s ease both}.portrait{width:210px;height:250px;overflow:hidden;border-radius:110px 110px 38px 38px;margin:auto;background:#dfd2f2;box-shadow:0 20px 70px #674c9e22}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}.eyebrow{font-size:10px;letter-spacing:.25em;padding-top:24px}#founder-scene h1{font-size:35px;margin-top:12px}#founder-scene small{display:block;color:#9987ad;font-size:11px;margin-top:30px}@keyframes float{50%{transform:translateY(-12px) rotate(4deg)}}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:550px){header{padding:14px 16px;gap:6px}header button{font-size:11px;padding:9px}.brand small{font-size:8px}.brand img{width:34px;height:34px}main{padding:24px 18px}footer{padding-left:12px;padding-right:12px}#welcome{margin:7vh auto}.suggestions{gap:7px}.suggestions button{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}
/* Blend the original logo's white canvas into the app background. */
#logo-scene img{mix-blend-mode:multiply;border-radius:0;box-shadow:none}.brand img{mix-blend-mode:multiply}
.message{animation:reveal .25s ease both}#composer:focus-within{border-color:#ad90df;box-shadow:0 0 0 3px #aa88db12}button{transition:background .18s,transform .18s}button:active{transform:scale(.96)}:focus-visible{outline:3px solid #b99adb;outline-offset:3px}header{flex-wrap:wrap}.brand{min-width:110px}header button{white-space:nowrap}#status:not(:empty){animation:reveal .2s ease both}

/* Full-bleed branded tile; the iOS launcher supplies its own corner mask. */
#logo-scene img{mix-blend-mode:normal;border-radius:28px;box-shadow:0 16px 60px #7638c54a;animation:reet-float 2.4s ease-in-out infinite}.brand img{mix-blend-mode:normal;border-radius:11px}@keyframes reet-float{0%,100%{transform:translateY(0) rotate(-2deg);box-shadow:0 16px 45px #7638c53b}50%{transform:translateY(-9px) rotate(2deg);box-shadow:0 22px 65px #b033e35c}}@media(prefers-reduced-motion:reduce){#logo-scene img{animation:none!important}}
/* A soft, moving REET world behind the conversation. */
body{isolation:isolate;background:#f8f6ff}.ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict;background:linear-gradient(145deg,#fbfaff,#f5f0ff 55%,#f4f6ff)}.aura{position:absolute;border-radius:50%;filter:blur(45px);will-change:transform;opacity:.52}.aura-one{width:70vmax;height:70vmax;left:-28vmax;top:-20vmax;background:radial-gradient(circle,#ddc4fb,transparent 68%);animation:auraDrift 22s ease-in-out infinite alternate}.aura-two{width:65vmax;height:65vmax;right:-25vmax;bottom:-20vmax;background:radial-gradient(circle,#c6dcff,transparent 66%);animation:auraDrift 27s ease-in-out infinite alternate-reverse}.reet-backdrop{position:absolute;width:min(90vw,580px);height:auto;right:max(-50px,calc((100vw - 1100px)/2));top:15%;opacity:.14;filter:blur(1.4px);animation:mascotFloat 11s ease-in-out infinite;will-change:transform}.orbit{position:absolute;left:50%;top:45%;width:min(115vw,820px);aspect-ratio:1;border:1px solid #b78cdd25;border-radius:42% 58% 53% 47%;animation:orbitFlow 38s linear infinite}.orbit-two{width:min(140vw,1050px);border-color:#bda5ea1a;animation-direction:reverse;animation-duration:51s}.spark{position:absolute;width:6px;height:6px;background:#b69ae0;border-radius:50%;opacity:.35;box-shadow:0 0 20px #b37fe7;animation:sparkDrift 9s ease-in-out infinite}.spark-one{left:14%;top:30%}.spark-two{right:16%;top:58%;animation-delay:-3s}.spark-three{left:38%;bottom:16%;animation-delay:-6s}.app{background:transparent}header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;padding-top:max(16px,env(safe-area-inset-top))}#welcome{position:relative;margin-top:8vh}#welcome h1{font-weight:720}#welcome>p{color:#716580;max-width:500px;margin:20px auto}.suggestions button{background:#ffffffb3;backdrop-filter:blur(10px)}.voice.primary{box-shadow:0 8px 32px #7452cf30}footer{background:linear-gradient(transparent,#f8f6fff2 30%);padding-top:12px}.message.assistant{background:#ffffffa3;border:1px solid #ffffffb5;padding:20px;border-radius:22px;backdrop-filter:blur(12px)}.message.user{background:#ebe0f7e8}.voice-tag{display:block;font-size:10px;color:#857198;margin-bottom:8px}.message.user .voice-tag{color:#83609e}.in-conversation .reet-backdrop{opacity:.055}.in-conversation .aura{opacity:.3}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.history-heading h2{font-size:22px}.history-note{font-size:12px;color:#8a7899}.history-row{display:flex;gap:5px;margin:8px 0}.history-row button:first-child{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;background:#f6f1fc;border:0;border-radius:13px}.history-row button:last-child{padding:8px 12px;color:#a080ab}.history-row button:hover{background:#ece0f8}#history-panel{max-height:80dvh;overflow:auto}#history-clear{font-size:12px;color:#986087;margin-top:24px;background:transparent}#history-open,#new{font-size:20px;width:38px;height:38px;padding:0;flex-shrink:0;line-height:1}header #account{font-size:12px;padding:8px 11px}.brand{font-size:16px}.brand small{font-size:9px}#history-list{margin-top:16px}@keyframes auraDrift{to{transform:translate(12%,18%) scale(1.15)}}@keyframes mascotFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-24px) rotate(3deg)}}@keyframes orbitFlow{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes sparkDrift{0%,100%{transform:translateY(0);opacity:.15}50%{transform:translateY(-30px);opacity:.5}}@media(max-width:550px){header{gap:6px;flex-wrap:nowrap}.brand{min-width:0;font-size:14px}.brand small{font-size:7px;letter-spacing:0}.brand img{width:32px;height:32px}.reet-backdrop{right:-60px;top:21%;width:94vw;opacity:.16}#welcome{margin-top:6vh}.message.assistant{padding:16px}.suggestions{margin-top:24px}}@media(prefers-reduced-motion:reduce){.ambient *{animation:none!important;will-change:auto}.aura{filter:blur(45px)}}

#voice-settings{display:block;margin-top:22px;font-size:12px;background:#f3ecfb;color:#785693;border:0}
.memory-preferences{padding:16px;border:1px solid #e1d9ed;border-radius:16px;margin:14px 0;font-size:13px;line-height:1.6}.memory-preferences label{display:flex;gap:8px;align-items:flex-start}.memory-preferences input{width:18px;height:18px;accent-color:#7953c5;flex-shrink:0}.memory-preferences p{color:#80758d;font-size:12px}
.personal-greeting{font-size:17px!important;color:#7954bd!important;font-weight:600;margin-bottom:20px!important}

/* User-requested hierarchy: Chat + Voice, then future Streaming, then professional profiles. */
#welcome{max-width:680px;margin:3vh auto 24px}#welcome>h1{font-size:clamp(30px,4.1vw,46px);margin:24px 0 14px}.hero-emphasis{font-family:Georgia,serif;font-style:italic;font-weight:500;color:#7547af}#welcome>p:not(.personal-greeting){max-width:520px;margin-left:auto;margin-right:auto;font-size:15px}
.primary-experiences{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px auto 0;max-width:580px;text-align:left;perspective:1000px}
.primary-experiences button{position:relative;isolation:isolate;overflow:hidden;display:grid;justify-items:start;gap:7px;border-radius:26px;padding:22px;min-height:158px;text-align:left;box-shadow:0 10px 32px #7452b610;animation:experienceReveal .55s cubic-bezier(.2,.7,.3,1) both;transition:transform .22s,box-shadow .22s,border-color .22s}
.primary-experiences button:after{content:"";position:absolute;inset:-100% -60%;z-index:-1;background:linear-gradient(115deg,transparent 42%,#ffffff23 49%,transparent 56%);transform:translateX(-42%);animation:cardShimmer 8s ease-in-out 1.2s infinite;pointer-events:none}
.primary-experiences strong{font-size:19px;letter-spacing:-.025em}.primary-experiences small{font-size:12px;opacity:.8;line-height:1.5}
.primary-experiences .experience-chat{background:linear-gradient(145deg,#fff,#fcf9ff);color:#5a3c8d;border:1px solid #dcd0ec}
.primary-experiences .experience-voice{background:linear-gradient(120deg,#7553cb,#a33ca6);animation-delay:.09s;color:white}
.experience-icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:3px;border-radius:14px;background:#eee5fa;color:#7952bb}.experience-icon svg{width:32px;height:32px}.voice-icon{background:#ffffff1f;color:white}
.chat-line{stroke-dasharray:12;stroke-dashoffset:0;animation:chatLine 4.8s ease-in-out infinite}.line-two{animation-delay:.22s}.voice-signal{transform-origin:center;animation:voiceSignal 2.8s ease-in-out infinite}
.stream-showcase{position:relative;display:flex;align-items:center;gap:22px;padding:24px;margin:28px auto 0;max-width:580px;border:1px solid #e2d7ef;border-radius:26px;background:linear-gradient(120deg,#f8edf6bb,#ede9fccc);text-align:left;overflow:hidden;animation:experienceReveal .6s ease .16s both}
.stream-visual{position:relative;display:grid;place-items:center;width:82px;height:82px;flex-shrink:0}.broadcast-core{position:relative;display:grid;place-items:center;width:48px;height:48px;background:#ffffffd9;border:1px solid #e1d5ed;border-radius:17px;box-shadow:0 8px 24px #7452b618;color:#8660bc;animation:streamFloat 4.5s ease-in-out infinite}.broadcast-core svg{width:30px;height:30px}
.stream-orbit{position:absolute;inset:5px;border:1px solid #b69bd54d;border-radius:50%;animation:streamRipple 5s ease-out infinite}.orbit-b{animation-delay:2.5s}
.stream-copy h2{font-size:18px;line-height:1.3;letter-spacing:-.02em;margin:4px 0 7px;color:#52376c}.stream-copy p{font-size:12px;color:#796689;margin:0 0 6px}.stream-copy small{display:block;font-size:11px;color:#795f8c}.coming-later{font-size:10px;font-weight:650;letter-spacing:.12em;color:#795a92}
.more-experiences{margin:28px auto 12px;padding-top:24px;border-top:1px solid #e4dced;text-align:left;max-width:580px}.more-experiences h2{font-size:16px;letter-spacing:-.02em;margin:0;color:#49315f}.more-experiences>p{font-size:12px;margin:6px 0 14px}
.experience-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.experience-options button{padding:14px;border-radius:18px;background:#ffffffb0;text-align:left;min-height:72px}.experience-options strong{display:block;font-size:12px}.experience-options small{display:block;font-size:10px;color:#887595;margin-top:5px}
.brand img{object-fit:cover;border-radius:0;animation:brandLogoFloat 4.6s ease-in-out infinite}#logo-scene img{object-fit:contain;animation:brandLogoFloat 4.6s ease-in-out infinite}
@media(hover:hover){.primary-experiences button:hover{transform:translateY(-4px) rotateX(2deg);box-shadow:0 18px 38px #7452b622}.experience-options button:hover{transform:translateY(-2px)}}
.primary-experiences button:active{transform:scale(.98)}.primary-experiences button:focus-visible{outline:3px solid #b99adb;outline-offset:4px}
@keyframes brandLogoFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}
@keyframes experienceReveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes cardShimmer{0%,75%,100%{transform:translateX(-42%)}90%{transform:translateX(42%)}}
@keyframes chatLine{0%,12%{stroke-dashoffset:12;opacity:.3}28%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:12;opacity:.3}}
@keyframes voiceSignal{0%,100%{transform:scaleY(.65);opacity:.55}50%{transform:scaleY(1);opacity:1}}
@keyframes streamFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes streamRipple{0%{transform:scale(.65);opacity:0}20%{opacity:.7}100%{transform:scale(1.14);opacity:0}}
@media(max-width:550px){#welcome{margin:2vh auto 20px}#welcome>h1{font-size:31px;margin-top:20px}#welcome>p:not(.personal-greeting){font-size:14px}.primary-experiences{gap:10px;margin-top:24px}.primary-experiences button{padding:17px 15px;min-height:156px;border-radius:23px}.primary-experiences strong{font-size:16px}.primary-experiences small{font-size:11px}.experience-icon{width:36px;height:36px}.stream-showcase{padding:17px;gap:12px;margin-top:24px;border-radius:23px}.stream-visual{width:62px;height:70px}.stream-copy h2{font-size:17px}.stream-copy p{font-size:11px}.stream-copy small{font-size:10px}.experience-options{grid-template-columns:1fr}.experience-options button{min-height:64px}.brand img{width:40px;height:36px}}
@media(prefers-reduced-motion:reduce){.primary-experiences *,.primary-experiences button:after,.brand img,#logo-scene img,.stream-showcase,.stream-showcase *{animation:none!important;transition:none!important;transform:none!important}}

.stream-copy .creator-promise{font-size:14px;font-weight:650;line-height:1.5;letter-spacing:-.015em;color:#654483;margin:8px 0}
@media(max-width:550px){.stream-copy .creator-promise{font-size:13px}}

/* Accessible Live ↔ Gifts/Wallet/Payouts concept preview; no provider actions. */
.stream-showcase{display:block;padding:0;overflow:visible;background:transparent;border:0;perspective:1100px}
.stream-flip-stage{display:grid;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.7,.3,1)}
.stream-flip-stage.is-flipped{transform:rotateY(180deg)}
.stream-face{grid-area:1/1;display:flex;align-items:center;gap:22px;min-width:0;padding:24px;border:1px solid #e2d7ef;border-radius:26px;background:linear-gradient(120deg,#f8edf6,#ede9fc);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.stream-back{transform:rotateY(180deg);background:linear-gradient(120deg,#ece9ff,#f7eaf4)}
.stream-flip-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 8px 0}
.stream-flip-controls button{font-size:11px;padding:9px 12px;min-height:38px;border:0;background:transparent;color:#7953a6;border-radius:16px}
.stream-flip-controls button:hover{background:#eee6f8}.stream-flip-controls button:last-child{font-size:10px;color:#887198}
.earning-path{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:9px 0 12px;font-size:10px;color:#765293}.earning-path span{padding:4px 7px;border-radius:8px;background:#ffffffa8;border:1px solid #e4d9ef}.earning-path i{font-style:normal;color:#9b81ad}
.payout-icon{animation-delay:-1.8s}
@media(max-width:550px){.stream-face{padding:17px;gap:12px;border-radius:23px}.stream-flip-controls{padding-left:0;padding-right:0}.stream-flip-controls button{font-size:10px}.stream-back .stream-copy h2{font-size:16px}.earning-path{font-size:9px;gap:4px}.earning-path span{padding:4px 5px}}
@media(prefers-reduced-motion:reduce){.stream-flip-stage{transition:none!important;transform:none!important}.stream-face{transform:none!important;backface-visibility:visible}.stream-flip-stage:not(.is-flipped) .stream-back,.stream-flip-stage.is-flipped .stream-front{visibility:hidden}.stream-flip-stage.is-flipped .stream-back{visibility:visible}}

/* One consistent decorative Reet companion across app surfaces. */
.in-conversation .reet-backdrop{opacity:.075}
#history-panel,#consent{background-image:linear-gradient(#fffffff0,#fcf9fff0),var(--reet-robot-background,url('/app/ziggy-blink.svg'));background-color:#fbf9ff;background-position:center,right bottom;background-size:cover,280px auto;background-repeat:no-repeat}

.reet-backdrop.reet-celebrating{opacity:.22!important;filter:blur(.25px);transition:opacity .2s}
@media(prefers-reduced-motion:reduce){.reet-backdrop.reet-celebrating{transition:none}}

/* Quiet highlights for the professional profile entry points. */
.more-experiences{padding:22px 18px 18px;border:1px solid #d9c8edb0;border-radius:26px;background:linear-gradient(125deg,#fff9ffb5,#eee8ff95 55%,#eef5ff9c);box-shadow:0 10px 32px #7551b009;position:relative;isolation:isolate}
.career-eyebrow{display:block;font-size:9px;font-weight:700;letter-spacing:.17em;color:#9772b8;margin-bottom:7px}.more-experiences h2{font-size:19px}.more-experiences>p{color:#81718e;font-size:12px;margin-bottom:18px}
.experience-options button{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;min-height:104px;padding:16px 13px;background:#ffffffc9;border:1px solid #fff;border-radius:20px;box-shadow:0 4px 16px #7656a809;transition:transform .25s,box-shadow .25s,border-color .25s}
.experience-options button:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#dec8ff30 45%,#ffffffaa 50%,transparent 75%);transform:translateX(-150%);animation:careerShimmer 11s ease-in-out infinite;pointer-events:none}.experience-options button+button:before{animation-delay:2s}
.career-icon{width:42px;height:46px;flex-shrink:0;display:grid;place-items:center;border-radius:14px;color:#9b5fb4;background:linear-gradient(145deg,#f8e6f5,#eee6ff);border:1px solid #ffffff}.career-icon svg{width:28px;height:28px}.experience-options button+button .career-icon{color:#7756bf;background:linear-gradient(145deg,#eae6ff,#e8f3ff)}
.career-copy{min-width:0;flex:1}.experience-options strong{font-size:13px;color:#38264f}.experience-options small{font-size:10px;margin-top:5px;color:#7d6b8f}.career-preview{display:block;font-size:8px;letter-spacing:.02em;color:#9b8ba8;margin-top:6px}.career-arrow{align-self:flex-start;font-size:19px;color:#a48abf;transition:transform .25s}
.experience-options button:focus-visible{outline:3px solid #ae8cd9;outline-offset:3px}@media(hover:hover){.experience-options button:hover{border-color:#d3b6ed;box-shadow:0 10px 24px #7752a51a;transform:translateY(-3px)}.experience-options button:hover .career-arrow{transform:translate(2px,-2px)}}
@keyframes careerShimmer{0%,65%{transform:translateX(-150%)}88%,100%{transform:translateX(150%)}}
@media(max-width:550px){.more-experiences{padding:20px 15px 15px}.experience-options{gap:11px}.experience-options button{min-height:96px;padding:15px}.experience-options strong{font-size:14px}.experience-options small{font-size:11px}.career-preview{font-size:9px}}
@media(prefers-reduced-motion:reduce){.experience-options button:before{animation:none;display:none}.experience-options button,.career-arrow{transition:none}}

.daily-limit-dialog{max-width:min(420px,calc(100vw - 32px));padding:28px;border:1px solid #e1d1ed;border-radius:26px;background:linear-gradient(140deg,#fffbff,#f0eaff);color:#674577;box-shadow:0 24px 80px #64427e26}.daily-limit-dialog::backdrop{background:#33204055;backdrop-filter:blur(5px)}.daily-limit-dialog h2{font:italic 25px Georgia,serif}.daily-limit-dialog p{font-size:13px;line-height:1.8;color:#937f9e}.daily-limit-dialog button{background:linear-gradient(100deg,#8c63bd,#ac73b7);color:white;border:0;border-radius:20px;padding:12px 18px}

/* Keep the mascot's face clear of the translucent experience cards. */
.reet-companion{position:fixed;right:20px;top:106px;width:108px;height:auto;z-index:3;pointer-events:none;filter:drop-shadow(0 6px 14px #69449724);animation:mascotFloat 11s ease-in-out infinite}.in-conversation .reet-companion{opacity:.9}.reet-companion.reet-celebrating{filter:drop-shadow(0 0 14px #b989ee)}
@media(max-width:700px){.reet-companion{top:88px;right:10px;width:64px}}@media(prefers-reduced-motion:reduce){.reet-companion{animation:none}}

/* Ziggy occupies her own row; never overlays headings or interactive content. */
.ziggy-presence{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:96px;margin:0 auto 8px;color:#8b70a6;font-size:11px;letter-spacing:.08em;pointer-events:none}.ziggy-presence .reet-companion{position:static;inset:auto;width:78px;height:78px;z-index:auto;object-fit:contain;filter:drop-shadow(0 4px 10px #76519e18);animation:ziggyBob 7s ease-in-out infinite}.ziggy-presence+#welcome{margin-top:18px}#logo-scene img,.brand img{mix-blend-mode:multiply;background:transparent;border-radius:0;box-shadow:none}#logo-scene img{filter:drop-shadow(0 12px 24px #9d6ed025)}@keyframes ziggyBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.ziggy-presence .reet-companion{animation:none!important}}

#logo-scene img,.brand img{filter:url(#reet-logo-cutout);mix-blend-mode:normal;background:transparent;box-shadow:none}

.experience-options button:disabled{cursor:default}.career-preview{letter-spacing:.04em}

#composer .picture-add{flex:0 0 38px;width:38px;height:44px;border:0;border-radius:16px;padding:0;background:#f3eefb;color:#7652bd;font:28px/1 system-ui;display:grid;place-items:center}#composer .picture-add:hover{background:#e9dff7}

.photo-attachment{display:flex;gap:10px;align-items:center;background:#f0eafa;border:1px solid #e1d5ef;border-radius:18px;padding:10px;margin-bottom:8px}.photo-attachment>img{width:56px;height:56px;object-fit:cover;border-radius:12px}.photo-attachment label{display:block;font-size:11px;color:#7f6c91}.photo-attachment button{margin-left:auto}.photo-user>img{max-width:100%;max-height:290px;border-radius:16px;display:block;margin-bottom:10px}.photo-working{width:min(100%,420px);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(125deg,#eee5fa,#f8f5ff,#e9e6fc);border-radius:22px;position:relative;overflow:hidden}.photo-working:before{content:'';position:absolute;inset:-100%;background:linear-gradient(110deg,transparent 42%,#ffffff80 50%,transparent 58%);animation:photoShine 3s infinite}.photo-working img{width:85px;height:85px;position:relative;animation:photoBob 2s ease-in-out infinite}.photo-working span{position:relative;color:#79569c;font-size:14px}.discussion-working{aspect-ratio:auto;padding:12px;flex-direction:row;justify-content:flex-start;background:transparent}.discussion-working img{width:38px;height:38px}.photo-result{display:block;width:min(100%,420px);height:auto;border-radius:22px}.photo-save{display:inline-flex;gap:8px;align-items:center;background:#7852bb;color:white;margin-top:10px;font-size:13px}.photo-reply small{display:block;color:#887697;font-size:11px;margin-top:8px}@keyframes photoBob{50%{transform:translateY(-5px) rotate(3deg)}}@keyframes photoShine{from{transform:translateX(-40%)}to{transform:translateX(40%)}}@media(prefers-reduced-motion:reduce){.photo-working img,.photo-working:before{animation:none}}

.app>header{background:none!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:0!important;box-shadow:none!important;isolation:auto}.app>header:before,.app>header:after{display:none!important}

#history-panel{position:fixed;inset:0 auto 0 0;margin:0;width:min(340px,90vw);max-width:90vw;height:100dvh;max-height:100dvh;border:0;border-right:1px solid #ded4ee;border-radius:0 24px 24px 0;padding:24px 18px;background:#faf7ff;box-sizing:border-box;overflow-y:auto}#history-panel[open]{display:flex;flex-direction:column;gap:16px;animation:historySlide .2s ease-out}#history-panel::backdrop{background:#21163355;backdrop-filter:blur(3px)}#history-panel .history-heading{display:flex;align-items:center;justify-content:space-between}#history-panel h2{font-size:20px;margin:0}#history-panel button{min-height:44px}#history-list{flex:1;min-height:100px}#history-list .history-row{display:flex;gap:6px;margin:6px 0}#history-list .history-row button:first-child{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#history-clear{color:#8b3e62;background:transparent}.history-settings{border-top:1px solid #e2d8ef;padding-top:16px}.history-settings summary{cursor:pointer;padding:12px 0;font-weight:600}.history-settings p,.history-note{font-size:13px;line-height:1.5;color:#786589}#chat-sidebar-toggle{order:-1;flex-shrink:0;width:44px;padding:8px}#history-open{display:none}@keyframes historySlide{from{transform:translateX(-100%)}to{transform:translateX(0)}}@media(prefers-reduced-motion:reduce){#history-panel[open]{animation:none}}

.auth-actions{display:grid;gap:10px;margin:16px 0}.auth-actions button:first-child{background:#76509d;color:white;font-weight:700;min-height:48px}.password-reveal{margin-bottom:12px}.auth-privacy-summary,.auth-privacy-details{font-size:13px;line-height:1.5}

.google-email-check{width:min(92vw,420px);border:1px solid #ded2ec;border-radius:24px;padding:26px;background:#faf7ff;color:#30233f}.google-email-check form,.google-email-check label{display:grid;gap:12px}.google-email-check input{font-size:24px;letter-spacing:.2em;min-height:48px;width:100%;box-sizing:border-box}.google-email-check button{min-height:44px}.google-email-check::backdrop{background:#21163377}