:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#080a0f;--foreground:#f1f5f2;--panel:#11151d;--accent:#37b59f;--accent-strong:#23927f;--line:#2a313c;--muted:#a7b0bc;--disabled:#4b5563;--danger:#ff9b8e}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}.page{place-items:start center;min-height:100vh;padding:24px 18px;display:grid}.fortune-panel{border:1px solid var(--line);background:#11151df5;border-radius:8px;width:min(680px,100%);overflow:hidden;box-shadow:0 24px 80px #00000057}.fortune-panel.with-chat{display:block}.fortune-panel.setup-only .setup-area{border-bottom:0}.fortune-panel.setup-only{box-shadow:none;background:0 0;border:0}.setup-area{z-index:1;border-bottom:1px solid var(--line);background:#11151df5;padding:24px 28px 22px;position:sticky;top:0}.panel-header{margin-bottom:22px}h1{text-align:center;margin:0;font-size:clamp(1.45rem,5vw,2rem);line-height:1.2}.chatdoge-portrait{background:var(--panel);border:1px solid #146c632e;border-radius:8px;width:100%;margin:18px 0 0;overflow:hidden}.chatdoge-portrait img{width:100%;height:auto;display:block}.fortune-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.field{gap:8px;display:grid}.field span{color:var(--muted);font-size:.95rem;font-weight:700}.field input,.field select{border:1px solid var(--line);background:var(--panel);width:100%;min-height:48px;color:var(--foreground);border-radius:8px;outline:none;padding:0 14px}.field input:focus,.field select:focus,.chat-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #146c6329}.field input:disabled,.field select:disabled,.chat-form textarea:disabled{color:#7a8491;background:#f0f2f4}.actions{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.submit-button,.secondary-button,.send-button{cursor:pointer;border:0;border-radius:8px;min-height:50px;padding:0 18px;font-weight:800}.submit-button{background:var(--accent);color:#fff}.submit-button:hover:not(:disabled),.send-button:hover:not(:disabled){background:var(--accent-strong)}.secondary-button{border:1px solid var(--line);color:var(--foreground);background:#151a23}.secondary-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.send-button{background:var(--accent);color:#fff;white-space:nowrap;align-self:stretch;min-height:44px;padding:0 16px}.submit-button:disabled,.secondary-button:disabled,.send-button:disabled{background:var(--disabled);color:#fff;cursor:not-allowed}.loading-icon{color:#fff;stroke-width:2.4px;width:18px;height:18px;animation:.8s linear infinite spin}.loading-icon.dark{color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.chat-area{background:#e7ebef;margin:0;padding:22px 28px}.chat{gap:16px;display:grid}.chat-message{max-width:86%;display:grid}.chat-message.user{justify-self:end}.chat-message.assistant{justify-self:start}.chat-bubble{white-space:pre-wrap;border-radius:8px;padding:14px 16px;line-height:1.7}.chat-message.user .chat-bubble{background:var(--accent);color:#fff}.chat-message.assistant .chat-bubble{color:#20242d;background:#f4f7f6;border:1px solid #37b59f33;box-shadow:0 10px 30px #0c141c1f}.loading-bubble{place-items:center;min-width:54px;min-height:46px;display:grid}.empty-chat{min-height:100%;color:var(--muted);text-align:center;border:1px dashed #146c6347;border-radius:8px;place-items:center;padding:24px;font-weight:700;line-height:1.6;display:grid}.chat-form{background:#e7ebef;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;padding:18px 28px 22px;display:grid}.chat-form textarea{resize:none;border:1px solid var(--line);color:#20242d;background:#fff;border-radius:8px;outline:none;width:100%;min-height:44px;max-height:92px;padding:12px 14px;line-height:1.5;overflow-y:auto}.error-message{color:var(--danger);background:#be392a24;border:1px solid #be392a3d;border-radius:0;margin:0;padding:14px 16px;font-weight:700;line-height:1.6}.scroll-anchor{width:100%;height:1px}@media (max-width:520px){.page{padding:0}.fortune-panel.with-chat,.fortune-panel.setup-only{border:0;border-radius:0;width:100%}.setup-area,.chat-area,.chat-form{padding-left:18px;padding-right:18px}.fortune-form,.actions{grid-template-columns:1fr}.chat-message{max-width:94%}}