:root{--ink: #0e1a2b;--ink-soft: #2a3a4d;--muted: #6a7a8c;--line: rgba(14, 26, 43, .1);--bg: #f5f7fa;--bg-deep: #e8eef4;--surface: #ffffff;--accent: #c9a227;--accent-ink: #0e1a2b;--accent-hover: #b8911c;--danger: #b42318;--radius: 4px;--font: "Manrope", "PingFang SC", "Microsoft YaHei", sans-serif;--font-display: "Fraunces", "Noto Serif SC", "Songti SC", serif;--shadow-soft: 0 18px 50px rgba(14, 26, 43, .08);--text: #eef2f6;--text-muted: #9aa8b5;--border: rgba(255, 255, 255, .1);--bg-elevated: #1a222c}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:linear-gradient(180deg,#f8fafc 0%,var(--bg) 42%,var(--bg-deep) 100%);color:var(--ink);font-family:var(--font)}button,input{font:inherit}button{cursor:pointer;border:none;border-radius:var(--radius);padding:.85rem 1.35rem;background:var(--ink);color:#fff;font-weight:600;letter-spacing:.02em;transition:background .2s ease,transform .18s ease,border-color .2s ease}button:hover{background:#18283b}button:active{transform:translateY(1px)}button.ghost{background:transparent;border:1px solid var(--ink);color:var(--ink)}button.ghost:hover{background:#0e1a2b0a}button.gold{background:var(--accent);color:var(--accent-ink)}button.gold:hover{background:var(--accent-hover)}button.danger{background:var(--danger);color:#fff}button:disabled{opacity:.55;cursor:not-allowed}input{width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:var(--radius);padding:.8rem .95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}input:focus{border-color:#c9a227d9;box-shadow:0 0 0 3px #c9a22726}input::placeholder{color:#9aa8b5}html.room-scroll-lock,body.room-scroll-lock{overflow:hidden!important;overscroll-behavior:none!important;height:100%!important;width:100%!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important}