:root{--bg: #090711;--surface: #12101c;--surface-light: #191624;--border: #29243a;--text: #ffffff;--muted: #9d98ad;--accent: #9b5cff;--accent-dark: #6f35c9;--shadow: rgba(0, 0, 0, .35)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{min-width:320px;background:radial-gradient(circle at 50% -10%,rgba(155,92,255,.18),transparent 38%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{border:0;cursor:pointer}.app{width:100%;max-width:560px;min-height:100vh;margin:0 auto;padding:18px 16px 96px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.logo{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:800;letter-spacing:1.5px}.logo-icon{font-size:25px}.profile-button{width:42px;height:42px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:18px}.welcome{margin-bottom:20px}.welcome h1{font-size:29px;line-height:1.15;margin-bottom:7px}.welcome p{color:var(--muted);font-size:14px}.search-section{display:flex;gap:10px;margin-bottom:30px}.search-box{display:flex;align-items:center;gap:10px;flex:1;min-width:0;height:50px;padding:0 15px;background:var(--surface);border:1px solid var(--border);border-radius:15px}.search-box span{font-size:17px;opacity:.8}.search-box input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:var(--text);font-size:15px}.search-box input::placeholder{color:var(--muted)}.filter-button{width:50px;height:50px;flex:0 0 50px;border-radius:15px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:18px}.section{margin-bottom:32px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-header h2{font-size:19px;font-weight:750}.section-header button{background:transparent;color:var(--accent);font-size:13px;font-weight:600}.anime-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.anime-card{min-width:0}.poster-wrapper{position:relative;overflow:hidden;aspect-ratio:2 / 3;border-radius:13px;background:var(--surface);border:1px solid var(--border)}.poster-wrapper img{width:100%;height:100%;display:block;object-fit:cover}.rating{position:absolute;left:6px;bottom:6px;padding:4px 7px;border-radius:8px;background:#090711e0;font-size:10px;font-weight:700}.anime-card h3{margin-top:8px;font-size:13px;line-height:1.25;font-weight:650;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.anime-card p{margin-top:4px;color:var(--muted);font-size:11px}.empty-card{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:130px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:17px;text-align:center}.empty-card span{margin-bottom:9px;font-size:25px}.empty-card p{color:var(--muted);font-size:13px}.bottom-nav{position:fixed;left:50%;bottom:12px;transform:translate(-50%);display:grid;grid-template-columns:repeat(4,1fr);width:min(528px,calc(100% - 24px));padding:7px;background:#12101cf0;border:1px solid var(--border);border-radius:20px;box-shadow:0 12px 35px var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav-item{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-height:52px;border-radius:14px;background:transparent;color:var(--muted)}.nav-item span{font-size:18px}.nav-item small{font-size:10px}.nav-item.active{background:#9b5cff24;color:var(--accent)}@media(max-width:380px){.app{padding-left:13px;padding-right:13px}.anime-grid{gap:8px}.anime-card h3{font-size:12px}.welcome h1{font-size:26px}}