:root{--c-bg:#f6f1e6;--c-surface:#fdfcf9;--c-surface-alt:#efe9da;--c-text:#16181a;--c-text-muted:#8a8378;--c-primary:#1b3a26;--c-on-primary:#fff;--c-border:#ddd4c0;--radius:20px;--gap:12px;--c-gold:#f0c235;--shadow-bubble:0 1px 2px #1b201c12,0 4px 14px #1b201c0d;--shadow-lift:0 2px 6px #1b201c0f,0 12px 32px #1b201c1a;--buncss-light:initial;--buncss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1100px 550px at 85% -10%,#f0c23514,transparent 60%),radial-gradient(900px 600px at -15% 110%,#1b3a260f,transparent 55%),var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.45}::selection{background:color-mix(in srgb,var(--c-gold)45%,transparent)}.app{display:flex;height:100vh;height:var(--app-height,100dvh);flex-direction:column;max-width:720px;height:100dvh;margin:0 auto}.header{display:flex;align-items: center;gap:var(--gap);padding:calc(env(safe-area-inset-top) + 12px)16px 12px;border-bottom:1px solid color-mix(in srgb,var(--c-border)60%,transparent);background:color-mix(in srgb,var(--c-surface)82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 12px #1b201c0d}.header__id{display:flex;flex:1;align-items: center;gap:10px;min-width:0}.header__avatar{display:grid;background:linear-gradient(150deg,#2a5740,var(--c-primary)70%);color:var(--c-gold);border-radius:50%;flex:none;place-items: center;width:38px;height:38px;font-family:Georgia,Times New Roman,serif;font-weight:700;box-shadow:inset 0 1px #ffffff2e,0 2px 8px #1b3a264d}.header__name{letter-spacing:.01em;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:600;line-height:1.2}.header__sub{color:var(--c-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2}.header__action{border:1px solid var(--c-border);color:var(--c-text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:7px 12px;font-size:13px}.header__action:active{background:var(--c-surface-alt)}.header__badge{color:var(--c-text-muted);flex:none;font-size:12px}.messages{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;flex-direction:column;flex:1;gap:10px;padding:20px 16px}.notice{border:1px solid color-mix(in srgb,var(--c-border)70%,transparent);background:color-mix(in srgb,var(--c-surface-alt)80%,transparent);color:var(--c-text-muted);text-align:center;border-radius:999px;align-self: center;max-width:90%;padding:7px 14px;font-size:12.5px}@keyframes bubble-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}.bubble{border-radius:var(--radius);white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:var(--shadow-bubble);animation:bubble-in .22s cubic-bezier(.2,.9,.3,1.2);max-width:82%;padding:12px 16px;line-height:1.55}@media (prefers-reduced-motion:reduce){.bubble{animation:none}}.bubble--assistant{background:var(--c-surface);border:1px solid var(--c-border);border-bottom-left-radius:8px;align-self: flex-start}.bubble--user{background:linear-gradient(160deg,#26503b,var(--c-primary)75%);color:var(--c-on-primary);border-bottom-right-radius:8px;align-self: flex-end;box-shadow:0 1px 2px #1b3a2640,0 6px 18px #1b3a2638}.bubble--thinking{display:flex;color:var(--c-text-muted);animation:thinking-breathe 2.4s ease-in-out infinite;align-items: center;gap:8px;width:-moz-fit-content;width:fit-content;font-style:italic}.thinking__label{white-space:nowrap}.thinking__dots{display:inline-flex;align-items: center;gap:4px;padding-bottom:1px}.thinking__dots i{background:color-mix(in srgb,var(--c-primary)65%,currentColor);opacity:.28;animation:thinking-dot 1.25s ease-in-out infinite;border-radius:50%;flex:none;width:6px;height:6px}.thinking__dots i:nth-child(2){animation-delay:.18s}.thinking__dots i:nth-child(3){animation-delay:.36s}@keyframes thinking-dot{0%,70%,to{opacity:.28;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}@keyframes thinking-breathe{0%,to{opacity:.72}50%{opacity:1}}.bubble--streaming:after{content:"";display:inline-block;vertical-align:-.15em;opacity:.55;animation:caret-blink 1s steps(1,end)infinite;background:currentColor;border-radius:1px;width:2px;height:1em;margin-left:3px}@keyframes caret-blink{0%,49%{opacity:.55}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.bubble--thinking{animation:none;opacity:1}.thinking__dots i{animation-name:thinking-dot-fade;animation-duration:1.4s}}@keyframes thinking-dot-fade{0%,70%,to{opacity:.25}35%{opacity:.9}}.composer{display:flex;margin:4px 12px calc(env(safe-area-inset-bottom) + 12px);border:1px solid var(--c-border);background:var(--c-surface);box-shadow:var(--shadow-lift);border-radius:28px;align-items: flex-end;gap:8px;padding:6px 6px 6px 8px;transition:border-color .15s,box-shadow .15s}.composer:focus-within{border-color:color-mix(in srgb,var(--c-primary)45%,var(--c-border));box-shadow:var(--shadow-lift),0 0 0 3px color-mix(in srgb,var(--c-primary)12%,transparent)}.composer__input{resize:none;color:var(--c-text);font:inherit;background:0 0;border:none;border-radius:22px;flex:1;max-height:140px;padding:10px 12px;font-size:16px}.composer__input:focus{outline:none}.composer__input::placeholder{color:color-mix(in srgb,var(--c-text-muted)80%,transparent)}.composer__send{display:grid;background:linear-gradient(150deg,#2a5740,var(--c-primary)75%);color:var(--c-gold);cursor:pointer;border:none;border-radius:50%;flex:none;place-items: center;width:42px;height:42px;transition:transform .12s,opacity .15s,box-shadow .15s;box-shadow:inset 0 1px #ffffff29,0 3px 10px #1b3a2659}.composer__send:not(:disabled):hover{box-shadow:inset 0 1px #ffffff29,0 5px 16px #1b3a2673}.composer__send:not(:disabled):active{transform:scale(.92)}.composer-wrapper{padding:8px 16px 12px}.composer__disclaimer{color:var(--c-text-muted);text-align:center;margin:6px 0 0;font-size:11px}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--c-text-muted)35%,transparent);border-radius:999px}@keyframes pcard-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}@keyframes pcard-sheen{0%{opacity:0;transform:translate(-140%)skew(-14deg)}35%{opacity:.5}to{opacity:0;transform:translate(320%)skew(-14deg)}}.pcard-dock{background:color-mix(in srgb,var(--c-bg)88%,transparent);border-bottom:1px solid color-mix(in srgb,var(--c-border)45%,transparent);flex:none;padding:10px 16px 12px}.pcard{--pcard-shot:60px;position:relative;display:flex;aspect-ratio:16;border:1px solid color-mix(in srgb,var(--c-primary)20%,var(--c-border));background:radial-gradient(120% 200% at 0% 50%,color-mix(in srgb,var(--c-primary)7%,transparent),transparent 62%),linear-gradient(100deg,color-mix(in srgb,var(--c-gold)18%,transparent),transparent 48%),var(--c-surface);box-shadow:var(--shadow-bubble);color:inherit;text-decoration:none;overflow:hidden;-webkit-tap-highlight-color:transparent;border-radius:16px;flex:none;align-items: center;gap:11px;width:100%;min-height:76px;margin:2px 0;padding:8px 8px 8px 10px;transition:box-shadow .18s,border-color .18s,transform .12s}.pcard:before{content:"";position:absolute;background:linear-gradient(180deg,var(--c-gold),color-mix(in srgb,var(--c-gold)30%,transparent));width:3px;inset:0 auto 0 0}.pcard--enter{animation:pcard-in .32s cubic-bezier(.2,.9,.3,1)}.pcard--enter:after{content:"";position:absolute;animation:pcard-sheen .85s .14s ease-out both;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffb3,#0000);width:30%;top:-40%;bottom:-40%;left:0}.pcard:hover{border-color:color-mix(in srgb,var(--c-primary)38%,var(--c-border));box-shadow:var(--shadow-lift)}.pcard:active{transform:translateY(1px)}.pcard:focus-visible{outline:2px solid color-mix(in srgb,var(--c-primary)55%,transparent);outline-offset:2px}.pcard__shot{position:relative;display:grid;height:var(--pcard-shot);width:calc(var(--pcard-shot)*1.35);background:radial-gradient(70% 70% at 50% 58%,color-mix(in srgb,var(--c-primary)13%,transparent),transparent 72%),var(--c-surface-alt);border-radius:11px;flex:none;place-items: center}.pcard__shot img{object-fit:contain;filter:drop-shadow(0 3px 5px #1b201c3d);width:116%;height:116%}.pcard__body{display:flex;flex-wrap:wrap;flex:1;align-items:baseline;gap:1px 7px;min-width:0}.pcard__break{flex-basis:100%;height:0}.pcard__body>*{white-space:nowrap}.pcard__name{letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;font-size:15px;font-weight:650}.pcard__off{background:linear-gradient(150deg,color-mix(in srgb,var(--c-gold)88%,#fff),var(--c-gold));color:#3d3006;letter-spacing:.01em;border-radius:999px;flex:none;padding:2px 7px;font-size:11px;font-weight:800;box-shadow:0 1px 2px #785f0a4d}.pcard__tagline{color:var(--c-text-muted);overflow:hidden;text-overflow:ellipsis;font-size:12.5px}.pcard__price{font-size:15px;font-weight:700}.pcard__was{color:var(--c-text-muted);text-decoration-thickness:1px;font-size:12.5px}.pcard__coupon{display:inline-flex;color:color-mix(in srgb,var(--c-primary)75%,var(--c-text));overflow:hidden;text-overflow:ellipsis;align-items: center;gap:5px;min-width:0;font-size:12px;font-weight:600}.pcard__coupon i{background:var(--c-gold);animation:pcard-live 2.4s ease-out infinite;border-radius:50%;flex:none;width:6px;height:6px}@keyframes pcard-live{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c-gold)65%,transparent)}70%,to{box-shadow:0 0 0 6px #0000}}.pcard__cta{display:inline-flex;background:linear-gradient(150deg,#2a5740,var(--c-primary)75%);color:var(--c-gold);white-space:nowrap;border-radius:12px;flex:none;align-self:stretch;align-items: center;gap:6px;padding:0 15px;font-size:13.5px;font-weight:700;box-shadow:0 1px 2px #1b3a2647,0 6px 16px #1b3a2633}.pcard__cta svg{transition:transform .18s}.pcard:hover .pcard__cta svg{transform:translate(2px)}@media (max-width:480px){.pcard{aspect-ratio:auto;gap:9px;height:auto;padding-left:8px}.pcard__break,.pcard__tagline{display:none}.pcard__cta{padding:0 12px;font-size:12.5px}}@media (max-width:420px){.pcard__was{display:none}}@media (max-width:380px){.pcard{--pcard-shot:48px}.pcard__off{display:none}.pcard__name,.pcard__price{font-size:14px}.pcard__coupon{font-size:11px}.pcard__cta{padding:0 9px;font-size:12px}}@media (max-width:340px){.pcard{flex-wrap:wrap;row-gap:8px}.pcard__cta{flex-basis:100%;justify-content:center;align-self:auto;padding:9px 0}}@media (prefers-reduced-motion:reduce){.pcard--enter{animation-name:pcard-fade}.pcard--enter:after{display:none}.pcard:active,.pcard:hover .pcard__cta svg{transform:none}.pcard__coupon i{animation:pcard-live-fade 2.4s ease-in-out infinite}}@keyframes pcard-fade{0%{opacity:0}to{opacity:1}}@keyframes pcard-live-fade{0%,to{opacity:.5}50%{opacity:1}}.landing{display:grid;height:100vh;height:var(--app-height,100dvh);padding:calc(env(safe-area-inset-top) + 24px)20px calc(env(safe-area-inset-bottom) + 24px);overflow-y:auto;place-items: center;height:100dvh}@keyframes landing-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.landing__card{text-align:center;animation:landing-in .4s cubic-bezier(.2,.9,.3,1);width:100%;max-width:380px}.landing__kicker{display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;color:var(--c-text-muted);letter-spacing:.01em;text-wrap:balance;-webkit-box-orient:vertical;margin:0 0 20px;font-size:13.5px;line-height:1.5}.landing__avatar{object-fit:cover;box-shadow:0 0 0 1px color-mix(in srgb,var(--c-primary)18%,transparent),0 10px 30px #1b3a2638;border-radius:50%;width:112px;height:112px}.landing__name{letter-spacing:.01em;margin:16px 0 0;font-family:Georgia,Times New Roman,serif;font-size:27px;font-weight:600;line-height:1.15}.landing__lead{color:var(--c-text-muted);margin:10px 0 0;font-size:15px;line-height:1.5}.landing__form{display:flex;flex-direction:column;gap:10px;margin-top:26px}.landing__input{border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font:inherit;text-align:center;box-shadow:var(--shadow-bubble);border-radius:999px;width:100%;padding:14px 18px;transition:border-color .15s,box-shadow .15s;font-size:16px}.landing__input:focus{outline:none;border-color:color-mix(in srgb,var(--c-primary)45%,var(--c-border));box-shadow:var(--shadow-bubble),0 0 0 3px color-mix(in srgb,var(--c-primary)12%,transparent)}.landing__input::placeholder{color:color-mix(in srgb,var(--c-text-muted)80%,transparent)}.landing__cta{background:linear-gradient(150deg,#2a5740,var(--c-primary)75%);color:var(--c-gold);font:inherit;cursor:pointer;border:none;border-radius:999px;width:100%;padding:14px 20px;transition:transform .12s,box-shadow .15s,opacity .15s;font-size:15.5px;font-weight:700;box-shadow:inset 0 1px #ffffff29,0 6px 18px #1b3a2647}.landing__cta:not(:disabled):hover{box-shadow:inset 0 1px #ffffff29,0 8px 24px #1b3a2661}.landing__cta:not(:disabled):active{transform:scale(.98)}.landing__cta:disabled{opacity:.65;cursor:default}.landing__error{color:var(--c-text);margin:12px 0 0;font-size:13px}.landing__note{color:var(--c-text-muted);margin:16px 0 0;font-size:11.5px;line-height:1.45}@media (prefers-reduced-motion:reduce){.landing__card{animation-name:pcard-fade}.landing__cta:not(:disabled):active{transform:none}}.error{background:color-mix(in srgb,var(--c-primary)15%,transparent);color:var(--c-text);border-radius:10px;margin:0 16px 8px;padding:8px 12px;font-size:13px}.boot{display:grid;color:var(--c-text-muted);place-items: center;gap:12px;height:100dvh}.boot--error{text-align:center;padding:24px}.boot button{border:1px solid var(--c-border);color:var(--c-text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:8px 18px}
