.sp{position:relative;width:min(470px,100%);margin:0 auto;padding-bottom:8px}.sp .sp-phone{--h: clamp(440px, calc(100svh - 168px) , 600px);height:var(--h);width:min(calc(var(--h) * 390 / 800),78vw);min-width:0}.sp .sp-screen{width:100%;min-width:0}.sp .sp-compose,.sp .sp-input{min-width:0}.sp .sp-input{display:flex;justify-content:flex-end;align-items:center;overflow:hidden}.sp .sp-typed{flex:none;white-space:nowrap}.sp .sp-ph{flex:1}.sp .sp-screen{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#fbfcfa;border:1px solid var(--border);border-radius:36px;box-shadow:0 30px 60px -20px #00252947,0 0 0 7px #fff,0 0 0 8px var(--border);padding:22px 12px 12px}.sp .sp-screen:before{content:"";position:absolute;top:9px;left:50%;transform:translate(-50%);width:80px;height:5px;border-radius:3px;background:var(--border)}.sp .sp-top{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 0}.sp .sp-brand{display:inline-flex;align-items:center;gap:6px;font:600 13px var(--font-display);color:var(--ink)}.sp .sp-logo{width:16px;height:16px;border-radius:5px;background:linear-gradient(135deg,#1f5f6b,#2ba4b2)}.sp .sp-prep{font-size:9.5px;color:var(--ink-muted)}.sp .sp-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:10px 4px 6px}.sp .sp-rail span{display:grid;gap:4px}.sp .sp-rail i{height:3px;border-radius:2px;background:var(--border);transition:background .4s ease}.sp .sp-rail em{font-style:normal;font-size:8.5px;font-weight:600;color:#9aa9ac;text-align:center;transition:color .4s ease}.sp .sp-rail .done i{background:var(--action)}.sp .sp-rail .cur i{background:linear-gradient(90deg,var(--action) 50%,var(--border) 50%)}.sp .sp-rail .done em,.sp .sp-rail .cur em{color:var(--action)}.sp .sp-thread{flex:1;overflow:hidden;position:relative;mask-image:linear-gradient(transparent 0,#000 18px);-webkit-mask-image:linear-gradient(transparent 0,#000 18px)}.sp .sp-list{display:flex;flex-direction:column;justify-content:flex-end;gap:7px;min-height:100%;padding:16px 2px 8px}.sp .m{max-width:86%;font-size:12.5px;line-height:1.4;padding:8px 11px;border-radius:14px;animation:sp-m-in .35s cubic-bezier(.2,.7,.2,1) both}.sp .m.bot{align-self:flex-start;background:#fff;border:1px solid var(--border);color:var(--ink);border-bottom-left-radius:4px}.sp .m.me{align-self:flex-end;background:#1f5f6b;color:#fff;border-bottom-right-radius:4px}.sp .m.card{align-self:stretch;max-width:100%;background:#fff;border:1px solid var(--border);padding:10px;border-radius:12px}.sp .m.card:before{display:none}.sp .m.card:hover{transform:none;box-shadow:none}.sp .m.typing{display:inline-flex;gap:3px;padding:11px 12px}.sp .m.typing i{width:5px;height:5px;border-radius:50%;background:#9aa9ac;animation:sp-dot 1s infinite}.sp .m.typing i:nth-child(2){animation-delay:.15s}.sp .m.typing i:nth-child(3){animation-delay:.3s}@keyframes sp-dot{0%,60%,to{transform:none;opacity:.5}30%{transform:translateY(-3px);opacity:1}}@keyframes sp-m-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.sp .chips{align-self:flex-end;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;animation:sp-m-in .35s ease both}.sp .chip{font-size:11.5px;font-weight:600;padding:6px 11px;border-radius:999px;border:1px solid #1F5F6B;color:#1f5f6b;background:#fff;transition:background .2s,color .2s}.sp .chip.hit{background:#1f5f6b;color:#fff}.sp .k-title{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 6px}.sp .kv{display:flex;justify-content:space-between;font-size:12px;padding:5px 0;border-bottom:1px solid #EEF1EF;color:var(--ink-muted)}.sp .kv b{color:var(--ink);font-variant-numeric:tabular-nums}.sp .k-actions{display:flex;gap:6px;margin-top:8px}.sp .kb{flex:1;text-align:center;font-size:11.5px;font-weight:600;padding:7px;border-radius:8px;border:1px solid var(--border);color:var(--ink);background:#fff;transition:background .2s,color .2s,transform .15s}.sp .kb.pri{background:#1f5f6b;border-color:#1f5f6b;color:#fff}.sp .kb.hit{transform:scale(.95)}.sp .interp{background:var(--action-tint);border-color:#cfe6da}.sp .interp .k-title{color:var(--action)}.sp .interp b{display:block;font-size:12.5px;color:var(--ink)}.sp .goal{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink);padding:5px 0}.sp .goal .gn{width:18px;height:18px;border-radius:50%;background:var(--action-tint);color:var(--action);font-size:10.5px;font-weight:700;display:grid;place-items:center;flex:none}.sp .opts{display:grid;gap:6px}.sp .o{display:flex;justify-content:space-between;align-items:center;padding:8px 9px;border:1px solid var(--border);border-radius:9px;transition:border-color .3s,background .3s,box-shadow .3s}.sp .o b{display:block;font-size:12px;color:var(--ink)}.sp .o small{display:block;font-size:10.5px;color:var(--ink-muted)}.sp .o-r{text-align:right}.sp .o-r b{font-variant-numeric:tabular-nums}.sp .o .up{color:var(--ink-muted);font-weight:600}.sp .o .up.over{color:#b4235a}.sp .o.sel{border-color:#1f5f6b;background:#f1f7f8;box-shadow:0 0 0 2px #1f5f6b1f}.sp .o-note{font-size:9.5px;color:var(--ink-muted);margin:2px 0 0}.sp .tog{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--ink);padding:6px 0;border-bottom:1px solid #EEF1EF}.sp .tog i{position:relative;width:28px;height:16px;border-radius:999px;background:var(--border);transition:background .25s;flex:none}.sp .tog i:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .25s}.sp .tog.on i{background:var(--action)}.sp .tog.on i:after{transform:translate(12px)}.sp .done-msg{display:flex;align-items:center;gap:6px}.sp .done-msg:before{content:"";width:16px;height:16px;flex:none;border-radius:50%;background:var(--action) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / 9px no-repeat}.sp .sp-compose{display:flex;gap:6px;align-items:center;margin-top:6px;padding:5px 5px 5px 12px;border:1px solid var(--border);border-radius:999px;background:#fff}.sp .sp-input{flex:1;font-size:12px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:16px}.sp .sp-ph{color:#9aa9ac}.sp .sp-typed:not(:empty)+.sp-ph{display:none}.sp .sp-typed:not(:empty):after{content:"";display:inline-block;width:1px;height:12px;margin-left:1px;background:var(--ink);vertical-align:-2px;animation:sp-caret .8s steps(1) infinite}@keyframes sp-caret{50%{opacity:0}}.sp .sp-send{width:26px;height:26px;border-radius:50%;background:#1f5f6b;display:grid;place-items:center;flex:none;transition:transform .15s}.sp .sp-send.hit{transform:scale(.88)}.sp .sp-tap{position:absolute;left:0;top:0;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:#0025292e;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 8px #00252940;opacity:0;pointer-events:none;transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .25s;z-index:5}.sp .sp-tap.show{opacity:1}.sp .sp-tap.press{animation:sp-press .35s ease}@keyframes sp-press{50%{scale:.7;background:#00252952}}.sp .sp-brief{position:absolute;right:0;top:34%;width:206px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 40px -16px #00252940;padding:12px}.sp .sb-head{display:flex;gap:8px;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--border)}.sp .sb-head b{display:block;font-size:12.5px;color:var(--ink)}.sp .sb-status{display:block;font-size:10.5px;color:var(--ink-muted)}.sp .sb-status.ready{color:var(--action);font-weight:600}.sp .sb-ic{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--action-tint);color:var(--action);flex:none}.sp .sb-list{list-style:none;margin:0;padding:0}.sp .sb-list li{font-size:11.5px;color:var(--ink);padding:7px 0 6px;border-bottom:1px dashed #E3E8E5;line-height:1.35;animation:sp-sb-in .45s cubic-bezier(.2,.7,.2,1) both}.sp .sb-list li:last-child{border-bottom:0}.sp .sb-list em{display:block;font-style:normal;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--action)}.sp .sb-list li.q em{color:#b26a00}@keyframes sp-sb-in{0%{opacity:0;transform:translate(-10px);background:var(--action-tint)}}.sp .sp-pause{position:absolute;left:0;bottom:0;width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer}.sp .sp-pause:focus-visible{outline:3px solid var(--action);outline-offset:2px}.sp .sp-pause .i-play,.sp .sp-pause[aria-pressed=true] .i-pause{display:none}.sp .sp-pause[aria-pressed=true] .i-play{display:block}@media (max-width: 520px){.sp{display:grid;justify-items:center;gap:16px}.sp .sp-brief{position:static;width:min(290px,78vw)}.sp .sp-pause{inset:8px 8px auto auto}}@media (prefers-reduced-motion: reduce){.sp .m,.sp .chips,.sp .sb-list li{animation:none}}