.aff-page{max-width:var(--content-width);width:100%;margin:0 auto;padding:0 24px 80px}.aff-hero{text-align:center;padding:72px 8px 36px;position:relative;overflow:hidden}.aff-glow{pointer-events:none;filter:blur(12px);transform-origin:50% 60%;background:radial-gradient(46% 70% at 50% 60%,#2d7a5f1f,#0000 66%);animation:9s ease-in-out infinite breathe;position:absolute;inset:0}@keyframes breathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.aff-title{letter-spacing:-.035em;color:var(--color-text);font-size:clamp(34px,7vw,60px);font-weight:800;line-height:1.02;position:relative}.aff-titleEmoji{margin-right:.1em;animation:4s ease-in-out infinite bob;display:inline-block}@keyframes bob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-6px)rotate(4deg)}}.aff-manifesto{color:var(--color-muted);margin-top:12px;font-size:clamp(15px,2.4vw,19px);position:relative}.aff-manifesto strong{color:#2d7a5f;font-weight:800}.aff-why{text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:560px;box-shadow:var(--shadow-card);margin:22px auto 0;position:relative}.aff-whySummary{cursor:pointer;color:var(--color-accent);user-select:none;padding:12px 16px;font-size:13px;font-weight:700;list-style:none}.aff-whySummary::-webkit-details-marker{display:none}.aff-whySummary:before{content:"▸ "}.aff-why[open] .aff-whySummary:before{content:"▾ "}.aff-whyBody{color:var(--color-muted);flex-direction:column;gap:8px;padding:0 16px 14px;font-size:13px;line-height:1.6;display:flex}.aff-controls{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:640px;box-shadow:var(--shadow-card);margin:0 auto 28px;padding:22px 20px}.aff-fieldRow{grid-template-columns:1fr 1fr;gap:14px;display:grid}.aff-field{flex-direction:column;gap:6px;display:flex}.aff-fieldLabel{letter-spacing:.08em;text-transform:uppercase;color:var(--color-faint);font-size:11px;font-weight:800}.aff-input{border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;color:var(--color-text);outline:none;padding:11px 14px;font-size:15px;transition:border-color .18s,box-shadow .18s}.aff-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.aff-personaSet{border:none;margin:18px 0 0;padding:0}.aff-chips{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.aff-chip{border:1.5px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-muted);cursor:pointer;border-radius:100px;align-items:center;gap:6px;padding:8px 13px;font-size:13px;font-weight:600;transition:all .16s;display:inline-flex}.aff-chip:hover{border-color:var(--color-accent)}.aff-chipOn{border-color:var(--chipAccent);background:var(--chipSoft);color:var(--chipAccent)}.aff-chipWrap{display:inline-flex;position:relative}.aff-chipRemove{border:1.5px solid var(--color-border-strong);background:var(--color-surface);width:22px;color:var(--color-faint);cursor:pointer;border-left:none;border-radius:0 100px 100px 0;margin-left:-6px;font-size:10px}.aff-chipRemove:hover{color:var(--color-danger)}.aff-addChip,.aff-pickChip{border:1.5px dashed var(--color-border-strong);color:var(--color-accent);cursor:pointer;background:0 0;border-radius:100px;align-items:center;padding:8px 13px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.aff-addChip:hover,.aff-pickChip:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.aff-pickChip{color:#2d7a5f;border-style:solid;border-color:#2d7a5f}.aff-pickChip:hover{background:#e8f4ee;border-color:#2d7a5f}.aff-builder{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:12px;padding:14px;animation:.25s both fadeUp}.aff-builderTonesLabel{color:var(--color-muted);margin:12px 0 6px;font-size:12px;font-weight:700}.aff-builderTonesLabel span{color:var(--color-faint);font-weight:400}.aff-toneChips{flex-wrap:wrap;gap:6px;display:flex}.aff-toneChip{border:1.5px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-muted);cursor:pointer;border-radius:100px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .15s}.aff-toneChip:hover{border-color:var(--color-accent)}.aff-toneOn{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.aff-builderAdd{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:100px;margin-top:14px;padding:10px 18px;font-size:13px;font-weight:800;transition:opacity .15s}.aff-builderAdd:disabled{opacity:.5;cursor:not-allowed}.aff-generate{color:#fff;letter-spacing:.01em;cursor:pointer;background:linear-gradient(135deg,#2d7a5f,#3f9c6f);border:none;border-radius:100px;width:100%;margin-top:22px;padding:14px 24px;font-size:15px;font-weight:800;transition:transform .15s,box-shadow .15s,opacity .15s;display:block;box-shadow:0 6px 18px #2d7a5f47}.aff-generate:hover{transform:translateY(-2px);box-shadow:0 8px 22px #2d7a5f57}.aff-generate:active{transform:translateY(0)}.aff-generate:disabled{opacity:.6;cursor:not-allowed;transform:none}.aff-pageError{color:var(--color-danger);text-align:center;margin-top:12px;font-size:13px}.aff-results{flex-direction:column;gap:30px;display:flex}.aff-group{animation:.4s both fadeUp}.aff-groupHead{border-bottom:2px solid var(--color-border);align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;display:flex}.aff-portrait{filter:drop-shadow(0 3px 8px #241c141f);flex-shrink:0;width:64px;height:64px}.aff-groupName{color:var(--color-text);letter-spacing:-.01em;font-size:16px;font-weight:800}.aff-groupTag{color:var(--color-faint);font-size:12px}.aff-card{background:var(--color-surface);border:1px solid var(--color-border);border-top:4px solid var(--cardAccent);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:14px;padding:18px;animation:.35s both fadeUp}.aff-affirmRow{align-items:flex-start;gap:10px;display:flex}.aff-affirmation{color:var(--color-text);flex:1;font-size:17px;font-weight:600;line-height:1.5}.aff-cardActions{flex-shrink:0;gap:6px;display:flex}.aff-speakBtn,.aff-keepBtn{border:1.5px solid var(--color-border-strong);background:var(--color-bg);cursor:pointer;border-radius:50%;flex-shrink:0;width:34px;height:34px;font-size:15px;transition:transform .15s,border-color .15s,background .15s}.aff-speakBtn:hover,.aff-keepBtn:hover{border-color:var(--cardAccent);transform:scale(1.1)}.aff-keepOn{border-color:var(--cardAccent);background:var(--cardSoft)}.aff-devil{background:var(--cardSoft);border-radius:var(--radius-sm);border-left:3px solid var(--cardAccent);margin-top:14px;padding:12px 14px}.aff-devilLabel{letter-spacing:.04em;text-transform:uppercase;color:var(--cardAccent);font-size:11px;font-weight:800}.aff-devilText{color:var(--color-muted);margin-top:4px;font-size:14px;font-style:italic;line-height:1.55}.aff-spar{border-top:1px dashed var(--color-border-strong);margin-top:14px;padding-top:14px}.aff-sparLabel{letter-spacing:.04em;text-transform:uppercase;color:var(--cardAccent);font-size:11px;font-weight:800}.aff-thread{flex-direction:column;gap:8px;margin:10px 0;display:flex}.aff-bubbleUser,.aff-bubbleAi{border-radius:14px;max-width:86%;padding:9px 13px;font-size:13.5px;line-height:1.5;animation:.25s both fadeUp}.aff-bubbleUser{background:var(--color-surface-2);color:var(--color-text);border-bottom-right-radius:4px;align-self:flex-end}.aff-bubbleAi{background:var(--cardSoft);color:var(--color-text);border-bottom-left-radius:4px;align-self:flex-start}.aff-pills{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.aff-pill{border:1.5px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-muted);cursor:pointer;border-radius:100px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .15s}.aff-pill:hover:not(:disabled){border-color:var(--cardAccent);background:var(--cardSoft);color:var(--cardAccent)}.aff-pill:disabled{opacity:.5;cursor:progress}.aff-sparForm{gap:8px;margin-top:8px;display:flex}.aff-sparInput{border:1.5px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-text);border-radius:100px;outline:none;flex:1;padding:9px 12px;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.aff-sparInput:focus{border-color:var(--cardAccent);box-shadow:0 0 0 3px var(--cardSoft)}.aff-sparSend{background:var(--cardAccent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:38px;font-size:15px;transition:transform .15s,opacity .15s}.aff-sparSend:hover:not(:disabled){transform:scale(1.08)}.aff-sparSend:disabled{opacity:.45;cursor:not-allowed}.aff-sparDone{color:var(--color-faint);margin-top:10px;font-size:13px;font-style:italic}.aff-take{margin-top:14px}.aff-takeHead{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.aff-takeLabel{letter-spacing:.06em;text-transform:uppercase;color:var(--color-faint);font-size:11px;font-weight:800}.aff-helpBtn{border:1.5px solid var(--color-border-strong);background:var(--color-surface);color:var(--cardAccent);cursor:pointer;border-radius:100px;padding:4px 12px;font-size:12px;font-weight:700;transition:all .15s}.aff-helpBtn:hover:not(:disabled){border-color:var(--cardAccent);background:var(--cardSoft)}.aff-helpBtn:disabled{opacity:.55;cursor:progress}.aff-takeInput{border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;color:var(--color-text);resize:vertical;outline:none;padding:10px 12px;font-size:14px;line-height:1.5;transition:border-color .18s,box-shadow .18s}.aff-takeInput:focus{border-color:var(--cardAccent);box-shadow:0 0 0 3px var(--cardSoft)}.aff-vocab{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.aff-vocabChip{background:var(--color-surface-2);color:var(--color-muted);border:1px solid var(--color-border);border-radius:100px;padding:4px 10px;font-size:11.5px}.aff-vocabChip strong{color:var(--color-text)}.aff-cardSkeleton{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-faint);align-items:center;gap:10px;padding:18px;font-size:14px;display:flex}.aff-spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite spin}.aff-errorCard{border:1px solid #f0d4ce;border-left:3px solid var(--color-danger);border-radius:var(--radius-sm);color:var(--color-danger);background:#fdf2f0;margin-bottom:12px;padding:12px 14px;font-size:13px;line-height:1.5}.aff-empty{text-align:center;color:var(--color-faint);padding:48px 20px;font-size:14px}.aff-emptyIcon{opacity:.7;margin-bottom:10px;font-size:44px;display:block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=560px){.aff-page{padding:0 16px 60px}.aff-hero{padding:40px 4px 24px}.aff-fieldRow{grid-template-columns:1fr}.aff-controls{padding:18px 16px}}.aff-collectorFab{z-index:50;color:#fff;cursor:pointer;background:#2d7a5f;border:none;border-radius:100px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:800;transition:transform .15s;animation:.3s both fadeUp;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 24px #2d7a5f59}.aff-collectorFab:hover{transform:translateY(-2px)}.aff-fabCount{background:#ffffff40;border-radius:100px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;display:inline-flex}.aff-drawerScrim{z-index:60;background:#241c1452;justify-content:flex-end;animation:.2s both fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.aff-drawer{background:var(--color-surface);border-left:1px solid var(--color-border);width:min(420px,92vw);height:100%;padding:20px;animation:.25s cubic-bezier(.2,.7,.2,1) both slideIn;overflow-y:auto;box-shadow:-12px 0 40px #241c1429}@keyframes slideIn{0%{opacity:.6;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.aff-drawerHead{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.aff-drawerTitle{color:var(--color-text);font-size:18px;font-weight:800}.aff-drawerClose{background:var(--color-surface-2);cursor:pointer;width:32px;height:32px;color:var(--color-muted);border:none;border-radius:50%;font-size:14px}.aff-drawerEmpty{color:var(--color-faint);padding:20px 0;font-size:14px}.aff-drawerActions{margin-bottom:14px}.aff-drawerBtn{border:1.5px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-accent);cursor:pointer;border-radius:100px;padding:8px 16px;font-size:13px;font-weight:700}.aff-drawerBtn:hover{border-color:var(--color-accent)}.aff-savedList{flex-direction:column;gap:10px;list-style:none;display:flex}.aff-savedItem{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.aff-savedBody{flex:1}.aff-savedText{color:var(--color-text);font-size:14px;font-weight:600;line-height:1.5}.aff-savedTake{color:var(--color-muted);margin-top:6px;font-size:13px;line-height:1.5}.aff-savedTake span{color:var(--color-accent);font-weight:700}.aff-savedPersona{color:var(--color-faint);margin-top:8px;font-size:11px;font-weight:700;display:inline-block}.aff-savedRemove{color:var(--color-faint);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:14px}.aff-savedRemove:hover{color:var(--color-danger)}@media (prefers-reduced-motion:reduce){.aff-glow,.aff-titleEmoji,.aff-group,.aff-card,.aff-spinner,.aff-collectorFab,.aff-drawer,.aff-drawerScrim{animation:none}}