.rav-chat{--rav-page:#fff;--rav-soft:#f5f5f7;--rav-box-line:#e5e5ea;--rav-box-bg:#fff;--rav-dark:#1d1d1f;--rav-on-dark:#fff;--rav-sheet:#fbfbfd}html[data-theme=dark] .rav-chat{--rav-page:var(--bg,#0c0c0d);--rav-soft:#2c2c2e;--rav-box-line:#3a3a3c;--rav-box-bg:#1c1c1e;--rav-dark:#f5f5f7;--rav-on-dark:#111;--rav-sheet:#151517}.rav-greet{font-size:clamp(24px,6.5vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--ink,#1d1d1f);text-wrap:balance}html .rav-home{height:100dvh;overflow:hidden}.rav-app{position:fixed;inset:0;max-width:42rem;margin:0 auto;padding-top:64px;display:flex;flex-direction:column}.rav-sheet{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.rav-list{scrollbar-width:thin}.rav-welcome{flex:1 0 auto;min-height:46%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 8px 24px;text-align:center}html .rav-home .ck-nav{top:0;left:0;right:0;height:64px;max-width:42rem}html .rav-home .ck-nav-bg,html[data-theme=dark] .rav-home .ck-nav-bg{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;border-radius:0;box-shadow:none}.rav-dot{animation:rav-float 4s ease-in-out infinite}.rav-fade{animation:rav-in .4s ease-out}.rav-box{border:1px solid var(--rav-box-line);background:var(--rav-box-bg);box-shadow:0 8px 30px -14px rgba(0,0,0,.22)}.rav-box:focus-within{border-color:var(--muted,#a1a1a6)}.rav-input{color:var(--ink,#1d1d1f)}.rav-input::-moz-placeholder{color:var(--dim,#8e8e93)}.rav-input::placeholder{color:var(--dim,#8e8e93)}.rav-tag{font-size:13px;font-weight:600;padding:6px 12px;border-radius:9999px;background:var(--rav-soft);color:var(--muted,#6e6e73)}.rav-send{background:var(--rav-dark);color:var(--rav-on-dark)}.rav-new{border:0;cursor:pointer;color:var(--ink,#1d1d1f)}.rav-chip,.rav-confirm{background:var(--rav-soft);color:var(--ink,#1d1d1f)}.rav-me{background:var(--rav-dark);color:var(--rav-on-dark);border-radius:18px 4px 18px 18px;animation:rav-in .22s ease-out}.rav-them{background:var(--rav-soft);color:var(--ink,#1d1d1f);border-radius:4px 18px 18px 18px;animation:rav-in .26s ease-out}.rav-chat .ck-login-compact{max-width:100%;padding:14px 14px 12px;border-radius:4px 18px 18px 18px;box-shadow:none;animation:none}.rav-chat .ck-login-compact .ck-login-title{font-size:18px;margin:0 0 4px}.rav-chat .ck-login-compact .ck-login-sub{font-size:13px;margin:0 0 12px}.rav-chat .ck-login-compact .ck-login-tabs{margin:0 0 12px}.rav-chat .ck-login-compact .ck-login-tabs button{min-height:36px;font-size:13px}.rav-chat .ck-login-compact .ck-login-phone input{min-height:42px;font-size:16px}.rav-chat .ck-login-compact .ck-google-first{min-height:44px}.rav-chat .ck-login-compact .ck-btn{min-height:46px}.rav-chat .ck-login-compact .ck-login-google-note,.rav-chat .ck-login-compact .ck-login-hint,.rav-chat .ck-login-compact .ck-login-or{font-size:12px}.rav-card{background:var(--rav-box-bg);border:1px solid var(--rav-box-line);border-radius:4px 18px 18px 18px;box-shadow:0 6px 24px -16px rgba(0,0,0,.25)}.rav-card,.rav-opt{color:var(--ink,#1d1d1f)}.rav-opt{background:var(--rav-soft);border:1px solid transparent}.rav-opt:hover{border-color:var(--rav-box-line)}.rav-opt:disabled{opacity:.5}.rav-bar{height:4px;background:var(--rav-soft);overflow:hidden}.rav-bar,.rav-bar i{border-radius:9999px}.rav-bar i{display:block;height:100%;background:var(--rav-dark);transition:width .3s ease}.rav-typing{display:inline-flex;gap:4px;padding:12px 14px;border-radius:4px 18px 18px 18px;background:var(--rav-soft)}.rav-typing i{width:6px;height:6px;border-radius:9999px;background:var(--muted,#6e6e73);animation:rav-dot 1s ease-in-out infinite}.rav-typing i:nth-child(2){animation-delay:.15s}.rav-typing i:nth-child(3){animation-delay:.3s}@keyframes rav-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes rav-dot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes rav-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.rav-card,.rav-dot,.rav-fade,.rav-me,.rav-them,.rav-typing i{animation:none}}