.start-session{--start-bg:var(--panel,#121216);--start-line:var(--rule-3,#ffffff2e);--start-fg:var(--foreground,#f4f2f8);--start-muted:var(--muted,#a9a3b4);width:min(640px,100%)}.start-session-form{border:1px solid var(--start-line);background:color-mix(in srgb, var(--start-bg) 62%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);border-radius:20px;align-items:center;gap:10px;height:64px;padding:8px 8px 8px 24px;transition:border-color .2s,background .2s;display:flex;position:relative}.start-session-form:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--start-fg) 42%, transparent), transparent 55%);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.start-session-form:focus-within{border-color:color-mix(in srgb, var(--start-fg) 40%, transparent);background:color-mix(in srgb, var(--start-bg) 78%, transparent)}.start-session-form input{min-width:0;height:46px;color:var(--start-fg);letter-spacing:-.005em;background:0 0;border:0;outline:none;flex:1;font-size:17px}.start-session-form input::placeholder{color:var(--start-muted);opacity:1}.start-session-form input:focus-visible{outline:none}.start-session .start-session-form button{background:var(--start-fg);width:48px;height:48px;color:var(--start-bg);cursor:pointer;border:0;border-radius:14px;flex-shrink:0;place-items:center;padding:0;transition:transform .15s,opacity .15s;display:grid}.start-session .start-session-form button:hover{transform:translateY(-1px)}.start-session .start-session-form button:active{opacity:.85;transform:translateY(0)}.start-session .start-session-form button:focus-visible{outline:2px solid var(--start-fg);outline-offset:3px}.start-session-examples{color:var(--start-muted);flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 0;font-size:13px;display:flex}.start-session-examples span{margin-right:4px}.start-session-examples a{border:1px solid color-mix(in srgb, var(--start-fg) 16%, transparent);background:color-mix(in srgb, var(--start-bg) 40%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--start-fg);border-radius:999px;padding:6px 13px;text-decoration:none;transition:border-color .15s,background .15s}.start-session-examples a:hover{border-color:color-mix(in srgb, var(--start-fg) 38%, transparent);background:color-mix(in srgb, var(--start-bg) 65%, transparent)}@media (max-width:480px){.start-session-form{border-radius:18px;height:58px;padding-left:18px}.start-session-form input{font-size:16px}.start-session .start-session-form button{border-radius:12px;width:42px;height:42px}}@media (prefers-reduced-motion:reduce){.start-session-form,.start-session-form button,.start-session-examples a{transition:none}}
