:root{--bg-dark: #1f1f1f;--bg-darker: #2a2a2a;--bg-input: #333;--bg-elevated: #353535;--text-primary: #e0e0e0;--text-secondary: #999;--text-tertiary: #666;--text-muted: #888;--text-light: #ccc;--text-dark: #333;--border-color: #666;--border-color-light: #555;--border-color-dark: #444;--border-color-app: #3a3a3a;--border-color-medium: #555;--border-color-subtle: #3a3a3a;--color-success: #9CCC65;--color-error-alt: #EF9A9A;--color-error-gradient: #ff8a80;--color-warning: #ffb74d;--color-link: #99c3ff;--success: #9CCC65;--error: #cf6679;--link: #99c3ff;--link-visited: #dbb6ff;--accent-purple: #dbaefb;--accent-blue: #a6ceff;--accent-gradient: linear-gradient(135deg, #dbaefb 0%, #a6ceff 100%);--accent-gradient-start: #dbaefb;--accent-gradient-end: #a6ceff;--logo-gradient-start: #dbaefb;--logo-gradient-end: #a6ceff;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 16px;--font-size-md: 18px;--font-size-lg: 20px;--font-size-xl: 28px;--font-size-2xl: 36px;--line-height-tight: 1.1;--line-height-base: 1.4;--line-height-relaxed: 1.5;--spacing-xs: 5px;--spacing-sm: 8px;--spacing-md: 10px;--spacing-lg: 15px;--spacing-xl: 20px;--spacing-2xl: 30px;--spacing-3xl: 40px;--spacing-4xl: 50px;--spacing-5xl: 60px;--gap-xs: 5px;--gap-sm: 10px;--gap-md: 12px;--gap-lg: 15px;--gap-xl: 20px;--radius-none: 0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 20px;--btn-padding-sm: 6px 12px;--btn-padding-md: 8px 16px;--btn-padding-lg: 10px 20px;--input-padding: 6px 12px;--input-padding-lg: 12px 16px;--transition-fast: 0.15s ease;--transition-base: 0.3s ease}@keyframes blinkSuccess{0%{background-color:transparent}50%{background-color:var(--color-success)}100%{background-color:transparent}}@keyframes blinkError{0%{background-color:transparent}50%{background-color:var(--color-error-alt)}100%{background-color:transparent}}@keyframes shimmer{0%{left:-100%}100%{left:100%}}.btn-shimmer{position:relative;overflow:hidden}.btn-shimmer::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);animation:shimmer 2s ease-in-out infinite}.notice{position:relative;display:flex;align-items:flex-start;gap:var(--gap-md);background:var(--bg-darker);padding:16px 48px 16px 16px;border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);font-size:15px;line-height:1.5;font-weight:500;color:var(--text-primary);isolation:isolate;box-shadow:0 4px 20px rgba(153,195,255,0.2)}.notice::before{content:'';position:absolute;inset:-2px;border-radius:var(--radius-lg);padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}.notice:not(:last-child){margin-bottom:var(--spacing-3xl)}.notice--icon{flex-shrink:0;font-size:var(--font-size-lg);line-height:1;margin-top:2px}.notice--content{flex:1;word-break:break-word}.notice--close{position:absolute;top:12px;right:12px;background:transparent;border:none;color:var(--text-secondary);font-size:24px;line-height:1;cursor:pointer;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all 0.2s ease}.notice--close:hover{background:rgba(255,255,255,0.1);color:var(--text-primary)}.notice--close:active{transform:scale(0.95)}.notice--close:focus{outline:2px solid var(--link);outline-offset:2px}.notice::before{background:linear-gradient(90deg, var(--link-visited), var(--link))}.alert{position:relative;display:flex;align-items:flex-start;gap:var(--gap-md);background:var(--bg-darker);padding:16px 48px 16px 16px;border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);font-size:15px;line-height:1.5;font-weight:500;color:var(--text-primary);isolation:isolate;box-shadow:0 4px 20px rgba(207,102,121,0.2)}.alert::before{content:'';position:absolute;inset:-2px;border-radius:var(--radius-lg);padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}.alert:not(:last-child){margin-bottom:var(--spacing-3xl)}.alert--icon{flex-shrink:0;font-size:var(--font-size-lg);line-height:1;margin-top:2px}.alert--content{flex:1;word-break:break-word}.alert--close{position:absolute;top:12px;right:12px;background:transparent;border:none;color:var(--text-secondary);font-size:24px;line-height:1;cursor:pointer;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all 0.2s ease}.alert--close:hover{background:rgba(255,255,255,0.1);color:var(--text-primary)}.alert--close:active{transform:scale(0.95)}.alert--close:focus{outline:2px solid var(--link);outline-offset:2px}.alert::before{background:linear-gradient(90deg, var(--error), var(--color-error-gradient))}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.notification-dismissing{animation:fadeOut 0.3s ease-out forwards}*,*:before,*:after{box-sizing:border-box}body{background:var(--bg-dark);color:var(--text-primary);font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;line-height:var(--line-height-base);margin:0 auto;max-width:720px;padding:var(--spacing-xl)}body,input,select{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:var(--font-size-base)}a{text-decoration:none;color:var(--link-override, var(--link))}a:visited{color:var(--link-override, var(--link-visited))}h1,h2,h3,h4,h5,h6{margin:0}time{color:var(--text-secondary);font-size:0.9em}.outlink{font-size:var(--font-size-md)}.outlink_active{outline:1px solid currentColor}.hidden{display:none !important}select{background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);border-radius:0.3rem}input[type="text"]{background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-none);padding:var(--input-padding)}input[type="text"]:focus{outline:none;border-image:linear-gradient(to right, var(--link-visited) 0%, var(--link) 100%) 1}del{color:var(--text-secondary)}p{margin-top:0;margin-bottom:0}p:not(:last-child){margin-bottom:var(--spacing-md)}.content{margin-bottom:var(--spacing-4xl)}.user-manga{--title-font-size: var(--font-size-md);line-height:22px}.user-manga--i{white-space:nowrap;margin-right:var(--spacing-md)}.user-manga--i--chapter-label{display:inline-block;vertical-align:baseline;font-size:var(--font-size-xs)}.user-manga--i--favorite{margin-right:var(--spacing-xs);transition:opacity 0.2s ease-in-out}.user-manga--i--favorite:not(.user-manga--i--favorite_yes){filter:grayscale(1);opacity:0.3}.user-manga--i--star{width:16px;vertical-align:baseline}.user-manga--i_muted{--link-override: var(--text-tertiary);color:var(--text-tertiary);font-size:var(--font-size-sm)}.user-manga--i_title{white-space:normal;font-size:var(--title-font-size);margin-right:0}.user-manga:not(:last-child){margin-bottom:var(--spacing-lg)}.user-manga_main{--title-font-size: var(--font-size-2xl);line-height:var(--line-height-tight)}.unknown-manga{line-height:22px;display:flex;align-items:center}.unknown-manga--i{white-space:nowrap;margin-right:var(--spacing-md)}.unknown-manga--i--title{font-weight:bold;font-size:var(--font-size-base)}.unknown-manga--i--title--container{width:360px;white-space:normal}.unknown-manga--i--chapter-label{color:var(--text-tertiary);font-size:var(--font-size-xs)}.unknown-manga--i_muted{color:var(--text-tertiary);font-size:var(--font-size-sm)}.unknown-manga:not(:last-child){margin-bottom:var(--spacing-lg)}.manga--posters{display:flex;flex-wrap:wrap;gap:10px}.manga--posters--i{text-align:center;max-height:200px;max-width:100px}.manga--posters--i--img{max-width:100%;max-height:100%}@keyframes shift{0%{background-position:0% 50%}100%{background-position:100% 50%}}.header{display:flex;flex-direction:row;gap:var(--gap-md);align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);font-size:var(--font-size-lg)}.header--container{margin-bottom:var(--spacing-3xl)}.header--main{display:flex;align-items:flex-end;gap:var(--gap-xs)}.header--alpha{color:var(--text-secondary)}.header--right{display:flex;align-items:center;gap:var(--gap-lg);flex-wrap:nowrap}.header--user{font-size:var(--font-size-base);font-weight:500}.header--divider{width:1px;height:16px;background:var(--border-color-app)}.header--settings{font-size:var(--font-size-base);color:var(--text-secondary);transition:color var(--transition-fast)}.header--settings:hover{color:var(--text-primary)}.header--settings:visited{color:var(--text-secondary)}.header--settings:visited:hover{color:var(--text-primary)}.logo{padding:1px var(--spacing-xs);font-weight:bold;font-size:var(--font-size-xl);background:linear-gradient(270deg, var(--logo-gradient-start), var(--logo-gradient-end) 33%, var(--logo-gradient-end) 66%, var(--logo-gradient-start));background-size:600% 600%;animation:shift 20s ease infinite forwards}.logo--inner{position:relative;z-index:1}.logo,.logo:visited{color:var(--text-dark)}.api-copy{font-size:var(--font-size-md)}.api-copy--container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-sm)}.api-copy--success{font-weight:bold}.filters{margin-bottom:var(--spacing-2xl);display:flex;align-items:center;gap:var(--gap-xl)}.filters--i{display:flex;align-items:center;gap:var(--gap-xs)}.vsec-s:not(:last-child){margin-bottom:10px}.vsec-m:not(:last-child){margin-bottom:15px}.vsec-l:not(:last-child){margin-bottom:20px}.vsec-xl:not(:last-child){margin-bottom:30px}.flex{display:flex;flex-wrap:wrap;gap:var(--flex-gap, 0)}.flex-xs{--flex-gap: 5px}.flex-s{--flex-gap: 10px}.flex-m{--flex-gap: 15px}.flex-l{--flex-gap: 20px}.flex-column{flex-direction:column}.flex-baseline{align-items:baseline}.flex-center{align-items:center}.btn-ds{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:var(--font-size-base);font-weight:500;font-family:inherit;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);min-height:44px;text-decoration:none}.btn-ds:active{transform:scale(0.98)}.btn-ds_sm{padding:8px 16px;font-size:var(--font-size-sm);min-height:36px}.btn-ds_lg{padding:16px 32px;font-size:var(--font-size-lg);min-height:52px}.btn-ds_primary{background:var(--accent-gradient);color:#1a1a1a}.btn-ds_primary:hover{border-radius:var(--radius-full);box-shadow:0 4px 20px rgba(219,174,251,0.3)}.btn-ds_secondary{background:var(--bg-darker);color:var(--text-primary);border:1px solid var(--border-color-medium)}.btn-ds_secondary:hover{background:var(--bg-elevated);border-color:var(--accent-purple)}.btn-ds_ghost{background:transparent;color:var(--accent-purple);border:1px solid transparent}.btn-ds_ghost:hover{background:rgba(219,174,251,0.1);border-color:rgba(219,174,251,0.3)}.btn-ds_disabled,.btn-ds:disabled{background:var(--bg-input);color:var(--text-muted);cursor:not-allowed;opacity:0.6}.btn-ds_disabled:hover,.btn-ds:disabled:hover{transform:none;box-shadow:none}.btn-ds-row{display:flex;gap:var(--gap-md)}.btn-ds-row .btn-ds{flex:1}.notification{display:flex;align-items:flex-start;gap:var(--gap-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);background:var(--bg-darker);border-left:3px solid;transition:all var(--transition-base)}.notification--icon{font-size:var(--font-size-md);line-height:1}.notification--content{flex:1}.notification--title{font-size:var(--font-size-base);font-weight:500;margin-bottom:var(--spacing-xs)}.notification--text{font-size:var(--font-size-sm);color:var(--text-secondary)}.notification--close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);font-size:var(--font-size-md);line-height:1;transition:color var(--transition-fast)}.notification--close:hover{color:var(--text-primary)}.notification_success{border-color:var(--success)}.notification_success .notification--icon{color:var(--success)}.notification_error{border-color:var(--error)}.notification_error .notification--icon{color:var(--error)}.notification_info{border-color:var(--color-link)}.notification_info .notification--icon{color:var(--color-link)}.notification_warning{border-color:var(--color-warning)}.notification_warning .notification--icon{color:var(--color-warning)}.notifications{display:flex;flex-direction:column;gap:var(--gap-md)}.card{background:var(--bg-darker);border:1px solid var(--border-color-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base)}.card:hover{border-color:var(--border-color-medium);box-shadow:0 4px 20px rgba(0,0,0,0.2)}.card--title{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--spacing-sm)}.card--text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.card_list{display:flex;align-items:center;gap:var(--gap-md);padding:var(--spacing-md) var(--spacing-lg)}.card_stats{text-align:center;padding:var(--spacing-xl)}.card--avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-weight:600;color:#1a1a1a;flex-shrink:0}.card--list-content{flex:1;min-width:0}.card--list-title{font-size:var(--font-size-base);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card--list-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary)}.card--list-action{color:var(--text-muted);font-size:var(--font-size-lg)}.card--stats-value{font-size:var(--font-size-xl);font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card--stats-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-xs)}.cards{display:flex;flex-direction:column;gap:var(--gap-lg)}.tabs{display:flex;background:var(--bg-darker);border-radius:var(--radius-lg);padding:var(--spacing-xs);gap:var(--spacing-xs)}.tabs--item{flex:1;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;font-family:inherit;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:center;text-decoration:none}.tabs--item:visited{color:var(--text-secondary)}.tabs--item:hover,.tabs--item:visited:hover{color:var(--text-primary)}.tabs--item_active{background:var(--accent-gradient);color:#1a1a1a;cursor:default}.tabs--item_active:hover,.tabs--item_active:visited,.tabs--item_active:visited:hover{color:#1a1a1a}.breadcrumbs{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.breadcrumbs--item{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumbs--item:hover{color:var(--color-link)}.breadcrumbs--item_current{color:var(--text-primary)}.breadcrumbs--sep{color:var(--text-muted)}.toggle{width:48px;height:28px;appearance:none;-webkit-appearance:none;background:var(--bg-input);border:none;border-radius:14px;cursor:pointer;position:relative;transition:all var(--transition-base)}.toggle::after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;background:var(--text-secondary);border-radius:50%;transition:all var(--transition-base)}.toggle:checked{background:var(--accent-gradient)}.toggle:checked::after{left:23px;background:#1a1a1a}.toggle:focus{outline:2px solid var(--accent-purple);outline-offset:2px}.toggle:focus:not(:focus-visible){outline:none}.toggle-group{display:flex;align-items:center;justify-content:space-between}.checkbox{width:20px;height:20px;appearance:none;-webkit-appearance:none;background:var(--bg-input);border:1px solid var(--border-color-medium);border-radius:var(--radius-sm);cursor:pointer;position:relative;top:-1px;transition:all var(--transition-fast)}.checkbox:checked{background:var(--accent-gradient);border-color:transparent}.checkbox:checked::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#1a1a1a;font-size:12px;font-weight:bold}.checkbox:focus{outline:2px solid var(--accent-purple);outline-offset:2px}.checkbox:focus:not(:focus-visible){outline:none}.checkbox-group{display:flex;align-items:center;gap:var(--gap-xs);cursor:pointer}.checkbox-label{font-size:var(--font-size-base);color:var(--text-primary)}.footer{text-align:center}.footer--contact{font-size:var(--font-size-sm)}.footer--links{font-size:var(--font-size-xs)}.footer--locales{font-size:var(--font-size-xs);margin-top:var(--spacing-sm)}.footer--link{--link-override: var(--text-secondary)}.footer--link.active{font-weight:600;--link-override: var(--text-primary)}.footer--separator{margin:0 var(--spacing-sm)}.login-container{max-width:320px;margin:var(--spacing-3xl) auto}.login-title{text-align:center;margin-bottom:var(--spacing-2xl);font-size:1.5rem}.login-section{margin-bottom:var(--spacing-xl)}.magic-link-form{display:flex;flex-direction:column;gap:var(--gap-md)}.form-group{display:flex;flex-direction:column}.login-input{width:100%;padding:var(--input-padding-lg);font-size:var(--font-size-base);background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color-light);border-radius:var(--radius-sm)}.login-input:focus{outline:none;border-color:var(--link)}.login-input::placeholder{color:var(--text-muted)}.login-input:user-invalid{border-color:var(--error)}.login-btn{width:100%}.login-btn--oauth{margin-bottom:var(--spacing-md)}.login-divider{display:flex;align-items:center;text-align:center;margin:24px 0;color:var(--text-muted)}.login-divider::before,.login-divider::after{content:'';flex:1;border-bottom:1px solid var(--border-color-dark)}.login-divider span{padding:0 16px;font-size:var(--font-size-sm)}.login-terms{margin-top:var(--spacing-2xl);font-size:12px;color:var(--text-muted);text-align:center}.magic-link-sent{max-width:400px;margin:var(--spacing-5xl) auto;text-align:center}.magic-link-sent h2{margin-bottom:var(--spacing-xl)}.magic-link-sent p{color:var(--text-light);margin-bottom:16px}.magic-link-sent .magic-link-sent-note{background:var(--bg-darker);padding:16px;border-radius:var(--radius-md);margin:24px 0}.magic-link-sent .magic-link-sent-note p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.magic-link-sent .magic-link-sent-note p:last-child{margin-bottom:0}.magic-link-sent .magic-link-sent-retry{font-size:var(--font-size-sm);color:var(--text-muted)}.ds-section{margin-bottom:var(--spacing-3xl)}.ds-section-title{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color-subtle)}.ds-subsection-title{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.ds-palette{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--gap-md)}.ds-swatch{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--border-color-subtle);position:relative}.ds-swatch::after{content:attr(data-label);position:absolute;top:calc(100% + 6px);left:0;right:0;font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-type-scale{display:flex;flex-direction:column;gap:var(--gap-sm)}.ds-color-row{display:flex;flex-wrap:wrap;gap:var(--gap-lg)}.ds-color-row span{font-size:var(--font-size-sm)}.ds-demo{padding:var(--spacing-lg);background:var(--bg-darker);border-radius:var(--radius-lg);border:1px solid var(--border-color-subtle)}.ds-label{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--spacing-xs)}