:root{--bg-color: #0b0b14;--card-bg: #151528;--card-hover: #1f1f3a;--text-main: #f0f0f5;--text-muted: #9494b8;--accent: #e6c547;--accent-glow: rgba(230, 197, 71, .15)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-main)}.app-container{max-width:900px;margin:0 auto;padding:40px 20px;box-sizing:border-box}header{text-align:center;margin-bottom:35px}.app-title{color:var(--accent);font-size:32px;margin-bottom:20px;letter-spacing:1.5px}.nav-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:25px}.nav-tabs button{background:var(--card-bg);border:1px solid #2a2a48;color:var(--text-muted);padding:10px 20px;border-radius:10px;cursor:pointer;font-size:15px;transition:all .2s ease}.nav-tabs button:hover{border-color:var(--accent);color:var(--text-main)}.nav-tabs button.active{background:var(--accent);color:#0b0b14;font-weight:700;border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow)}.controls-panel{display:flex;gap:15px;max-width:550px;margin:0 auto;justify-content:center}.search-wrapper{flex-grow:1}.search-box{width:100%;padding:14px 18px;border-radius:12px;border:1px solid #2a2a48;background:var(--card-bg);color:#fff;font-size:15px;box-sizing:border-box;outline:none;transition:border-color .2s,box-shadow .2s}.search-box:focus{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.random-btn{background:var(--card-bg);border:1px solid #2a2a48;color:var(--accent);padding:0 20px;border-radius:12px;cursor:pointer;font-size:15px;font-weight:500;white-space:nowrap;transition:all .2s ease}.random-btn:hover{background:var(--card-hover);border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.card-item{background:var(--card-bg);border:1px solid #2a2a48;border-radius:14px;padding:22px 18px;text-align:center;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.card-item:hover{transform:translateY(-4px);background:var(--card-hover);border-color:var(--accent);box-shadow:0 6px 20px #0006}.card-item-title{font-weight:700;font-size:18px;color:var(--accent);margin-bottom:6px}.card-item-subtitle{font-size:13px;color:var(--text-muted)}.detail-nav-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.back-btn,.copy-btn{background:var(--card-bg);border:1px solid #2a2a48;color:var(--accent);font-size:14px;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s ease}.back-btn:hover,.copy-btn:hover{background:var(--card-hover);border-color:var(--accent)}.card-content-box{display:flex;background:var(--card-bg);border:1px solid #2a2a48;border-radius:16px;padding:35px;box-shadow:0 10px 30px #00000080}.full-width{width:100%}.card-info h2{margin-top:0;color:var(--accent);font-size:26px}.subtitle{color:var(--text-muted);font-size:15px;font-weight:400;margin-top:-5px;margin-bottom:25px}.description p{line-height:1.7;color:var(--text-main);margin-bottom:15px}.action-box{background:#10101f;padding:18px;border-left:4px solid var(--accent);border-radius:0 8px 8px 0;margin-top:25px}.action-label{font-weight:700;color:var(--accent);font-size:14px}.action-box p{margin:6px 0 0;font-size:14px;color:var(--text-muted)}.book-section{background:var(--card-bg);border:1px solid #2a2a48;border-radius:16px;padding:35px;box-shadow:0 10px 30px #00000080}.book-section h2{color:var(--accent);margin-top:0;margin-bottom:25px;font-size:24px;border-bottom:1px solid #2a2a48;padding-bottom:12px}.book-chapter{margin-bottom:25px}.book-chapter h3{color:var(--accent);font-size:18px;margin-bottom:10px}.book-chapter p{line-height:1.6;color:var(--text-muted);margin-bottom:10px}.empty-history{color:var(--text-muted);text-align:center;padding:20px 0}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{background:#10101f;border:1px solid #2a2a48;padding:14px 18px;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.history-item:hover{border-color:var(--accent);background:var(--card-hover);transform:translate(4px)}.history-title{color:var(--accent);font-weight:700}.history-subtitle{color:var(--text-muted);font-size:14px;margin-left:6px}.history-date{color:var(--text-muted);font-size:13px}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}