@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500;600;700&display=swap";:root{--primary: #FF2D55;--primary-hover: #E8214A;--primary-light: rgba(255,45,85,.12);--accent: #FFE500;--bg: #090910;--surface: #111119;--surface-2: #1c1c28;--border: #252532;--border-focus: #454560;--fg: #F0EDE6;--fg-muted: #9090A8;--fg-subtle:#4A4A5E;--success-bg: rgba(21,128,61,.12);--success-fg: #4ADE80;--success-border: rgba(74,222,128,.18);--error-bg: rgba(220,38,38,.12);--error-fg: #F87171;--error-border: rgba(248,113,113,.2);--info-bg: rgba(37,99,235,.12);--info-fg: #60A5FA;--info-border: rgba(96,165,250,.2);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 6px rgba(0,0,0,.4);--shadow-md: 0 4px 20px rgba(0,0,0,.5);--shadow-lg: 0 16px 60px rgba(0,0,0,.7);--glow: 0 0 24px rgba(255,45,85,.2);--font-display: "Plus Jakarta Sans", sans-serif;--font-head: "Syne", sans-serif;--font: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--nav-h: 60px;--bottom-nav-h: 64px;--page-px: 1rem;--page-max: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--fg);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1;padding-top:var(--nav-h)}.page{max-width:var(--page-max);margin:0 auto;padding:1.5rem var(--page-px) 3rem}.page-header{margin-bottom:1.5rem}.page-title{font-family:var(--font-display);font-size:1.375rem;font-weight:700;color:var(--fg);line-height:1.3}.page-sub{font-size:.875rem;color:var(--fg-muted);margin-top:.25rem;margin-bottom:.75rem}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-h);background:#090910e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:100}.navbar-inner{max-width:var(--page-max);margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--page-px);gap:1rem}.nav-logo{display:flex;align-items:center;flex-shrink:0}.logo-text{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:var(--fg);letter-spacing:-.02em}.logo-b{color:var(--primary)}.nav-links{display:flex;align-items:center;gap:.25rem}.nav-link{padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--fg-muted);transition:color .15s,background .15s;letter-spacing:.01em}.nav-link:hover{color:var(--fg);background:var(--surface-2)}.nav-link.active{color:var(--fg);font-weight:600;background:var(--surface-2)}.nav-admin{color:var(--primary)!important}.nav-admin:hover{background:var(--primary-light)!important}.nav-auth,.nav-auth-btns{display:flex;align-items:center;gap:.5rem}.nav-user{position:relative}.user-badge-btn{width:40px;height:40px;border-radius:var(--radius-full);background:var(--primary);color:#fff;font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:opacity .15s,transform .15s,box-shadow .15s;flex-shrink:0}.user-badge-btn:hover{opacity:.85;transform:scale(1.05);box-shadow:var(--glow)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;z-index:200;animation:fadeIn .12s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-dropdown-header{padding:.875rem 1rem;background:var(--surface)}.profile-dropdown-name{display:block;font-size:.875rem;font-weight:600;color:var(--fg)}.profile-dropdown-email{display:block;font-size:.75rem;color:var(--fg-muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-dropdown-divider{height:1px;background:var(--border)}.profile-dropdown-item{display:block;width:100%;text-align:left;padding:.65rem 1rem;font-size:.875rem;color:var(--fg);transition:background .12s}.profile-dropdown-item:hover{background:var(--surface)}.profile-dropdown-item--danger{color:var(--error-fg)}.profile-dropdown-item--danger:hover{background:var(--error-bg)}.hamburger-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;border-radius:var(--radius-md);transition:background .15s}.hamburger-btn:hover{background:var(--surface-2)}.hamburger-btn span{display:block;height:2px;width:100%;background:var(--fg);border-radius:2px;transition:transform .2s,opacity .2s}.hamburger-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:150;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-menu{position:absolute;top:var(--nav-h);left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);padding:.5rem}.mobile-menu-item{display:block;width:100%;text-align:left;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;color:var(--fg-muted);transition:background .12s,color .12s}.mobile-menu-item:hover,.mobile-menu-item.active{background:var(--surface-2);color:var(--fg)}.mobile-menu-item--admin{color:var(--primary)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-h);background:#090910eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:100;justify-content:space-around;align-items:center;padding:0 .5rem;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:.375rem .625rem;border-radius:var(--radius-md);color:var(--fg-subtle);font-size:.6rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;min-width:48px;transition:color .15s;flex:1}.bottom-nav-item svg{width:22px;height:22px}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item--ghost{flex:1;min-width:48px;pointer-events:none;visibility:hidden}.bottom-nav-item--add{width:48px;height:48px;min-width:unset;flex:none;background:var(--primary);color:#fff;border-radius:var(--radius-full);padding:0;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #ff2d5566;transition:background .15s,transform .1s,box-shadow .15s}.bottom-nav-item--add:active{transform:scale(.92);box-shadow:none}.notification-list{position:fixed;bottom:1.25rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:999;max-width:min(380px,calc(100vw - 2rem));pointer-events:none}.notification{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid;background:var(--surface-2);box-shadow:var(--shadow-lg);pointer-events:all;animation:toast-in .28s cubic-bezier(.34,1.56,.64,1)}.notification--exit{animation:toast-out .22s ease forwards}@keyframes toast-in{0%{opacity:0;transform:translate(calc(100% + 1rem)) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(100% + 1rem))}}.notification--error{border-color:var(--error-border);background:#dc26261a}.notification--success{border-color:var(--success-border);background:#15803d1a}.notification--info{border-color:var(--info-border);background:#2563eb1a}.notification__icon{flex-shrink:0;margin-top:1px}.notification--error .notification__icon{color:var(--error-fg)}.notification--success .notification__icon{color:var(--success-fg)}.notification--info .notification__icon{color:var(--info-fg)}.notification__message{flex:1;font-size:.875rem;font-weight:500;line-height:1.45}.notification--error .notification__message{color:var(--error-fg)}.notification--success .notification__message{color:var(--success-fg)}.notification--info .notification__message{color:var(--info-fg)}.notification__close{flex-shrink:0;padding:2px;border-radius:4px;color:inherit;opacity:.55;transition:opacity .12s}.notification__close:hover{opacity:1}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1.375rem;background:var(--primary);color:#fff;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 2px 12px #ff2d5547;letter-spacing:.01em}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 20px #ff2d5566}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary.full{width:100%}.btn-primary-sm{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.4rem 1rem;background:var(--primary);color:#fff;font-size:.8125rem;font-weight:600;border-radius:var(--radius-md);transition:background .15s}.btn-primary-sm:hover{background:var(--primary-hover)}.btn-primary-sm:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.375rem;background:transparent;color:var(--fg);font-size:.875rem;font-weight:600;border-radius:var(--radius-md);border:1px solid var(--border);transition:background .15s,border-color .15s;letter-spacing:.01em}.btn-ghost:hover{background:var(--surface-2);border-color:var(--border-focus)}.btn-ghost.full{width:100%}.btn-ghost-sm{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .875rem;background:transparent;color:var(--fg-muted);font-size:.8125rem;font-weight:500;border-radius:var(--radius-md);border:1px solid var(--border);transition:background .15s,color .15s}.btn-ghost-sm:hover{background:var(--surface-2);color:var(--fg)}.btn-outline-sm{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .875rem;background:transparent;color:var(--primary);font-size:.8125rem;font-weight:600;border-radius:var(--radius-md);border:1px solid var(--primary);transition:background .15s}.btn-outline-sm:hover{background:var(--primary-light)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.375rem;background:var(--error-fg);color:#fff;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);transition:background .15s}.btn-danger:hover{background:#e55c5c}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.btn-danger-outline{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.125rem;background:transparent;color:var(--error-fg);font-size:.875rem;font-weight:600;border-radius:var(--radius-md);border:1px solid var(--error-border);transition:background .15s}.btn-danger-outline:hover{background:var(--error-bg)}.btn-approve{display:inline-flex;align-items:center;gap:.25rem;padding:.4rem .875rem;background:var(--success-bg);color:var(--success-fg);font-size:.8125rem;font-weight:600;border-radius:var(--radius-md);border:1px solid var(--success-border);transition:background .15s}.btn-approve:hover{background:#4ade8033}.btn-reject{display:inline-flex;align-items:center;gap:.25rem;padding:.4rem .875rem;background:var(--error-bg);color:var(--error-fg);font-size:.8125rem;font-weight:600;border-radius:var(--radius-md);border:1px solid var(--error-border);transition:background .15s}.btn-reject:hover{background:#f8717133}.btn-report{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem 1rem;background:transparent;color:var(--fg-muted);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:1px solid var(--border);transition:all .15s}.btn-report:hover{color:var(--error-fg);border-color:var(--error-border);background:var(--error-bg)}.btn-collection{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1.375rem;background:var(--fg);color:var(--bg);font-size:.875rem;font-weight:600;border-radius:var(--radius-md);transition:background .15s,transform .1s}.btn-collection:hover{background:#d0cec7}.btn-collection:active{transform:scale(.98)}.btn-collection.in-collection{background:var(--success-bg);color:var(--success-fg);border:1px solid var(--success-border)}.btn-collection.in-collection:hover{background:#4ade8033}.link-btn{color:var(--primary);font-weight:600;padding:0;font-size:inherit}.link-btn:hover{text-decoration:underline}.back-btn{display:inline-flex;align-items:center;gap:.25rem;color:var(--fg-muted);font-size:.875rem;font-weight:500;margin-bottom:1.25rem;padding:.25rem 0;transition:color .12s}.back-btn:hover{color:var(--fg)}.form-group{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.form-group label{font-size:.8125rem;font-weight:600;color:var(--fg-muted);letter-spacing:.02em}.input-styled{width:100%;padding:.625rem .875rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;color:var(--fg);background:var(--surface-2);outline:none;-webkit-appearance:none;transition:border-color .15s,box-shadow .15s}.input-styled::placeholder{color:var(--fg-subtle)}.input-styled:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff2d551f}.select-styled{padding:.5rem 2rem .5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;color:var(--fg);background:var(--surface-2);cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239090A8' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .625rem center;transition:border-color .15s}.select-styled:focus{border-color:var(--primary);outline:none}.custom-select{position:relative;display:inline-block}.custom-select__trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;color:var(--fg);background:var(--surface-2);cursor:pointer;outline:none;white-space:nowrap;transition:border-color .15s,box-shadow .15s;width:100%;justify-content:space-between}.custom-select__trigger:hover{border-color:var(--border-focus)}.custom-select__trigger.open,.custom-select__trigger:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px #ff2d551f}.custom-select__dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;overflow:hidden;padding:.25rem}.custom-select__option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;border-radius:calc(var(--radius-md) - 2px);font-size:.875rem;color:var(--fg);background:none;border:none;cursor:pointer;text-align:left;transition:background .1s;white-space:nowrap}.custom-select__option:hover{background:var(--border)}.custom-select__option.selected{color:var(--primary);font-weight:500}.custom-select__option.selected svg{flex-shrink:0;color:var(--primary)}.textarea-styled{width:100%;padding:.625rem .875rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;color:var(--fg);background:var(--surface-2);resize:vertical;outline:none;line-height:1.5;transition:border-color .15s,box-shadow .15s}.textarea-styled::placeholder{color:var(--fg-subtle)}.textarea-styled:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff2d551f}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem}.form-group.full-width{grid-column:1 / -1}.status-badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;text-transform:uppercase}.status-ongoing{background:#4ade801a;color:#4ade80;border:1px solid rgba(74,222,128,.2)}.status-completed{background:#60a5fa1a;color:#60a5fa;border:1px solid rgba(96,165,250,.2)}.status-hiatus{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.status-cancelled{background:#f871711a;color:#f87171;border:1px solid rgba(248,113,113,.2)}.genre-tag{display:inline-block;padding:.2rem .55rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.6875rem;font-weight:500;color:var(--fg-muted);white-space:nowrap}.role-badge{display:inline-flex;padding:.2rem .55rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.role-admin{background:var(--primary-light);color:var(--primary);border:1px solid rgba(255,45,85,.2)}.role-user{background:var(--surface-2);color:var(--fg-muted);border:1px solid var(--border)}.home-hero{min-height:calc(100vh - var(--nav-h));display:flex;align-items:center;justify-content:center;padding:2rem var(--page-px);position:relative;overflow:hidden;background:var(--bg)}.home-hero:before{content:"";position:absolute;width:800px;height:800px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,45,85,.055) 0%,transparent 65%);pointer-events:none}.auth-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2.25rem;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;position:relative;z-index:1}.auth-logo{font-size:2rem;text-align:center;margin-bottom:.5rem}.auth-title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--fg);text-align:center;margin-bottom:.25rem;letter-spacing:-.02em}.auth-sub{font-size:.875rem;color:var(--fg-muted);text-align:center;margin-bottom:1.75rem}.auth-switch{font-size:.875rem;color:var(--fg-muted);text-align:center;margin-top:1rem}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem;width:100%;max-width:620px;position:relative;z-index:1}.hero-brand{font-family:var(--font-display);font-size:clamp(3.5rem,10vw,5rem);font-weight:900;color:var(--fg);letter-spacing:-.04em;line-height:1.2;padding-bottom:.1em}.hero-brand-accent{color:var(--primary)}.hero-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;color:var(--fg);line-height:1.25;letter-spacing:-.02em}.hero-sub{font-size:1rem;color:var(--fg-muted);line-height:1.7;max-width:400px}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-top:.25rem}.hero-btn-primary{padding:.875rem 2.25rem;background:var(--primary);color:#fff;font-family:var(--font);font-size:.9375rem;font-weight:700;border-radius:var(--radius-full);box-shadow:0 4px 24px #ff2d5566;transition:transform .15s,box-shadow .15s,background .15s;letter-spacing:.01em}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #ff2d558c;background:var(--primary-hover)}.hero-btn-primary:active{transform:none}.hero-btn-ghost{padding:.875rem 2.25rem;background:transparent;color:var(--fg);font-family:var(--font);font-size:.9375rem;font-weight:600;border-radius:var(--radius-full);border:1px solid var(--border);transition:background .15s,border-color .15s}.hero-btn-ghost:hover{background:var(--surface-2);border-color:var(--border-focus)}.catalog-controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:1.25rem}.sort-controls{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.order-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-md);font-size:1rem;color:var(--fg-muted);background:var(--surface);transition:all .15s}.order-btn:hover,.order-btn.active{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.search-bar{display:flex;align-items:center;gap:.5rem;flex:1;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);padding:.625rem .875rem;transition:border-color .15s,box-shadow .15s}@media (max-width: 639px){.search-bar{padding:1rem 1.125rem;border-radius:var(--radius-lg)}.search-input{font-size:1rem}}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #ff2d551a}.search-icon{color:var(--fg-subtle);flex-shrink:0;display:flex;align-items:center}.search-input{flex:1;border:none;outline:none;font-size:.9375rem;color:var(--fg);background:transparent;padding:0}.search-input::placeholder{color:var(--fg-subtle)}.search-clear{color:var(--fg-subtle);font-size:.75rem;padding:2px 4px;border-radius:4px;transition:color .12s,background .12s}.search-clear:hover{color:var(--fg);background:var(--surface-2)}.manga-grid,.loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.875rem}.manga-card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;border:1px solid var(--border);transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s,border-color .22s}.manga-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 8px 32px #00000080,var(--glow);border-color:#ff2d5547}.manga-cover{position:relative;aspect-ratio:2/3;background:var(--surface-2);overflow:hidden}.manga-cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.25,.46,.45,.94)}.manga-card:hover .manga-cover img{transform:scale(1.07)}.cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface-2)}.cover-placeholder span{font-family:var(--font-display);font-size:2.5rem;color:var(--fg-subtle)}.cover-placeholder.large span{font-size:3.5rem}.cover-placeholder.small span{font-size:1.375rem}.manga-cover .status-badge{position:absolute;top:.5rem;left:.5rem}.manga-info{padding:.75rem .75rem .875rem;display:flex;flex-direction:column;gap:.25rem}.manga-title{font-size:.875rem;font-weight:700;color:var(--fg);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.manga-author{font-size:.75rem;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manga-year{font-size:.6875rem;color:var(--fg-subtle)}.manga-genres{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.card-skeleton{aspect-ratio:2/3;border-radius:var(--radius-lg);background:var(--surface);position:relative;overflow:hidden}.card-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.6s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;text-align:center;color:var(--fg-muted)}.empty-icon{font-size:2.5rem}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.page-btn{padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--fg);background:var(--surface);transition:all .15s}.page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-info{font-size:.875rem;color:var(--fg-muted)}.detail-page{padding-top:1.25rem}.detail-hero{display:flex;gap:2rem;margin-bottom:2rem}.detail-cover{flex-shrink:0;width:200px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-lg),var(--glow);aspect-ratio:2/3;background:var(--surface-2)}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-info{flex:1;min-width:0}.detail-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;color:var(--fg);line-height:1.15;margin-bottom:.5rem;letter-spacing:-.02em}.detail-author{font-size:.9375rem;color:var(--fg-muted);margin-bottom:1rem}.detail-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.875rem}.meta-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .625rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.8125rem;color:var(--fg-muted);font-weight:500}.genres-row{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1rem}.detail-desc{font-size:.9375rem;color:var(--fg-muted);line-height:1.7;margin-bottom:1rem}.manga-dates{font-size:.75rem;color:var(--fg-subtle);margin-bottom:1.25rem;display:flex;gap:.5rem;flex-wrap:wrap}.detail-actions{display:flex;flex-wrap:wrap;gap:.625rem}.collection-page .page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.collection-list{display:flex;flex-direction:column;gap:.5rem}.collection-item{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;transition:box-shadow .15s,border-color .15s}.collection-item:hover{box-shadow:var(--shadow-sm);border-color:var(--border-focus)}.coll-item-main{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem}.coll-cover{flex-shrink:0;width:42px;height:60px;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2)}.coll-cover img{width:100%;height:100%;object-fit:cover}.coll-info{flex:1;min-width:0}.coll-title{font-size:.9375rem;font-weight:700;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coll-author{font-size:.8125rem;color:var(--fg-muted)}.coll-vols{font-size:.75rem;color:var(--fg-subtle);margin-top:.1rem}.coll-actions{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.btn-volumes{padding:.375rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;color:var(--fg-muted);background:transparent;transition:all .12s}.btn-volumes:hover{color:var(--fg);border-color:var(--border-focus);background:var(--surface-2)}.btn-remove{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:.875rem;color:var(--fg-subtle);transition:all .12s}.btn-remove:hover{color:var(--error-fg);background:var(--error-bg)}.coll-chevron{display:flex;align-items:center;color:var(--fg-subtle);margin-left:.125rem}.volumes-grid{display:flex;flex-wrap:wrap;gap:.375rem;padding:.875rem 1rem;background:var(--surface-2);border-top:1px solid var(--border)}.vol-btn{width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:.75rem;font-weight:600;color:var(--fg-muted);background:var(--surface);transition:all .12s}.vol-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.vol-btn.owned{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 8px #ff2d554d}.submit-page{max-width:780px}.submit-form{display:flex;flex-direction:column;gap:1.25rem}.form-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.375rem}.form-section h3{font-family:var(--font-display);font-size:.9375rem;font-weight:700;color:var(--fg);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.genres-picker{display:flex;flex-wrap:wrap;gap:.5rem}.genre-pick-btn{padding:.375rem .875rem;border:1px solid var(--border);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;color:var(--fg-muted);background:var(--surface-2);transition:all .12s}.genre-pick-btn:hover{border-color:var(--primary);color:var(--primary)}.genre-pick-btn.selected{background:var(--primary-light);border-color:var(--primary);color:var(--primary);font-weight:600}.submit-actions{display:flex;gap:.75rem;justify-content:flex-end}.cover-preview{margin-top:.75rem}.cover-preview label{font-size:.8125rem;color:var(--fg-muted);margin-bottom:.5rem;display:block}.cover-preview img{max-height:200px;border-radius:var(--radius-md);border:1px solid var(--border)}.cover-preview-error{font-size:.8125rem;color:var(--error-fg)}.admin-page{max-width:860px}.admin-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.tab-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;color:var(--fg-muted);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;flex-shrink:0;transition:color .12s,border-color .12s}.tab-btn:hover{color:var(--fg)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:var(--primary);color:#fff;font-size:.625rem;font-weight:700;border-radius:var(--radius-full)}.admin-list{display:flex;flex-direction:column;gap:.875rem}.empty-admin{text-align:center;color:var(--fg-muted);padding:2.5rem 0;font-size:.9375rem}.admin-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.admin-card-info{display:flex;gap:1rem;padding:1rem}.admin-card-info h3{font-size:1rem;font-weight:700;color:var(--fg);margin-bottom:.375rem}.admin-card-info p{font-size:.875rem;color:var(--fg-muted);line-height:1.5}.admin-cover{width:48px;height:66px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;border:1px solid var(--border)}.admin-cover-lg{width:76px;height:104px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0;border:1px solid var(--border)}.admin-cover-placeholder{width:76px;height:104px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.6875rem;color:var(--fg-subtle);text-align:center}.admin-manga-body{flex:1;min-width:0}.admin-manga-details{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-bottom:.625rem}.admin-manga-field{display:flex;flex-direction:column;gap:.1rem;font-size:.8125rem;color:var(--fg)}.admin-field-label{font-size:.6875rem;font-weight:600;color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.04em}.admin-manga-genres{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.625rem}.admin-desc-full{font-size:.8125rem;color:var(--fg-muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.admin-desc{font-size:.8125rem;color:var(--fg-muted)}.admin-cover-url{font-size:.75rem;margin-top:.375rem;color:var(--fg-muted);word-break:break-all}.admin-cover-url a{color:var(--primary)}.admin-actions{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border);background:var(--surface-2);justify-content:flex-end;flex-wrap:wrap}.user-badge-lg{width:44px;height:44px;border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700;color:var(--fg-muted);flex-shrink:0}.profile-container{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.profile-edit-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.profile-section-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--fg);margin-bottom:1.25rem}.profile-avatar-edit{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.profile-avatar-wrap{flex-shrink:0;width:52px;height:52px;border-radius:var(--radius-full);overflow:hidden;border:2px solid var(--border);background:var(--surface-2)}.profile-avatar-wrap--sm{width:52px;height:52px}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.375rem;font-weight:700;color:var(--fg-muted)}.profile-field{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.875rem}.profile-field--grow{flex:1;margin-bottom:0}.profile-label{font-size:.8125rem;font-weight:600;color:var(--fg-muted)}.profile-input{width:100%;padding:.625rem .875rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;color:var(--fg);background:var(--surface-2);outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit;-webkit-appearance:none}.profile-input::placeholder{color:var(--fg-subtle)}.profile-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff2d551f}.profile-textarea{resize:vertical;line-height:1.5}.profile-section-divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:var(--fg-subtle);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.profile-section-divider:before,.profile-section-divider:after{content:"";flex:1;height:1px;background:var(--border)}.profile-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.profile-edit-actions{display:flex;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.profile-danger-zone{background:var(--surface);border:1px solid var(--error-border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem}.profile-danger-title{font-size:.9375rem;font-weight:700;color:var(--error-fg);margin-bottom:1rem}.profile-delete-confirm{display:flex;flex-direction:column;gap:.875rem}.profile-delete-warning{font-size:.875rem;color:var(--fg-muted);line-height:1.55;background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-md);padding:.75rem 1rem}.profile-delete-actions{display:flex;gap:.5rem;flex-wrap:wrap}.loading-page{display:flex;align-items:center;justify-content:center;min-height:40vh}.spinner{width:32px;height:32px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .65s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}.footer{text-align:center;padding:1.5rem var(--page-px);border-top:1px solid var(--border);font-size:.8125rem;color:var(--fg-subtle);background:var(--surface);letter-spacing:.02em}.footer strong{color:var(--primary);font-weight:600}@media (max-width: 768px){.footer--hidden-mobile{display:none}}.star-rating{display:flex;gap:.125rem}.star-btn{font-size:1.375rem;color:var(--border);transition:color .12s,transform .1s;padding:0}.star-btn:hover{transform:scale(1.15)}.star-btn.filled{color:#fbbf24}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .15s ease}.dialog-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.75rem;width:100%;max-width:400px;box-shadow:var(--shadow-lg);animation:dialog-in .18s cubic-bezier(.34,1.56,.64,1)}@keyframes dialog-in{0%{opacity:0;transform:scale(.93) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.dialog-title{font-family:var(--font-display);font-size:1.0625rem;font-weight:700;color:var(--fg);margin-bottom:.5rem}.dialog-message{font-size:.9rem;color:var(--fg-muted);line-height:1.6;margin-bottom:1.25rem}.dialog-title+.dialog-message{margin-top:.375rem}.dialog-title:last-child,.dialog-message:last-child{margin-bottom:1.25rem}.dialog-input{width:100%;padding:.625rem .875rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;color:var(--fg);background:var(--surface-2);outline:none;margin-bottom:1.25rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}.dialog-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff2d551f}.dialog-input::placeholder{color:var(--fg-subtle)}.dialog-actions{display:flex;gap:.625rem;justify-content:flex-end}.dialog-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;font-family:inherit;transition:background .15s,border-color .15s}.dialog-btn--cancel{background:transparent;color:var(--fg-muted);border:1px solid var(--border)}.dialog-btn--cancel:hover{background:var(--surface-2);color:var(--fg)}.dialog-btn--confirm{background:var(--primary);color:#fff;border:none;box-shadow:0 2px 10px #ff2d5540}.dialog-btn--confirm:hover{background:var(--primary-hover)}.dialog-btn--danger{background:var(--error-fg);color:#fff;border:none}.dialog-btn--danger:hover{background:#e55c5c}.inline-msg{padding:.625rem .875rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;background:var(--success-bg);color:var(--success-fg);border:1px solid var(--success-border);margin-bottom:1rem}.inline-msg--err{background:var(--error-bg);color:var(--error-fg);border-color:var(--error-border)}@media (min-width: 640px){:root{--page-px: 1.5rem;--nav-h: 64px}.manga-grid,.loading-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}@media (min-width: 900px){:root{--page-px: 2rem}.hamburger-btn{display:none!important}.manga-grid,.loading-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1.25rem}.detail-cover{width:240px}}@media (max-width: 639px){main{padding-bottom:var(--bottom-nav-h)}.bottom-nav{display:flex}.nav-links{display:none}.hamburger-btn{display:flex}.detail-hero{flex-direction:column;align-items:center;text-align:center}.detail-cover{width:150px}.detail-actions,.detail-meta,.genres-row,.manga-dates{justify-content:center}.form-grid,.profile-fields-row{grid-template-columns:1fr}.profile-avatar-edit{flex-direction:column;align-items:flex-start}.profile-field--grow{width:100%}.catalog-controls{flex-direction:column;align-items:stretch}.sort-controls{justify-content:flex-start}.search-bar{min-width:unset}.collection-page .page-header{flex-direction:column;align-items:flex-start}.submit-actions{flex-direction:column-reverse}.submit-actions>*{width:100%;justify-content:center}.admin-card-info{flex-direction:column}.admin-cover-lg{width:100%;height:140px}.admin-cover-placeholder{width:100%;height:80px}.admin-actions{justify-content:stretch}.admin-actions>*{flex:1;justify-content:center}.tab-btn{padding:.5rem .75rem;font-size:.8125rem}.notification-list{right:.75rem;left:.75rem;max-width:none;bottom:calc(var(--bottom-nav-h) + .75rem)}}