*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0A1118;--surface: #101B26;--surface-2: #162434;--text: #E8EDF2;--text-dim: #8FA1B3;--gold: #C89B3C;--radius: 16px}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.app{height:100%;display:flex;flex-direction:column}.home{flex:1;overflow-y:auto;padding:max(env(safe-area-inset-top),20px) 20px 32px;max-width:860px;margin:0 auto;width:100%}.home-header{text-align:center;margin-bottom:8px}.home-header .hero-logo{width:128px;height:128px;border-radius:32px;cursor:pointer;object-fit:cover;box-shadow:0 0 40px #c89b3c59;transition:transform .15s ease}.home-header .hero-logo:active{transform:scale(.95)}.home-header h1{font-size:26px;letter-spacing:8px;margin-top:14px;color:var(--gold);font-weight:600}.home-header p{color:var(--text-dim);font-size:13px;margin-top:4px}.persona-grid{display:grid;gap:14px;margin-top:26px;grid-template-columns:repeat(2,1fr)}@media(min-width:560px){.persona-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:820px){.persona-grid{grid-template-columns:repeat(4,1fr)}}.persona-tile{position:relative;background:none;border:none;padding:0;border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent}.persona-tile:hover,.persona-tile:focus-visible{box-shadow:0 0 22px color-mix(in srgb,var(--accent) 45%,transparent);outline:none}.persona-tile:active{transform:scale(.96)}.persona-tile img{display:block;width:100%;aspect-ratio:1;height:auto;border-radius:var(--radius);object-fit:cover;background:var(--surface-2)}.persona-tile .p-tag{position:absolute;bottom:0;left:0;right:0;padding:22px 8px 9px;font-size:14px;font-weight:700;color:#fff;text-align:center;line-height:1.3;background:linear-gradient(to top,#00000061,#0000);text-shadow:0 1px 4px rgba(0,0,0,.8);border-radius:0 0 var(--radius) var(--radius)}.home-footer{margin-top:28px;display:flex;justify-content:center;gap:18px}.home-footer button{background:none;border:none;color:var(--text-dim);font-size:13px;cursor:pointer;padding:6px 10px}.home-footer button:hover{color:var(--text)}.boot-status{text-align:center;color:var(--text-dim);font-size:12px;margin-top:12px}.boot-status .ok{color:#6fcf97}.boot-status .ko{color:#eb5757}.chat{flex:1;display:flex;flex-direction:column;min-height:0}.chat-header{display:flex;align-items:center;gap:12px;padding:max(env(safe-area-inset-top),10px) 14px 10px;background:var(--surface);border-bottom:1px solid #1E2E40}.chat-header img{width:40px;height:40px;border-radius:12px;object-fit:cover}.chat-header .ch-name{font-weight:600;color:var(--accent)}.chat-header .ch-tag{font-size:11px;color:var(--text-dim)}.chat-header button{background:none;border:none;color:var(--text-dim);font-size:22px;cursor:pointer;padding:4px 8px}.chat-header .spacer{flex:1}.messages{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:12px}.msg{max-width:86%;padding:10px 14px;border-radius:16px;font-size:15px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.msg.user{align-self:flex-end;background:var(--accent-dim, #23405C);border-bottom-right-radius:4px}.msg.assistant{align-self:flex-start;background:var(--surface-2);border-bottom-left-radius:4px}.msg.tool-note{align-self:center;background:none;color:var(--text-dim);font-size:12px;font-style:italic;padding:0}.msg.error{align-self:center;color:#eb5757;font-size:13px}.composer{display:flex;gap:10px;padding:10px 12px max(env(safe-area-inset-bottom),12px);background:var(--surface);border-top:1px solid #1E2E40}.composer textarea{flex:1;resize:none;border:none;border-radius:12px;background:var(--surface-2);color:var(--text);font:inherit;padding:11px 14px;max-height:130px;outline:none}.composer button{border:none;border-radius:12px;padding:0 18px;font-size:15px;font-weight:600;background:var(--accent, var(--gold));color:#0a1118;cursor:pointer}.composer button:disabled{opacity:.45;cursor:default}.settings{flex:1;padding:24px 20px;max-width:560px;margin:0 auto;width:100%}.settings h2{color:var(--gold);margin-bottom:18px}.settings label{display:block;font-size:13px;color:var(--text-dim);margin:14px 0 6px}.settings input{width:100%;padding:11px 14px;border-radius:10px;border:1px solid #1E2E40;background:var(--surface-2);color:var(--text);font:inherit;outline:none}.settings .row{display:flex;gap:10px;margin-top:22px}.settings button{border:none;border-radius:10px;padding:11px 18px;font-weight:600;background:var(--gold);color:#0a1118;cursor:pointer}.settings button.ghost{background:var(--surface-2);color:var(--text)}.settings .test-result{margin-top:14px;font-size:13px}