.sp{max-width:var(--saju-shell-width,448px);margin:0 auto;min-height:100dvh;padding:0 var(--saju-gutter,16px) 64px;color:var(--saju-color-ink);background:var(--saju-color-canvas,#f7f6f2);overflow-x:hidden}.sp *{min-width:0}.sp-topbar{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-height:56px;margin:0 calc(var(--saju-gutter, 16px) * -1);padding:0 4px;border-bottom:1px solid var(--saju-color-line);background:var(--saju-color-surface)}.sp-topbar a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--saju-color-ink)}.sp-topbar strong{text-align:center;font-size:17px;font-weight:800;letter-spacing:-.02em}.sp-head{padding:24px 0 14px}.sp-form h1,.sp-head h1{margin:0;font-size:26px;font-weight:800;line-height:1.25;letter-spacing:-.02em;text-wrap:balance}.sp-head p{margin:8px 0 0;color:var(--saju-color-muted);font-size:15px;line-height:1.55}.sp-kinds{margin:0;padding:0;list-style:none;border-radius:20px;background:var(--saju-color-surface);overflow:hidden}.sp-kinds li+li{border-top:1px solid var(--saju-color-line)}.sp-kinds button{display:grid;grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;grid-gap:14px;gap:14px;width:100%;min-height:72px;padding:14px 16px;border:0;background:transparent;color:var(--saju-color-ink);text-align:left;cursor:pointer}.sp-kinds button:active{background:var(--saju-color-surface-soft)}.sp-kinds button>svg:first-child{color:var(--saju-color-accent-ink)}.sp-kinds button>svg:last-child{color:var(--saju-color-muted)}.sp-kinds button span{display:grid;grid-gap:3px;gap:3px}.sp-kinds strong{font-size:17px;font-weight:800;letter-spacing:-.02em}.sp-kinds small{color:var(--saju-color-muted);font-size:14px;line-height:1.4}.sp-history{margin-top:32px}.sp-history h2{margin:0 0 10px;font-size:19px;font-weight:800;letter-spacing:-.02em}.sp-empty{margin:0;padding:22px 16px;border-radius:20px;background:var(--saju-color-surface);color:var(--saju-color-muted);font-size:15px;line-height:1.5}.sp-link{border:0;background:transparent;padding:10px 4px;margin:-10px -4px;color:var(--saju-color-accent-ink);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.sp-list{margin:0;padding:0;list-style:none;border-radius:20px;background:var(--saju-color-surface);overflow:hidden}.sp-list li+li{border-top:1px solid var(--saju-color-line)}.sp-list>li>button{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;grid-gap:12px;gap:12px;width:100%;min-height:64px;padding:12px 16px;border:0;background:transparent;color:var(--saju-color-ink);text-align:left;cursor:pointer}.sp-list>li>button>span{display:grid;grid-gap:2px;gap:2px}.sp-list strong{font-size:16px;font-weight:800;letter-spacing:-.02em}.sp-list small{font-size:13px}.sp-list em,.sp-list small{color:var(--saju-color-muted)}.sp-list em{padding:4px 9px;border-radius:999px;background:var(--saju-color-surface-soft);font-size:12px;font-style:normal;font-weight:700;white-space:nowrap}.sp-list em[data-status=answered]{background:var(--saju-color-accent-soft,#fbf2d2);color:var(--saju-color-accent-ink)}.sp-list>li>button>svg{color:var(--saju-color-muted);transition:transform .16s ease}.sp-list>li[data-open=true]>button>svg{transform:rotate(180deg)}.sp-thread{display:grid;grid-gap:10px;gap:10px;padding:0 16px 16px}.sp-thread p{margin:0;font-size:15px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}.sp-thread-mine{background:var(--saju-color-surface-soft);color:var(--saju-color-text)}.sp-thread-mine,.sp-thread-reply{padding:12px 14px;border-radius:14px}.sp-thread-reply{display:grid;grid-gap:6px;gap:6px;background:var(--saju-color-accent-soft,#fbf2d2)}.sp-thread-reply span{color:var(--saju-color-accent-ink);font-size:12px;font-weight:800}.sp-thread-wait{color:var(--saju-color-muted);font-size:13px}.sp-form{display:grid;grid-gap:12px;gap:12px;padding:16px 0 0}.sp-back{display:inline-flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;min-height:44px;padding:0 6px;margin-left:-6px;border:0;background:transparent;color:var(--saju-color-accent-ink);font:inherit;font-size:15px;font-weight:700;cursor:pointer}.sp-form-hint{margin:-4px 0 0;color:var(--saju-color-muted);font-size:15px}.sp-form-policy{margin:0;padding:12px 14px;border-radius:14px;background:var(--saju-color-surface-soft);color:var(--saju-color-text);font-size:14px;line-height:1.55}.sp-form-policy a{color:var(--saju-color-accent-ink);font-weight:700;text-underline-offset:3px}.sp-field{display:grid;grid-gap:6px;gap:6px}.sp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sp-field textarea{width:100%;padding:14px 16px;border:1px solid var(--saju-color-line-strong,#ddd8cd);border-radius:16px;background:var(--saju-color-surface);color:var(--saju-color-ink);font:inherit;font-size:16px;line-height:1.55;resize:vertical}.sp-field textarea:focus-visible{outline:3px solid var(--saju-color-focus,var(--saju-color-accent-ink));outline-offset:0}.sp-field small{justify-self:end;color:var(--saju-color-muted);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sp-form-note{margin:0;color:var(--saju-color-muted);font-size:13px;line-height:1.5}.sp-notice{margin:0 0 12px;padding:12px 14px;border-radius:14px;background:var(--saju-color-accent-soft,#fbf2d2);color:var(--saju-color-ink);font-size:14px;line-height:1.5}.sp-notice.is-error{background:#fdecec;color:#8a2a2a}.sp-gate{display:grid;grid-gap:10px;gap:10px;padding:20px 16px;border-radius:20px;background:var(--saju-color-surface)}.sp-gate strong{font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1.3}.sp-gate p{margin:0 0 6px;font-size:14px;line-height:1.55;overflow-wrap:anywhere}.sp-gate p,.sp-state{color:var(--saju-color-muted)}.sp-state{display:grid;justify-items:center;grid-gap:8px;gap:8px;padding:40px 0}.sp-state p{margin:0;font-size:14px}.is-spinning{animation:sp-spin .9s linear infinite}@keyframes sp-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.is-spinning{animation:none}}.sp-primary,.sp-secondary{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:54px;border-radius:16px;font:inherit;font-size:17px;font-weight:800;text-decoration:none;cursor:pointer}.sp-primary{border:1px solid var(--saju-color-accent);background:var(--saju-color-accent);color:var(--saju-color-ink)}.sp-primary:disabled{opacity:.55;cursor:not-allowed}.sp-secondary{border:1px solid var(--saju-color-line-strong,#ddd8cd);background:var(--saju-color-surface);color:var(--saju-color-ink)}