html,body,#root{height:100%;width:100%;margin:0}body{background:#0b0f14}:root{--bg-main: #fff6e8;--bg-panel: rgba(255, 255, 255, .65);--bg-input: rgba(255, 255, 255, .8);--text-main: #3a2a20;--text-muted: rgba(58, 42, 32, .65);--border-main: rgba(58, 42, 32, .18);--danmaku-main: rgba(255, 170, 92, .92);--grad-wall-1: rgba(255, 214, 170, .25);--grad-wall-2: rgba(255, 184, 108, .25);--btn-grad-1: rgba(255, 184, 108, .95);--btn-grad-2: rgba(255, 214, 170, .95)}.page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-main);color:var(--text-main)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-main);background:var(--bg-panel)}.title{font-size:18px;font-weight:700}.status{font-size:12px;opacity:.8;color:var(--text-muted)}.wall{position:relative;flex:1;overflow:hidden;background:linear-gradient(135deg,var(--grad-wall-1),var(--grad-wall-2))}.danmaku{position:absolute;right:-10px;top:0;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-weight:600;font-size:clamp(14px,3.6vw,18px);line-height:1;color:var(--danmaku-main)!important;animation-name:fly;animation-timing-function:linear;animation-fill-mode:both}@keyframes fly{0%{transform:translate(100%)}to{transform:translate(-140vw)}}.danmaku img.icon{width:clamp(14px,3.2vw,20px);height:auto;flex-shrink:0;opacity:.95;max-width:none}.danmaku span:first-of-type{opacity:.75;color:var(--text-muted)}.bar{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border-main);background:var(--bg-panel)}.bar input{flex:1;padding:10px 12px;border-radius:10px;border:1px solid var(--border-main);background:var(--bg-input);color:inherit}.bar button{background:linear-gradient(135deg,var(--btn-grad-1),var(--btn-grad-2));color:#fff;border:1px solid var(--border-main)}.loading-overlay{position:fixed;inset:0;z-index:9999;background:var(--bg-main);overflow:hidden}.loading-icon{position:absolute;width:32px;height:auto;opacity:0;animation:fadeInScale .6s ease forwards}.phase-grow .loading-icon{animation:growFromCenter 1.5s ease forwards}.phase-fill .loading-icon{animation:fadeInScale .8s ease forwards}.phase-fall .loading-icon{animation:fallDown .8s ease forwards}@keyframes growFromCenter{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fallDown{0%{opacity:1;transform:translate(-50%,-50%) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) translateY(120vh)}}.console-page{min-height:100vh;padding:12px}.console-topbar{display:flex;align-items:baseline;justify-content:space-between;padding:10px 12px;border:1px solid var(--border-main);background:var(--bg-panel);border-radius:12px}.console-title{font-weight:800}.console-status{font-size:12px;color:var(--text-muted)}.console-tools{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.console-token{flex:1;min-width:260px;padding:10px 12px;border-radius:10px;border:1px solid var(--border-main);background:var(--bg-input);color:inherit}.console-back{margin-left:auto;text-decoration:none;color:inherit;opacity:.8}.console-table-wrap{margin-top:10px;border:1px solid var(--border-main);border-radius:12px;overflow:hidden;background:#ffffff8c}.console-table{width:100%;border-collapse:collapse}.console-table th,.console-table td{padding:10px;border-bottom:1px solid var(--border-main);vertical-align:top}.console-table th{text-align:left;font-size:12px;opacity:.85}.console-textarea{width:100%;min-height:64px;resize:vertical;padding:8px 10px;border-radius:10px;border:1px solid var(--border-main);background:var(--bg-input);color:inherit}.console-actions{display:flex;gap:8px}.console-actions .danger{background:#ff50502e;border:1px solid rgba(255,80,80,.35)}.console-empty{padding:24px;text-align:center;color:var(--text-muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}