html,body{height:100%}body{margin:0;overflow:hidden}.sp-app{height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--surface-page);overflow:hidden}.zf-nav{flex:none;background:var(--bar-translucent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-soft)}.zf-nav-row{max-width:var(--container);margin:0 auto;padding:0 32px;height:76px;display:flex;align-items:center;justify-content:space-between}.zf-logo{display:block}.zf-nav .zf-logo img{height:54px;width:auto;display:block}.zf-nav-links{display:flex;align-items:center;gap:26px}.zf-nav-links>a:not(.zf-btn){font-family:var(--font-sans);font-size:14px;color:var(--ink-700);letter-spacing:.03em;text-decoration:none}.zf-nav-links>a:not(.zf-btn):hover{color:var(--accent-press)}.zf-burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;color:var(--ink-700);cursor:pointer}.zf-burger i{font-size:24px;line-height:1}.zf-drawer{display:none;border-top:1px solid var(--border-soft);background:var(--surface-page);padding:8px 20px 18px}.zf-drawer>a:not(.zf-btn){font-family:var(--font-serif);font-size:17px;color:var(--ink-900);padding:12px 4px;border-bottom:1px solid var(--border-soft);text-decoration:none}.zf-account,.zf-account .nav-acct{display:flex;align-items:center}.zf-account a{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:14px;color:var(--ink-700);letter-spacing:.03em;text-decoration:none}.zf-account a:hover{color:var(--accent-press)}.zf-account-m{margin-top:8px;padding-top:10px;border-top:1px solid var(--border-soft)}.zf-account-m a{display:block;font-family:var(--font-serif);font-size:16px;color:var(--ink-900);padding:10px 4px;text-decoration:none}@media(max-width:980px){.zf-nav-row{padding:0 20px;height:64px}.zf-nav .zf-logo img{height:42px}.zf-nav-links{display:none}.zf-burger{display:flex}.zf-drawer:not([hidden]){display:flex;flex-direction:column;gap:2px}}.sp-tabs{flex:none;display:flex;border-bottom:1px solid var(--border-soft);background:var(--surface-page)}.sp-tab{all:unset;cursor:pointer;flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 8px;font-family:var(--font-serif);font-size:15.5px;font-weight:400;color:var(--ink-500);border-bottom:2px solid transparent;transition:all var(--dur-fast) var(--ease-soft)}.sp-tab.on{font-weight:500;color:var(--rose-600);border-bottom-color:var(--rose-400)}.sp-wrap{flex:1;min-height:0;display:flex;flex-direction:column;max-width:680px;width:100%;margin:0 auto;box-sizing:border-box;padding:14px 24px 0;position:relative;overflow:hidden}@media(max-width:760px){.sp-wrap{padding:10px 14px 0}}.sp-prof{flex:none;background:linear-gradient(168deg,var(--surface-tint),var(--paper) 78%);border:1px solid var(--rose-100);border-radius:var(--radius-xl);padding:14px 18px;margin-bottom:10px}.sp-prof-row{display:flex;gap:12px;align-items:center}.sp-prof-av{flex:none;width:50px;height:50px;border-radius:999px;background:var(--rose-100);color:var(--rose-600);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:22px;font-weight:500;box-shadow:0 0 0 3px var(--surface-page),0 0 0 4.5px var(--rose-300)}.sp-prof-name{font-family:var(--font-serif);font-size:18px;font-weight:500;color:var(--ink-900)}.sp-prof-tag{font-family:var(--font-sans);font-size:11px;color:var(--text-muted)}.sp-prof-sub{font-family:var(--font-sans);font-size:10.5px;color:var(--text-muted);margin-top:3px}.sp-prof-toggle{all:unset;cursor:pointer;display:flex;align-items:center;gap:4px;font-family:var(--font-sans);font-size:12px;color:var(--rose-600);flex:none;padding:4px 10px;background:var(--rose-50);border:1px solid var(--rose-100);border-radius:var(--radius-pill)}.sp-prof-body{margin-top:12px;max-height:42vh;overflow:auto;-webkit-overflow-scrolling:touch}.sp-fact{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-family:var(--font-serif);font-size:13.5px;line-height:1.7}.sp-fact dt{color:var(--text-muted);white-space:nowrap}.sp-fact dd{margin:0;color:var(--ink-900)}.sp-target{flex:none;margin-bottom:10px;padding:14px 16px;background:var(--surface-sunken);border:1px solid var(--border-soft);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:12px}.sp-target.locked{background:var(--surface-tint);border-color:var(--rose-100);flex-direction:row;align-items:center;gap:10px;padding:10px 14px}.sp-target .f-label{display:block;margin-bottom:6px;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--ink-700)}.sp-target input{width:100%;box-sizing:border-box;padding:11px 14px;font-family:var(--font-serif);font-size:16px;color:var(--ink-900);background:var(--surface-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);outline:none}.sp-target input:focus{border-color:var(--rose-300);box-shadow:0 0 0 4px var(--focus-ring)}.sp-count{flex:none;display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:8px}.sp-count .muted{font-family:var(--font-sans);font-size:12.5px;color:var(--text-muted)}.sp-count .num{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--rose-600)}.sp-count .num.zero{color:var(--ink-400)}.sp-count .unl{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-sans);font-size:12px;font-weight:500;color:var(--sage-500);background:var(--tint-sage-hi);border-radius:var(--radius-pill);padding:3px 10px}.sp-count .unlock{all:unset;cursor:pointer;font-family:var(--font-sans);font-size:12px;color:var(--accent-press);border-bottom:1px solid var(--rose-200);padding-bottom:1px}.sp-msgs{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0 16px}.sp-bubble{display:flex;align-items:flex-end;gap:8px;margin-bottom:14px}.sp-bubble.user{justify-content:flex-end}.sp-av{flex:none;width:32px;height:32px;border-radius:999px;background:var(--rose-200);border:2px solid var(--rose-300);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:13px;font-weight:500;color:var(--rose-600)}.sp-bubble-in{max-width:calc(100% - 52px)}.sp-bubble-txt{padding:12px 16px;border-radius:18px 18px 18px 6px;background:var(--surface-card);border:1px solid var(--border-soft);box-shadow:var(--shadow-sm);font-family:var(--font-serif);font-size:16px;font-weight:300;line-height:1.75;color:var(--ink-900);margin:0;white-space:pre-line;word-break:normal;text-wrap:wrap}.sp-bubble.user .sp-bubble-txt{border-radius:18px 18px 6px;background:var(--accent);border:none;color:var(--text-on-accent);font-weight:400}.sp-time{font-family:var(--font-sans);font-size:11px;color:var(--text-muted);margin-top:4px}.sp-bubble.user .sp-time{text-align:right}.sp-typing{display:flex;align-items:flex-end;gap:8px;margin-bottom:14px}.sp-typing .dots{padding:12px 16px;border-radius:18px 18px 18px 6px;background:var(--surface-card);border:1px solid var(--border-soft);display:flex;gap:5px}.sp-typing .dots span{width:7px;height:7px;border-radius:999px;background:var(--rose-300);animation:spBlink 1.2s ease-in-out infinite}.sp-typing .dots span:nth-child(2){animation-delay:.2s}.sp-typing .dots span:nth-child(3){animation-delay:.4s}@keyframes spBlink{0%,to{opacity:.3}50%{opacity:1}}.sp-input{flex:none;border-top:1px solid var(--border-soft);padding:10px 0 18px;display:flex;gap:10px;align-items:flex-end;background:var(--surface-page)}.sp-input textarea{flex:1;padding:12px 16px;font-family:var(--font-serif);font-size:16px;line-height:1.6;color:var(--ink-900);background:var(--surface-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);outline:none;resize:none;max-height:120px}.sp-input textarea:focus{border-color:var(--rose-300);box-shadow:0 0 0 4px var(--focus-ring)}.sp-input textarea:disabled{opacity:.5}.sp-send{all:unset;cursor:pointer;width:46px;height:46px;border-radius:var(--radius-md);background:var(--accent);display:flex;align-items:center;justify-content:center;flex:none;transition:background var(--dur-fast) var(--ease-soft)}.sp-send[disabled]{cursor:default;background:var(--rose-100)}.sp-send i{font-size:22px;color:var(--text-on-accent)}.sp-send[disabled] i{color:var(--rose-300)}.sp-paywall{position:absolute;inset:0;display:none}.sp-paywall.show{display:block}.sp-paywall-in{position:absolute;left:0;right:0;bottom:0;padding:24px 18px 28px;background:linear-gradient(180deg,transparent,var(--surface-page) 42%);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.sp-pw-disc{flex:none;width:48px;height:48px;border-radius:999px;background:var(--rose-50);border:1px solid var(--rose-200);display:flex;align-items:center;justify-content:center;color:var(--rose-500);font-size:24px}.sp-pw-h{font-family:var(--font-serif);font-size:20px;font-weight:500;color:var(--ink-900)}.sp-pw-p{font-family:var(--font-serif);font-weight:300;font-size:15px;line-height:1.8;color:var(--text-secondary);max-width:22em}.sp-pw-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.sp-pw-tags span{font-family:var(--font-sans);font-size:12.5px;color:var(--rose-600);background:var(--rose-50);border-radius:var(--radius-pill);padding:4px 12px;border:1px solid var(--rose-100)}.sp-pw-close{all:unset;cursor:pointer;font-family:var(--font-sans);font-size:13px;color:var(--text-muted);border-bottom:1px solid var(--border-strong);padding-bottom:2px}.sp-gate{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.sp-gate-card{max-width:360px;text-align:center;background:var(--surface-card);border:1px solid var(--border-soft);border-radius:var(--radius-xl);padding:32px 26px;box-shadow:var(--shadow-sm)}.sp-toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%);background:var(--ink-900);color:var(--surface-card);font-family:var(--font-sans);font-size:13.5px;padding:10px 18px;border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);opacity:0;transition:opacity .2s;pointer-events:none;z-index:60}.sp-toast.show{opacity:1}