.try-body{background:var(--forest);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.try-bar{background:var(--forest);border-bottom:1px solid var(--line-on-forest);flex:none;align-items:center;gap:16px;padding:12px 20px;display:flex}.try-bar-logo{flex:none;display:block}.try-bar-logo img{width:auto;height:26px;display:block}.try-bar-site{align-items:baseline;gap:10px;min-width:0;display:flex}.try-bar-host{color:var(--green-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.try-bar-change{font:inherit;color:var(--muted-on-forest);cursor:pointer;background:0 0;border:none;flex:none;padding:0;font-size:.82rem;text-decoration:underline}.try-bar-change:hover{color:var(--green)}.try-bar-modes{background:var(--forest-2);border:1px solid var(--line-on-forest);border-radius:999px;gap:4px;margin-left:auto;padding:4px;display:flex}.try-mode{font-family:var(--font-display);color:var(--muted-on-forest);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 16px;font-size:.85rem;font-weight:700}.try-mode.is-active{background:var(--green);color:var(--forest)}.try-bar-cta{flex:none;margin-left:auto}.try-bar-modes~.try-bar-cta{margin-left:0}@media (width<=720px){.try-bar{flex-wrap:wrap;gap:10px;padding:10px 14px}.try-bar-cta{display:none}.try-bar-modes{margin-left:auto}}.try-main{flex:1;min-height:0;display:flex}.ask{flex:1;place-items:center;padding:24px;display:grid;overflow-y:auto}.ask[hidden]{display:none}.ask-card{background:var(--cream);border-radius:26px;width:100%;max-width:620px;padding:44px 40px}.ask-card h1{margin-bottom:12px;font-size:clamp(1.8rem,4vw,2.4rem)}.ask-lede{color:var(--ink-soft);margin-bottom:26px}.ask-form{background:var(--paper);border:2px solid var(--line);border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 8px 8px 16px;display:flex}.ask-form:focus-within{border-color:var(--green)}.ask-prefix{color:#9aa192;flex:none}.ask-input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:none;outline:none;flex:180px;padding:10px 0}.ask-form .btn{flex:none;padding:12px 24px}.ask-error{color:#b3261e;margin-top:12px;font-size:.88rem}.ask-note{color:var(--ink-soft);margin-top:16px;font-size:.85rem}.ask-sample{font:inherit;color:var(--forest);cursor:pointer;background:0 0;border:none;padding:0 0 0 4px;font-size:.85rem;text-decoration:underline}.stage{flex:1;min-height:0;padding:14px;display:flex}.stage[hidden]{display:none}.stage-frame{background:var(--paper);border-radius:18px;flex:1;min-height:0;position:relative;overflow:hidden}.stage-iframe{border:none;width:100%;height:100%;display:block}.stage-frame[data-view=page] .stage-iframe,.stage-frame[data-view=page] .stage-loading,.stage-frame[data-view=page] .stage-blocked{visibility:hidden}.stage-loading{background:var(--paper);color:var(--ink-soft);place-content:center;justify-items:center;gap:12px;font-size:.9rem;display:grid;position:absolute;inset:0}.spinner{border:3px solid var(--green-wash);border-top-color:var(--green);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.stage-blocked{background:var(--cream);text-align:center;place-items:center;padding:30px;display:grid;position:absolute;inset:0}.stage-blocked>div{max-width:46ch}.stage-blocked h2{margin-bottom:10px;font-size:1.4rem}.stage-blocked p{color:var(--ink-soft);margin-bottom:20px;font-size:.94rem}.widget{z-index:5;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:22px;right:22px}.pill{background:var(--forest);color:var(--green);font-family:var(--font-display);cursor:pointer;border:none;border-radius:999px;order:2;align-items:center;gap:10px;padding:14px 24px;font-size:.95rem;font-weight:800;transition:transform .15s;display:inline-flex;box-shadow:0 12px 34px #0000004d}.pill:hover{transform:translateY(-2px)}.pill-icon{background:var(--green);width:26px;height:26px;color:var(--forest);border-radius:50%;place-items:center;display:grid}.pill-icon svg{width:15px;height:15px}.widget.is-open .pill-label{display:none}.widget.is-open .pill{padding:14px}.panel{background:var(--cream);border-radius:20px;flex-direction:column;order:1;width:min(370px,100vw - 44px);max-height:min(560px,100dvh - 190px);animation:.22s ease-out panel-in;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000057}@keyframes panel-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.panel{animation:none}}.panel-head{background:var(--forest);color:var(--cream);flex:none;align-items:center;gap:11px;padding:14px 16px;display:flex}.panel-avatar{background:var(--green);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.panel-name{font-family:var(--font-display);font-size:.92rem;font-weight:800}.panel-status{color:var(--green);font-size:.72rem}.panel-close{color:var(--muted-on-forest);cursor:pointer;background:0 0;border:none;place-items:center;margin-left:auto;padding:4px;display:grid}.panel-close svg{width:18px;height:18px}.panel-close:hover{color:var(--green)}.panel-body{flex:1;padding:16px 16px 8px;overflow-y:auto}.panel-body .bubble{max-width:92%}.turn{opacity:0;transition:opacity .28s,transform .28s;transform:translateY(8px)}.turn.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.turn{transition:none}}.bars.live i{background:var(--green);border-radius:2px;width:3px;height:6px;animation:1s ease-in-out infinite bar}.bars.live i:nth-child(2){animation-delay:.12s}.bars.live i:nth-child(3){animation-delay:.24s}.bars.live i:nth-child(4){animation-delay:.36s}.bars.live i:nth-child(5){animation-delay:.48s}@keyframes bar{0%,to{height:5px}50%{height:14px}}@media (prefers-reduced-motion:reduce){.bars.live i{height:10px;animation:none}}.panel-lead{color:#8a8f80;text-align:center;margin:4px 0 8px;font-size:.76rem}.panel-foot{border-top:1px solid var(--line);background:var(--paper);flex:none;align-items:center;gap:10px;padding:11px 16px;display:flex}.panel-mic{background:var(--green);width:32px;height:32px;color:var(--forest);border-radius:50%;flex:none;place-items:center;display:grid}.panel-mic svg{width:16px;height:16px}.panel-input{color:#9aa192;font-size:.85rem}.panel-note{color:#9aa192;text-align:center;background:var(--paper);flex:none;padding:7px 10px 9px;font-size:.7rem}@media (width<=560px){.widget{align-items:stretch;bottom:14px;left:14px;right:14px}.panel{width:100%;max-height:calc(100dvh - 160px)}.pill{align-self:flex-end}}.fullpage{background:var(--cream);place-items:start center;padding:26px 20px;display:grid;position:absolute;inset:0;overflow-y:auto}.fullpage[hidden]{display:none}.fp-bar{border:1px solid var(--line);background:#e9e7dd;border-bottom:none;border-radius:14px 14px 0 0;align-items:center;gap:6px;width:min(460px,100%);padding:9px 14px;display:flex}.fp-bar .dot{background:#c9c6b8;border-radius:50%;flex:none;width:9px;height:9px}.fp-url{color:#6f7566;background:var(--paper);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;margin-left:10px;padding:4px 12px;font-size:.76rem;overflow:hidden}.fp-body{background:var(--forest);width:min(460px,100%);color:var(--cream);text-align:center;border-radius:0 0 18px 18px;padding:34px 26px 30px}.fp-biz{font-family:var(--font-display);font-size:1.35rem;font-weight:800}.fp-tag{color:var(--muted-on-forest);max-width:30ch;margin:8px auto 26px;font-size:.88rem}.fp-orb{background:radial-gradient(circle at 32% 28%, #c6f5a4, var(--green) 46%, #4e9c2d 100%);border-radius:50%;place-items:center;width:128px;height:128px;margin:0 auto 22px;display:grid;box-shadow:0 0 0 12px #95e4691f,0 0 50px #95e46966}.fp-orb span{background:#162d0638;border-radius:50%;width:38px;height:38px}.fp-hint{color:var(--green-soft);margin-bottom:16px;font-size:.82rem}.fp-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.fp-chips span{border:1px solid var(--line-on-forest);color:var(--green-soft);border-radius:999px;padding:8px 15px;font-size:.8rem}.fp-note{color:var(--muted-on-forest);border-top:1px solid var(--line-on-forest);margin-top:24px;padding-top:18px;font-size:.8rem}
