/* Tempo: an intentionally distinct, creator-branded chat product. */
.tempo-preview{background:#213f34;color:#f8f1e1;transform:rotate(2deg);border:1px solid #77907c;box-shadow:0 24px 34px #1b302843;padding:18px 20px;gap:0}
.tempo-preview-top{display:flex;align-items:center;gap:8px;border-bottom:1px solid #ffffff35;padding-bottom:13px}.tempo-preview-mark{display:grid;place-items:center;background:#e7f5aa;color:#254635;width:31px;height:31px;border-radius:8px;font-family:Georgia,serif;font-size:1.55rem;line-height:1}.tempo-preview-mark span{color:#de865d}.tempo-preview-top strong{font-size:.8rem;letter-spacing:.13em}.tempo-preview-top small{margin-left:auto;font-size:.49rem;letter-spacing:.09em;color:#b5c7ba}.tempo-preview-message{align-self:flex-start;background:#f6f0e5;color:#24372e;padding:12px 13px;border-radius:4px 14px 14px 14px;font-size:.72rem;line-height:1.35;margin-top:18px;max-width:86%}.tempo-preview-reply{align-self:flex-end;background:#cae89e;color:#1d412e;padding:10px 13px;border-radius:14px 4px 14px 14px;font-size:.69rem;margin:12px 0 14px}.tempo-preview-session{background:#f9f4e9;color:#23392d;padding:14px 15px;border-radius:6px;box-shadow:0 8px 18px #071c1226}.tempo-preview-session>span{display:block;font-size:.52rem;letter-spacing:.13em;font-weight:900;color:#67846e}.tempo-preview-session>strong{display:block;font-family:Georgia,serif;font-size:1.48rem;letter-spacing:-.055em;line-height:1.02;font-weight:400;margin:9px 0 12px}.tempo-preview-session>div{display:flex;align-items:center;gap:9px;border-top:1px solid #d9dfd0;padding-top:8px}.tempo-preview-session b,.tempo-preview-session i,.tempo-preview-session em{font-size:.53rem;font-weight:850;font-style:normal}.tempo-preview-session i{margin-left:auto}.tempo-preview-session em{background:#d9eda7;border-radius:3px;padding:5px}
.tempo-shell{height:min(690px,calc(100dvh - 78px));min-height:480px;display:grid;grid-template-columns:34% minmax(0,1fr);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1d3027;background:#f8f6ef}
.tempo-side{background:#203d32;color:#f7f4e8;display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:25px 28px;overflow:hidden;position:relative}.tempo-side:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;border:1px solid #ffffff1d;left:-140px;top:120px;pointer-events:none}.tempo-brand{display:flex;align-items:center;gap:10px}.tempo-brand-mark{display:grid;place-items:center;width:38px;height:38px;background:#e7f5aa;color:#254635;border-radius:10px;font-family:Georgia,serif;font-size:1.8rem;line-height:1}.tempo-brand-mark span,.tempo-avatar span{color:#de865d}.tempo-brand strong{display:block;font-size:1rem;letter-spacing:.13em}.tempo-brand small{display:block;font-size:.48rem;letter-spacing:.12em;color:#c6d1c2;margin-top:3px}.tempo-side-edition{display:block;margin-top:30px;font-size:.55rem;letter-spacing:.12em;color:#9fb6a4;font-weight:800}.tempo-side-middle{position:relative;z-index:1;padding-bottom:30px}.tempo-record{height:165px;width:165px;border-radius:50%;margin:0 auto 24px;background:repeating-radial-gradient(circle at center,#162b23 0 4px,#2e5242 5px 7px,#162b23 8px 12px);box-shadow:0 16px 25px #0e241c66;display:grid;place-items:center;transform:rotate(-13deg)}.tempo-record>div{height:65px;width:65px;border-radius:50%;background:#e4a378;display:grid;place-items:center;border:7px solid #224234}.tempo-record span{font-size:.55rem;color:#28483b;font-weight:900;letter-spacing:.1em}.tempo-side-middle p{font-family:Georgia,serif;font-weight:400;font-size:clamp(2rem,3.6vw,3.35rem);letter-spacing:-.06em;line-height:.97;margin:0 0 13px}.tempo-side-middle p em{color:#e7f5aa;font-weight:400}.tempo-side-middle>span{display:block;max-width:230px;font-size:.77rem;line-height:1.45;color:#bfcfc2}.tempo-side-bottom{border-top:1px solid #ffffff35;padding-top:15px;position:relative;z-index:1}.tempo-side-bottom>div{display:flex;align-items:center;gap:7px;font-size:.57rem;letter-spacing:.14em;color:#b8cebc;font-weight:800}.tempo-side-bottom i{width:6px;height:6px;border-radius:50%;background:#d8e9a0}.tempo-side-bottom strong{display:block;margin-top:8px;font-family:Georgia,serif;font-size:1.25rem;font-weight:400}.tempo-side-bottom small{display:block;margin-top:5px;color:#b9c9bd;font-size:.67rem}
.tempo-chat{display:flex;flex-direction:column;min-width:0;min-height:0;background:#faf8f2}.tempo-chat-head{display:flex;align-items:center;gap:10px;padding:17px 22px;border-bottom:1px solid #e2e2d9;background:#fffef9}.tempo-avatar,.tempo-small-avatar{display:grid;place-items:center;background:#cfe7a5;color:#1c4934;font-family:Georgia,serif}.tempo-avatar{width:42px;height:42px;border-radius:13px;font-size:1.6rem}.tempo-chat-head h2{font-size:.96rem;letter-spacing:-.03em;margin:0}.tempo-chat-head p{font-size:.66rem;color:#748078;margin:3px 0 0}.tempo-live{margin-left:auto;font-size:.54rem;font-weight:900;letter-spacing:.1em;white-space:nowrap;color:#51825a;background:#e8f3e0;border-radius:20px;padding:8px 10px}.tempo-live i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#72b06e;margin-right:4px;vertical-align:middle}
.tempo-thread{padding:22px;overflow:auto;flex:1;min-height:0;scroll-behavior:smooth}.tempo-date{text-align:center;font-size:.57rem;font-weight:900;letter-spacing:.14em;color:#a0a49e;margin:0 0 22px}.tempo-row{display:flex;align-items:end;gap:8px;margin:0 0 14px}.tempo-row.you{justify-content:flex-end}.tempo-small-avatar{flex:none;width:27px;height:27px;border-radius:9px;font-size:1rem}.tempo-bubble{max-width:80%;padding:12px 15px;font-size:.82rem;line-height:1.45;border-radius:4px 15px 15px 15px;background:#fff;border:1px solid #e5e9df;box-shadow:0 3px 8px #1d30270b}.tempo-row.you .tempo-bubble{background:#dceeb9;border-color:#d2e6a9;border-radius:15px 4px 15px 15px;color:#254634}.tempo-options{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 20px 35px}.tempo-options button{border:1px solid #c8d9c3;border-radius:20px;background:#f5f9ee;color:#29523d;padding:8px 12px;font-size:.72rem;font-weight:750}.tempo-options button:hover,.tempo-options button:focus-visible{background:#dceeb9;border-color:#a7c58d}
.tempo-composer{display:flex;gap:9px;align-items:center;padding:13px 18px 5px;background:#fffef9;border-top:1px solid #e4e4db}.tempo-composer input{flex:1;min-width:0;border:1px solid #d8dfd4;border-radius:10px;background:#fafbf7;padding:12px 13px;font:inherit;font-size:.77rem;color:#24392e}.tempo-composer input:focus{outline:2px solid #a2c77d;outline-offset:1px}.tempo-composer button{flex:none;width:40px;height:40px;border-radius:10px;border:0;background:#2c6444;color:white;font-size:1.15rem}.tempo-truth{text-align:center;background:#fffef9;color:#929b91;padding:6px 15px 12px;font-size:.56rem;line-height:1.3}
.tempo-composer button{display:grid;place-items:center}
.tempo-session{margin:4px 0 16px 35px;background:#fff;border:1px solid #dfe6db;border-radius:13px;overflow:hidden;box-shadow:0 13px 30px #23412d12}.tempo-session-top{display:flex;justify-content:space-between;gap:7px;background:#e9f2d9;color:#50745a;padding:12px 15px;font-size:.56rem;letter-spacing:.1em;font-weight:900}.tempo-session h3{font-family:Georgia,serif;font-weight:400;font-size:1.75rem;line-height:1.05;letter-spacing:-.055em;margin:18px 18px 8px}.tempo-session-intro{margin:0 18px 16px;font-size:.7rem;line-height:1.35;color:#637266}.tempo-steps{margin:0 18px;border-top:1px solid #e4e9e0}.tempo-steps>div{display:grid;grid-template-columns:27px 1fr 42px;gap:7px;padding:10px 0;border-bottom:1px solid #e4e9e0;align-items:start}.tempo-steps span{font-size:.62rem;color:#68a063;font-weight:900}.tempo-steps p{margin:0;font-size:.68rem;line-height:1.37}.tempo-steps b{font-size:.59rem;white-space:nowrap;color:#758b72;text-align:right}.tempo-drill{margin:17px 18px 10px;padding:15px;border-radius:9px;background:#213f32;color:#fff8e7;display:flex;align-items:center;justify-content:space-between;gap:8px}.tempo-drill span{display:block;font-size:.55rem;letter-spacing:.12em;color:#b8cdb4;font-weight:900}.tempo-drill strong{display:block;font-family:Georgia,serif;font-size:1.45rem;font-weight:400;margin:6px 0}.tempo-drill small{display:block;font-size:.62rem;color:#c6d1bf}.tempo-ring{--elapsed:0deg;flex:none;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:conic-gradient(#d7ed9f var(--elapsed),#496857 var(--elapsed))}.tempo-ring:before{content:"";position:absolute;width:54px;height:54px;background:#213f32;border-radius:50%}.tempo-ring span{position:relative;color:#f9f7e9;font-size:1.04rem;font-weight:850;letter-spacing:-.04em}.tempo-controls{display:flex;flex-wrap:wrap;gap:6px;margin:0 18px}.tempo-controls>button,.tempo-bpm{min-height:33px;border-radius:6px;font-size:.64rem;font-weight:800}.tempo-controls>button{border:0;padding:7px 11px;background:#e3efc8;color:#27543b}.tempo-controls>button:first-child{background:#e39161;color:#fff}.tempo-bpm{display:flex;align-items:center;background:#edf0e9;color:#3a5742}.tempo-bpm button{background:none;border:0;color:#386147;font-size:1rem;padding:4px 9px}.tempo-bpm span{font-size:.58rem;white-space:nowrap}.tempo-bpm b{font-size:.7rem}.tempo-session-note{font-size:.59rem;line-height:1.4;color:#8b958a;margin:10px 18px 15px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:760px){.tempo-shell{grid-template-columns:1fr;height:min(660px,calc(100dvh - 66px))}.tempo-side{display:none}.tempo-thread{padding:18px}.tempo-chat-head{padding:13px 17px}}
@media(max-width:430px){.tempo-preview{height:330px}.tempo-live{font-size:.48rem;padding:6px}.tempo-session{margin-left:0}.tempo-bubble{max-width:88%}.tempo-options{margin-left:34px}}
@media(prefers-reduced-motion:reduce){.tempo-thread{scroll-behavior:auto}}
.tempo-ring{position:relative}