:root{--primary-color: #1a7a60;--primary-dark: #156650;--primary-light: #6dcfb0;--secondary-color: #48c9a0;--secondary-dark: #156650;--success-color: #4caf7d;--danger-color: #c0392b;--warning-color: #d4883a;--info-color: #5b8fc9;--text-primary: #1a3830;--text-secondary: #2e5a4e;--text-muted: #7abfaa;--text-light: #b8ead8;--background-primary: #f5fffc;--background-secondary: #eafaf4;--background-gradient: linear-gradient(135deg, #f5fffc 0%, #d8f5eb 100%);--border-color: #b8ead8;--border-light: #d8f5eb;--font-family: "Segoe UI", "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--header-height-mobile: 70px;--header-height-desktop: 120px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 50%;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .12);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-tooltip: 1070}*{box-sizing:border-box}body{font-family:var(--font-family);margin:0;padding:0;padding-top:var(--header-height-desktop);background:var(--background-gradient);color:var(--text-primary);min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{margin:0 0 var(--spacing-md) 0;font-weight:var(--font-weight-semibold);line-height:1.3}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{margin:0 0 var(--spacing-md) 0}ul,ol{margin:0 0 var(--spacing-md) 0;padding-left:var(--spacing-xl)}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.row{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.col{flex:1}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-light{color:var(--text-light)}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.bg-primary{background-color:var(--primary-color)}.bg-secondary{background-color:var(--background-secondary)}.bg-white{background-color:var(--background-primary)}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-grid{display:grid}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.w-100{width:100%}.h-100{height:100%}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.p-0{padding:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.pr-0{padding-right:0}.fade-in{animation:fadeIn var(--transition-slow) ease-in-out}.slide-up{animation:slideUp var(--transition-base) ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){body{padding-top:var(--header-height-mobile);background:linear-gradient(135deg,#f5f7fa,#fff)}.container{padding:8px}.d-md-none{display:none}.d-md-block{display:block}.text-md-center{text-align:center}.row{flex-direction:column;gap:var(--spacing-md)}}.header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-lg)}.header h1{margin:0 0 var(--spacing-lg) 0;color:var(--primary-color);font-size:var(--font-size-4xl);text-align:center;font-weight:var(--font-weight-bold)}nav{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.nav-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:25px;cursor:pointer;font-weight:var(--font-weight-medium);transition:all var(--transition-base);box-shadow:var(--shadow-md)}.nav-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.nav-btn.active{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--primary-color) 100%);transform:scale(1.05)}.card-header{border-bottom:1px solid var(--border-light);padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.card-title{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.card-subtitle{margin:var(--spacing-sm) 0 0 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.card-body{padding:0}.card-footer{border-top:1px solid var(--border-light);padding-top:var(--spacing-lg);margin-top:var(--spacing-lg)}.grid{display:grid;gap:var(--spacing-lg)}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-auto-lg{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.status-bar{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-md) var(--spacing-lg);border-radius:25px;box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);z-index:var(--z-fixed)}.status-online{color:var(--success-color)}.status-offline{color:var(--danger-color)}.view{animation:fadeIn var(--transition-slow) ease-in-out}@media (max-width: 768px){.header h1{font-size:var(--font-size-3xl)}.nav-btn{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.status-bar{bottom:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md);text-align:center}}@media (max-width: 480px){.container{padding:4px}.header{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.header h1{font-size:var(--font-size-2xl)}}.btn{display:inline-block;padding:10px 20px;border:none;border-radius:4px;font-weight:500;text-align:center;text-decoration:none;cursor:pointer;transition:all .3s ease;font-size:14px;line-height:1.5;-webkit-user-select:none;user-select:none}.btn:focus{outline:none;box-shadow:0 0 0 3px #2ab08a40}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.btn-outline{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover:not(:disabled){background-color:var(--primary-color);color:#fff;transform:translateY(-1px)}.btn-back{background-color:#6c757d;color:#fff}.btn-back:hover:not(:disabled){background-color:#5a6268;transform:translateY(-2px)}.btn-search{background-color:var(--primary-color);color:#fff;border-radius:25px;padding:12px 30px;white-space:nowrap;min-width:80px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.btn-search:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px #2ab08a66;filter:brightness(1.1)}.btn-search:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #2ab08a4d}.btn-search:disabled{background-color:#e0e0e0;color:#9e9e9e;cursor:not-allowed;transform:none;box-shadow:none}.btn-submit{background-color:var(--primary-color);color:#fff;min-width:100px}.btn-submit:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-1px)}.btn-cancel{background-color:#dc3545;color:#fff}.btn-cancel:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px)}.btn-clear{background-color:#6c757d;color:#fff;padding:8px 16px;font-size:13px;border-radius:20px}.btn-clear:hover:not(:disabled){background-color:#5a6268;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.btn-delete{background-color:#dc3545;color:#fff;font-size:12px;padding:5px 10px}.btn-delete:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px)}.btn-page{background-color:#f8f9fa;color:#6c757d;border:1px solid #dee2e6;padding:8px 12px;margin:0 2px}.btn-page:hover:not(:disabled){background-color:#e9ecef;color:#495057}.btn-page.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:15px 30px;font-size:16px}.btn-xl{padding:18px 36px;font-size:18px;border-radius:8px}.btn-block{width:100%;display:block}.btn-small{padding:6px 12px;font-size:12px;border-radius:3px}.btn-icon{display:flex;align-items:center;gap:8px}.btn-icon-only{padding:10px;min-width:unset;border-radius:50%}@media (max-width: 768px){.btn{padding:12px 16px;font-size:13px}.btn-lg{padding:14px 24px;font-size:15px}.btn-search{padding:10px 20px}}@media (max-width: 480px){.btn{padding:10px 14px;font-size:12px}.btn-search{padding:8px 16px}.btn-block{margin-bottom:10px}}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-control{display:block;width:100%;padding:12px 16px;font-size:14px;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:2px solid #e9ecef;border-radius:4px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{color:#495057;background-color:#fff;border-color:var(--success-color);outline:0;box-shadow:0 0 0 .2rem #2ab08a40}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}.search-input{padding:12px 16px;font-size:16px;border:2px solid #ddd;border-radius:8px;transition:all .3s ease;width:100%}.search-input:focus{border-color:var(--success-color);box-shadow:0 0 10px #2ab08a33;outline:none}.access-key-input{padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100%;transition:all .3s}.access-key-input:focus{border-color:var(--success-color);box-shadow:0 0 5px #2ab08a4d;outline:none}.form-textarea{resize:vertical;min-height:100px}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 12px;padding-right:40px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:#495057;font-size:14px}.form-label.required:after{content:" *";color:#dc3545}.form-check{display:flex;align-items:center;margin-bottom:12px}.form-check-input{width:16px;height:16px;margin-right:8px;accent-color:var(--success-color)}.form-check-label{font-size:14px;color:#495057;cursor:pointer}.form-control.is-invalid,.search-input.is-invalid,.access-key-input.is-invalid{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.form-control.is-valid,.search-input.is-valid,.access-key-input.is-valid{border-color:var(--success-color);box-shadow:0 0 0 .2rem #2ab08a40}.validation-error,.error-message{display:block;width:100%;margin-top:4px;font-size:12px;color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:8px 12px;border-radius:4px}.validation-success,.success-message{display:block;width:100%;margin-top:4px;font-size:12px;color:#155724;background-color:#d4edda;border:1px solid #c3e6cb;padding:8px 12px;border-radius:4px}.form-help{font-size:12px;color:#6c757d;margin-top:4px}.form-inline{display:flex;align-items:center;gap:12px}.form-inline .form-control{width:auto;display:inline-block}.search-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.search-form .form-group{margin-bottom:0;flex:1;min-width:200px}.search-form .btn{flex-shrink:0}.filter-form{background-color:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px}.filter-form .form-group{margin-bottom:15px}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;align-items:end}.access-form{background-color:#fff3cd;border:1px solid #ffeaa7;padding:20px;border-radius:8px;margin-bottom:20px}.access-form .form-label{color:#856404;font-weight:600}@media (max-width: 768px){.form-control,.search-input,.access-key-input{padding:10px 12px;font-size:16px}.search-form{flex-direction:column}.search-form .form-group{width:100%;min-width:unset}.form-inline{flex-direction:column;align-items:stretch}.filter-row{grid-template-columns:1fr}}@media (max-width: 480px){.form-control,.search-input,.access-key-input{padding:8px 10px}.form-label{font-size:13px}.validation-error,.error-message,.validation-success,.success-message{font-size:11px;padding:6px 8px}}.card{background-color:#fffffff2;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;max-width:1200px;margin:0 auto 2rem}.card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.card-elevated{box-shadow:0 4px 12px #00000026}.card-elevated:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0003}.card-flat{box-shadow:none;border:1px solid #e9ecef}.card-flat:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #2ab08a1a}.book-card{background-color:#fff;border-radius:15px;padding:20px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column}.book-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.bookmark-card,.bookmark-item{background-color:#fffffffa;border-radius:12px;padding:25px;box-shadow:0 6px 20px #00000014;transition:all .3s ease;border:1px solid rgba(0,0,0,.03);position:relative}.bookmark-card:hover,.bookmark-item:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000001f}.search-result-card{background-color:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 6px #00000014;transition:all .3s ease;margin-bottom:15px}.search-result-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.stats-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;padding:20px;text-align:center;box-shadow:0 3px 10px #0000001a;border:1px solid rgba(0,0,0,.05)}.info-card{background-color:#d1ecf1;border:1px solid #bee5eb;border-radius:8px;padding:15px;color:#0c5460}.warning-card{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:15px;color:#856404}.success-card{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;padding:15px;color:#155724}.error-card{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:15px;color:#721c24}.card-header{border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:15px;margin-bottom:15px}.card-title{font-size:18px;font-weight:600;color:#495057;margin:0 0 5px}.card-subtitle{font-size:14px;color:#6c757d;margin:0}.card-body{flex:1}.card-text{font-size:14px;line-height:1.6;color:#6c757d;margin-bottom:15px}.card-text:last-child{margin-bottom:0}.card-footer{border-top:1px solid rgba(0,0,0,.1);padding-top:15px;margin-top:15px;display:flex;justify-content:space-between;align-items:center}.card-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.meta-info{font-size:12px;color:#6c757d;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.meta-info span{display:flex;align-items:center;gap:4px}.card-loading{background-color:#f8f9fa;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.card-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card-grid-sm{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.card-grid-lg{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px}.card-list{display:flex;flex-direction:column;gap:15px}.card-list-item{display:flex;align-items:center;gap:15px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;transition:all .3s ease}.card-list-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}@media (max-width: 768px){.card{padding:12px;margin-bottom:8px}.book-card,.bookmark-card,.bookmark-item{padding:12px;border-radius:10px}.card-grid,.card-grid-sm,.card-grid-lg{grid-template-columns:1fr;gap:4px}.card-actions{flex-direction:column;align-items:stretch;gap:8px}.card-footer{flex-direction:column;align-items:stretch;gap:15px}.meta-info{font-size:11px;gap:10px}}@media (max-width: 480px){.book-card,.bookmark-card,.bookmark-item{padding:16px;border-radius:10px}.card-grid,.card-grid-sm,.card-grid-lg{grid-template-columns:1fr;gap:4px}.card-title{font-size:16px}.card-text{font-size:13px}.card-list-item{flex-direction:column;align-items:stretch;text-align:center}}.card-glow{box-shadow:0 0 20px #2ab08a4d}.card-borderless{border:none;box-shadow:0 1px 3px #0000001a}.public-badge,.private-badge{font-size:12px;padding:4px 8px;border-radius:12px;font-weight:500;white-space:nowrap}.public-badge{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #c3e6cb}.private-badge{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;border:1px solid #ffeaa7}.card-fade-in{animation:fadeIn .5s ease-in}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--success-color);border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}.loading-spinner-sm{width:20px;height:20px;border-width:2px}.loading-spinner-lg{width:60px;height:60px;border-width:6px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--success-color);border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.loading-container p{margin-top:15px;color:#6c757d;font-size:14px}.loading-inline{display:flex;align-items:center;gap:10px}.loading-inline .spinner,.loading-inline .loading-spinner{width:16px;height:16px;border-width:2px;margin:0}.loading-dots{display:flex;gap:4px;align-items:center;justify-content:center}.loading-dots span{width:8px;height:8px;border-radius:50%;background-color:var(--success-color);animation:loadingDots 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loadingDots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.progress{width:100%;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden}.progress-bar{height:100%;background-color:var(--success-color);transition:width .3s ease}.progress-bar-animated{animation:progressBarAnimation 1s linear infinite}@keyframes progressBarAnimation{0%{background-position:0 0}to{background-position:30px 0}}.error-state{text-align:center;padding:40px 20px;color:#dc3545}.error-state-icon{font-size:48px;margin-bottom:15px}.error-state h3{color:#dc3545;margin-bottom:10px;font-size:18px}.error-state p{color:#6c757d;margin-bottom:20px;font-size:14px;line-height:1.5}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:12px;border-radius:4px;margin-bottom:15px}.error-message-small{padding:8px 10px;font-size:12px}.success-state{text-align:center;padding:40px 20px;color:var(--success-color)}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:12px;border-radius:4px;margin-bottom:15px}.warning-state{text-align:center;padding:40px 20px;color:#856404}.warning-message{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:12px;border-radius:4px;margin-bottom:15px}.empty-state{text-align:center;padding:60px 20px;color:#6c757d}.empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3{color:#495057;margin-bottom:10px;font-size:20px}.empty-state p{color:#6c757d;margin-bottom:25px;font-size:14px;line-height:1.6;max-width:400px;margin-left:auto;margin-right:auto}.info-state{text-align:center;padding:40px 20px;color:#0c5460}.info-message{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460;padding:12px;border-radius:4px;margin-bottom:15px}.toast{position:fixed;top:20px;right:20px;min-width:300px;max-width:400px;padding:15px;border-radius:8px;color:#fff;font-weight:500;z-index:9999;animation:slideIn .3s ease-out}.toast-success{background-color:var(--success-color)}.toast-error{background-color:#dc3545}.toast-warning{background-color:#ffc107;color:#212529}.toast-info{background-color:#17a2b8}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeletonLoading 1.5s infinite;border-radius:4px}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-title{height:24px;margin-bottom:12px}.skeleton-image{height:200px;margin-bottom:16px}.skeleton-button{height:40px;width:120px}@keyframes skeletonLoading{0%{background-position:-200% 0}to{background-position:200% 0}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9998}.overlay-light{background-color:#fffc}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.empty-state{padding:40px 15px}.empty-state-icon{font-size:48px}.empty-state h3{font-size:18px}.error-state,.success-state,.warning-state,.info-state{padding:30px 15px}.toast{top:10px;right:10px;left:10px;min-width:unset;max-width:unset}.loading-container{padding:30px 15px}}@media (max-width: 480px){.empty-state{padding:30px 10px}.empty-state-icon{font-size:40px}.empty-state h3{font-size:16px}.empty-state p{font-size:13px}.error-state-icon{font-size:36px}.loading-spinner,.spinner{width:30px;height:30px;border-width:3px}}.help-container{max-width:1000px;margin:0 auto;padding:2rem 1rem}.help-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.help-header{margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e9ecef}.help-back-link{display:inline-block;color:#2c5282;text-decoration:none;margin-bottom:1rem;font-weight:500}.help-back-link:hover{text-decoration:underline}.help-header h1{font-size:1.75rem;color:#2c5282;margin:0}.help-content{line-height:1.8}.help-intro-section{margin-bottom:1.5rem;font-size:1rem;color:#4a5568}.help-section-title{font-size:1.375rem;margin-bottom:1rem;color:#2c5282;border-bottom:2px solid #2c5282;padding-bottom:.5rem}.help-grid{display:grid;gap:1.5rem;margin-bottom:2rem}.help-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.help-grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.help-card-item{background:#f7fafc;padding:1.5rem;border-radius:8px;border:2px solid #e2e8f0;transition:transform .2s ease,box-shadow .2s ease}.help-card-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.help-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.help-list-item{background:#f7fafc;padding:1.5rem;border-radius:8px;border-left:4px solid #2c5282;border:1px solid #e2e8f0}.help-info-box{background:#2c52820d;padding:1rem;border-radius:6px;border-left:3px solid #2c5282;margin:1rem 0;color:#4a5568;font-size:.85rem}.help-warning-box{background:#fff7ed;padding:1rem;border-radius:6px;border-left:3px solid #fb923c;margin:1rem 0;color:#4a5568;font-size:.85rem}.help-success-box{background:#f0fdf4;padding:1rem;border-radius:6px;border-left:3px solid #48bb78;margin:1rem 0;color:#4a5568;font-size:.85rem}.help-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.help-nav-link{display:flex;align-items:center;gap:.8rem;padding:1rem;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;text-decoration:none;color:#2d3748;transition:all .2s ease}.help-nav-link:hover{background:#2c5282;color:#fff;border-color:#2c5282;transform:translateY(-2px);box-shadow:0 4px 12px #2c528233}.help-link-icon{font-size:1.5rem}.help-link-text{font-weight:500}.help-text-primary{color:#2c5282}.help-text-secondary{color:#4a5568}.help-text-muted{color:#718096;font-style:italic}.help-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.help-badge-primary{background:#2c5282;color:#fff}.help-badge-warning{background:#ffc107;color:#1a202c}.help-badge-success{background:#48bb78;color:#fff}@media (max-width: 768px){.help-container{padding:1rem .5rem}.help-card{padding:1rem;border-radius:8px}.help-grid,.help-link-grid{grid-template-columns:1fr}.help-header{margin-bottom:1rem;padding-bottom:.75rem}.help-header h1{font-size:1.5rem}.help-section-title{font-size:1.3rem;margin-bottom:.75rem}.help-intro-section{font-size:1rem;margin-bottom:1rem}.help-grid,.help-list{margin-bottom:1.5rem}}@keyframes help-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.help-fade-in{animation:help-fade-in .3s ease-out}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-align:center;white-space:nowrap}.badge-primary{background:var(--primary-color);color:#fff}.badge-secondary{background:var(--text-muted);color:#fff}.badge-success{background:var(--success-color);color:#fff}.badge-info{background:var(--info-color);color:#fff}.badge-warning{background:var(--warning-color);color:var(--text-primary)}.badge-danger{background:var(--danger-color);color:#fff}.alert-warning{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top:4px solid var(--primary-color);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-right:var(--spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pagination{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl)}.pagination .btn{min-width:44px;padding:var(--spacing-sm) var(--spacing-md)}@media (max-width: 768px){.form-search{flex-direction:column}.form-search .form-input{min-width:auto}.form-inline{flex-direction:column;align-items:stretch}.form-inline .form-group{min-width:auto}.btn{padding:var(--spacing-md) var(--spacing-lg)}.btn-sm{padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{padding:var(--spacing-lg) var(--spacing-xl)}}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.book-card{background:#ffffffe6;border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base);display:flex;gap:var(--spacing-lg);border:1px solid rgba(255,255,255,.2)}.book-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.book-cover{width:80px;height:120px;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-shrink:0}.book-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.book-title{margin:0;color:var(--text-primary);font-size:var(--font-size-lg);line-height:1.3;font-weight:var(--font-weight-semibold)}.book-author{margin:0;color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.book-publisher{margin:0;color:var(--text-muted);font-size:var(--font-size-sm)}.book-genre{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 100%);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);display:inline-block;align-self:flex-start;font-weight:var(--font-weight-medium);text-shadow:0 1px 2px rgba(0,0,0,.1)}.book-release-date{color:var(--primary-dark);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);margin:0}.book-synopsis{margin:var(--spacing-sm) 0 0 0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.book-actions{margin-top:auto;padding-top:var(--spacing-md);display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.bookmark-form{display:flex;gap:var(--spacing-sm);align-items:end;margin-top:var(--spacing-sm)}.bookmark-form .form-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);min-height:36px}.bookmark-form .btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);min-height:36px;white-space:nowrap}.book-grid-empty{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted)}.book-grid-empty h3{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.book-grid-loading{display:flex;justify-content:center;align-items:center;min-height:200px;gap:var(--spacing-md)}@media (max-width: 768px){.book-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.book-card{flex-direction:column;text-align:center;padding:var(--spacing-lg)}.book-cover{align-self:center;margin-bottom:var(--spacing-md)}.book-info{align-items:center}.book-synopsis{text-align:left;-webkit-line-clamp:2}.book-actions{justify-content:center}.bookmark-form{flex-direction:column;align-items:stretch}.bookmark-form .btn{width:100%}}@media (max-width: 480px){.book-card{padding:var(--spacing-md)}.book-cover{width:60px;height:90px}.book-title{font-size:var(--font-size-base)}.book-author{font-size:var(--font-size-sm)}}.bookmark-list{margin-top:var(--spacing-xl)}.bookmark-item{background:#fffffff2;padding:var(--spacing-xl);margin:var(--spacing-lg) 0;border-radius:var(--radius-lg);border-left:4px solid var(--primary-color);box-shadow:var(--shadow-md);position:relative;border:1px solid rgba(129,199,132,.2);transition:all var(--transition-base)}.bookmark-item:hover{transform:translate(5px);box-shadow:var(--shadow-lg)}.bookmark-item.self-bookmark{border-left-color:var(--primary-dark);background:#fffffffa;border:1px solid rgba(102,187,106,.3);box-shadow:0 4px 15px #66bb6a26}.bookmark-item.received-bookmark{border-left-color:var(--secondary-dark);background:#fffffffa;border:1px solid rgba(66,165,245,.3);box-shadow:0 4px 15px #42a5f526}.bookmark-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.bookmark-title{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);flex:1;padding-right:var(--spacing-lg)}.bookmark-type-badge{flex-shrink:0}.bookmark-description{color:var(--text-secondary);margin:var(--spacing-md) 0;line-height:1.5}.bookmark-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.bookmark-meta-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-muted);font-size:var(--font-size-sm)}.bookmark-meta-label{font-weight:var(--font-weight-medium)}.bookmark-meta-value{color:var(--text-secondary)}.bookmark-count{background:var(--info-color);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.bookmark-actions{margin-top:var(--spacing-lg);display:flex;gap:var(--spacing-md);flex-wrap:wrap}.bookmark-link{color:var(--primary-color);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-base)}.bookmark-link:hover{color:var(--primary-dark);text-decoration:underline}.bookmark-creation{background:#fffffff2;border-radius:var(--radius-lg);padding:var(--spacing-2xl);margin:var(--spacing-xl) 0;box-shadow:var(--shadow-lg)}.bookmark-creation h2{color:var(--text-primary);margin-bottom:var(--spacing-xl);font-size:var(--font-size-2xl);text-align:center}.bookmark-form-group{margin-bottom:var(--spacing-xl)}.bookmark-form-actions{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-2xl);flex-wrap:wrap}.bookmark-form-tips{background:var(--background-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);border-left:4px solid var(--primary-color);margin-top:var(--spacing-xl)}.bookmark-form-tips h4{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-lg)}.bookmark-form-tips ul{margin:0;padding-left:var(--spacing-xl)}.bookmark-form-tips li{margin-bottom:var(--spacing-sm);color:var(--text-secondary);line-height:1.4}.char-count{display:block;text-align:right;color:var(--text-muted);font-size:var(--font-size-xs);margin-top:var(--spacing-sm)}.bookmark-list-empty{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted)}.bookmark-list-empty h3{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.bookmark-list-loading{display:flex;justify-content:center;align-items:center;min-height:200px}@media (max-width: 768px){.bookmark-item{padding:var(--spacing-lg)}.bookmark-header{flex-direction:column;gap:var(--spacing-md)}.bookmark-title{padding-right:0}.bookmark-type-badge{align-self:flex-start}.bookmark-meta{flex-direction:column;gap:var(--spacing-sm)}.bookmark-form-actions{flex-direction:column}.bookmark-creation{padding:var(--spacing-lg)}.bookmark-creation h2{font-size:var(--font-size-xl)}}@media (max-width: 480px){.bookmark-item{margin:var(--spacing-md) 0;padding:var(--spacing-md)}.bookmark-title{font-size:var(--font-size-lg)}.bookmark-actions{flex-direction:column}}.rankings-container{margin-top:var(--spacing-xl)}.ranking-tabs{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);justify-content:center;flex-wrap:wrap}.tab-btn{background:var(--background-secondary);color:var(--text-muted);border:2px solid var(--border-color);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-weight:var(--font-weight-medium);min-width:120px;text-align:center}.tab-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.tab-btn.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.ranking-list{margin-top:var(--spacing-xl)}.ranking-item{display:flex;align-items:center;background:#ffffffe6;padding:var(--spacing-xl);margin:var(--spacing-lg) 0;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid rgba(255,255,255,.2)}.ranking-item:hover{transform:translate(5px);box-shadow:var(--shadow-lg)}.ranking-item:first-child{background:linear-gradient(135deg,#ffd7001a,#ffc1071a);border:1px solid rgba(255,193,7,.3)}.ranking-item:nth-child(2){background:linear-gradient(135deg,#c0c0c01a,#a9a9a91a);border:1px solid rgba(169,169,169,.3)}.ranking-item:nth-child(3){background:linear-gradient(135deg,#cd7f321a,#b873331a);border:1px solid rgba(184,115,51,.3)}.rank{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;font-weight:var(--font-weight-bold);padding:var(--spacing-md);border-radius:var(--radius-full);margin-right:var(--spacing-lg);min-width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);box-shadow:var(--shadow-md);flex-shrink:0}.rank.rank-1{background:linear-gradient(135deg,gold,#ffc107);color:#333}.rank.rank-2{background:linear-gradient(135deg,silver,#a9a9a9);color:#333}.rank.rank-3{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.ranking-content{flex:1;min-width:0}.ranking-title{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.3}.ranking-subtitle{margin:0;color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.4}.ranking-meta{margin-top:var(--spacing-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center}.ranking-stat{background:var(--info-color);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--spacing-xs)}.ranking-stat.primary{background:var(--primary-color)}.ranking-stat.secondary{background:var(--secondary-color)}.ranking-period-selector{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.period-btn{background:transparent;color:var(--text-muted);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-sm)}.period-btn:hover{color:var(--primary-color);border-color:var(--primary-color)}.period-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.ranking-empty{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted)}.ranking-empty h3{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.ranking-loading{display:flex;justify-content:center;align-items:center;min-height:200px}@media (max-width: 768px){.ranking-tabs{flex-direction:column;align-items:stretch}.tab-btn{min-width:auto}.ranking-item{padding:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.rank{margin-right:0;margin-bottom:var(--spacing-sm);align-self:flex-start}.ranking-content{min-width:auto}.ranking-meta{flex-direction:column;align-items:flex-start}.ranking-period-selector{flex-direction:column}}@media (max-width: 480px){.ranking-item{padding:var(--spacing-md)}.rank{min-width:40px;height:40px;font-size:var(--font-size-base)}.ranking-title{font-size:var(--font-size-base)}.ranking-subtitle{font-size:var(--font-size-sm)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#eef7f1}::-webkit-scrollbar-thumb{background:#1a7a60;border-radius:4px;border:2px solid #eef7f1}::-webkit-scrollbar-thumb:hover{background:#156650}*{scrollbar-width:thin;scrollbar-color:#1a7a60 #eef7f1}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;color:#333;font-size:14px;line-height:1.7;letter-spacing:.04em}h1,h2,h3{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;line-height:1.3;color:#333}h1{font-size:clamp(1.5rem,4vw,1.875rem);margin-bottom:20px}h2{font-size:1.375rem;margin-bottom:16px}h3{font-size:1rem;margin-bottom:12px}.bookmark-detail-header,.book-detail-header{display:flex;align-items:center;margin-bottom:30px;gap:20px}.bookmark-detail-header h2,.book-detail-header h2{margin:0}.login-section{margin:15px 0;display:flex;justify-content:center;align-items:center}.login-form{display:flex;align-items:center;gap:10px}.login-input-group{display:flex;align-items:center;gap:8px}.user-info{display:flex;align-items:center;background:#81c7841a;padding:8px 12px;border-radius:8px;border:1px solid rgba(129,199,132,.3)}.current-user{color:#2d5a27;font-weight:500;font-size:14px}.header h1{margin:0 0 15px;color:#2d5a27;font-size:2.5em;text-align:center}nav{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.view{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-form,.user-form,.user-lookup{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}.book-card{background:#ffffffe6;border-radius:12px;padding:15px;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease;display:flex;gap:15px}.book-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.book-cover{width:80px;height:120px;object-fit:cover;border-radius:8px;box-shadow:0 4px 15px #0003}.book-info{flex:1}.book-info h4{margin:0 0 8px;color:#2d5a27;font-size:1.1em;line-height:1.3}.book-info p{margin:4px 0;color:#666;font-size:.9em}.genre{background:linear-gradient(135deg,#a5d6a7,#6dcfb0);color:#fff!important;padding:2px 8px;border-radius:12px;font-size:.8em!important;display:inline-block;margin:5px 0}.release-date{color:#1a7a60!important;font-weight:500}.bookmark-form{margin-top:10px;display:flex;gap:8px}.ranking-tabs{display:flex;gap:10px;margin-bottom:20px}.tab-btn{background:#f8f9fa;color:#6c757d;border:2px solid #dee2e6;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease}.tab-btn.active{background:linear-gradient(135deg,#6dcfb0,#1a7a60);color:#fff;border-color:#6dcfb0}.ranking-list{margin-top:20px}.ranking-item{display:flex;align-items:center;background:#fffc;padding:15px;margin:10px 0;border-radius:10px;box-shadow:0 2px 10px #0000000d;transition:transform .3s ease}.ranking-item:hover{transform:translate(5px);box-shadow:0 4px 20px #0000001a}.rank{background:linear-gradient(135deg,#6dcfb0,#1a7a60);color:#fff;font-weight:700;padding:8px 12px;border-radius:50%;margin-right:15px;min-width:50px;text-align:center}.ranking-content{flex:1}.ranking-content h4{margin:0 0 5px;color:#2d5a27}.ranking-content p{margin:0;color:#666;font-size:.9em}.bookmark-count{background:#e3f2fd;color:#1976d2;padding:2px 8px;border-radius:12px;font-size:.8em;font-weight:500}.user-profile{background:#ffffffe6;padding:20px;border-radius:12px;margin:20px 0;box-shadow:0 4px 20px #0000001a}.user-profile h3{color:#2d5a27;margin:0 0 10px}.bookmarks{margin-top:20px}.bookmark-item{background:#fffffff2;padding:15px;margin:10px 0;border-radius:10px;border-left:4px solid #6dcfb0;box-shadow:0 4px 15px #0000001a;position:relative;border:1px solid rgba(129,199,132,.2)}.bookmark-item.self-bookmark{border-left-color:#1a7a60;background:#fffffffa;border:1px solid rgba(102,187,106,.3);box-shadow:0 4px 15px #66bb6a26}.bookmark-item.received-bookmark{border-left-color:#42a5f5;background:#fffffffa;border:1px solid rgba(66,165,245,.3);box-shadow:0 4px 15px #42a5f526}.bookmark-type-badge{position:absolute;top:10px;right:15px}.badge{font-size:12px;padding:4px 8px;border-radius:12px;font-weight:500}.badge.self{background:linear-gradient(135deg,#1a7a60,#6dcfb0);color:#fff;border:none;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.badge.received{background:linear-gradient(135deg,#42a5f5,#64b5f6);color:#fff;border:none;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.bookmark-item h4{margin:0 0 5px;color:#2d5a27;padding-right:100px}.note{background:#f8f9fa;padding:8px;border-radius:6px;font-style:italic;color:#495057}.added-by{color:#1a7a60!important;font-weight:500}.date{color:#6c757d!important;font-size:.8em!important}.status-bar{position:fixed;bottom:20px;right:20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 15px;border-radius:25px;box-shadow:0 4px 20px #0000001a;font-size:.9em}.online{color:var(--success-color)}.offline{color:#dc3545}@media (max-width: 768px){.container{padding:4px}.header h1{font-size:2em}.book-grid{grid-template-columns:1fr}.book-card{flex-direction:column;text-align:center}.search-form,.user-form,.user-lookup{flex-direction:column}}