.sp-site .ask-open{justify-content:center;align-items:center;gap:var(--space-2);height:var(--spacing-button-lg);padding:0 var(--space-6);border:1px solid var(--color-field-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);font:inherit;cursor:pointer;font-weight:500;display:inline-flex}.sp-site .ask-open:hover{background:var(--color-surface-soft)}.sp-site .ask-sheet{box-sizing:border-box;border-radius:var(--radius-xl);background:var(--color-surface);width:min(480px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--color-ink);box-shadow:var(--shadow-drawer);font-family:var(--font-sans);font-size:inherit;border:none;margin:auto;padding:0;line-height:1.5}.sp-site .ask-sheet::backdrop{background:color-mix(in srgb, var(--color-ink) 40%, transparent)}.sp-site .ask-body,.sp-site .ask-form{gap:var(--space-4);flex-direction:column;display:flex}.sp-site .ask-body{padding:10px var(--space-6) 28px}.sp-site .ask-grip{border-radius:var(--radius-pill);background:var(--color-line);align-self:center;width:40px;height:4px}.sp-site .ask-top{align-items:flex-start;gap:var(--space-3);display:flex}.sp-site .ask-top-end{justify-content:flex-end}.sp-site .ask-heading{gap:var(--space-1);flex-direction:column;flex:auto;display:flex}.sp-site .ask-heading h2,.sp-site .ask-sent h2{font-family:var(--font-display);font-size:var(--text-drawer-title);margin:0;font-weight:500;line-height:1.15}.sp-site .ask-heading p{font-size:var(--text-small);color:var(--color-body);margin:0}.sp-site .ask-close{border-radius:var(--radius-pill);background:var(--color-track);width:44px;height:44px;color:var(--color-ink);cursor:pointer;border:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sp-site .ask-product{align-items:center;gap:var(--space-3);padding:var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-lg);display:flex}.sp-site .ask-product-mark{background:var(--color-product-cornflower-tile);width:48px;height:48px;color:var(--color-product-cornflower);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sp-site .ask-product-text{min-width:0;font-size:var(--text-small);flex-direction:column;display:flex}.sp-site .ask-product-name{font-weight:500}.sp-site .ask-product-detail{color:var(--color-muted)}.sp-site .ask-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.sp-site .ask-question{box-sizing:border-box;resize:vertical;border:var(--field-border-width) solid var(--field-border);border-radius:var(--radius-lg);background:var(--field-background);width:100%;min-height:112px;color:var(--field-foreground);font:inherit;padding:12px 14px;font-weight:400}.sp-site .ask-help{font-size:var(--text-small);color:var(--color-muted);font-weight:400}.sp-site .ask-error{color:var(--color-danger);font-size:var(--text-small);font-weight:400}.sp-site .ask-message{margin:0}.sp-site .ask-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.sp-site .ask-primary{height:var(--spacing-button-lg);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);font:inherit;justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;border:0;font-weight:500;display:inline-flex}.sp-site .ask-primary:disabled{opacity:.6;cursor:progress}.sp-site .ask-sent{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.sp-site .ask-sent p{max-width:320px;color:var(--color-body);margin:0}.sp-site .ask-sent-tick{border-radius:var(--radius-pill);background:var(--color-track);width:56px;height:56px;color:var(--color-slate);justify-content:center;align-items:center;display:inline-flex}.sp-site .ask-bubble{align-self:flex-end;align-items:flex-end;gap:var(--space-1);flex-direction:column;max-width:85%;display:flex}.sp-site .ask-bubble p{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-track);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.sp-site .ask-bubble span{font-size:var(--text-small);color:var(--color-muted)}.sp-site .ask-actions{gap:var(--space-1);flex-direction:column;display:flex}.sp-site .ask-link{height:44px;color:var(--color-slate);justify-content:center;align-items:center;font-weight:500;display:flex}@media (max-width:767px){.sp-site .ask-open{width:100%}.sp-site .ask-sheet{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:100%;margin:auto 0 0}.sp-site .ask-body{padding:10px 16px calc(28px + env(safe-area-inset-bottom,0px))}}.sp-site .ask-page{gap:var(--space-6);flex-direction:column;max-width:720px;margin:0 auto;display:flex}.sp-site .ask-page-head{gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-line);flex-direction:column;display:flex}.sp-site .ask-page-head h1{font-family:var(--font-display);font-size:var(--text-drawer-title);margin:0;font-weight:500;line-height:1.15}.sp-site .ask-page-back{border-radius:var(--radius-pill);height:44px;color:var(--color-slate);align-self:flex-start;align-items:center;gap:6px;margin-left:-8px;padding:0 14px 0 8px;font-weight:500;text-decoration:none;display:inline-flex}.sp-site .ask-page-product{align-self:flex-start;align-items:center;gap:var(--space-3);padding:6px var(--space-4) 6px 6px;border:1px solid var(--color-line);border-radius:var(--radius-pill);color:inherit;text-decoration:none;display:flex}.sp-site .ask-page-product .ask-product-mark{border-radius:var(--radius-pill);width:40px;height:40px}.sp-site .ask-thread,.sp-site .ask-day{flex-direction:column;gap:14px;display:flex}.sp-site .ask-thread{gap:var(--space-6)}.sp-site .ask-day-label{font-size:var(--text-small);color:var(--color-muted);align-self:center}.sp-site .ask-msg{align-self:flex-start;gap:var(--space-1);flex-direction:column;max-width:82%;display:flex}.sp-site .ask-msg p{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-sunken);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.sp-site .ask-msg-mine{align-self:flex-end;align-items:flex-end}.sp-site .ask-msg-mine p{background:var(--color-track)}.sp-site .ask-msg>span{font-size:var(--text-small);color:var(--color-muted)}.sp-site .ask-page-reply{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-line);flex-direction:column;display:flex}
