@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap";:root{--bg-primary:#1a1512;--bg-secondary:#242018;--bg-tertiary:#2e2820;--bg-card:#221e18;--bg-hover:#352e24;--accent-primary:#e65c50;--accent-secondary:#ff8c42;--accent-gradient:linear-gradient(135deg,#e65c50,#ff8c42);--text-primary:#f5e6d3;--text-secondary:#c4b5a3;--text-muted:#8a7b6a;--success:#7cb342;--warning:#ffb300;--error:#e53935;--info:#29b6f6;--border-color:#3d362c;--border-radius-sm:4px;--border-radius-md:4px;--border-radius-lg:8px;--shadow-sm:0 2px 8px 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);--shadow-glow:0 4px 20px rgba(230,92,80,.3);--font-primary:"Noto Sans JP","Inter",sans-serif;--font-display:"Dela Gothic One","Noto Sans JP",sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--z-dropdown:100;--z-sticky:200;--z-modal:500;--z-tooltip:600;--z-overlay:900;--z-max:9999;--container-max:1400px;--container-padding:16px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body,html{overflow-x:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-primary);line-height:1.6;max-width:100vw;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}img,video{display:block;height:auto;max-width:100%}button{background:none;border:none;cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}ol,ul{list-style:none}.container{margin:0 auto;max-width:var(--container-max);padding:0 var(--container-padding);width:100%}#main-content{max-width:100vw;overflow-x:hidden;width:100%}.accent{color:var(--accent-primary)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.hidden{display:none!important}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1512fa;border-bottom:3px solid var(--accent-primary);max-width:100vw;position:sticky;top:0;width:100%;z-index:var(--z-sticky)}.header__container{align-items:center;display:flex;gap:var(--spacing-md);margin:0 auto;max-width:var(--container-max);padding:var(--spacing-md) var(--container-padding);width:100%}.header__logo{color:var(--text-primary);font-family:var(--font-display);font-size:1.5rem;font-weight:900;letter-spacing:2px}.header__nav{display:none}@media(min-width:768px){.header__nav{display:block}}.header__menu{display:flex;gap:var(--spacing-lg)}.header__link{color:var(--text-secondary);font-weight:500;padding:var(--spacing-sm) 0;position:relative}.header__link.active,.header__link:hover{color:var(--text-primary)}.header__link.active:after{background:var(--accent-gradient);border-radius:2px;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.header__search{display:none;flex:1;max-width:300px;min-width:0}@media(min-width:768px){.header__search{display:block}}.header__search-wrapper{background:var(--bg-secondary);border-radius:var(--border-radius-sm);display:flex;overflow:visible;position:relative}.header__search-input{background:transparent;border:none;color:var(--text-primary);flex:1;outline:none;padding:var(--spacing-sm) var(--spacing-md)}@media(min-width:768px){.header__search-input{max-width:250px}}.header__search-input::-moz-placeholder{color:var(--text-muted)}.header__search-input::placeholder{color:var(--text-muted)}.header__search-btn{align-items:center;color:var(--text-secondary);display:flex;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);transition:color var(--transition-fast)}.header__search-btn svg{flex-shrink:0;height:20px;width:20px}.header__search-btn:hover{color:var(--accent-primary)}.header__autocomplete{background:var(--bg-card);border:1px solid var(--border-color);border-radius:0 0 var(--border-radius-sm) var(--border-radius-sm);border-top:none;box-shadow:var(--shadow-md);display:none;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:var(--z-dropdown)}.header__autocomplete.is-visible{display:block}.header__autocomplete-item{align-items:center;color:var(--text-primary);display:flex;font-size:.85rem;gap:var(--spacing-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:background var(--transition-fast)}.header__autocomplete-item.is-active,.header__autocomplete-item:hover{background:var(--bg-hover)}.header__autocomplete-type{background:var(--bg-tertiary);border-radius:4px;color:var(--text-muted);flex-shrink:0;font-size:.65rem;padding:2px 6px}.header__user{display:none;margin-left:auto}@media(min-width:768px){.header__user{display:block}}.header__login-btn{background:var(--accent-gradient);border-radius:var(--border-radius-sm);color:var(--text-primary);font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.header__login-btn:hover{box-shadow:var(--shadow-glow);color:var(--text-primary);transform:translateY(-2px)}.header__mobile-toggle{display:flex;flex-direction:column;gap:5px;margin-left:auto;padding:var(--spacing-sm)}@media(min-width:768px){.header__mobile-toggle{display:none!important}}.header__hamburger{position:relative}.header__hamburger,.header__hamburger:after,.header__hamburger:before{background:var(--text-primary);border-radius:2px;display:block;height:2px;transition:var(--transition-normal);width:24px}.header__hamburger:after,.header__hamburger:before{content:"";left:0;position:absolute}.header__hamburger:before{top:-7px}.header__hamburger:after{top:7px}.header__mobile-toggle[aria-expanded=true] .header__hamburger{background:transparent}.header__mobile-toggle[aria-expanded=true] .header__hamburger:before{top:0;transform:rotate(45deg)}.header__mobile-toggle[aria-expanded=true] .header__hamburger:after{top:0;transform:rotate(-45deg)}.header__mobile-menu{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);left:0;max-width:100vw;overflow-x:hidden;padding:var(--spacing-lg);position:absolute;right:0;top:100%;z-index:var(--z-sticky)}.header__mobile-menu[hidden]{display:none}@media(min-width:768px){.header__mobile-menu{display:none!important}}.header__mobile-search{margin-bottom:var(--spacing-md)}.header__mobile-search .header__search-wrapper{background:var(--bg-tertiary)}.header__mobile-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.header__mobile-list a,.header__mobile-list button{color:var(--text-primary);display:block;font-size:1.1rem;padding:var(--spacing-sm) 0}.header__mobile-list hr{border:none;border-top:1px solid var(--border-color);margin:var(--spacing-sm) 0}.header__dropdown{position:relative}.header__user-btn{align-items:center;color:var(--text-primary);display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs)}.header__avatar{align-items:center;background:var(--accent-gradient);border-radius:50%;display:flex;font-weight:600;height:36px;justify-content:center;width:36px}.header__username{display:none}@media(min-width:1024px){.header__username{display:inline}}.header__dropdown-menu{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);min-width:180px;opacity:0;padding:var(--spacing-sm);position:absolute;right:0;top:100%;transform:translateY(10px);transition:var(--transition-normal);visibility:hidden}.header__dropdown:focus-within .header__dropdown-menu,.header__dropdown:hover .header__dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.header__dropdown-item{border-radius:var(--border-radius-sm);color:var(--text-secondary);display:block;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:var(--transition-fast);width:100%}.header__dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.header__dropdown-item--danger:hover{color:var(--error)}.header__dropdown-divider{border:none;border-top:1px solid var(--border-color);margin:var(--spacing-sm) 0}.header__logout-form{margin:0}.footer{background:var(--bg-secondary);border-top:3px solid var(--accent-primary);padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer__container{margin:0 auto;max-width:var(--container-max);padding:0 var(--container-padding)}.footer__grid{display:grid;gap:var(--spacing-xl)}@media(min-width:768px){.footer__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.footer__grid{grid-template-columns:2fr 1fr 1fr 2fr}}.footer__logo{color:var(--text-primary);font-family:var(--font-display);font-size:1.5rem}.footer__tagline{color:var(--text-muted);margin-top:var(--spacing-sm)}.footer__title{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.footer__list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer__list a{color:var(--text-secondary);transition:color var(--transition-fast)}.footer__list a:hover{color:var(--accent-primary)}.footer__text{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.footer__text--small{color:var(--text-muted);font-size:.8rem;margin-top:var(--spacing-sm)}.footer__bottom{border-top:1px solid var(--border-color);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center}.footer__copyright{color:var(--text-muted);font-size:.85rem}.cards-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);width:100%}@media(min-width:640px){.cards-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.cards-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1280px){.cards-grid{grid-template-columns:repeat(6,1fr)}}.card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:4px;overflow:hidden;position:relative;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card__image-wrapper{aspect-ratio:3/4;overflow:hidden;position:relative}.card__image-wrapper:before{background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 0);background-size:4px 4px;opacity:.5;z-index:1}.card__image-wrapper:after,.card__image-wrapper:before{content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.card__image-wrapper:after{background:linear-gradient(0deg,rgba(26,21,18,.8),transparent 50%)}.card__image{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-slow);width:100%}.card:hover .card__image{transform:scale(1.05)}.card__badge{background:var(--accent-primary);border-radius:2px;font-weight:800;left:var(--spacing-sm);padding:2px 8px;top:var(--spacing-sm);z-index:2}.card__badge,.card__duration{color:var(--text-primary);font-size:.75rem;position:absolute}.card__duration{background:#000c;border-radius:4px;bottom:var(--spacing-sm);padding:2px 6px;right:var(--spacing-sm)}.card__play-icon{align-items:center;background:#000000b3;border-radius:50%;display:flex;height:48px;justify-content:center;left:50%;opacity:.9;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity var(--transition-fast),transform var(--transition-fast),background var(--transition-fast);width:48px}.card__play-icon svg{color:#fff;height:24px;width:24px}.card:hover .card__play-icon{background:var(--accent-primary);opacity:1;transform:translate(-50%,-50%) scale(1.1)}.card__content{padding:var(--spacing-md)}.card__title{color:var(--text-primary);display:-webkit-box;font-size:.9rem;font-weight:500;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;overflow:hidden}.card__meta{color:var(--text-muted);font-size:.8rem;gap:var(--spacing-md)}.card__meta,.card__tags{display:flex;margin-top:var(--spacing-sm)}.card__tags{flex-wrap:wrap;gap:var(--spacing-xs)}.card__tag{background:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary);font-size:.7rem;padding:2px 6px}.btn{align-items:center;border-radius:var(--border-radius-sm);cursor:pointer;display:inline-flex;font-weight:600;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.btn--primary{background:var(--accent-gradient);border-radius:4px;color:var(--text-primary);font-weight:700;letter-spacing:1px;text-transform:uppercase}.btn--primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn--secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.btn--secondary:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.btn--lg{font-size:1rem;padding:var(--spacing-sm) var(--spacing-xl)}.btn--lg svg{flex-shrink:0;height:20px;width:20px}.btn--sm{font-size:.85rem;padding:var(--spacing-xs) var(--spacing-md)}.btn svg{flex-shrink:0;height:18px;width:18px}.alert{border-radius:var(--border-radius-sm);margin:var(--spacing-md) var(--container-padding);margin-left:auto;margin-right:auto;max-width:var(--container-max);padding:var(--spacing-md)}.alert-success{background:#00d68f1a;border:1px solid var(--success);color:var(--success)}.alert-error{background:#ff3d711a;border:1px solid var(--error);color:var(--error)}.alert-warning{background:#ffaa001a;border:1px solid var(--warning);color:var(--warning)}.alert-info{background:#0095ff1a;border:1px solid var(--info);color:var(--info)}.section{padding:var(--spacing-xl) 0}.section__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);margin-left:auto;margin-right:auto;max-width:var(--container-max);padding:0 var(--container-padding)}.section__title{font-family:var(--font-display);font-size:1.5rem;letter-spacing:1px;padding-left:16px;position:relative}.section__title:before{background:var(--accent-gradient);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.section__link{align-items:center;color:var(--accent-primary);display:flex;font-weight:500;gap:var(--spacing-xs)}.section__content{margin:0 auto;max-width:var(--container-max);padding:0 var(--container-padding)}.skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:var(--border-radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.lazy{opacity:0;transition:opacity var(--transition-normal)}.lazy.loaded{opacity:1}.age-gate-overlay{align-items:center;animation:age-gate-fade-in .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:var(--spacing-md);position:fixed;z-index:var(--z-max)}#age-gate.age-gate--closing .age-gate-overlay{animation:age-gate-fade-out .3s ease forwards}@keyframes age-gate-fade-in{0%{opacity:0}to{opacity:1}}@keyframes age-gate-fade-out{0%{opacity:1}to{opacity:0}}.age-gate-modal{animation:age-gate-slide-up .4s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);max-width:480px;padding:var(--spacing-2xl);text-align:center;width:100%}@keyframes age-gate-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.age-gate-icon{color:var(--warning);height:64px;margin:0 auto var(--spacing-lg);width:64px}.age-gate-icon svg{height:100%;width:100%}.age-gate-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.75rem;margin-bottom:var(--spacing-md)}.age-gate-text{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-lg)}.age-gate-text strong{color:var(--accent-primary)}.age-gate-warning{align-items:center;background:#ffaa001a;border:1px solid var(--warning);border-radius:var(--border-radius-sm);color:var(--warning);display:flex;font-size:.9rem;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-md)}.age-gate-warning svg{flex-shrink:0;height:20px;width:20px}.age-gate-actions{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media(min-width:480px){.age-gate-actions{flex-direction:row}}.age-gate-btn{border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:1rem;font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}@media(min-width:480px){.age-gate-btn{flex:1}}.age-gate-btn--enter{background:var(--accent-gradient);color:#fff}.age-gate-btn--enter:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.age-gate-btn--exit{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.age-gate-btn--exit:hover{background:var(--bg-hover);border-color:var(--error);color:var(--error)}.age-gate-legal{color:var(--text-muted);font-size:.8rem;line-height:1.5}.age-gate-legal a{color:var(--accent-primary)}.age-gate-legal a:hover{text-decoration:underline}.ad-container{align-items:center;background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-muted);display:flex;font-size:.8rem;justify-content:center;margin:var(--spacing-md) 0}.ad-container,.ad-container--banner{min-height:90px}.ad-container--rectangle{max-width:300px;min-height:250px}.ad-container--leaderboard{margin-left:auto;margin-right:auto;max-width:728px;min-height:90px}.ad-container--interstitial{background:#000000e6;top:0;right:0;bottom:0;left:0;max-width:none;min-height:auto;position:fixed;z-index:var(--z-overlay)}@media(max-width:768px){.ad-container--desktop-only{display:none}}.theme-switcher{bottom:var(--spacing-lg);left:var(--spacing-lg);position:fixed;z-index:var(--z-sticky)}@media(max-width:768px){.theme-switcher{bottom:var(--spacing-md);left:var(--spacing-md)}}.theme-switcher__toggle{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;box-shadow:var(--shadow-md);cursor:pointer;display:flex;height:48px;justify-content:center;transition:background var(--transition-fast),transform var(--transition-fast);width:48px}@media(max-width:768px){.theme-switcher__toggle{height:44px;width:44px}}.theme-switcher__toggle:hover{background:var(--bg-hover);transform:scale(1.05)}.theme-switcher__toggle svg{color:var(--text-primary);height:24px;width:24px}.theme-switcher__menu{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);bottom:60px;box-shadow:var(--shadow-lg);left:0;min-width:180px;opacity:0;padding:var(--spacing-sm);position:absolute;transform:translateY(10px);transition:opacity var(--transition-normal),visibility var(--transition-normal),transform var(--transition-normal);visibility:hidden}@media(max-width:768px){.theme-switcher__menu{min-width:160px}}.theme-switcher.is-open .theme-switcher__menu{opacity:1;transform:translateY(0);visibility:visible}.theme-switcher__option{align-items:center;background:transparent;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:background var(--transition-fast),color var(--transition-fast);width:100%}.theme-switcher__option:hover{background:var(--bg-hover);color:var(--text-primary)}.theme-switcher__option.is-active{background:var(--accent-primary);color:#fff}.theme-switcher__preview{border-radius:50%;flex-shrink:0;height:20px;width:20px}.theme-switcher__preview--default{background:linear-gradient(135deg,#e65c50,#ff8c42)}.theme-switcher__preview--cyberpunk{background:linear-gradient(135deg,#00f0ff,#f0f)}.theme-switcher__preview--classic{background:linear-gradient(135deg,#e94560,#ff6b9d)}.theme-switcher__preview--dark{background:linear-gradient(135deg,#a855f7,#c084fc)}.theme-switcher__preview--sakura{background:linear-gradient(135deg,#6366f1,#ec4899)}.back-to-top{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;bottom:var(--spacing-lg);box-shadow:var(--shadow-md);cursor:pointer;display:flex;height:48px;justify-content:center;opacity:0;position:fixed;right:var(--spacing-lg);transform:translateY(20px);transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast),background var(--transition-fast);visibility:hidden;width:48px;z-index:var(--z-sticky)}@media(max-width:768px){.back-to-top{bottom:var(--spacing-md);height:44px;right:var(--spacing-md);width:44px}}.back-to-top.is-visible{opacity:1;transform:translateY(0);visibility:visible}.back-to-top:hover{background:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-2px)}.back-to-top:hover svg{color:#fff}.back-to-top svg{color:var(--text-primary);height:24px;width:24px}.tag{background:var(--bg-card);border-radius:var(--border-radius-sm);color:var(--text-secondary);display:inline-block;font-size:.8rem;padding:4px 12px;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.tag:hover{background:var(--accent-primary);color:#fff}.tag--sm{font-size:.75rem;padding:2px 8px}.tag--lg{font-size:.9rem;padding:6px 16px}.tag--active,.tag.is-active{background:var(--accent-primary);color:#fff}.tag-list{gap:var(--spacing-xs)}.tag-cloud,.tag-list{display:flex;flex-wrap:wrap}.tag-cloud{gap:var(--spacing-sm)}.content-card{background:var(--bg-card);border-radius:var(--border-radius-md);overflow:hidden;text-decoration:none;transition:transform var(--transition-fast)}.content-card:hover{transform:translateY(-2px)}.card-image{aspect-ratio:16/10;position:relative}.card-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card-image:before{background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 0);background-size:4px 4px;opacity:.5;z-index:1}.card-image:after,.card-image:before{content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.card-image:after{background:linear-gradient(0deg,rgba(26,21,18,.6),transparent 40%)}.card-play-icon{align-items:center;background:#000000b3;border-radius:50%;display:flex;height:40px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity var(--transition-fast);width:40px}.card-play-icon svg{color:#fff;height:20px;margin-left:3px;width:20px}.content-card:hover .card-play-icon{opacity:1}.card-flags{bottom:var(--spacing-xs);display:flex;gap:4px;left:var(--spacing-xs);position:absolute}.card-flags .flag{border-radius:2px;box-shadow:0 1px 3px #00000080;height:18px;-o-object-fit:cover;object-fit:cover;width:24px}.card-content{padding:var(--spacing-sm)}.card-title{color:var(--text-primary);display:-webkit-box;font-size:.85rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{color:var(--text-muted);font-size:.75rem;margin-top:var(--spacing-xs)}.card-badge{background:var(--accent-primary);border-radius:var(--border-radius-sm);color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;position:absolute;right:var(--spacing-xs);top:var(--spacing-xs)}.episodes-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.episode-card{transition:transform var(--transition-fast)}.episode-card:hover{transform:translateY(-2px)}.episode-card:hover .episode-play-icon{background:var(--accent-primary);transform:translate(-50%,-50%) scale(1.1)}.episode-thumb img:not(.episode-flag){height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.episode-thumb:before{background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 0);background-size:4px 4px;opacity:.5;z-index:1}.episode-thumb:after,.episode-thumb:before{content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.episode-thumb:after{background:linear-gradient(0deg,rgba(26,21,18,.6),transparent 40%)}.episode-play-icon{background:#000000b3;border-radius:50%;height:40px;left:50%;opacity:.9;top:50%;transform:translate(-50%,-50%);transition:all var(--transition-fast);width:40px}.episode-play-icon svg{height:20px;margin-left:3px;width:20px}.episode-flag{height:18px!important;-o-object-fit:cover;object-fit:cover;width:24px!important}.episode-number{display:block;font-weight:600;margin-bottom:2px}.episode-title{color:var(--text-muted);display:block;font-size:.85rem}.favorite-btn svg{height:18px;margin-right:var(--spacing-xs);transition:transform var(--transition-fast);width:18px}.favorite-btn:hover svg{transform:scale(1.1)}.favorite-btn.is-favorite{color:var(--accent-primary)}.favorite-btn.is-favorite svg{fill:currentColor}.favorite-btn--icon-only{min-width:auto;padding:var(--spacing-xs)}.favorite-btn--icon-only svg{margin-right:0}.progress-bar{background:var(--bg-secondary);margin-bottom:4px}.progress-text{font-size:.75rem}.progress-bar--light{background:var(--bg-card)}.progress-bar--lg{border-radius:3px;height:6px}.modal{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;opacity:0;padding:var(--spacing-md);position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:9999}.modal.is-active{opacity:1;visibility:visible}.modal.is-active .modal__container{transform:scale(1) translateY(0)}.modal__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;top:0;right:0;bottom:0;left:0;position:absolute}.modal__container{background:linear-gradient(145deg,var(--bg-secondary),var(--bg-primary));border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:0 25px 50px -12px #00000080;max-width:420px;overflow:hidden;position:relative;transform:scale(.9) translateY(20px);transition:transform .3s cubic-bezier(.34,1.56,.64,1);width:100%}.modal__container:before{background:var(--accent-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0}.modal__close{align-items:center;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:all .2s;width:32px;z-index:1}.modal__close svg{height:18px;width:18px}.modal__close:hover{background:var(--accent-primary);color:#fff;transform:rotate(90deg)}.modal__content{padding:var(--spacing-xl);text-align:center}.modal__icon{align-items:center;animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));border-radius:50%;display:inline-flex;height:80px;justify-content:center;margin-bottom:var(--spacing-lg);width:80px}.modal__icon svg{color:#fff;height:40px;width:40px}.modal__title{color:var(--text-primary);font-family:var(--font-display);font-size:1.75rem;margin:0 0 var(--spacing-xs)}.modal__subtitle{color:var(--text-muted);font-size:1rem;margin:0 0 var(--spacing-lg)}.modal__features{list-style:none;margin:0 0 var(--spacing-xl);padding:0;text-align:left}.modal__features li{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.modal__features li:last-child{border-bottom:none}.modal__features li svg{color:var(--accent-primary);flex-shrink:0;height:20px;margin-top:2px;width:20px}.modal__features li span{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.modal__features li span strong{color:var(--text-primary)}.modal__actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.modal__btn-primary{font-size:1rem;padding:var(--spacing-md) var(--spacing-lg);width:100%}.modal__btn-secondary{background:transparent;border:none;color:var(--text-muted);font-size:.9rem;padding:var(--spacing-sm);width:100%}.modal__btn-secondary:hover{background:transparent;color:var(--accent-primary)}@keyframes pulse-glow{0%,to{box-shadow:0 0 rgba(var(--accent-primary-rgb,255,107,107),.4)}50%{box-shadow:0 0 20px 10px rgba(var(--accent-primary-rgb,255,107,107),0)}}@media(max-width:480px){.modal{padding:var(--spacing-sm)}.modal__container{max-width:100%}.modal__content{padding:var(--spacing-lg)}.modal__title{font-size:1.5rem}.modal__icon{height:64px;width:64px}.modal__icon svg{height:32px;width:32px}}.detail-header{margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:1400px;padding:var(--spacing-lg)}.detail-header__grid{display:grid;gap:var(--spacing-xl);grid-template-columns:280px 1fr 260px}@media(max-width:1024px){.detail-header__grid{grid-template-columns:220px 1fr}.detail-header__grid .detail-header__sidebar{grid-column:1/-1}}@media(max-width:768px){.detail-header__grid{gap:var(--spacing-lg);grid-template-columns:1fr}}.detail-header__poster{display:flex;flex-direction:column;gap:var(--spacing-md)}@media(max-width:768px){.detail-header__poster{margin:0 auto;max-width:280px}}.poster-wrapper{aspect-ratio:3/4;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);overflow:hidden;position:relative}.poster-wrapper img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.poster-wrapper:before{background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 0);background-size:4px 4px;content:"";top:0;right:0;bottom:0;left:0;opacity:.5;pointer-events:none;position:absolute;z-index:1}.poster-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;border-radius:var(--border-radius-sm);bottom:var(--spacing-sm);color:var(--text-primary);display:flex;font-size:.875rem;font-weight:600;gap:var(--spacing-xs);left:var(--spacing-sm);padding:6px 12px;position:absolute}.poster-badge .stars{color:var(--warning)}.poster-type-badge{background:var(--accent-primary);border-radius:var(--border-radius-sm);color:#fff;font-size:.75rem;font-weight:600;left:var(--spacing-sm);letter-spacing:.5px;padding:4px 10px;position:absolute;text-transform:uppercase;top:var(--spacing-sm)}.poster-type-badge--comic{background:var(--info)}.poster-type-badge--doujin{background:var(--accent-primary)}.detail-header__cta{align-items:center;background:var(--accent-gradient);border:none;border-radius:var(--border-radius-md);box-shadow:0 4px 16px #e945604d;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all var(--transition-fast);width:100%}.detail-header__cta svg{flex-shrink:0;height:20px;width:20px}.detail-header__cta:hover{box-shadow:0 6px 24px #e9456066;transform:translateY(-2px)}.detail-header__info{display:flex;flex-direction:column;gap:var(--spacing-md)}.detail-header__title{color:var(--text-primary);font-family:var(--font-display);font-size:1.75rem;font-weight:700;line-height:1.2;margin:0}@media(max-width:768px){.detail-header__title{font-size:1.5rem}}.detail-header__subtitle{color:var(--text-muted);font-size:.875rem;font-style:italic;margin:0}.detail-header__meta-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}@media(max-width:600px){.detail-header__meta-grid{grid-template-columns:repeat(2,1fr)}}.meta-item{background:var(--bg-tertiary);border-radius:var(--border-radius-md);padding:var(--spacing-md);text-align:center}.meta-item__label{color:var(--text-muted);display:block;font-size:.6875rem;font-weight:500;letter-spacing:1px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.meta-item__value{color:var(--text-primary);display:block;font-size:1.125rem;font-weight:600}.meta-item__value--highlight{color:var(--accent-primary)}.detail-header__info-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-list-item{align-items:baseline;display:flex;font-size:.875rem;gap:var(--spacing-sm)}.info-list-item__label{color:var(--text-muted);flex-shrink:0;font-weight:500}.info-list-item__value{color:var(--text-secondary)}.info-list-item__value a{color:var(--accent-primary);text-decoration:none}.info-list-item__value a:hover{text-decoration:underline}.detail-header__tags{margin-top:auto}.detail-header__tags-label{color:var(--text-muted);font-size:.75rem;font-weight:500;margin-bottom:var(--spacing-sm)}.detail-header__tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag--accent{background:rgba(var(--accent-primary-rgb,233,69,96),.15);border-color:var(--accent-primary);color:var(--accent-primary)}.detail-header__studio{align-items:center;display:flex;font-size:.875rem;gap:var(--spacing-sm)}.detail-header__studio-label{color:var(--text-muted)}.detail-header__studio-value{background:var(--bg-tertiary);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-weight:500;padding:4px 12px}.detail-header__progress{margin-top:var(--spacing-sm)}.progress-bar{background:var(--bg-tertiary)}.progress-bar__fill{background:var(--accent-gradient);border-radius:2px;height:100%;transition:width .3s ease;width:var(--progress,0)}.progress-bar__text{color:var(--text-muted);font-size:.75rem}.detail-header__sidebar{align-self:start}.rating-section{background:var(--bg-tertiary);border-radius:var(--border-radius-md);padding:var(--spacing-lg)}.rating-section__header{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);text-align:center}.rating-section__label{color:var(--accent-primary);display:block;font-size:.6875rem;font-weight:600;letter-spacing:1.5px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.rating-section__score{color:var(--text-primary);font-family:var(--font-display);font-size:3rem;font-weight:700;line-height:1}.rating-section__votes{color:var(--text-muted);font-size:.75rem;margin-top:var(--spacing-xs)}.rating-distribution{display:flex;flex-direction:column;margin-bottom:var(--spacing-lg)}.distribution-row,.rating-distribution{gap:var(--spacing-sm)}.distribution-row__stars{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;font-weight:500;gap:2px;width:30px}.distribution-row__stars svg{fill:var(--warning);height:12px;width:12px}.distribution-row__bar{background:var(--bg-primary);border-radius:3px;flex:1;height:6px;overflow:hidden}.distribution-row__fill{border-radius:3px;height:100%;transition:width .5s ease}.distribution-row__fill--5{background:#4caf50}.distribution-row__fill--4{background:#8bc34a}.distribution-row__fill--3{background:#ffeb3b}.distribution-row__fill--2{background:#ff9800}.distribution-row__fill--1{background:#f44336}.distribution-row__count{color:var(--text-muted);font-size:.6875rem;text-align:right;width:40px}.rating-vote{border-top:1px solid var(--border-color);padding-top:var(--spacing-md);text-align:center}.rating-vote__label{color:var(--text-muted);font-size:.75rem;margin-bottom:var(--spacing-sm)}.rating-vote__done{color:var(--text-secondary);font-size:.875rem}.rating-vote__done strong{color:var(--warning)}.star-rating{display:flex;justify-content:center}.star-rating label{transition:transform var(--transition-fast)}.star-rating label svg{fill:var(--bg-primary);transition:all var(--transition-fast)}.star-rating label:hover svg,.star-rating label:hover~label svg{fill:var(--warning);stroke:var(--warning);transform:scale(1.1)}.star-rating input:checked~label svg{fill:var(--warning);stroke:var(--warning)}.favorite-btn--sidebar{align-items:center;background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.favorite-btn--sidebar svg{flex-shrink:0;height:18px;width:18px}.favorite-btn--sidebar:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.favorite-btn--sidebar.is-favorite{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.favorite-btn--sidebar.is-favorite svg{fill:currentColor}.seo-accordion{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin:var(--spacing-lg) 0;padding:var(--spacing-md)}.seo-accordion__title{color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 var(--spacing-sm) 0}.seo-accordion__content{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.seo-accordion__content[data-expandable]:not(.is-expanded){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.seo-accordion__content.is-expanded{display:block;overflow:visible}.seo-accordion__content p{margin:0 0 var(--spacing-sm) 0}.seo-accordion__content p:last-child{margin-bottom:0}.seo-accordion__content a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}.seo-accordion__content a:hover{color:var(--accent-secondary);text-decoration:underline}.seo-accordion__content ol,.seo-accordion__content ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.seo-accordion__content li{margin-bottom:var(--spacing-xs)}.seo-accordion__content b,.seo-accordion__content strong{color:var(--text-primary);font-weight:600}.seo-accordion__toggle{align-items:center;background:none;border:none;color:var(--accent-primary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:var(--spacing-xs);margin-top:var(--spacing-xs);padding:var(--spacing-xs) 0;transition:color var(--transition-fast)}.seo-accordion__toggle:hover{color:var(--accent-secondary)}.seo-accordion__toggle:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.seo-accordion__toggle .toggle-icon{transition:transform var(--transition-fast)}.seo-accordion__toggle[aria-expanded=true] .toggle-icon{transform:rotate(180deg)}@media(max-width:768px){.seo-accordion{margin:var(--spacing-md) 0;padding:var(--spacing-sm)}.seo-accordion__title{font-size:1rem}.seo-accordion__content{font-size:.9rem}}.detail-page{min-height:100vh}.detail-hero{align-items:flex-end;display:flex;min-height:400px;padding:var(--spacing-xl);position:relative}.hero-backdrop{background-position:50%;background-size:cover;filter:blur(20px);top:0;right:0;bottom:0;left:0;opacity:.3;position:absolute}.hero-backdrop:after{background:linear-gradient(to bottom,transparent,var(--bg-primary));content:"";top:0;right:0;bottom:0;left:0;position:absolute}.hero-content{display:flex;gap:var(--spacing-xl);margin:0 auto;max-width:1400px;position:relative;width:100%}.hero-poster{aspect-ratio:3/4;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);flex-shrink:0;overflow:hidden;position:relative;width:200px}.hero-poster img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hero-poster:before{background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 0);background-size:4px 4px;content:"";top:0;right:0;bottom:0;left:0;opacity:.5;pointer-events:none;position:absolute;z-index:1}.hero-info{flex:1;min-width:0}.hero-title{font-family:var(--font-display);font-size:2rem}.hero-meta,.hero-title{margin-bottom:var(--spacing-md)}.hero-meta{display:flex;flex-wrap:wrap;font-size:.9rem;gap:var(--spacing-md)}.meta-episodes,.meta-pages{color:var(--text-secondary)}.meta-status{background:var(--bg-card);border-radius:var(--border-radius-sm);padding:2px 8px}.meta-status--ongoing{background:var(--accent-primary);color:#fff}.hero-tags{gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.hero-actions,.hero-tags{display:flex;flex-wrap:wrap}.hero-actions{gap:var(--spacing-md)}.detail-content{margin:0 auto;max-width:1400px;padding:var(--spacing-xl) var(--container-padding)}@media(min-width:1432px){.detail-content{padding:var(--spacing-xl) 0}}.detail-section{margin-bottom:var(--spacing-2xl)}.section-title{border-bottom:2px solid var(--accent-primary);display:inline-block;font-family:var(--font-display);font-size:1.25rem;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.synopsis{color:var(--text-secondary);line-height:1.8}.related-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}@media(max-width:768px){.related-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.hero-content{align-items:center;flex-direction:column;text-align:center}.hero-poster{width:150px}.hero-title{font-size:1.5rem}.hero-actions,.hero-meta,.hero-tags{justify-content:center}}.breadcrumb{background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.breadcrumb__container{margin:0 auto;max-width:1400px;padding:var(--spacing-sm) var(--container-padding)}.breadcrumb__list{align-items:center;display:flex;flex-wrap:wrap;font-size:.85rem;gap:var(--spacing-xs);list-style:none;margin:0;padding:0}.breadcrumb__item{align-items:center;color:var(--text-muted);display:flex}.breadcrumb__item:after{color:var(--text-muted);content:"•";margin:0 var(--spacing-xs)}.breadcrumb__item--current{color:var(--text-primary)}.breadcrumb__item--current:after{display:none}.breadcrumb__link{color:var(--text-secondary);display:flex;text-decoration:none}.breadcrumb__link:hover{color:var(--accent-primary)}.breadcrumb__icon{height:20px;width:20px}.video-detail{margin:0 auto;max-width:1400px;padding:var(--spacing-lg) var(--container-padding)}.video-detail__main{display:grid;gap:var(--spacing-xl);grid-template-columns:280px 1fr;margin-bottom:var(--spacing-xl)}.video-detail__main--3col{grid-template-columns:260px 1fr 240px}@media(max-width:1024px){.video-detail__main--3col{grid-template-columns:240px 1fr}.video-detail__main--3col .video-detail__sidebar{grid-column:1/-1;margin-top:var(--spacing-md)}}@media(max-width:768px){.video-detail__main{gap:var(--spacing-lg);grid-template-columns:1fr}}.video-detail__sidebar{align-self:start}.video-detail__cover-col{display:flex;flex-direction:column;gap:var(--spacing-md)}.video-detail__cover-col .play-btn{align-items:center;display:flex;gap:var(--spacing-xs);justify-content:center}.video-detail__cover-col .play-btn svg{height:20px;width:20px}.video-detail__cover{aspect-ratio:3/4;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);overflow:hidden;position:relative;width:100%}.video-detail__cover img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.video-detail__cover:before{background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 0);background-size:4px 4px;content:"";top:0;right:0;bottom:0;left:0;opacity:.5;pointer-events:none;position:absolute;z-index:1}@media(max-width:768px){.video-detail__cover{margin:0 auto;max-width:250px}}.cover-rating{align-items:center;background:linear-gradient(transparent,#000000e6);bottom:0;display:flex;gap:var(--spacing-xs);justify-content:center;left:0;padding:var(--spacing-sm);position:absolute;right:0}.cover-rating__stars{display:flex;gap:2px}.cover-rating__stars svg{color:var(--warning);height:18px;width:18px}.cover-rating__score{color:#fff;font-size:1.1rem;font-weight:700}.video-detail__info{display:flex;flex-direction:column;gap:var(--spacing-md)}.video-detail__title{color:var(--accent-primary);font-family:var(--font-display);font-size:1.75rem;line-height:1.2;margin:0}.video-detail__subtitle{color:var(--text-secondary);font-size:1rem;font-style:italic;margin:0}.video-detail__description .description-text{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin:0}.video-detail__description .description-text[data-expandable]:not(.is-expanded){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-detail__description .description-toggle{color:var(--accent-primary);display:inline-block;font-size:.9rem;font-weight:500;margin-top:var(--spacing-xs);text-decoration:none}.video-detail__description .description-toggle:hover{text-decoration:underline}.video-detail__meta-grid{border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-lg);padding:var(--spacing-md) 0}.meta-box{display:flex;flex-direction:column;gap:4px;min-width:100px}.meta-box__label{color:var(--text-muted);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.meta-box__value{color:var(--text-primary);font-size:.9rem}.meta-box__icon{height:20px;width:20px}.meta-box__icon--heart{color:var(--accent-primary)}.meta-box--action{flex-direction:row}.meta-box--action,.meta-box__btn{align-items:center;gap:var(--spacing-xs)}.meta-box__btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.85rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s}.meta-box__btn svg{height:14px;width:14px}.meta-box__btn.is-favorite,.meta-box__btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.video-detail__genres{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.video-detail__genres .genres-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.video-detail__genres .genres-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.genre-tag{background:var(--accent-primary);border-radius:var(--border-radius-sm);color:#fff;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 12px;text-decoration:none;transition:background .2s}.genre-tag:hover{background:var(--accent-hover)}.video-detail__studio{align-items:center;display:flex;gap:var(--spacing-sm)}.video-detail__studio .studio-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.video-detail__studio .studio-tag{background:var(--accent-primary);border-radius:var(--border-radius-sm);color:#fff;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 12px}.rating-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.rating-panel__title{color:var(--accent-primary);font-family:var(--font-display);font-size:.9rem;letter-spacing:1px;margin:0 0 var(--spacing-sm);text-align:center;text-transform:uppercase}.rating-panel__header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.rating-panel__header .score-number{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1}.rating-panel__header .score-details{display:flex;flex-direction:column;gap:2px}.rating-panel__header .score-stars{display:flex;gap:2px}.rating-panel__header .score-stars .star{color:var(--text-muted);height:14px;width:14px}.rating-panel__header .score-stars .star--filled{color:var(--warning)}.rating-panel__header .score-count{color:var(--text-muted);font-size:.75rem}.rating-panel__distribution{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--spacing-sm)}.rating-panel__vote{border-top:1px solid var(--border-color);padding-top:var(--spacing-sm);text-align:center}.rating-panel__vote .vote-label{color:var(--text-secondary);font-size:.8rem;margin:0 0 var(--spacing-xs)}.rating-panel__vote .vote-done{color:var(--text-secondary);font-size:.85rem;margin:0}.rating-panel__vote .vote-done strong{color:var(--warning)}.rating-panel--compact .rating-panel__title{font-size:.85rem}.rating-panel--compact .score-number{font-size:1.75rem}.rating-panel--compact .star-rating label svg{height:22px;width:22px}.rating-panel__empty{padding:var(--spacing-sm) 0;text-align:center}.rating-panel__empty .no-rating{color:var(--text-muted);font-size:.85rem;font-style:italic;margin:0}.distribution-row{align-items:center;display:flex;gap:var(--spacing-xs)}.distribution-label{align-items:center;color:var(--text-muted);display:flex;font-size:.7rem;gap:2px;min-width:28px}.distribution-label .star-mini{color:var(--warning);height:10px;width:10px}.distribution-bar{background:var(--bg-tertiary);border-radius:4px;flex:1;height:8px;overflow:hidden}.distribution-bar__fill{border-radius:4px;height:100%;transition:width .3s ease}.distribution-bar__fill--5{background:#4caf50}.distribution-bar__fill--4{background:#8bc34a}.distribution-bar__fill--3{background:#ffeb3b}.distribution-bar__fill--2{background:#ff9800}.distribution-bar__fill--1{background:#f44336}.distribution-count{color:var(--text-muted);font-size:.7rem;min-width:24px;text-align:right}.star-rating{display:inline-flex;flex-direction:row-reverse;gap:4px}.star-rating input{display:none}.star-rating label{cursor:pointer;transition:transform .1s}.star-rating label svg{fill:var(--text-muted);height:28px;stroke:var(--text-muted);stroke-width:1;transition:fill .2s,stroke .2s;width:28px}.star-rating label:hover{transform:scale(1.1)}.star-rating input:checked~label svg,.star-rating label:hover svg,.star-rating label:hover~label svg{fill:var(--warning);stroke:var(--warning)}.episodes-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.episode-card{background:var(--bg-card);border-radius:var(--border-radius-md);color:inherit;display:block;overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s}.episode-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.episode-thumb{aspect-ratio:16/9;position:relative}.episode-thumb img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.episode-play-icon{align-items:center;background:#0000004d;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.episode-play-icon svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:48px;width:48px}.episode-card:hover .episode-play-icon{opacity:1}.episode-duration{background:#000c;border-radius:var(--border-radius-sm);color:#fff;font-size:.75rem;padding:2px 6px;right:var(--spacing-xs)}.episode-duration,.episode-flag{bottom:var(--spacing-xs);position:absolute}.episode-flag{border-radius:2px;height:auto;left:var(--spacing-xs);width:24px}.episode-info{padding:var(--spacing-sm)}.episode-number{color:var(--text-primary);font-size:.9rem;font-weight:500}@media(max-width:768px){.video-detail__title{font-size:1.5rem;text-align:center}.video-detail__subtitle{text-align:center}.video-detail__genres,.video-detail__meta-grid,.video-detail__studio{justify-content:center}.rating-panel{max-width:100%}.episodes-grid,.related-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.detail-page--doujin .hero-poster,.hero-poster--portrait{aspect-ratio:3/4;width:220px}.detail-page--doujin .hero-poster img,.hero-poster--portrait img{height:100%;-o-object-fit:cover;object-fit:cover}@media(max-width:768px){.detail-page--doujin .hero-poster,.hero-poster--portrait{width:160px}}.type-badge{border-radius:var(--border-radius-sm);display:inline-block;font-size:.7rem;font-weight:600;margin-bottom:var(--spacing-sm);padding:2px 8px;text-transform:uppercase}.type-badge--doujin{background:var(--accent-primary);color:#fff}.type-badge--comic{background:#2196f3;color:#fff}.hero-details{display:grid;font-size:.9rem;gap:var(--spacing-sm) var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.detail-item{display:flex;gap:var(--spacing-xs)}.detail-label{color:var(--text-muted);font-weight:500;white-space:nowrap}.detail-value{color:var(--text-primary)}.detail-value a{color:var(--accent-primary);text-decoration:none}.detail-value a:hover{text-decoration:underline}.series-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.series-badge{align-items:center;background:var(--bg-card);border-radius:var(--border-radius-sm);color:var(--accent-primary);display:inline-flex;font-size:.85rem;padding:2px 10px;text-decoration:none;transition:background var(--transition-fast)}.series-badge:hover{background:var(--accent-primary);color:#fff}.reading-progress{margin-top:var(--spacing-lg);max-width:300px}.progress-bar{background:var(--bg-card);border-radius:2px;height:4px;margin-bottom:var(--spacing-xs);overflow:hidden}.progress-fill{background:var(--accent-primary);height:100%;transition:width var(--transition-normal);width:var(--progress,0)}.progress-text{color:var(--text-muted);font-size:.8rem}.synopsis-content{color:var(--text-secondary);line-height:1.7;max-width:800px}@media(max-width:768px){.detail-item,.hero-details,.series-list{justify-content:center}.reading-progress{margin:0 auto}.synopsis-content{text-align:left}}.user-page{margin:0 auto;max-width:1000px;padding:var(--spacing-lg)}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg)}.page-title{font-family:var(--font-display);font-size:2rem;margin-bottom:var(--spacing-xs)}.page-count{color:var(--text-muted)}.page-subtitle{color:var(--text-secondary);margin-top:var(--spacing-xs)}.page-filters{margin-bottom:var(--spacing-xl)}.filter-tabs{background:var(--bg-card);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);width:-moz-fit-content;width:fit-content}.filter-tab{border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:.9rem;padding:var(--spacing-xs) var(--spacing-md);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.filter-tab:hover{color:var(--text-primary)}.filter-tab.is-active{background:var(--accent-primary);color:#fff}.empty-state{padding:var(--spacing-xxl);text-align:center}.empty-state p{color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.empty-icon{color:var(--text-muted);height:64px;margin-bottom:var(--spacing-md);opacity:.5;width:64px}.empty-hint{color:var(--text-muted);font-size:.9rem;margin-bottom:var(--spacing-lg)}.history-list{flex-direction:column}.history-card,.history-list{display:flex;gap:var(--spacing-md)}.history-card{background:var(--bg-card);border-radius:var(--border-radius-md);padding:var(--spacing-md);text-decoration:none;transition:background var(--transition-fast)}.history-card:hover{background:var(--bg-secondary)}.history-cover{flex-shrink:0;position:relative;width:80px}.history-cover img{aspect-ratio:3/4;border-radius:var(--border-radius-sm);-o-object-fit:cover;object-fit:cover;width:100%}.history-badge{background:var(--accent-primary);border-radius:2px;bottom:4px;color:#fff;font-size:.65rem;left:4px;padding:1px 4px;position:absolute}.history-info{flex:1;min-width:0}.history-title{color:var(--text-primary);display:-webkit-box;font-size:1rem;-webkit-line-clamp:1;margin-bottom:4px;-webkit-box-orient:vertical;overflow:hidden}.history-episode{color:var(--text-secondary);font-size:.85rem;margin-bottom:var(--spacing-sm)}.history-progress{margin-bottom:var(--spacing-xs)}.history-date{color:var(--text-muted);font-size:.75rem}.listing-page{margin:0 auto;max-width:1400px;padding:var(--spacing-lg)}@media(max-width:768px){.listing-page{padding:var(--spacing-md)}}.listing-header{margin-bottom:var(--spacing-lg)}.listing-title{font-family:var(--font-display);font-size:2rem;margin-bottom:var(--spacing-xs)}@media(max-width:768px){.listing-title{font-size:1.5rem}}.listing-subtitle{color:var(--text-muted)}.listing-filters{flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl)}.filter-group,.listing-filters{align-items:center;display:flex}.filter-group{gap:var(--spacing-sm)}.filter-label{color:var(--text-secondary);font-size:.9rem}.filter-select{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm)}.filter-select:hover{border-color:var(--accent-primary)}.listing-count{color:var(--text-muted);font-size:.9rem}.listing-alphabet{background:var(--bg-card);border-radius:var(--border-radius-md);display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);padding:var(--spacing-md)}.alphabet-link{align-items:center;background:var(--bg-secondary);border-radius:var(--border-radius-sm);color:var(--text-secondary);display:flex;font-weight:600;height:32px;justify-content:center;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast);width:32px}.alphabet-link:hover{background:var(--accent-primary);color:#fff}.listing-section{margin-bottom:var(--spacing-xl)}.section-letter{border-bottom:2px solid var(--accent-primary);display:inline-block;font-family:var(--font-display);font-size:1.5rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.listing-grid{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.listing-grid--flat{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media(max-width:768px){.listing-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.listing-card{align-items:center;background:var(--bg-card);border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:background var(--transition-fast),transform var(--transition-fast)}.listing-card:hover{background:var(--bg-secondary);transform:translate(4px)}.listing-card:hover .card-count{background:var(--accent-primary);color:#fff}.card-name{color:var(--text-primary);flex:1;font-size:.9rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-count{background:var(--bg-secondary);border-radius:var(--border-radius-sm);color:var(--text-muted);flex-shrink:0;font-size:.8rem;margin-left:var(--spacing-sm);padding:2px 8px}.tags-page{margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.tags-header{margin-bottom:var(--spacing-lg)}.tags-title{font-family:var(--font-display);font-size:2rem;margin-bottom:var(--spacing-xs)}.tags-subtitle{color:var(--text-muted)}.tags-alphabet,.tags-filters{margin-bottom:var(--spacing-xl)}.tags-alphabet{background:var(--bg-card);border-radius:var(--border-radius-md);display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-md)}.tags-section{margin-bottom:var(--spacing-xl)}.tags-grid{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.tags-grid--flat{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.tag-card{align-items:center;background:var(--bg-card);border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:background var(--transition-fast),transform var(--transition-fast)}.tag-card:hover{background:var(--bg-secondary);transform:translate(4px)}.tag-card:hover .tag-count{background:var(--accent-primary);color:#fff}.tag-name{color:var(--text-primary);font-size:.9rem}.tag-count{background:var(--bg-secondary);border-radius:var(--border-radius-sm);color:var(--text-muted);font-size:.8rem;padding:2px 8px}.main-categories-section{margin-bottom:var(--spacing-xxl)}.main-categories-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}@media(min-width:640px){.main-categories-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.main-categories-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1280px){.main-categories-grid{grid-template-columns:repeat(6,1fr)}}.main-category-card{border-radius:var(--border-radius-md);overflow:hidden;position:relative;text-decoration:none;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.main-category-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.main-category-card:hover .category-image img{transform:scale(1.05)}.category-image{aspect-ratio:3/4;background:var(--bg-tertiary);position:relative}.category-image img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-slow);width:100%}.category-placeholder{background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-card));height:100%;width:100%}.category-overlay{background:linear-gradient(transparent,#000000d9);bottom:0;display:flex;flex-direction:column;gap:var(--spacing-xs);left:0;padding:var(--spacing-md);position:absolute;right:0}.category-name{color:#fff;font-size:1rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.5)}@media(max-width:640px){.category-name{font-size:.9rem}}.category-count{color:#fffc;font-size:.85rem}@media(max-width:640px){.category-count{font-size:.75rem}}.other-tags-section{border-top:1px solid var(--border-color);padding-top:var(--spacing-lg)}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg)}.section-header .section-title{margin-bottom:0}@media(max-width:640px){.section-header{align-items:flex-start;flex-direction:column}}.user-page--favorites{max-width:1400px}.content-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}@media(min-width:768px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.content-grid .content-card{box-shadow:var(--shadow-md);position:relative}.content-grid .content-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.content-grid .card-image{aspect-ratio:3/4}.card-link{display:block;text-decoration:none}.card-remove{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;left:var(--spacing-xs);opacity:0;padding:0;position:absolute;top:var(--spacing-xs);transition:opacity var(--transition-fast),background var(--transition-fast);width:28px;z-index:10}.card-remove svg{height:16px;width:16px}.content-card:hover .card-remove{opacity:1}.card-remove:hover{background:var(--error,#e53935)}.content-card.removing{opacity:.5;pointer-events:none}.card-badge--type{background:var(--accent-primary);border-radius:var(--border-radius-sm);color:#fff;font-size:.7rem;padding:2px 6px;position:absolute;right:var(--spacing-xs);top:var(--spacing-xs)}.auth-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:var(--spacing-lg)}.auth-container{max-width:420px;width:100%}.auth-card{background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl)}.auth-header{margin-bottom:var(--spacing-xl);text-align:center}.auth-title{font-family:var(--font-display);font-size:1.75rem;margin-bottom:var(--spacing-xs)}.auth-subtitle{color:var(--text-muted);font-size:.95rem}.auth-errors{background:#ff3d711a;border:1px solid var(--error);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.auth-errors .error-message{color:var(--error);font-size:.9rem;margin:0}.auth-errors .error-message+.error-message{margin-top:var(--spacing-xs)}.auth-form{gap:var(--spacing-lg)}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--spacing-xs)}.form-label{font-size:.9rem;font-weight:500}.form-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #e945601a;outline:none}.form-input::-moz-placeholder{color:var(--text-muted)}.form-input::placeholder{color:var(--text-muted)}.form-input.is-invalid{border-color:var(--error)}.form-error{color:var(--error);font-size:.85rem}.form-hint{color:var(--text-muted);font-size:.8rem}.form-row{align-items:center;flex-wrap:wrap;justify-content:space-between}.form-checkbox,.form-row{display:flex;gap:var(--spacing-sm)}.form-checkbox{align-items:flex-start;color:var(--text-secondary);cursor:pointer;font-size:.85rem;line-height:1.4}.form-checkbox input{accent-color:var(--accent-primary);margin-top:3px}.form-checkbox a,.form-link{color:var(--accent-primary)}.form-link{font-size:.9rem}.btn--block{width:100%}.auth-footer{border-top:1px solid var(--border-color);color:var(--text-secondary);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center}.auth-footer a{color:var(--accent-primary);font-weight:500}.account-page{min-height:calc(100vh - 200px);padding:var(--spacing-lg)}.account-page .page-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.account-page .page-title{font-family:var(--font-display);font-size:1.5rem}.account-page .page-title--danger{color:var(--error)}.account-container{margin:0 auto;max-width:600px}.form-card+.account-container{max-width:500px}.account-back-link{align-items:center;background:var(--bg-card);border-radius:var(--border-radius-sm);color:var(--text-primary);display:flex;height:40px;justify-content:center;transition:background var(--transition-fast);width:40px}.account-back-link:hover{background:var(--bg-secondary)}.account-back-link svg{height:20px;width:20px}.account-header{align-items:center;background:var(--bg-card);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-xl)}@media(max-width:480px){.account-header{flex-direction:column;text-align:center}}.account-avatar{border-radius:50%;flex-shrink:0;height:80px;overflow:hidden;width:80px}.account-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:480px){.account-avatar{height:100px;width:100px}}.avatar-placeholder{align-items:center;background:var(--accent-gradient);color:#fff;display:flex;font-size:2rem;font-weight:700;height:100%;justify-content:center;width:100%}.account-info{flex:1;min-width:0}.account-username{font-family:var(--font-display);font-size:1.5rem;margin-bottom:var(--spacing-xs)}.account-email{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-xs)}.account-date{color:var(--text-muted);font-size:.8rem}.account-stats{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-lg)}.stat-card{background:var(--bg-card);border-radius:var(--border-radius-md);padding:var(--spacing-lg);text-align:center}.stat-value{color:var(--accent-primary);display:block;font-family:var(--font-display);font-size:2rem;margin-bottom:var(--spacing-xs)}.stat-label{color:var(--text-muted);font-size:.85rem}.account-nav{background:var(--bg-card);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);overflow:hidden}.account-nav-item{align-items:center;color:var(--text-primary);display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:background var(--transition-fast)}.account-nav-item:not(:last-child){border-bottom:1px solid var(--border-color)}.account-nav-item:hover{background:var(--bg-secondary)}.account-nav-item--danger{color:var(--error)}.account-nav-item span{flex:1}.nav-icon{flex-shrink:0;height:20px;width:20px}.nav-arrow{color:var(--text-muted);height:16px;width:16px}.account-logout{margin-top:var(--spacing-xl)}.form-card{background:var(--bg-card);border-radius:var(--border-radius-lg);padding:var(--spacing-xl)}.account-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.sessions-info{background:var(--bg-card);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.sessions-list{flex-direction:column}.session-card,.sessions-list{display:flex;gap:var(--spacing-md)}.session-card{align-items:center;background:var(--bg-card);border-radius:var(--border-radius-md);justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.session-card--current{border:1px solid var(--accent-primary)}.session-info{flex:1;min-width:0}.session-device{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.device-icon{color:var(--text-muted);flex-shrink:0;height:20px;width:20px}.device-details{display:flex;flex-direction:column}.device-name{font-weight:500}.device-ip,.session-meta{color:var(--text-muted);font-size:.8rem}.session-current-badge{background:var(--accent-primary);border-radius:var(--border-radius-sm);color:#fff;font-size:.75rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.warning-card{background:#ff3d711a;border:1px solid var(--error);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.warning-icon{color:var(--error);flex-shrink:0;height:24px;width:24px}.warning-content h2{color:var(--error);font-size:1rem;margin-bottom:var(--spacing-sm)}.warning-content p{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-sm)}.warning-content ul{color:var(--text-secondary);font-size:.85rem;margin:0;padding-left:var(--spacing-lg)}.warning-content li{margin-bottom:var(--spacing-xs)}.btn--danger{background:var(--error);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:opacity var(--transition-fast)}.btn--danger:hover{opacity:.9}.legal-page{min-height:calc(100vh - 200px);padding:var(--spacing-xl)}.legal-container{margin:0 auto;max-width:800px}.legal-title{font-family:var(--font-display);font-size:2rem;margin-bottom:var(--spacing-xs)}.legal-updated{color:var(--text-muted);margin-bottom:var(--spacing-xl)}.legal-content{background:var(--bg-card);border-radius:var(--border-radius-lg);padding:var(--spacing-xl)}.legal-section{margin-bottom:var(--spacing-xl)}.legal-section:last-child{margin-bottom:0}.legal-section h2{color:var(--text-primary);font-size:1.1rem;margin-bottom:var(--spacing-md)}.legal-section p,.legal-section ul{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-sm)}.legal-section ul{padding-left:var(--spacing-lg)}.legal-section li{margin-bottom:var(--spacing-xs)}.legal-section a{color:var(--accent-primary)}.contact-page{min-height:calc(100vh - 200px);padding:var(--spacing-xl)}.contact-container{margin:0 auto;max-width:1000px}.contact-title{font-family:var(--font-display);font-size:2rem;margin-bottom:var(--spacing-xs)}.contact-subtitle{color:var(--text-muted);margin-bottom:var(--spacing-xl)}.contact-grid{display:grid;gap:var(--spacing-xl);grid-template-columns:1fr}@media(min-width:768px){.contact-grid{grid-template-columns:1fr 1fr}}.contact-info{flex-direction:column}.contact-info,.info-card{display:flex;gap:var(--spacing-md)}.info-card{background:var(--bg-card);border-radius:var(--border-radius-md);padding:var(--spacing-lg)}.info-icon{align-items:center;background:var(--accent-primary);border-radius:var(--border-radius-sm);color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.info-icon svg{height:20px;width:20px}.info-content h3{font-size:1rem;margin-bottom:var(--spacing-xs)}.info-content p{color:var(--text-secondary);font-size:.9rem}.info-content ul{list-style:none;margin:0;padding:0}.info-content li{color:var(--text-secondary);font-size:.85rem;padding:2px 0}.contact-form-container{background:var(--bg-card);border-radius:var(--border-radius-lg);padding:var(--spacing-xl)}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-textarea{min-height:120px;resize:vertical}