:root{--bg-primary: #0f0f14;--bg-surface: #1a1a24;--bg-elevated: #252535;--bg-overlay: rgba(15, 15, 20, .8);--text-primary: #f0f0f8;--text-secondary:#a0a0b8;--text-muted: #606080;--accent: #f5a623;--accent-dim: rgba(245, 166, 35, .15);--accent-hover: #ffb940;--color-ongoing: #4caf8a;--color-completed: #6b8cff;--color-hiatus: #f5a623;--color-dropped: #ff6b6b;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Playfair Display", Georgia, serif;--transition-fast: .15s ease;--transition-base: .25s ease;--bottom-nav-height: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px)}[data-theme=light]{--bg-primary: #f5f5fa;--bg-surface: #ffffff;--bg-elevated: #f0f0f8;--bg-overlay: rgba(245, 245, 250, .9);--text-primary: #1a1a2e;--text-secondary:#4a4a6a;--text-muted: #9090b0;--accent: #e09010;--accent-dim: rgba(224, 144, 16, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}.app-shell{display:flex;flex-direction:column;height:100%;overflow:hidden}.screen{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + var(--space-4))}.bottom-nav{flex-shrink:0;display:flex;align-items:center;justify-content:space-around;height:calc(var(--bottom-nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg-surface);border-top:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--text-muted);transition:color var(--transition-fast);min-width:64px}.bottom-nav__item.active{color:var(--accent)}.bottom-nav__icon{width:24px;height:24px}.bottom-nav__label{font-size:10px;font-weight:500;letter-spacing:.3px}.title-card{display:flex;gap:var(--space-3);background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--space-3);transition:background var(--transition-fast)}.title-card:active{background:var(--bg-elevated)}.title-card__cover{width:60px;height:88px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-elevated);flex-shrink:0}.title-card__info{flex:1;min-width:0}.title-card__name{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-card__meta{font-size:12px;color:var(--text-muted);display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2)}.title-card__progress{font-size:12px;color:var(--accent);font-weight:500}.status-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:2px 8px;border-radius:var(--radius-full)}.status-badge--ongoing{background:#4caf8a26;color:var(--color-ongoing)}.status-badge--completed{background:#6b8cff26;color:var(--color-completed)}.status-badge--hiatus{background:#f5a62326;color:var(--color-hiatus)}.status-badge--dropped{background:#ff6b6b26;color:var(--color-dropped)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:15px;font-weight:600;transition:all var(--transition-fast);cursor:pointer}.btn--primary{background:var(--accent);color:#1a1a00}.btn--primary:active{background:var(--accent-hover)}.btn--secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid rgba(255,255,255,.08)}.btn--secondary:active{background:var(--bg-surface)}.btn--full{width:100%}.search-input{width:100%;height:44px;background:var(--bg-elevated);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:0 var(--space-4) 0 var(--space-10);color:var(--text-primary);font-size:15px;font-family:inherit;outline:none;transition:border-color var(--transition-fast)}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text-muted)}.search-wrapper{position:relative}.search-wrapper__icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.section-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-4) var(--space-3)}.section-title{font-size:17px;font-weight:700;color:var(--text-primary)}.section-link{font-size:14px;color:var(--accent)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-surface) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.progress-bar{height:2px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden}.progress-bar__fill{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width .3s ease}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}