:root{--gold: #c8b878;--gold-light: #e8d898;--gold-dim: #8a7a50;--ink: #1a1a2e;--ink-light: #2a2a4e;--paper: #f5f0e0;--text-primary: #f0f0fa;--text-secondary: #c0c0d8;--text-dim: #9090b0;--panel-bg: rgba(10, 10, 26, .85);--panel-border: rgba(200, 184, 120, .3);--glow-gold: 0 0 20px rgba(200, 184, 120, .4)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#050510}#root{position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 10px #c8b8784d}50%{box-shadow:0 0 25px #c8b87899}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes inkSpread{0%{opacity:0;transform:scale(.8);filter:blur(10px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes shimmerText{0%{background-position:-200% center}to{background-position:200% center}}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);border-radius:12px;color:var(--text-primary)}::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}::-webkit-scrollbar-track{display:none!important}::-webkit-scrollbar-thumb{display:none!important}::-webkit-scrollbar-corner{display:none!important}*{scrollbar-width:none!important;-ms-overflow-style:none!important}html,body{overflow:hidden!important}::selection{background:#c8b8784d}.btn-gold{background:linear-gradient(135deg,#c8b87826,#c8b8780d);border:1px solid var(--gold-dim);color:var(--gold-light);padding:8px 20px;border-radius:6px;cursor:pointer;font-size:.85rem;letter-spacing:.1rem;transition:all .3s ease;font-family:inherit;white-space:nowrap}.btn-gold:hover{background:linear-gradient(135deg,#c8b8784d,#c8b8781a);border-color:var(--gold);box-shadow:var(--glow-gold)}.btn-gold:active{transform:scale(.96)}.poem-text{font-family:STKaiti,KaiTi,"Noto Serif SC",serif;color:var(--gold-light);text-shadow:0 0 8px rgba(200,184,120,.4)}@media (max-width: 768px){:root{--text-primary: #e8e8f0}.btn-gold{padding:6px 14px;font-size:.75rem}}@media (max-width: 480px){.btn-gold{padding:5px 10px;font-size:.7rem;letter-spacing:.05rem}}.no-wrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gradient-text{background:linear-gradient(135deg,var(--gold-light),var(--gold),var(--gold-dim));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmerText 3s linear infinite}@media (hover: none) and (pointer: coarse){.btn-gold:hover{background:linear-gradient(135deg,#c8b87826,#c8b8780d);border-color:var(--gold-dim);box-shadow:none}}