/* A quiet sidebar hello; all movement follows a deliberate interaction. */
.siffer-presence-slot { order:2; margin:18px 0 14px; flex-shrink:0; }
.siffer-presence-slot[hidden] { display:none; }
.siffer-presence-launch { display:flex; align-items:center; gap:3px; width:100%; padding:12px 9px 12px 0; border:1px solid var(--line); border-radius:16px; background:var(--bg2); color:var(--ink); text-align:left; cursor:pointer; }
.siffer-presence-launch>.infi-avatar { width:76px; height:76px; flex-shrink:0; }
.siffer-presence-launch>span { min-width:0; }
.siffer-presence-launch strong { display:block; font:600 17px/1.25 var(--font-display); letter-spacing:-.025em; }
.siffer-presence-launch small { display:block; font-size:11px; line-height:1.6; color:var(--ink2); margin-top:5px; }
.siffer-presence-label { display:block; font-size:8px; letter-spacing:.045em; line-height:1.6; margin-top:8px; color:var(--muted); }
.siffer-presence-launch:hover { border-color:var(--green); }
.siffer-presence-launch:focus-visible,.siffer-hello :is(button,a):focus-visible { outline:3px solid #4d80b4; outline-offset:3px; }
.siffer-hello { box-sizing:border-box; width:min(420px,calc(100% - 32px)); max-height:calc(100dvh - 32px); margin:auto 24px 24px auto; padding:24px 28px; overflow:auto; overscroll-behavior:contain; border:1px solid var(--line2); border-radius:24px; box-shadow:0 18px 70px #172d2530; background:var(--surface); color:var(--ink); font:14px/1.65 var(--font-body); }
.siffer-hello::backdrop { background:#172d2533; }
.siffer-hello-top { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:9px; font-weight:600; letter-spacing:.1em; color:var(--muted); }
.siffer-hello-top button { width:40px; height:40px; border:0; border-radius:50%; background:var(--bg2); color:var(--ink); font-size:26px; cursor:pointer; }
.siffer-hello-stage { display:flex; align-items:center; justify-content:center; gap:8px; margin:2px 0 8px; background:var(--bg2); border-radius:18px; min-height:145px; }
.siffer-hello-stage button { width:144px; height:144px; border:0; background:none; cursor:pointer; padding:0; flex-shrink:0; border-radius:16px; }
.siffer-hello-stage .infi-avatar { width:100%; height:100%; }
.siffer-stage-note { font:500 18px/1.45 var(--font-display); letter-spacing:-.03em; color:var(--ink2); }
.siffer-hello h2 { font-size:30px; margin:22px 0 10px; line-height:1.2; }
.siffer-hello h2:focus { outline:none; }
.siffer-hello p { margin:0 0 14px; }
.siffer-hello .siffer-hello-status { font-size:12px; line-height:1.7; color:var(--muted); }
.siffer-hello-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:20px; }
.siffer-hello-actions button,.siffer-hello-tour { display:flex; justify-content:space-between; align-items:center; gap:8px; min-height:46px; border:1px solid var(--line2); border-radius:11px; padding:11px 13px; font:600 12px/1.5 var(--font-body); background:var(--surface); color:var(--ink); cursor:pointer; text-align:left; }
.siffer-hello-actions button:hover { background:var(--bg2); }
.siffer-hello .siffer-hello-reply { margin:16px 0 20px; font-size:13px; color:var(--ink2); min-height:43px; }
.siffer-hello-tour { width:100%; background:var(--grad); color:#fff; border-color:transparent; font-size:13px; }
.siffer-hello-tour:hover { filter:brightness(1.08); }
.siffer-hello-footer { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; margin-top:18px; font-size:11px; }
.siffer-hello-footer a { color:var(--muted); text-underline-offset:3px; }
.siffer-hello-footer button { background:none; border:0; color:var(--muted); padding:8px 0; font:inherit; cursor:pointer; }
.siffer-hello-footer button:disabled { cursor:default; }
.siffer-hello-example { background:var(--bg2); border-radius:12px; padding:16px; margin-top:16px; }
.siffer-hello-example[hidden] { display:none; }
.siffer-dot-groups { display:flex; align-items:center; justify-content:center; gap:17px; }
.siffer-dot-group { display:grid; grid-template-columns:repeat(3,11px); gap:5px; min-height:27px; align-content:center; }
.siffer-dot-group i { width:11px; height:11px; background:var(--green-deep); border-radius:50%; }
.siffer-dot-group:last-child i { background:var(--orange-deep); }
.siffer-hello .siffer-equation { text-align:center; margin:10px 0 0; font:600 23px/1.3 var(--font-display); }
.siffer-is-thinking .infi-calculator-keys { animation:siffer-key-glow .85s ease-in-out; }
@keyframes siffer-key-glow { 50% { opacity:.45; } }
@media(max-width:600px) { .siffer-hello { margin:auto; padding:20px; width:calc(100% - 24px); max-height:calc(100dvh - 24px); }.siffer-hello-stage button { width:120px; height:120px; }.siffer-hello-stage { min-height:125px; }.siffer-stage-note { font-size:17px; }.siffer-hello h2 { font-size:28px; }.siffer-hello-actions { grid-template-columns:1fr; } }