:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--warm-gradient: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--cool-gradient: linear-gradient(135deg, #30cfd0 0%, #330867 100%);--text-shadow: 2px 2px 4px rgba(0,0,0,.1);--box-shadow-sm: 0 2px 10px rgba(0,0,0,.08);--box-shadow-md: 0 4px 20px rgba(0,0,0,.12);--box-shadow-lg: 0 10px 40px rgba(0,0,0,.15);--border-radius-lg: 20px;--border-radius-xl: 30px}body{font-family:Noto Sans JP,sans-serif;background:#fff!important;min-height:100vh}.novel-like-button{cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.novel-like-button:hover{transform:scale(1.05)}.novel-like-button:hover i{filter:drop-shadow(0 0 15px rgba(255,193,7,.8))}.novel-like-count{font-size:1.8rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-success{background:linear-gradient(135deg,#11998e,#38ef7d);border:none;border-radius:25px;padding:10px 25px;font-weight:600;transition:all .3s ease}.btn-success:hover{transform:translateY(-2px);box-shadow:0 5px 20px #38ef7d4d}.btn-outline-primary{border-radius:25px;border-width:2px;font-weight:600;transition:all .3s ease}.btn-outline-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea4d}.btn-secondary{border-radius:25px;padding:10px 25px;font-weight:600}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;padding:10px 25px;font-weight:600;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea4d}.content-text{font-size:1.05rem;line-height:1.8;color:#333}@media (max-width: 576px){.nav-tabs .nav-link{font-size:.875rem;padding:.5rem .75rem}.nav-tabs .nav-link i{display:none}.container{padding-left:1rem;padding-right:1rem}}.card{border-radius:.5rem}.badge{font-size:.75rem;padding:.35rem .6rem}.btn-sm{font-size:.8rem;padding:.375rem .75rem}@media (max-width: 768px){.btn-sm{font-size:.75rem;padding:.25rem .5rem}.flex-fill{min-width:0}}.progress,.progress-bar{border-radius:.5rem}.card-text{line-height:1.6}.bi+.bi{margin-left:.5rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.btn:focus,.nav-link:focus,.form-select:focus{outline:2px solid #0d6efd;outline-offset:2px}@media (max-width: 480px){.d-flex.gap-2{flex-direction:column}.d-flex.gap-2>*{margin-bottom:.5rem}.d-flex.gap-2>*:last-child{margin-bottom:0}.card-body{padding:1rem}.card-header{padding:.75rem 1rem}}@media (max-width: 768px){.col-md-6{margin-bottom:1rem}}.border-info{border-width:2px!important}.bg-info{background-color:#0dcaf0!important}.border-success{border-width:2px!important}.border-start{border-width:4px!important}