.hob{--hob-col: 720px;position:fixed;inset:0 0 auto;height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--hy-canvas);overflow:hidden;overflow:clip}.hob-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hob-col{width:100%;max-width:calc(var(--hob-col) + 48px);margin-inline:auto;padding-inline:24px}.hob-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:64px;padding-inline:24px;border-bottom:1px solid var(--hy-cream-2)}.hob-logo svg{width:96px;height:23px}.hob-progress{display:flex;flex-direction:column;align-items:center;gap:6px}.hob-progress-text{font-family:var(--hy-mono);font-size:11px;letter-spacing:.02em;text-transform:uppercase;color:var(--hy-subtle);white-space:nowrap}.hob-progress-bar{width:120px;height:3px;border-radius:999px;background:var(--hy-cream-2);overflow:hidden}.hob-progress-bar span{display:block;height:100%;width:0;background:var(--hy-lime-hover);border-radius:inherit}.hob-progress.is-live .hob-progress-bar span{transition:width .5s ease}.hob-top-right{display:flex;align-items:center;justify-content:flex-end;gap:4px}.hob-back,.hob-restart{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 12px;border:0;border-radius:999px;background:transparent;font:inherit;font-size:14px;color:var(--hy-muted);cursor:pointer;transition:background-color .2s ease,color .2s ease}.hob-back:hover,.hob-restart:hover{background:var(--hy-cream-2);color:var(--hy-ink)}.hob-back svg,.hob-restart svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hob-restart svg{width:14px;height:14px}.hob-restart[hidden]{display:none}.hob-scroll{position:relative;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.hob-intro{padding:56px 0 8px}.hob-title{margin-top:12px;font-size:clamp(32px,4.2vw,48px);font-weight:300;line-height:1.05;letter-spacing:-.04em}.hob-sub{margin-top:12px;font-size:16px;color:var(--hy-muted)}.hob-log{display:flex;flex-direction:column;gap:24px;padding:32px 0 40px}.hob-msg{display:flex;gap:14px;animation:hob-in .28s ease both}@keyframes hob-in{0%{opacity:0;transform:translateY(6px)}}.hob-msg.is-static{animation:none}.hob-avatar.hy-rmark{width:28px;height:28px;border-radius:999px;background:var(--hy-lime);color:var(--hy-on-lime);margin-top:1px}.hob-avatar.hy-rmark svg{width:13px;height:14px}.hob-bot-body{min-width:0;padding-top:3px}.hob-bot-text{display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:1.55;letter-spacing:-.012em;color:var(--hy-ink-2)}.hob-bot-text p{overflow-wrap:anywhere}.hob-msg.is-streaming .hob-bot-text p:not(:empty):last-of-type:after,.hob-msg.is-streaming .hob-bot-text p:not(:empty):has(+p:empty):after{content:"";display:inline-block;width:9px;height:9px;margin-left:4px;border-radius:999px;background:var(--hy-lime-hover);vertical-align:1px;animation:hob-pulse .9s ease-in-out infinite}@keyframes hob-pulse{50%{transform:scale(.6);opacity:.55}}.hob-dots{display:inline-flex;align-items:center;gap:5px;height:28px}.hob-dots i{width:7px;height:7px;border-radius:999px;background:var(--hy-subtle);opacity:.35;animation:hob-dot 1.1s ease-in-out infinite}.hob-dots i:nth-child(2){animation-delay:.15s}.hob-dots i:nth-child(3){animation-delay:.3s}@keyframes hob-dot{30%{opacity:1;transform:translateY(-3px)}}.hob-msg.is-user{justify-content:flex-end}.hob-bubble{max-width:min(78%,520px);padding:11px 18px;border-radius:22px;background:var(--hy-cream);font-size:16px;line-height:1.45;overflow-wrap:anywhere}.hob-msg.is-card{padding-left:42px}.hob-card{width:100%;max-width:520px;padding:8px;border-radius:20px;background:var(--hy-cream)}.hob-card-title{padding:12px 14px 8px;font-family:var(--hy-mono);font-size:11px;letter-spacing:.02em;text-transform:uppercase;color:var(--hy-subtle)}.hob-rows{display:flex;flex-direction:column;gap:2px}.hob-row{display:grid;grid-template-columns:minmax(96px,34%) minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 14px;border:0;border-radius:12px;background:transparent;font:inherit;text-align:left;color:var(--hy-ink);cursor:pointer;transition:background-color .18s ease}.hob-row:hover:not(:disabled){background:var(--hy-canvas)}.hob-row:focus-visible{outline:2px solid var(--hy-link);outline-offset:-2px}.hob-row:disabled{cursor:default}.hob-row-label{font-size:13px;color:var(--hy-muted)}.hob-row-value{font-size:15px;overflow-wrap:anywhere}.hob-row-icon{width:16px;height:16px;fill:none;stroke:var(--hy-subtle);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .18s ease}.hob-row:hover:not(:disabled) .hob-row-icon,.hob-row:focus-visible .hob-row-icon{opacity:1}.hob-row:disabled .hob-row-icon{display:none}@media(hover:none){.hob-row:not(:disabled) .hob-row-icon{opacity:1}}.hob-card-foot{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:16px 8px 10px}.hob-cta.hy-btn{height:58px;font-size:17px;width:100%}.hob-cta.is-busy{cursor:progress;opacity:.85}.hob-card-note{font-family:var(--hy-mono);font-size:11px;letter-spacing:.02em;text-transform:uppercase;color:var(--hy-subtle);text-align:center}.hob-spinner{width:16px;height:16px;border-radius:999px;border:2px solid currentColor;border-right-color:transparent;animation:hob-spin .7s linear infinite}@keyframes hob-spin{to{transform:rotate(360deg)}}.hob-card.is-done{display:flex;flex-direction:column;align-items:center;gap:10px;padding:36px 24px 24px;text-align:center}.hob-done-check{display:grid;place-items:center;width:48px;height:48px;border-radius:999px;background:var(--hy-lime);color:var(--hy-on-lime)}.hob-done-check svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.hob-done-title{margin:6px 0 0;font-size:28px;font-weight:300;letter-spacing:-.035em;outline:none}.hob-done-body{margin:0 0 8px;color:var(--hy-muted);max-width:36ch}.hob-dock{padding:8px 0 max(12px,env(safe-area-inset-bottom));background:linear-gradient(to bottom,rgba(255,255,255,0),var(--hy-canvas) 22px)}.hob-dock[hidden]{display:none}.hob-chips{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:12px;max-height:32vh;overflow-y:auto}.hob-chips[hidden]{display:none}.hob-chip{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border:1px solid var(--hy-line);border-radius:999px;background:var(--hy-canvas);font:inherit;font-size:14px;color:var(--hy-ink);cursor:pointer;transition:background-color .18s ease,border-color .18s ease}.hob-chip:hover:not(:disabled){background:var(--hy-cream);border-color:var(--hy-cream)}.hob-chip:focus-visible{outline:2px solid var(--hy-link);outline-offset:2px}.hob-chip.is-toggle:before{content:"";width:14px;height:14px;margin-left:-4px;border:1.5px solid var(--hy-line);border-radius:4px;background:var(--hy-canvas) center / 10px no-repeat}.hob-chip[aria-pressed=true]{background:var(--hy-cream);border-color:var(--hy-ink)}.hob-chip[aria-pressed=true]:before{border-color:var(--hy-on-lime);background-color:var(--hy-lime);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23020617' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}.hob-chip.is-next{background:var(--hy-ink);border-color:var(--hy-ink);color:var(--hy-canvas)}.hob-chip.is-next:hover:not(:disabled){background:var(--hy-ink-2);border-color:var(--hy-ink-2)}.hob-chip:disabled{opacity:.35;cursor:default}.hob-composer{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 22px;border:1px solid var(--hy-line);border-radius:999px;background:var(--hy-canvas);box-shadow:0 1px 2px #0000000a,0 8px 24px -12px #0000001f;transition:border-color .2s ease,box-shadow .2s ease}.hob-composer:focus-within{border-color:#c9c3bf;box-shadow:0 1px 2px #0000000a,0 10px 28px -12px #0000002e}.hob-input{flex:1;min-width:0;height:44px;border:0;background:transparent;font:inherit;font-size:16px;letter-spacing:-.012em;color:var(--hy-ink);outline:none}.hob-input::placeholder{color:var(--hy-subtle)}.hob-send{display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:999px;background:var(--hy-lime);color:var(--hy-on-lime);cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.hob-send:hover:not(:disabled){background:var(--hy-lime-hover)}.hob-send:disabled{opacity:.45;cursor:default}.hob-send:focus-visible{outline:2px solid var(--hy-link);outline-offset:2px}.hob-send svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.hob-note{margin-top:10px;font-size:12px;color:var(--hy-subtle);text-align:center}@media(max-width:640px){.hob-col{padding-inline:16px}.hob-top{height:56px;padding-inline:16px;gap:8px;grid-template-columns:auto 1fr auto}.hob-logo svg{width:84px;height:20px}.hob-progress-bar{width:72px}.hob-back,.hob-restart{padding:0 8px}.hob-restart{font-size:13px}.hob-intro{padding-top:32px}.hob-log{gap:20px;padding-top:24px}.hob-msg{gap:10px}.hob-msg.is-card{padding-left:0}.hob-bubble{max-width:85%}.hob-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label icon" "value icon";gap:2px 12px}.hob-row-label{grid-area:label;font-size:12px}.hob-row-value{grid-area:value}.hob-row-icon{grid-area:icon}.hob-chip{height:36px;padding:0 14px}.hob-note{display:none}}@media(max-width:400px){.hob-restart span{display:none}.hob-restart svg{width:16px;height:16px}}@media(prefers-reduced-motion:reduce){.hob-msg,.hob-dots i,.hob-spinner{animation:none}.hob-progress-bar span{transition:none}}.hob-chip.is-google{padding-left:12px;font-weight:500}.hob-google{width:18px;height:18px;flex:none}
