/* THS: AI tutor page only. */
/* ---- AI tutor page ---- */
.agent{text-align:left;cursor:pointer;background:#fff;color:var(--ink);border:2px solid var(--line);border-radius:8px;padding:28px;display:flex;flex-direction:column;gap:10px}
.agent:hover{border-color:var(--ink)}.agent .c{font-family:var(--mono);font-size:12px;color:var(--red)}.agent .n{font-size:21px;font-weight:600;line-height:1.25}.agent .d{font-size:15px;line-height:1.5;color:var(--ink3)}
.agent[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--red)}.agent[aria-pressed=true] .c{color:var(--pink)}.agent[aria-pressed=true] .d{color:var(--soft)}
.tutor{background:var(--ink);border-radius:10px;overflow:hidden;color:#fff}
.wallet{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:20px 28px;border-bottom:1px solid var(--ink2)}
.wallet .num{position:relative;display:flex;align-items:baseline;gap:12px}.wallet .n{font-family:var(--mono);font-size:34px;font-weight:500;color:#6FD3A3}.wallet.low .n{color:#FF9C8C}
.wallet .l{font-size:15px;color:#DAD6D0;font-weight:600}
.wallet .meter{flex:1;min-width:80px;height:6px;background:var(--ink2);border-radius:3px;overflow:hidden}.wallet .meter i{display:block;height:100%;border-radius:3px;background:#6FD3A3;transition:width .4s}.wallet.low .meter i{background:#FF9C8C}
.wallet a{color:#fff;font-weight:600;font-size:15px;border-bottom:1px solid var(--red);padding-bottom:2px}.wallet a:hover{color:#fff}
.flash{position:absolute;left:0;top:-18px;font-family:var(--mono);font-weight:700;font-size:15px;color:#FF9C8C;animation:floatUp .9s ease forwards}
@keyframes floatUp{0%{opacity:0;transform:translateY(6px)}20%{opacity:1}100%{opacity:0;transform:translateY(-24px)}}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes blink{0%,100%{opacity:.25}50%{opacity:1}}
.chat{height:480px;overflow-y:auto;padding:28px;display:flex;flex-direction:column;gap:20px}
.msg{display:flex;flex-direction:column;animation:fadeIn .3s ease}
.msg-u{align-self:flex-end;background:var(--red);color:#fff;font-size:16px;line-height:1.55;padding:12px 18px;border-radius:14px 14px 3px 14px;max-width:80%;overflow-wrap:anywhere;white-space:pre-wrap}
.msg-a{align-self:flex-start;max-width:90%;background:#231F1C;border:1px solid var(--ink2);color:var(--line2);font-size:16px;line-height:1.65;padding:18px 22px;border-radius:14px 14px 14px 3px}
.msg-a .c{font-family:var(--mono);font-size:11.5px;color:var(--pink);margin-bottom:10px}
.msg-a ol{margin:14px 0 0;padding-left:22px;display:flex;flex-direction:column;gap:8px;color:#DAD6D0;list-style:decimal}
.msg-a pre{margin:16px 0 0;background:#0D0C0B;border:1px solid var(--ink2);border-radius:6px;padding:16px;font-family:var(--mono);font-size:13px;line-height:1.6;color:#8FD9B6;overflow-x:auto;white-space:pre}
.typing{align-self:flex-start;display:flex;gap:6px;padding:16px;background:#231F1C;border-radius:14px}.typing i{width:8px;height:8px;border-radius:50%;background:var(--pink);animation:blink 1s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}
.chips{padding:0 28px 16px;display:flex;flex-wrap:wrap;gap:10px}
.chip{background:transparent;border:1px solid var(--ink3);color:#DAD6D0;font-size:14px;font-weight:600;padding:8px 16px;border-radius:999px;cursor:pointer}.chip:hover{border-color:#fff;color:#fff}
.askbar{padding:16px 28px 28px;border-top:1px solid var(--ink2);display:flex;gap:12px}
.askbar input{flex:1;min-width:0;background:#0D0C0B;border:1px solid var(--ink3);color:#fff;border-radius:4px;padding:15px 18px;font-size:16px}
.askbar button{background:var(--red);color:#fff;border:0;border-radius:4px;padding:0 28px;font-weight:600;font-size:16px;cursor:pointer}.askbar button:hover{background:var(--red-d)}.askbar button[disabled]{opacity:.6}
.signin{padding:28px;display:flex;flex-direction:column;gap:14px;max-width:520px}
.signin h3{font-size:22px;font-weight:600}.signin p{color:#DAD6D0;font-size:15.5px;line-height:1.6}
.signin input{background:#0D0C0B;border:1px solid var(--ink3);color:#fff;border-radius:4px;padding:15px 18px;font-size:16px}
.signin .msgline{font-size:14px;color:var(--pink);min-height:1.4em}
.signin .linkbtn{background:none;border:0;color:var(--soft);text-decoration:underline;cursor:pointer;padding:0;font-size:14px;align-self:flex-start}
.pack{background:#fff;border:1px solid var(--line);border-radius:8px;padding:36px;display:flex;flex-direction:column;gap:14px}.pack--hot{border:2px solid var(--red)}
.pack .k{font-family:var(--mono);font-size:12px;color:var(--red)}.pack .amt{font-family:var(--mono);font-size:48px;font-weight:500;line-height:1}.pack .q{font-size:22px;font-weight:600}.pack .d{font-size:16px;color:var(--ink3);line-height:1.55;flex:1}
.pack .btn{padding:15px}
.pack .slrow{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.pack .slq{text-align:right}.pack .slq b{font-family:var(--mono);font-size:28px;font-weight:500;color:var(--green-d)}.pack .slq span{display:block;font-size:13px;color:var(--mute)}
.pack input[type=range]{width:100%;accent-color:var(--red);margin:8px 0 0}
.pack .rng{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;color:var(--mute2)}
.pack .rate{font-size:14px;color:var(--mute);font-family:var(--mono);flex:1}

.seednote{align-self:center;font-family:var(--mono);font-size:11.5px;color:var(--soft);letter-spacing:.3px;text-align:center}