.fn-surface-light{background:var(--grey-10);color:var(--grey-100);font-family:var(--font-body)}.fn-backdrop{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.fn-backdrop .band{position:absolute;top:28%;left:-50%;width:200%;height:70%;background:linear-gradient(90deg,#E8D5F5,#D4B8F0 15%,#C49AEB 25%,#D4A0E0 35%,#E8A8C8 45%,#F0B898 55%,#F5C878 65%,#F0D080 75%,#E8D5F5 90%,#D4B8F0);filter:blur(90px);opacity:.85}.fn-backdrop .blob-purple{position:absolute;top:5%;left:-8%;width:55%;height:45%;background:radial-gradient(ellipse,#A259FF 0,transparent 70%);filter:blur(100px);opacity:.14}.fn-backdrop .blob-warm{position:absolute;bottom:-10%;right:-8%;width:60%;height:55%;background:radial-gradient(ellipse,#FF9933 0,transparent 70%);filter:blur(100px);opacity:.22}.glass{background:rgba(255,255,255,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--grey-20);box-shadow:var(--shadow-glass)}.pill-header{position:sticky;top:16px;z-index:50;display:flex;justify-content:center;padding:0 16px}.pill-header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1152px;padding:12px 24px;background:rgba(255,255,255,.85);backdrop-filter:blur(16px);border:1px solid var(--grey-20);border-radius:9999px;box-shadow:var(--shadow-glass)}.pill-header-inner nav{display:flex;gap:24px;align-items:center;font-size:14px;color:var(--grey-60)}.pill-header-inner nav a{font-weight:400;transition:color var(--dur-fast) var(--ease-soft)}.pill-header-inner nav a:hover{color:var(--purple)}.pill-header-inner .actions{display:flex;gap:10px;align-items:center}.fn-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:9999px;font-family:var(--font-header);font-weight:600;font-size:14px;white-space:nowrap;transition:all var(--dur-fast) var(--ease-soft);text-decoration:none}.fn-btn.primary{background:var(--gradient-purple);color:#fff;box-shadow:0 4px 16px rgba(162,89,255,.2)}.fn-btn.primary:hover{box-shadow:0 6px 24px rgba(162,89,255,.32)}.fn-btn.secondary{background:#fff;color:var(--grey-70);border:1px solid var(--grey-20)}.fn-btn.secondary:hover{color:var(--purple);border-color:var(--purple)}.fn-btn.yellow{background:var(--yellow);color:var(--grey-100);font-family:var(--font-body);border-radius:12px;padding:10px 18px}.fn-btn.yellow:hover{box-shadow:var(--shadow-md)}.fn-btn.ghost{background:transparent;color:var(--grey-70);padding:10px 16px}.fn-btn.ghost:hover{color:var(--purple)}.fn-btn.sm{padding:7px 12px;font-size:13px}.grad-text{background:var(--gradient-purple-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.prompt-card{position:relative;max-width:820px;width:100%;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);border:1px solid var(--grey-20);border-radius:24px;padding:24px 24px 16px;box-shadow:var(--shadow-glass);transition:border-color var(--dur-fast) var(--ease-soft),box-shadow var(--dur-fast) var(--ease-soft)}.prompt-card:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px rgba(162,89,255,.18),var(--shadow-glass)}.prompt-card textarea{width:100%;min-height:120px;max-height:280px;resize:none;background:transparent;border:0;outline:0;color:var(--grey-100);font-family:var(--font-body);font-size:16px;line-height:1.55;padding:2px}.prompt-card textarea::-moz-placeholder{color:var(--grey-40)}.prompt-card textarea::placeholder{color:var(--grey-40)}.prompt-foot{display:flex;align-items:center;gap:8px;padding-top:6px}.prompt-foot .spacer{flex:1}.fn-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid var(--grey-20);color:var(--grey-70);padding:6px 12px;border-radius:10px;font-family:var(--font-body);font-size:12.5px;font-weight:500;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:all var(--dur-fast) var(--ease-soft);cursor:pointer;text-decoration:none}.fn-chip:hover{border-color:var(--purple);color:var(--purple)}.fn-icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;width:36px;height:36px;border-radius:9999px;background:var(--gradient-purple);color:#fff;display:grid;place-items:center;box-shadow:0 4px 16px rgba(162,89,255,.2);transition:all var(--dur-fast) var(--ease-soft)}.fn-icon-btn:hover{box-shadow:0 6px 22px rgba(162,89,255,.35)}.fn-icon-btn:disabled{background:var(--grey-20);color:var(--grey-40);box-shadow:none;cursor:not-allowed}.fn-eyebrow{font-family:var(--font-header);font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey-50)}.fn-surface-light ::-webkit-scrollbar{width:10px;height:10px}.fn-surface-light ::-webkit-scrollbar-thumb{background:var(--grey-30);border-radius:5px;border:2px solid transparent;background-clip:content-box}.fn-surface-light ::-webkit-scrollbar-thumb:hover{background:var(--grey-40);background-clip:content-box}