.nier-root { --nier-accent: #b8a4ff; color: #eeeef3; font-family: Inter, 'Segoe UI', sans-serif; }
.nier-root button { -webkit-tap-highlight-color: transparent; }
.nier-star { display: block; width: 26px; height: 26px; flex-shrink: 0; color: #ded4ff; transform-box: view-box; transform-origin: 50% 50%; overflow: visible; pointer-events: none; }
.nier-launcher { position: fixed; right: 24px; bottom: 24px; z-index: 1200; width: 58px; height: 58px; padding: 0; border: 1px solid #b8a4ff66; border-radius: 20px; display: grid; place-items: center; background: linear-gradient(145deg,#39314e,#201d2e); box-shadow: 0 8px 32px #0006,0 0 22px #a48aff22; transition: transform 200ms, box-shadow 200ms; }
.nier-launcher:hover { transform: translateY(-3px); box-shadow: 0 10px 36px #0008,0 0 30px #a48aff44; }
.nier-launcher .nier-star { width: 34px; height: 34px; animation: nier-spin 24s linear infinite, nier-glow 5s ease-in-out infinite; }
.nier-brand .nier-star { width: 30px; height: 30px; filter: drop-shadow(0 0 5px #cdb8ff40); }
@keyframes nier-spin { to { transform: rotate(360deg); } }
@keyframes nier-glow { 50% { filter: drop-shadow(0 0 8px #cdb8ff); color: #fff; } }
.nier-panel { position: fixed; z-index: 1201; inset: 12px 12px 12px auto; width: min(420px,calc(100vw - 24px)); height: calc(100dvh - 24px); display: flex; flex-direction: column; min-height: 0; border: 1px solid #45404f; border-radius: 20px; background: #17171d; box-shadow: -16px 0 70px #0007; overflow: hidden; animation: nier-enter 260ms cubic-bezier(.22,1,.36,1); text-align: left; transition: width 360ms cubic-bezier(.22,1,.36,1),height 360ms cubic-bezier(.22,1,.36,1),inset 360ms cubic-bezier(.22,1,.36,1),border-radius 360ms cubic-bezier(.22,1,.36,1),box-shadow 360ms ease; }
@keyframes nier-enter { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: translateX(0); } }
.nier-header { display: flex; align-items: center; gap: 10px; padding: 18px; flex-shrink: 0; border-bottom: 1px solid #ffffff0c; }
.nier-brand { display: flex; align-items: center; gap: 10px; }
.nier-brand h2 { font-size: 17px; font-weight: 600; white-space: nowrap; }
.nier-badge { border: 1px solid #a58bc34d; color: #c9b8e1; background: #a58bc30d; border-radius: 7px; font-size: 10px; padding: 5px 8px; }
.nier-icon { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 36px; border: 0; border-radius: 10px; background: transparent; color: #b3afc0; padding: 0; }
.nier-icon:hover { background: #ffffff0c; color: #fff; }
.nier-close { margin-left: auto; }
.nier-terms { margin: 12px 14px 0; padding: 15px; border: 1px solid #a68bca40; border-radius: 13px; background: #24202e; overflow-y: auto; max-height: 55%; flex-shrink: 0; }
.nier-card-title { display: flex; gap: 8px; align-items: center; color: #d6c3f2; margin-bottom: 10px; }
.nier-card-title h3 { font-size: 13px; }
.nier-terms p { margin: 8px 0; font-size: 11px; line-height: 1.6; color: #c0bacb; }
.nier-terms .nier-integration-note { color: #ddc3a2; }
.nier-terms-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.nier-terms-actions button { border: 1px solid #ffffff20; border-radius: 8px; padding: 8px 10px; font-size: 11px; background: transparent; }
.nier-terms-actions .nier-accept { background: #c6b2ee; color: #241b32; border-color: transparent; }
.nier-history { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 20px; scrollbar-width: thin; scrollbar-color: #494151 transparent; display: flex; flex-direction: column; }
.nier-empty { margin: auto 0; padding: 16px 0; }
.nier-empty-star { margin-bottom: 20px; }
.nier-empty-star .nier-star { width: 34px; height: 34px; color: #bfa8ed; }
.nier-empty h3 { font-size: 25px; letter-spacing: -.8px; font-weight: 500; }
.nier-empty > p { margin-top: 7px; color: #9993a6; font-size: 12px; }
.nier-suggestions { display: grid; gap: 8px; margin-top: 23px; }
.nier-suggestions button { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid #ffffff0b; border-radius: 11px; background: #ffffff03; text-align: left; color: #bdb8c8; font-size: 12px; line-height: 1.5; transition: background 180ms, border-color 180ms; }
.nier-suggestions button:hover { background: #b99bea0b; border-color: #b99bea40; color: #ede5fa; }
.nier-suggestions .material-symbols-rounded { color: #b69bcc; font-size: 20px; }
.nier-messages { display: grid; gap: 18px; }
.nier-message { max-width: 94%; font-size: 13px; line-height: 1.6; }
.nier-message p { white-space: pre-wrap; overflow-wrap: anywhere; }
.nier-message-author { display: block; font-size: 10px; color: #9890a7; margin-bottom: 5px; }
.nier-user { justify-self: end; border: 1px solid #b5a0df20; background: #2b2438; border-radius: 13px 13px 3px 13px; padding: 10px 13px; }
.nier-assistant { color: #c7c2d0; }
.nier-thinking { display:flex; align-items:center; gap:9px; color:#aaa2b7; font-size:11px; }
.nier-thinking .nier-star { width:18px; height:18px; animation:nier-spin 3s linear infinite; }
.nier-error { border:1px solid #ec777f66; border-radius:12px; padding:12px; background:#4a202633; color:#ffd9db; font-size:11px; line-height:1.55; }
.nier-error strong { display:block; color:#ffb9bd; font-size:12px; margin-bottom:4px; }
.nier-error p { margin:0 0 10px; overflow-wrap:anywhere; }
.nier-error button { border:1px solid #ed8d944f; border-radius:7px; padding:6px 8px; background:#ffffff0b; color:#ffd2d5; font-size:10px; }
.nier-error button:hover { background:#ffffff18; }
.nier-footer { flex-shrink: 0; padding: 12px 14px max(12px,env(safe-area-inset-bottom)); background: #17171d; border-top: 1px solid #ffffff08; }
.nier-composer { display: flex; gap: 6px; align-items: flex-end; justify-content: center; border: 1px solid #595061; border-radius: 15px; padding: 7px; background: #222127; }
.nier-composer textarea { flex: 1; min-width: 0; resize: none; max-height: 112px; min-height: 36px; margin: 0; padding: 8px 3px; border: 0; border-radius: 0; background: transparent; color: #eeeaf5; outline: none; box-shadow: none; font: inherit; font-size: 12px; line-height: 20px; }
.nier-composer:focus-within { border-color: #b39bd8; }
.nier-send { background: #bea7e4; color: #241a33; }
.nier-send:disabled { opacity: .35; cursor: default; }
.nier-send:not(:disabled):hover { background: #d4c1f2; color: #241a33; }
.nier-action-wrap { position: relative; }
.nier-action .material-symbols-rounded { transition: transform 220ms ease; }
.nier-action[aria-expanded="true"] .material-symbols-rounded { transform: rotate(45deg); }
.nier-actions { position: absolute; bottom: calc(100% + 16px); left: -7px; width: 200px; padding: 6px; border: 1px solid #4c4358; border-radius: 12px; background: #26222d; box-shadow: 0 12px 30px #0007; z-index: 2; }
.nier-actions button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px; background: none; border: 0; border-radius: 7px; font-size: 12px; text-align: left; }
.nier-actions button:hover,.nier-actions button[aria-pressed="true"] { background: #bba0df18; color: #e0cef5; }
.nier-selection { display: flex; flex-wrap: wrap; gap: 5px; }
.nier-selection button { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 8px; border: 1px solid #534760; border-radius: 7px; padding: 5px 8px; font-size: 10px; background: #2a2432; color: #cdb5e6; }
.nier-footnote { text-align: center; font-size: 9px; margin-top: 9px; color: #81798e; }
@media(max-width:480px) { .nier-panel { inset: 0; width: 100%; height: 100dvh; border-radius: 0; } .nier-launcher { right: 16px; bottom: 16px; } }
@media(prefers-reduced-motion:reduce) { .nier-root *, .nier-root *::before { animation: none !important; transition: none !important; } }
.nier-panel { overflow: visible; }
.nier-header { border-radius: 20px 20px 0 0; }
.nier-footer { border-radius: 0 0 20px 20px; }
.nier-layout-toggle { position: absolute; right: calc(100% + 5px); left: auto; top: calc(50% - 36px); z-index: 4; display: grid; place-items: center; width: 24px; min-width: 24px; height: 72px; padding: 0; border: 0; background: transparent; transform: none; box-shadow: none; filter: none; }
.nier-layout-toggle:focus-visible .sidebar-handle { height: 52px; background: #9bc7c6; }
@media (hover: hover) { .nier-layout-toggle:hover .sidebar-handle { height: 52px; background: #9bc7c6; } }
.nier-layout-toggle:active .sidebar-handle { background: #54c9c1; }
.nier-layout-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
body.nier-split { --nier-dock-width: clamp(340px,35vw,520px); padding-right: var(--nier-dock-width); }
.nier-split .nier-panel { inset: 0 0 0 auto; width: var(--nier-dock-width); height: 100dvh; border-radius: 0; border-width: 0 0 0 1px; box-shadow: none; }
.nier-split .nier-header,.nier-split .nier-footer { border-radius: 0; }
.nier-split .donate-dialog { width: calc(100% - var(--nier-dock-width)); right: auto; }
.nier-on-donate .nier-launcher { z-index: 2147483647; }
.nier-on-donate .nier-panel { z-index: 2147483647; }
.nier-transitioning .nier-history { pointer-events:none; }
@media(max-width:760px) { body.nier-split { --nier-dock-width: 52vw; } .nier-split .nier-header { padding: 12px 8px; gap: 5px; flex-wrap: wrap; } .nier-split .nier-brand h2 { font-size: 14px; } .nier-split .nier-history { padding: 16px 12px; } .nier-split .nier-footer { padding: 10px 8px; } .nier-split .nier-empty h3 { font-size: 22px; } }
@media(max-width:480px) { .nier-layout-toggle { left: 0; right: auto; } .nier-panel .nier-header,.nier-panel .nier-footer { border-radius: 0; } .nier-split .nier-layout-toggle { left: auto; right: calc(100% + 5px); } }

/* Live conversation */
.nier-messages{flex-shrink:0;min-width:0;padding-bottom:8px}.nier-message{min-width:0;width:100%}.nier-user{width:auto}.nier-answer{margin:10px 0}.nier-answer code{background:#ffffff0b;padding:1px 4px;border-radius:4px}.nier-answer strong{color:#f0e8ff}
.nier-thinking{margin:12px 0;min-height:26px}.nier-thinking>span{background:linear-gradient(100deg,#998da9 20%,#eee1ff 48%,#998da9 76%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:nier-shimmer 2.4s ease-in-out infinite}
@keyframes nier-shimmer{0%{background-position:180% 0}100%{background-position:-80% 0}}
.nier-thought{margin:10px 0;border:1px solid #b8a4ff25;border-radius:10px;background:#b8a4ff08;padding:9px 11px;font-size:11px;color:#b9afc9}.nier-thought summary{cursor:pointer;color:#ccbbea}.nier-thought p{margin-top:10px;line-height:1.65}.nier-status-note{font-size:10px!important;color:#9f93b2;border-left:2px solid #8d70b6;padding-left:9px;margin:10px 0}.nier-warning{font-size:11px!important;color:#dbc597;background:#dbc59709;padding:8px;border-radius:7px;margin:8px 0}
.nier-response-actions{display:flex;flex-wrap:wrap;gap:3px;margin-top:12px;padding-top:7px;border-top:1px solid #ffffff09}.nier-response-actions button{width:32px;height:32px;display:grid;place-items:center;border:0;background:transparent;color:#92859f;border-radius:8px}.nier-response-actions button:hover,.nier-response-actions button[aria-pressed=true]{background:#b8a4ff18;color:#dbcaff}.nier-response-actions .material-symbols-rounded{font-size:17px}.nier-response-actions button:focus-visible{outline:2px solid #b8a4ff;outline-offset:2px}
.nier-jump{display:block;margin:-29px auto 9px;position:relative;border:1px solid #67547c;border-radius:20px;background:#342b42;color:#e5d8f7;font-size:11px;padding:7px 13px;box-shadow:0 3px 14px #0007}.nier-jump[hidden]{display:none}.nier-chart{margin:12px 0;padding:13px;border:1px solid #b8a4ff30;border-radius:12px;background:linear-gradient(135deg,#30243f,#201c2a)}.nier-chart>strong{display:block;font-size:11px}.nier-chart>b{display:block;font-size:23px;color:#eee1ff;margin-top:6px}.nier-chart svg{width:100%;height:auto}.nier-chart figcaption,.nier-chart details{font-size:10px;color:#b5a7c5}.nier-chart details{margin-top:8px}.nier-chart details>div{max-height:180px;overflow:auto}.nier-sources{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.nier-sources a{font-size:10px;border:1px solid #b8a4ff30;border-radius:7px;padding:4px 7px;color:#cebbef;text-decoration:none;overflow-wrap:anywhere}.nier-sources a:hover{text-decoration:underline}
@media(prefers-reduced-motion:reduce){.nier-thinking>span{background:none;color:#cbbbe0}}
/* Structured Markdown and support */
.nier-markdown{overflow-wrap:anywhere;min-width:0}.nier-markdown p{margin:0 0 12px;white-space:normal}.nier-markdown h1{font-size:25px;line-height:1.25;margin:16px 0 12px;color:#f2eafa}.nier-markdown h2{font-size:21px;line-height:1.3;margin:16px 0 10px;color:#eee6f6}.nier-markdown h3{font-size:17px;line-height:1.4;margin:14px 0 8px;color:#ded0ef}.nier-markdown h4{font-size:11px;line-height:1.6;font-weight:400;margin:12px 0 8px;color:#a99cb8}.nier-markdown em{font-style:italic}.nier-markdown strong{font-weight:700;color:#eee5fa}.nier-markdown ul,.nier-markdown ol{padding-left:22px;margin:10px 0}.nier-markdown li{margin:5px 0}.nier-markdown blockquote{border-left:3px solid #9478bd;padding:6px 12px;margin:10px 0;color:#c3b1d5}.nier-markdown pre{max-width:100%;overflow:auto;white-space:pre-wrap;background:#101014;padding:12px;border-radius:9px;margin:10px 0}.nier-markdown code{font-size:11px;background:#ffffff0b;border-radius:4px;padding:1px 3px}.nier-markdown a{color:#c3afff;text-decoration:underline}.nier-stream-content{min-width:0;overflow:visible}.nier-answer{height:auto;max-height:none;overflow:visible}.nier-history{overflow-anchor:none}.nier-messages{grid-auto-rows:max-content}.nier-ticket{padding:13px;border:1px solid #9c7fca44;border-radius:14px;background:#b8a4ff08}.nier-ticket>h3{font-size:14px;margin-bottom:12px}.nier-ticket-actions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.nier-ticket-actions button{padding:8px 11px;border:1px solid #9478bd60;border-radius:8px;background:#b8a4ff12;color:#ddceef;font-size:11px}.nier-ticket-actions button:disabled{opacity:.5}.nier-ticket-actions button:hover:not(:disabled){background:#b8a4ff28}
.support-dashboard{margin-top:28px;padding:20px;border:1px solid #ffffff20;border-radius:16px;background:#16171b}.support-dashboard>header{display:flex;justify-content:space-between;align-items:center;gap:16px}.support-dashboard p{color:#a9a2b1;font-size:12px;line-height:1.6;margin:8px 0}.support-dashboard h2{font-size:21px}.support-dashboard h3{font-size:16px;margin:18px 0 8px}.support-dashboard button{border:1px solid #76618c;background:#a68bc418;color:#e0d3ef;border-radius:8px;padding:9px 12px;font-size:12px}.support-layout{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:20px;margin-top:16px}.support-ticket-row{display:flex;flex-direction:column;gap:5px;width:100%;text-align:left;margin-bottom:8px}.support-ticket-row small{overflow-wrap:anywhere;color:#b8acc4}.support-transcript{max-height:480px;overflow:auto;border:1px solid #ffffff18;border-radius:10px;padding:12px;margin:12px 0}.support-transcript article{border-bottom:1px solid #ffffff10;padding:12px 0;font-size:13px}.support-transcript article>strong{font-size:10px;color:#a88fbe}.support-form{margin-top:20px;padding:14px;background:#ffffff03;border:1px solid #ffffff12;border-radius:10px}.support-form textarea{display:block;width:100%;min-height:90px;resize:vertical;margin:10px 0;background:#101115;color:#eee;border:1px solid #554760;border-radius:8px;padding:10px;font:inherit;font-size:13px}.support-dashboard [data-detail]{min-width:0}.support-dashboard details>summary{cursor:pointer;font-size:13px;color:#cbb6e5}.support-dashboard button:disabled{opacity:.5}@media(max-width:760px){.support-layout{grid-template-columns:1fr}.support-dashboard>header{align-items:flex-start;flex-direction:column}}