/* =============================================
   YAKSHA LINKTREE - Complete Styles
   Light + Dark theme, responsive, all features
   ============================================= */
:root,[data-theme="dark"]{
  --bg1:#0d0d1a;--bg2:#141425;--bg3:rgba(255,255,255,.04);--bg3h:rgba(255,255,255,.08);
  --glass:rgba(20,20,37,.75);--accent:#e30000;--accent-g:rgba(227,0,0,.3);--accent-s:#ff4444;
  --t1:#f0f0f5;--t2:#9b9bb0;--t3:#5c5c72;--brd:rgba(255,255,255,.06);--brdh:rgba(255,255,255,.12);
  --sh:0 4px 24px rgba(0,0,0,.3);--r:12px;--max:1100px;
  --c-kaichan:#ff7a00;--c-readrealm:#9e00ff;--c-readtoon:#e30000;--c-thainovel:#00cc0a;
  --c-mynovel:#0085ff;--c-kairew:#0019ff;--c-chaply:#333;--c-versetoon:#ad00ff;
}
[data-theme="light"]{
  --bg1:#f5f3f0;--bg2:#ffffff;--bg3:rgba(0,0,0,.04);--bg3h:rgba(0,0,0,.07);
  --glass:rgba(255,255,255,.85);--t1:#1a1a2e;--t2:#555;--t3:#888;
  --brd:rgba(0,0,0,.08);--brdh:rgba(0,0,0,.15);--sh:0 4px 20px rgba(0,0,0,.08);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Kanit',sans-serif;background:var(--bg1);color:var(--t1);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
img{display:block;max-width:100%}
::selection{background:var(--accent);color:#fff}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(128,128,128,.2);border-radius:3px}

/* BG Decoration */
.bg-deco{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.bg-g{position:absolute;border-radius:50%;filter:blur(140px);opacity:.12}
.bg-g1{width:450px;height:450px;background:var(--accent);top:-120px;right:-80px;animation:fl 22s ease-in-out infinite}
.bg-g2{width:350px;height:350px;background:#3300cc;bottom:-80px;left:-60px;animation:fl 28s ease-in-out infinite reverse}
.bg-g3{width:250px;height:250px;background:#ff6600;top:50%;left:50%;animation:fl 25s ease-in-out infinite 5s}
[data-theme="light"] .bg-g{opacity:.06}
@keyframes fl{0%,100%{transform:translate(0,0)}33%{transform:translate(30px,-25px)}66%{transform:translate(-20px,20px)}}

/* Header */
.header{position:relative;z-index:10;padding:1.5rem 1.25rem 1rem;text-align:center;max-width:var(--max);margin:0 auto}
.header-inner{display:flex;flex-direction:column;align-items:center}
.header-row{display:flex;justify-content:space-between;width:100%;align-items:center;margin-bottom:.75rem}
.theme-toggle{width:38px;height:38px;border-radius:50%;background:var(--bg3);border:1px solid var(--brd);display:flex;align-items:center;justify-content:center;color:var(--t2);transition:.3s}
.theme-toggle:hover{background:var(--bg3h);color:var(--t1)}
[data-theme="dark"] .icon-sun{display:none}[data-theme="dark"] .icon-moon{display:block}
[data-theme="light"] .icon-sun{display:block}[data-theme="light"] .icon-moon{display:none}
.site-title{display:flex;flex-direction:column;gap:.1rem;margin-bottom:.3rem}
.t-en{font-family:'Mitr',sans-serif;font-size:2.6rem;font-weight:600;letter-spacing:.25em;color:var(--accent);text-shadow:0 0 30px var(--accent-g);line-height:1.1}
.t-th{font-family:'Mitr',sans-serif;font-size:1rem;color:var(--t2);letter-spacing:.15em}
.site-desc{font-size:.82rem;color:var(--t3);margin-bottom:.75rem}

/* Auth area */
.auth-area{display:flex;align-items:center;gap:.5rem}
.btn-login{padding:.35rem .9rem;border-radius:20px;font-size:.78rem;background:var(--bg3);border:1px solid var(--brd);color:var(--t2);transition:.3s;font-weight:500}
.btn-login:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.user-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--accent);cursor:pointer;object-fit:cover}
.user-menu{position:absolute;right:0;top:42px;background:var(--bg2);border:1px solid var(--brd);border-radius:var(--r);padding:.5rem 0;min-width:160px;box-shadow:var(--sh);z-index:100;display:none}
.user-menu.show{display:block}
.user-menu button{width:100%;text-align:left;padding:.5rem 1rem;font-size:.85rem;color:var(--t2);transition:.2s}
.user-menu button:hover{background:var(--bg3);color:var(--t1)}

/* Socials */
.socials{display:flex;justify-content:center;gap:.55rem;flex-wrap:wrap;margin-bottom:.5rem}
.soc{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--bg3);border:1px solid var(--brd);color:var(--t2);transition:.3s;position:relative}
.soc:hover{transform:translateY(-2px);border-color:var(--brdh)}
.soc-tt:hover{color:#fff;background:#010101;border-color:#69C9D0;box-shadow:0 0 16px rgba(105,201,208,.3)}
.soc-yt:hover{color:#fff;background:#FF0000;border-color:#FF0000}
.soc-fb:hover{color:#fff;background:#1877F2;border-color:#1877F2}
.soc-bell{cursor:pointer}
.notif-badge{position:absolute;top:-2px;right:-2px;background:var(--accent);color:#fff;font-size:.6rem;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}

/* Stats */
.stats{display:flex;gap:1rem;font-size:.72rem;color:var(--t3);margin-top:.25rem}
.stat-item{display:flex;align-items:center;gap:3px}
.stat-dot{width:6px;height:6px;border-radius:50%;display:inline-block}
.stat-dot.on{background:#4ade80}.stat-dot.end{background:#f87171}.stat-dot.all{background:var(--accent)}

/* Main */
.main{position:relative;z-index:10;max-width:var(--max);margin:0 auto;padding:0 1.25rem 2rem}

/* Notice */
.notice-banner{background:linear-gradient(135deg,var(--accent),#ff4444);color:#fff;padding:.65rem 1rem;border-radius:var(--r);font-size:.85rem;font-weight:500;text-align:center;margin-bottom:1rem;animation:pulse 3s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 var(--accent-g)}50%{box-shadow:0 0 16px 3px var(--accent-g)}}

/* Search */
.search-wrap{margin-bottom:.75rem}
.search-box{position:relative;display:flex;align-items:center}
.s-icon{position:absolute;left:12px;color:var(--t3);pointer-events:none}
.s-input{width:100%;padding:.65rem 2.2rem .65rem 2.6rem;background:var(--bg3);border:1px solid var(--brd);border-radius:20px;color:var(--t1);font-size:.9rem;font-family:inherit;outline:none;transition:.3s;backdrop-filter:blur(8px)}
.s-input::placeholder{color:var(--t3)}
.s-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-g)}
.s-clear{position:absolute;right:10px;font-size:1.2rem;color:var(--t3);display:none;padding:4px}
.s-clear.vis{display:block}

/* Category nav - sticky */
.sticky-nav{position:sticky;top:0;z-index:50;background:var(--bg1);padding:.6rem 0 .3rem;margin:0 -1.25rem;padding-left:1.25rem;padding-right:1.25rem;border-bottom:1px solid var(--brd);backdrop-filter:blur(12px);background:rgba(13,13,26,.85)}
[data-theme="light"] .sticky-nav{background:rgba(245,243,240,.9)}
.cat-nav,.day-nav{display:flex;gap:.4rem;margin-bottom:.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:3px}
.cat-nav::-webkit-scrollbar,.day-nav::-webkit-scrollbar{display:none}
.cat,.day{flex-shrink:0;padding:.4rem .9rem;border-radius:20px;font-size:.8rem;font-weight:500;color:var(--t2);background:var(--bg3);border:1px solid var(--brd);transition:.3s;white-space:nowrap}
.cat:hover,.day:hover{background:var(--bg3h);color:var(--t1)}
.cat.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 10px var(--accent-g)}
.day{font-size:.72rem;padding:.3rem .7rem;font-weight:400;color:var(--t3)}
.day.active{color:var(--t1);border-color:var(--t2);background:var(--bg3h)}

/* Tags */
.tag-wrap{margin-bottom:.75rem}
.tag-toggle{font-size:.78rem;color:var(--t3);padding:.3rem 0;display:flex;align-items:center;gap:4px}
.tag-arrow{font-size:.6rem;transition:.3s}
.tag-wrap.open .tag-arrow{transform:rotate(180deg)}
.tag-cloud{display:none;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}
.tag-wrap.open .tag-cloud{display:flex}
.tag-chip{padding:.25rem .65rem;border-radius:12px;font-size:.7rem;background:var(--bg3);border:1px solid var(--brd);color:var(--t3);transition:.2s;cursor:pointer}
.tag-chip:hover{border-color:var(--brdh);color:var(--t2)}
.tag-chip.sel{background:var(--accent);color:#fff;border-color:var(--accent)}

/* Toolbar */
.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:.5rem}
.results-info{font-size:.75rem;color:var(--t3)}
.toolbar-r{display:flex;align-items:center;gap:.4rem}
.sort-select{padding:.3rem .5rem;border-radius:8px;font-size:.72rem;background:var(--bg3);border:1px solid var(--brd);color:var(--t2);font-family:inherit;cursor:pointer;outline:none}
.sort-select option{background:var(--bg2);color:var(--t1)}
.view-toggle{width:32px;height:32px;border-radius:8px;background:var(--bg3);border:1px solid var(--brd);display:flex;align-items:center;justify-content:center;color:var(--t3)}
[data-view="grid"] .vt-list{display:none}[data-view="list"] .vt-grid{display:none}
.btn-export{padding:.25rem .6rem;border-radius:6px;font-size:.68rem;background:var(--bg3);border:1px solid var(--brd);color:var(--t3);font-weight:600}
.btn-export:hover{background:var(--accent);color:#fff;border-color:var(--accent)}

/* Top 10 sections */
.top-section{margin-bottom:1.5rem}
.sec-title{font-family:'Mitr',sans-serif;font-size:1rem;font-weight:500;margin-bottom:.75rem;color:var(--t1)}
.top-scroll{display:flex;gap:.75rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.5rem}
.top-scroll::-webkit-scrollbar{display:none}
.top-card{flex-shrink:0;width:120px;cursor:pointer;transition:.3s}
.top-card:hover{transform:translateY(-3px)}
.top-cover{width:120px;height:168px;border-radius:10px;overflow:hidden;background:var(--bg3);margin-bottom:.35rem;position:relative}
.top-cover img{width:100%;height:100%;object-fit:cover}
.top-rank{position:absolute;top:4px;left:4px;background:var(--accent);color:#fff;width:22px;height:22px;border-radius:50%;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.top-name{font-size:.68rem;color:var(--t2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}

/* Loading */
.loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 0;color:var(--t3)}
.spinner{width:32px;height:32px;border:3px solid var(--brd);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.err-state{text-align:center;padding:2rem;color:var(--t3)}
.btn-retry{margin-top:.75rem;padding:.5rem 1.2rem;background:var(--accent);color:#fff;border-radius:var(--r);font-size:.85rem}

/* Grid */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}
[data-view="list"] .grid{grid-template-columns:1fr;gap:.5rem}

/* Card */
.card{position:relative;border-radius:var(--r);overflow:hidden;background:var(--bg3);border:1px solid var(--brd);transition:.3s;cursor:pointer;animation:fadeUp .4s ease both;backdrop-filter:blur(6px)}
.card:hover{transform:translateY(-3px);border-color:var(--brdh);box-shadow:var(--sh);background:var(--bg3h)}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.card:nth-child(1){animation-delay:.02s}.card:nth-child(2){animation-delay:.05s}.card:nth-child(3){animation-delay:.08s}.card:nth-child(4){animation-delay:.11s}.card:nth-child(5){animation-delay:.14s}.card:nth-child(6){animation-delay:.17s}

/* Card cover */
.card-cv{position:relative;width:100%;padding-top:140%;overflow:hidden;background:var(--bg2)}
.card-cv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.card:hover .card-cv img{transform:scale(1.04)}
.card-cv::after{content:'';position:absolute;bottom:0;left:0;right:0;height:55%;background:linear-gradient(to top,rgba(13,13,26,.92),transparent);pointer-events:none}
[data-theme="light"] .card-cv::after{background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}

/* Card badges */
.card-badges{position:absolute;top:6px;left:6px;right:6px;display:flex;justify-content:space-between;z-index:2;gap:4px}
.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:.7rem;font-weight:600;backdrop-filter:blur(6px);line-height:1.3}
.badge-ep{background:rgba(227,0,0,.85);color:#fff}
.badge-st{background:rgba(0,0,0,.55);color:#aaa;font-weight:400;font-size:.65rem}
.badge-st.ongoing{color:#4ade80}.badge-st.ended{color:#f87171}.badge-st.season-end{color:#fbbf24}
.badge-newseries{background:#a855f7;color:#fff;font-weight:600;font-size:.56rem}
.badge-updated{background:#4ade80;color:#000;font-weight:600;font-size:.56rem}
.badge-notice{background:#fbbf24;color:#000;font-size:.58rem}

/* Card info */
.card-info{position:absolute;bottom:0;left:0;right:0;padding:0 10px 10px;z-index:2}
.card-title{font-size:.85rem;font-weight:500;line-height:1.35;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.card-sched{font-size:.68rem;color:rgba(255,255,255,.5);margin-top:3px}

/* List view card */
[data-view="list"] .card{display:flex;flex-direction:row}
[data-view="list"] .card-cv{width:70px;padding-top:0;height:98px;flex-shrink:0}
[data-view="list"] .card-cv::after{display:none}
[data-view="list"] .card-info{position:static;padding:.6rem .75rem;display:flex;flex-direction:column;justify-content:center;min-width:0}
[data-view="list"] .card-title{color:var(--t1);text-shadow:none;font-size:.8rem;-webkit-line-clamp:1}
[data-view="list"] .card-sched{color:var(--t3)}
[data-view="list"] .card-badges{position:static;margin-bottom:.25rem;justify-content:flex-start}

/* No results */
.no-res{text-align:center;padding:2rem;color:var(--t3)}

/* Modal */
.modal-ov{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.65);backdrop-filter:blur(5px);display:flex;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden;transition:.3s}
.modal-ov.on{opacity:1;visibility:visible}
.modal{width:100%;max-width:480px;max-height:85vh;background:var(--bg2);border-radius:16px 16px 0 0;overflow-y:auto;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overscroll-behavior:contain}
.modal-ov.on .modal{transform:translateY(0)}
.modal-handle{width:36px;height:4px;background:var(--brd);border-radius:2px;margin:10px auto 0}
.modal-x{position:sticky;top:0;float:right;width:34px;height:34px;font-size:1.4rem;color:var(--t3);z-index:10;margin:8px 8px 0 0;background:var(--bg3);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.2s}
.modal-x:hover{color:var(--t1);background:var(--bg3h)}
.modal-body{padding:.75rem 1.25rem 1.5rem;clear:both}

/* Modal header */
.m-head{display:flex;gap:.9rem;margin-bottom:1rem}
.m-cover{width:95px;height:133px;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--bg3)}
.m-cover img{width:100%;height:100%;object-fit:cover}
.m-info{display:flex;flex-direction:column;justify-content:center;gap:.3rem;min-width:0}
.m-title{font-size:1rem;font-weight:600;line-height:1.3}
.m-meta{display:flex;flex-wrap:wrap;gap:.3rem}
.m-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:5px;font-size:.68rem;font-weight:500}
.m-badge--ep{background:var(--accent);color:#fff}
.m-badge--sched{background:var(--bg3);color:var(--t2)}
.m-badge--status{background:var(--bg3);color:var(--t3)}
.m-notice{background:#fbbf24;color:#000;padding:.5rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500;margin-bottom:.75rem}
.m-actions{display:flex;gap:.5rem;margin-bottom:.75rem}
.m-btn{padding:.35rem .8rem;border-radius:8px;font-size:.75rem;font-weight:500;background:var(--bg3);border:1px solid var(--brd);color:var(--t2);display:flex;align-items:center;gap:4px;transition:.2s}
.m-btn:hover{background:var(--bg3h);color:var(--t1)}
.m-btn.following{background:var(--accent);color:#fff;border-color:var(--accent)}

/* Platform links */
.m-links-title{font-size:.75rem;color:var(--t3);margin-bottom:.5rem}
.m-links{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}
.plat{display:flex;align-items:center;justify-content:center;padding:.6rem .8rem;border-radius:10px;font-size:.85rem;font-weight:500;color:#fff;transition:.2s;text-align:center}
.plat:hover{filter:brightness(1.15);transform:translateY(-1px)}
.plat:active{transform:translateY(0)}
.plat--kaichan{background:var(--c-kaichan)}.plat--readrealm{background:var(--c-readrealm)}
.plat--readtoon{background:var(--c-readtoon)}.plat--thainovel{background:var(--c-thainovel)}
.plat--mynovel{background:var(--c-mynovel)}.plat--kairew{background:var(--c-kairew)}
.plat--chaply{background:var(--c-chaply);border:1px solid rgba(255,255,255,.15)}
.plat--versetoon{background:var(--c-versetoon)}

/* Related series (same title Kr/En — novel ↔ manhwa) */
.m-related-title{font-size:.78rem;color:var(--t2);margin-bottom:.6rem;margin-top:.75rem;font-weight:500}
.m-related-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}
.m-related-card{display:flex;gap:.65rem;padding:.6rem;border-radius:var(--r);background:var(--bg3);border:1px solid var(--brd);cursor:pointer;transition:background .2s,border-color .2s}
.m-related-card:hover{background:var(--bg3h);border-color:var(--brdh)}
.m-related-cover{width:52px;height:72px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--bg2)}
.m-related-cover img{width:100%;height:100%;object-fit:cover}
.m-related-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:.25rem}
.m-related-cat{font-size:.65rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.03em}
.m-related-name{font-size:.8rem;font-weight:500;color:var(--t1);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m-related-links{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.2rem}
.m-related-links .plat{padding:.35rem .5rem;font-size:.7rem}

/* Description */
.m-desc-title{font-size:.75rem;color:var(--t3);margin-bottom:.35rem;margin-top:.5rem}
.m-desc{font-size:.82rem;color:var(--t2);line-height:1.6;white-space:pre-line}

/* Comments */
.m-comments{margin-top:1rem;border-top:1px solid var(--brd);padding-top:.75rem}
.m-comments-title{font-size:.78rem;color:var(--t3);margin-bottom:.5rem}
.comment-form{display:flex;gap:.4rem;margin-bottom:.75rem}
.comment-input{flex:1;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--brd);background:var(--bg3);color:var(--t1);font-family:inherit;font-size:.82rem;outline:none;resize:none;min-height:38px}
.comment-input:focus{border-color:var(--accent)}
.comment-send{padding:.4rem .8rem;border-radius:8px;background:var(--accent);color:#fff;font-size:.8rem;font-weight:500}
.comment-list{display:flex;flex-direction:column;gap:.6rem}
.cmt{display:flex;gap:.5rem}
.cmt-avatar{width:28px;height:28px;border-radius:50%;background:var(--bg3);flex-shrink:0;overflow:hidden}
.cmt-avatar img{width:100%;height:100%;object-fit:cover}
.cmt-body{min-width:0;flex:1}
.cmt-name{font-size:.72rem;font-weight:600;color:var(--t2)}
.cmt-text{font-size:.8rem;color:var(--t1);line-height:1.4;word-break:break-word}
.cmt-time{font-size:.62rem;color:var(--t3);margin-top:2px}
.cmt-hide{font-size:.62rem;color:var(--accent);cursor:pointer;margin-left:.5rem}
.cmt-login{font-size:.82rem;color:var(--t3);text-align:center;padding:.5rem}

/* Auth modal */
.auth-modal{max-width:380px;border-radius:16px;margin:auto}
.auth-title{font-family:'Mitr',sans-serif;font-size:1.2rem;text-align:center;margin-bottom:.25rem}
.auth-desc{font-size:.8rem;color:var(--t3);text-align:center;margin-bottom:1rem}
.auth-btns{display:flex;flex-direction:column;gap:.5rem}
.auth-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem;border-radius:10px;font-size:.88rem;font-weight:500;transition:.2s;border:1px solid var(--brd)}
.auth-btn--google{background:#fff;color:#333}
.auth-btn--google:hover{background:#f5f5f5}
.auth-btn--fb{background:#1877F2;color:#fff;border-color:#1877F2}
.auth-btn--fb:hover{background:#166fe5}
.auth-btn--email{background:var(--accent);color:#fff;border:none}
.auth-btn--email:hover{background:var(--accent-s)}
.auth-divider{display:flex;align-items:center;gap:.75rem;margin:.5rem 0;color:var(--t3);font-size:.78rem}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--brd)}
.auth-form{display:flex;flex-direction:column;gap:.4rem}
.auth-input{padding:.6rem .75rem;border-radius:8px;border:1px solid var(--brd);background:var(--bg3);color:var(--t1);font-family:inherit;font-size:.88rem;outline:none}
.auth-input:focus{border-color:var(--accent)}
.auth-note{font-size:.75rem;color:var(--accent);text-align:center;margin-top:.5rem;min-height:1.2em}

/* Embeds */
.embed-sec{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--brd)}
.embeds{display:flex;flex-direction:column;gap:1.25rem;align-items:center}
.embed-wrap{width:100%;max-width:400px;border-radius:var(--r);overflow:hidden;background:var(--bg3);border:1px solid var(--brd)}
.embed-wrap iframe{width:100%;border:none;display:block}

/* Footer */
.footer{position:relative;z-index:10;text-align:center;padding:1.5rem 1.25rem 2.5rem;border-top:1px solid var(--brd);max-width:var(--max);margin:0 auto}
.btn-top{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--bg3);border:1px solid var(--brd);color:var(--t2);margin-bottom:1rem;transition:.3s}
.btn-top:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px)}
.foot-txt{font-size:.68rem;color:var(--t3);line-height:1.7;margin-bottom:.3rem}
.foot-copy{font-size:.65rem;color:var(--t3);opacity:.5}

/* Schedule View (ตารางอัปเดท) */
.schedule-view{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}
.sched-day{background:var(--bg3);border:1px solid var(--brd);border-radius:var(--r);overflow:hidden}
.sched-day-header{padding:.65rem 1rem;font-family:'Mitr',sans-serif;font-size:1rem;font-weight:500;color:var(--accent);border-bottom:1px solid var(--brd);background:rgba(227,0,0,.06)}
.sched-day-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.65rem;padding:.85rem}
.sched-item{text-align:center;cursor:pointer;transition:.2s;border-radius:8px;padding:.4rem}
.sched-item:hover{background:var(--bg3h);transform:translateY(-2px)}
.sched-item img{width:100%;aspect-ratio:5/7;object-fit:cover;border-radius:8px;margin-bottom:.4rem;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.sched-item p{font-size:.78rem;color:var(--t2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;font-weight:400}

/* Recent Updates (อัปเดทล่าสุด) */
.recent-section{margin-bottom:1.5rem}
.recent-scroll{display:flex;gap:.75rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.5rem}
.recent-scroll::-webkit-scrollbar{display:none}
.recent-card{flex-shrink:0;width:130px;cursor:pointer;transition:.3s;position:relative}
.recent-card:hover{transform:translateY(-3px)}
.recent-cover{width:130px;height:182px;border-radius:10px;overflow:hidden;background:var(--bg3);margin-bottom:.4rem;position:relative}
.recent-cover img{width:100%;height:100%;object-fit:cover}
.recent-badge{position:absolute;top:6px;left:6px;background:#4ade80;color:#000;font-size:.6rem;font-weight:700;padding:2px 7px;border-radius:5px}
.recent-time{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,.7);color:#fff;font-size:.55rem;padding:2px 6px;border-radius:4px;backdrop-filter:blur(4px)}
.recent-name{font-size:.72rem;color:var(--t2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}
.recent-ep{font-size:.62rem;color:var(--accent);font-weight:600;margin-top:2px}

/* Facebook Popup */
.fb-popup{max-width:400px;border-radius:16px;margin:auto}
.fb-cards{display:flex;flex-direction:column;gap:1rem}
.fb-card{border-radius:10px;overflow:hidden;border:1px solid var(--brd);background:var(--bg3)}
.fb-label{display:block;padding:.4rem .75rem;font-size:.75rem;font-weight:600;color:var(--accent);background:rgba(227,0,0,.05);border-bottom:1px solid var(--brd)}

/* Improved List View */
body[data-view="list"] .grid{grid-template-columns:1fr;gap:.45rem}
body[data-view="list"] .card{display:flex;flex-direction:row;height:auto;min-height:0}
body[data-view="list"] .card-cv{width:65px;padding-top:0;height:91px;flex-shrink:0;border-radius:var(--r) 0 0 var(--r)}
body[data-view="list"] .card-cv::after{display:none}
body[data-view="list"] .card-cv img{border-radius:var(--r) 0 0 var(--r)}
body[data-view="list"] .card-info{position:static;padding:.5rem .65rem;display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1}
body[data-view="list"] .card-title{color:var(--t1);text-shadow:none;font-size:.78rem;-webkit-line-clamp:1}
body[data-view="list"] .card-sched{color:var(--t3);font-size:.62rem}
body[data-view="list"] .card-badges{position:static;margin-bottom:3px;justify-content:flex-start;gap:4px}
body[data-view="list"] .card-badges .badge-st{display:none}

/* Responsive */
@media(min-width:540px){
  .grid{grid-template-columns:repeat(3,1fr);gap:1rem}
  .modal{border-radius:16px;max-height:80vh;margin:auto}
  .modal-ov{align-items:center;padding:2rem}
  .auth-modal{margin:auto}
  .fb-popup{margin:auto}
  .sched-day-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
}
@media(min-width:768px){
  .grid{grid-template-columns:repeat(4,1fr);gap:1rem}
  .t-en{font-size:3.2rem}
  .card-title{font-size:.9rem}
}
@media(min-width:1024px){
  .grid{grid-template-columns:repeat(5,1fr);gap:1.1rem}
  .sched-day-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}
  .card-title{font-size:.92rem}
}
@media(min-width:1280px){
  .grid{grid-template-columns:repeat(5,1fr);gap:1.2rem}
  .card-title{font-size:.95rem}
}
@media(max-width:360px){
  .t-en{font-size:2rem}
  .cat{padding:.35rem .7rem;font-size:.75rem}
  .grid{gap:.5rem}
  .card-title{font-size:.78rem}
}
@media(hover:none){
  .card:hover{transform:none;box-shadow:none}
  .card:active{transform:scale(.97);transition:transform .1s}
}