*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#f5f5f7;color:#1d1d1f;-webkit-tap-highlight-color:transparent}.app{height:100%;max-width:480px;margin:0 auto;background:#fff;position:relative;overflow:hidden}.home{height:100%;display:flex;flex-direction:column;padding:24px 20px}.home-header{text-align:center;margin-bottom:24px;margin-top:40px}.home-header h1{font-size:28px;font-weight:800}.home-header p{color:#86868b;margin-top:6px;font-size:15px}.setup-card{background:#fffbeb;border:1px solid #fcd34d;border-radius:16px;padding:20px;margin-bottom:20px;text-align:center}.setup-card h3{margin-bottom:8px}.setup-card p{font-size:13px;color:#666;margin-bottom:12px}.setup-card input{width:100%;padding:12px;border:1px solid #ddd;border-radius:12px;font-size:14px;margin-bottom:10px}.setup-card button{width:100%;padding:12px;background:#0071e3;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer}.setup-card button:disabled{opacity:.5}.setup-card .link{display:block;margin-top:10px;font-size:13px;color:#0071e3}.character-grid{flex:1;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.character-card{display:flex;align-items:center;padding:20px;background:#fff;border-radius:16px;border-left:5px solid;box-shadow:0 2px 12px #0000000f;cursor:pointer;transition:transform .15s}.character-card:active{transform:scale(.98)}.card-emoji{font-size:44px;margin-right:16px}.card-info{flex:1}.card-name{font-size:20px;font-weight:700}.card-tag{font-size:13px;color:#86868b;margin-top:2px}.card-arrow{font-size:20px;color:#ccc}.home-footer{text-align:center;padding-top:16px}.settings-btn{background:none;border:1px solid #ddd;padding:8px 20px;border-radius:20px;font-size:13px;color:#666;cursor:pointer;margin-bottom:8px}.home-footer span{display:block;font-size:11px;color:#ccc}.chat{height:100%;display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;padding:12px 16px;color:#fff;min-height:56px}.back-btn{background:#fff3;border:none;color:#fff;font-size:20px;width:36px;height:36px;border-radius:50%;cursor:pointer}.header-center{flex:1;display:flex;align-items:center;justify-content:center;gap:8px}.header-emoji{font-size:28px}.header-name{font-size:17px;font-weight:700}.header-spacer{width:36px}.chat-messages{flex:1;overflow-y:auto;padding:16px;background:#f5f5f7;display:flex;flex-direction:column;gap:12px}.message{display:flex;gap:8px;max-width:85%}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.assistant{align-self:flex-start}.avatar{font-size:30px;flex-shrink:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%}.bubble{padding:12px 16px;border-radius:18px;font-size:15px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.message.user .bubble{background:#0071e3;color:#fff;border-bottom-right-radius:6px}.message.assistant .bubble{background:#fff;color:#1d1d1f;border-bottom-left-radius:6px;box-shadow:0 1px 3px #00000014}.typing{color:#999;font-style:italic}.chat-input{display:flex;gap:8px;padding:12px 16px;background:#fff;border-top:1px solid #eee}.chat-input input{flex:1;padding:12px 16px;border:1px solid #e5e5ea;border-radius:24px;font-size:15px;outline:none}.chat-input input:focus{border-color:#0071e3}.chat-input button{padding:12px 20px;background:#0071e3;color:#fff;border:none;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer}.chat-input button:disabled{opacity:.4}@media(prefers-color-scheme:dark){body{background:#000}.app{background:#1c1c1e}.character-card{background:#2c2c2e;box-shadow:none}.card-name{color:#fff}.chat-messages{background:#000}.message.assistant .bubble{background:#2c2c2e;color:#fff}.chat-input{background:#1c1c1e;border-color:#38383a}.chat-input input{background:#2c2c2e;color:#fff;border-color:#38383a}.setup-card{background:#2c1f00}.home-header h1{color:#fff}}