:root{--bg-primary: #121214;--bg-secondary: #1a1a1e;--bg-tertiary: #25252b;--border-color: #2a2a30;--text-main: #f0f0f5;--text-muted: #8e8e93;--accent-orange: #ff6b00;--accent-orange-hover: #e05e00;--accent-orange-dim: rgba(255, 107, 0, .12);--font-title: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 8px 24px rgba(0, 0, 0, .7);--transition-smooth: all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-body);line-height:1.6;overflow:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-orange)}h1,h2,h3,h4,.btn{font-family:var(--font-title);font-weight:600;letter-spacing:-.02em}.app-container{display:flex;height:100vh;width:100vw}.sidebar{width:280px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:32px 24px;flex-shrink:0}.sidebar-header{display:flex;align-items:center;gap:12px;margin-bottom:48px}.logo-icon{width:28px;height:28px;background-color:var(--accent-orange);clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);box-shadow:0 0 12px var(--accent-orange);animation:logo-pulse 4s infinite ease-in-out}@keyframes logo-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.96)}}.sidebar h1{font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-main)}.nav-menu{display:flex;flex-direction:column;gap:12px}.nav-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:none;border:none;color:var(--text-muted);font-size:1rem;text-align:left;cursor:pointer;border-radius:6px;transition:var(--transition-smooth)}.nav-item:hover{color:var(--text-main);background-color:var(--bg-tertiary)}.nav-item.active{color:var(--accent-orange);background-color:var(--accent-orange-dim);border-left:3px solid var(--accent-orange);font-weight:600}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-primary)}.main-header{height:80px;border-bottom:1px solid var(--border-color);padding:0 40px;display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-secondary);flex-shrink:0;z-index:10}.main-header h2{font-size:1.75rem;font-weight:700}.view-panel{flex:1;padding:40px;overflow-y:auto}.btn{padding:10px 20px;border-radius:6px;border:1px solid transparent;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:var(--transition-smooth)}.btn-primary{background-color:var(--accent-orange);color:#fff}.btn-primary:hover{background-color:var(--accent-orange-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color);color:#fff}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:28px}.media-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:var(--transition-smooth);position:relative}.media-card:hover{border-color:var(--accent-orange);transform:translateY(-4px);box-shadow:var(--shadow-md)}.media-card-img{width:100%;height:220px;object-fit:cover;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);transition:var(--transition-smooth)}.custom-cover-placeholder{width:100%;height:220px;background:linear-gradient(135deg,#1d1d22,#121214);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;border-bottom:1px solid var(--border-color);position:relative}.custom-cover-placeholder:before{content:"";position:absolute;top:16px;left:16px;width:8px;height:8px;border-radius:50%;background-color:var(--accent-orange)}.custom-cover-placeholder span{font-size:2.5rem;margin-bottom:12px}.custom-cover-placeholder p{font-family:var(--font-title);font-size:1.15rem;font-weight:600;color:var(--text-main);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.media-card-content{padding:20px;flex:1;display:flex;flex-direction:column}.media-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.media-card-title{font-family:var(--font-title);font-size:1.25rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.media-badge{font-size:.72rem;padding:3px 8px;border-radius:4px;text-transform:uppercase;font-weight:700;letter-spacing:.05em;flex-shrink:0}.badge-completed{background-color:var(--accent-orange-dim);color:var(--accent-orange);border:1px solid var(--accent-orange)}.badge-progress{background-color:#2b220a;color:#ffbc00;border:1px solid #ffbc00}.badge-wishlist{background-color:#121c24;color:#38bdf8;border:1px solid #38bdf8}.media-card-meta{color:var(--text-muted);font-size:.85rem;margin-bottom:12px}.media-card-rating{color:var(--accent-orange);font-size:1.2rem;margin-bottom:12px;letter-spacing:2px}.media-card-notes{font-size:.9rem;color:var(--text-muted);background-color:var(--bg-primary);padding:10px 14px;border-radius:6px;border-left:3px solid var(--border-color);margin-top:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);width:520px;max-width:90%;border-radius:8px;padding:28px;box-shadow:var(--shadow-md)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.close-btn{background:none;border:none;color:var(--text-muted);font-size:1.8rem;cursor:pointer;line-height:1;transition:var(--transition-smooth)}.close-btn:hover{color:var(--accent-orange)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.82rem;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-weight:700;letter-spacing:.05em}.search-input-wrapper{position:relative}input[type=text],textarea{width:100%;background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-main);padding:12px 16px;border-radius:6px;font-size:.95rem;transition:var(--transition-smooth)}input[type=text]:focus,textarea:focus{border-color:var(--accent-orange);outline:none;box-shadow:0 0 8px var(--accent-orange-dim)}.type-selectors,.status-selectors{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.status-selectors{grid-template-columns:repeat(3,1fr)}.type-radio input,.status-btn input{display:none}.type-radio span,.status-btn span{display:block;padding:10px 6px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:.82rem;text-align:center;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none}.type-radio input:checked+span,.status-btn input:checked+span{border-color:var(--accent-orange);background-color:var(--accent-orange-dim);color:var(--accent-orange);font-weight:700}.rating-stars{display:flex;gap:6px;cursor:pointer;margin-bottom:8px}.rating-stars .star{font-size:1.8rem;color:var(--bg-tertiary);transition:color .15s ease}.rating-stars .star:hover,.rating-stars .star.active{color:var(--accent-orange)}.rating-label{font-size:.88rem;color:var(--text-muted)}.autocomplete-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;max-height:220px;overflow-y:auto;z-index:100;box-shadow:var(--shadow-md)}.suggestion-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border-color);font-size:.92rem;transition:var(--transition-smooth)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:var(--bg-tertiary);color:var(--accent-orange)}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.filter-select{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-main);padding:10px 16px;border-radius:6px;cursor:pointer;font-family:var(--font-title);font-size:.95rem;transition:var(--transition-smooth)}.filter-select:focus{border-color:var(--accent-orange);outline:none}.rec-match-badge{background-color:var(--accent-orange-dim);color:var(--accent-orange);font-size:.72rem;padding:3px 8px;border-radius:4px;border:1px solid var(--accent-orange);font-weight:700}