/* State-driven gold illumination from the supplied Kryyt HTML template. */
:root { --signal-gold:#ffb000; --signal-edge:#ad710e; --signal-ink:#ffca6a; --signal-ease:cubic-bezier(.2,.7,.2,1); }
.button, .icon-button, .asset-chip, .conversation-row, .sidebar-project, .composer, .viewer-tab, .send-button { transition:box-shadow 180ms var(--signal-ease),border-color 180ms var(--signal-ease),background-color 180ms var(--signal-ease),color 180ms var(--signal-ease),transform 140ms var(--signal-ease); }
.button.primary, #new-chat, .composer .send-button { color:var(--signal-ink); background:#121210; border:1px solid #986311; box-shadow:inset 0 0 12px #f4a00026; }
.button.primary:is(:hover,:focus-visible), #new-chat:is(:hover,:focus-visible), .composer .send-button:is(:hover,:focus-visible) { background:#21190d; color:#ffdc94; border-color:#ffb000; box-shadow:inset 0 0 16px #ffad0033,0 0 0 1px #ffbc4430,0 0 15px #ffa60030; }
.button.primary:active, #new-chat:active, .composer .send-button:active { transform:translateY(1px); }
#new-chat img { opacity:1; filter:brightness(0) saturate(100%) invert(83%) sepia(53%) saturate(789%) hue-rotate(333deg); }
.icon-button:hover, .attach-button:hover { background:#fff7e7; color:#795008; }
.composer:focus-within { border-color:#b38432; box-shadow:0 0 0 1px #ffb00022,0 0 16px #ffb00010; }
.conversation-row.active { background:#f3eee4; box-shadow:inset 2px 0 0 #d69828; }
.primary-nav .nav-link.active { background:#f3eee4; color:#543d18; }
.sidebar-project:hover, .conversation-row:hover { background:#f4f0e8; }
.unread-dot { background:#d68c00; box-shadow:0 0 5px #ffb00050; }
.asset-chip:hover { border-color:#c89436; box-shadow:0 0 0 1px #ffb00014,0 3px 12px #ffb00010; }
.viewer-tab.active, .viewer-tab[aria-selected='true'] { border-bottom-color:#d79721; color:#795008; }
.chat-home::before { background:#fafaf8 url('/brand/persona-supplied.webp') right top / auto 650px no-repeat; }
.home-star { filter:drop-shadow(0 0 6px #ffad0040); animation:kryyt-star-ready 700ms ease-out 1; }
.empty-chat h2 > span { color:#9b630c; }
.thinking summary { gap:8px; }
.thinking-pulse, .response-spinner { display:inline-block; flex:none; width:14px; height:14px; border:1px solid #d4a34b66; border-top-color:#ffb000; border-right-color:#ffb000; border-radius:50%; background:transparent; box-shadow:inset 0 0 3px #ffb00026,0 0 5px #ffb0002b; animation:kryyt-ring 1.3s linear infinite; }
.thinking-pulse::after { content:''; display:block; width:4px; height:4px; margin:4px; border-radius:50%; background:#cf8700; box-shadow:0 0 4px #ffb00080; }
.message.assistant:has(.thinking-pulse) .thinking summary { color:#82580c; }
.toast { border-color:#b17a21; background:#171611; color:#fff2d5; box-shadow:0 8px 24px #17120a1a,0 0 12px #ffb00018; }
.context-menu[open], dialog[open] > .modal-shell { animation:kryyt-panel-in 220ms var(--signal-ease) both; }
.sidebar-settings-menu:not([hidden]) { animation:kryyt-panel-in 200ms var(--signal-ease) both; }
@keyframes kryyt-ring { to { transform:rotate(360deg); } }
@keyframes kryyt-star-ready { 0% { opacity:.55; filter:drop-shadow(0 0 0 #ffb00000); } 55% { opacity:1; filter:drop-shadow(0 0 10px #ffb00088); } 100% { opacity:1; filter:drop-shadow(0 0 6px #ffb00040); } }
@keyframes kryyt-panel-in { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:1100px) { .chat-home::before { background:#fafaf8; } }
@media(max-width:700px) { .chat-home::before { background:none; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }