.gpts-body{min-height:100vh}.cs-hero{position:relative;padding:calc(var(--nav-h) + clamp(2.5rem, 7vh, 5rem)) 0 clamp(1.5rem,4vh,2.5rem);overflow:hidden}.cs-hero-bg{position:absolute;inset:0;pointer-events:none}.orb-cs-a{width:52vmax;height:52vmax;top:-26%;left:-16%;background:radial-gradient(circle at 40% 40%,rgba(var(--accent-rgb),.18),transparent 62%)}.orb-cs-b{width:40vmax;height:40vmax;top:8%;right:-18%;background:radial-gradient(circle at 50% 45%,rgba(160,140,255,.1),transparent 62%)}.cs-hero-inner{position:relative;z-index:2}.cs-title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,6.5vw,4.6rem);line-height:1.04;letter-spacing:-.03em;color:var(--ink);margin:.8rem 0 1rem}.cs-lede{max-width:64ch;color:var(--muted);font-size:clamp(1rem,1.5vw,1.15rem)}.cs-controls{position:-webkit-sticky;position:sticky;top:var(--nav-h);z-index:40;display:grid;grid-gap:.9rem;gap:.9rem;padding:1rem 0 1.1rem;background:linear-gradient(to bottom,var(--bg) 70%,transparent)}.cs-search{position:relative;display:flex;align-items:center;max-width:640px}.cs-search-ico{position:absolute;left:1rem;width:19px;height:19px;color:var(--muted);pointer-events:none}.cs-search-input{width:100%;font-family:var(--font-text);font-size:1rem;color:var(--ink);background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:.9rem 2.8rem .9rem 2.9rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color .2s ease,box-shadow .2s ease}[data-theme=light] .cs-search-input{background:var(--bg-2);-webkit-backdrop-filter:none;backdrop-filter:none}.cs-search-input::placeholder{color:var(--muted)}.cs-search-input:focus{outline:none;border-color:rgba(var(--accent-rgb),.55);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.18)}.cs-search-input[lang],[lang=th] .cs-search-input{font-family:"Noto Sans Thai",var(--font-text)}.cs-search-clear{position:absolute;right:.55rem;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;transition:color .2s ease,background-color .2s ease}.cs-search-clear:hover{color:var(--ink);background:var(--line)}.cs-search-clear svg{width:15px;height:15px}.cs-chips{display:flex;flex-wrap:wrap;gap:.55rem}.cs-chip{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-text);font-size:.86rem;font-weight:600;color:var(--body-c);background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:.5rem .85rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .2s ease,border-color .2s ease,background-color .2s ease,transform .2s ease}[data-theme=light] .cs-chip{background:var(--bg-2);-webkit-backdrop-filter:none;backdrop-filter:none}.cs-chip:hover{color:var(--ink);border-color:rgba(var(--accent-rgb),.4);transform:translateY(-1px)}.cs-chip-n{display:inline-grid;place-items:center;min-width:1.4rem;height:1.4rem;padding:0 .35rem;font-size:.72rem;font-weight:600;color:var(--muted);background:rgba(var(--accent-rgb),.1);border-radius:999px}.cs-chip.is-active{color:var(--accent-deep);background:var(--accent);border-color:transparent}.cs-chip.is-active .cs-chip-n{color:var(--accent-deep);background:rgba(0,0,0,.18)}[data-theme=light] .cs-chip.is-active .cs-chip-n{background:rgba(255,255,255,.28)}.cs-count{font-size:.85rem;color:var(--muted)}.cs-stage{display:grid;grid-template-columns:1fr clamp(340px,32vw,420px);grid-gap:clamp(1.5rem,3vw,2.5rem);gap:clamp(1.5rem,3vw,2.5rem);align-items:start;padding-bottom:clamp(4rem,9vh,7rem)}.cs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));grid-gap:clamp(.8rem,1.6vw,1.2rem);gap:clamp(.8rem,1.6vw,1.2rem)}.cs-card-wrap{min-width:0}.cs-card{position:relative;display:flex;flex-direction:column;width:100%;text-align:left;padding:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);color:inherit;cursor:pointer;overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}html:not([data-theme=light]) .cs-card{background:rgba(22,24,42,.5)}[data-theme=light] .cs-card{background:var(--bg-2);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1px 2px rgba(15,16,32,.05),0 14px 34px -24px rgba(15,16,32,.35)}.cs-card:hover{transform:translateY(-5px);border-color:rgba(var(--accent-rgb),.5);box-shadow:0 24px 54px -28px rgba(var(--accent-rgb),.7)}.cs-card-art{position:relative;display:block;aspect-ratio:1/1;background:radial-gradient(120% 120% at 50% 0,rgba(var(--accent-rgb),.16),transparent 70%);overflow:hidden}.cs-card-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.cs-card:hover .cs-card-art img{transform:scale(1.05)}.cs-card-art:after{content:"";position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(0deg,rgba(10,11,18,.55),transparent);pointer-events:none}[data-theme=light] .cs-card-art:after{background:linear-gradient(0deg,rgba(15,16,32,.12),transparent)}.cs-card-soon{position:absolute;top:.6rem;left:.6rem;z-index:2;font-size:.66rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);background:rgba(10,11,18,.7);border:1px solid var(--line);border-radius:999px;padding:.22rem .55rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}[data-theme=light] .cs-card-soon{background:rgba(255,255,255,.85)}.cs-card.is-pending .cs-card-art img{filter:grayscale(.35) brightness(.92)}.cs-card-body{display:flex;flex-direction:column;gap:.22rem;padding:.85rem .9rem 1rem}.cs-card-cat{font-size:.64rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.cs-card-name{font-family:var(--font-display);font-weight:600;font-size:.96rem;line-height:1.25;color:var(--ink)}.cs-card-persona{font-size:.8rem;color:var(--muted);font-style:italic}.cs-card-ring{position:absolute;inset:0;border-radius:var(--radius);border:2px solid transparent;pointer-events:none;transition:border-color .25s ease,box-shadow .25s ease}.cs-card.is-selected{transform:translateY(-4px)}.cs-card.is-selected .cs-card-ring{border-color:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.22),0 26px 60px -30px rgba(var(--accent-rgb),.8)}.cs-card:focus-visible{outline:none}.cs-card:focus-visible .cs-card-ring{border-color:var(--accent-bright);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.3)}.cs-empty{display:grid;grid-gap:.6rem;gap:.6rem;justify-items:start;padding:clamp(2rem,6vw,4rem) 0}.cs-empty-title{font-family:var(--font-display);font-weight:600;font-size:1.3rem;color:var(--ink)}.cs-empty-sub{color:var(--muted)}.cs-empty .btn{margin-top:.6rem}.cs-detail{position:-webkit-sticky;position:sticky;top:calc(var(--nav-h) + 7.5rem)}.cs-detail-inner{position:relative;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);padding:clamp(1.2rem,2.4vw,1.8rem);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}html:not([data-theme=light]) .cs-detail-inner{background:rgba(22,24,42,.62)}[data-theme=light] .cs-detail-inner{background:var(--bg-2);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1px 2px rgba(15,16,32,.05),0 14px 34px -24px rgba(15,16,32,.35)}.cs-detail-close{position:absolute;top:.8rem;right:.8rem;z-index:3;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:999px;background:var(--glass);color:var(--body-c);cursor:pointer;transition:color .2s ease,border-color .2s ease}.cs-detail-close:hover{color:var(--ink);border-color:var(--accent)}.cs-detail-close svg{width:16px;height:16px}.cs-detail-empty{display:grid;grid-gap:.9rem;gap:.9rem;justify-items:center;text-align:center;padding:clamp(2rem,4vw,3rem) 1rem;color:var(--muted)}.cs-detail-empty-ico{display:grid;place-items:center;width:56px;height:56px;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(var(--accent-rgb),.25);border-radius:16px}.cs-detail-empty-ico svg{width:28px;height:28px}.cs-detail-head{display:flex;gap:1rem;align-items:center;margin-bottom:1.1rem}.cs-detail-art{flex:none;width:clamp(78px,22vw,104px);aspect-ratio:1/1;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(120% 120% at 50% 0,rgba(var(--accent-rgb),.18),transparent 72%)}.cs-detail-art img{width:100%;height:100%;object-fit:cover;display:block}.cs-detail-art.is-pending img{filter:grayscale(.35) brightness(.92)}.cs-detail-id{min-width:0}.cs-detail-cat{font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.cs-detail-name{font-family:var(--font-display);font-weight:700;font-size:clamp(1.2rem,2.6vw,1.5rem);line-height:1.2;letter-spacing:-.01em;color:var(--ink);margin:.25rem 0 .3rem}.cs-detail-persona{font-size:.9rem;color:var(--body-c)}.cs-detail-tagk{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.cs-detail-persona .cs-detail-tagk{display:inline}.cs-detail-desc{color:var(--body-c);font-size:.98rem;margin-bottom:1.1rem}.cs-detail-tags{display:grid;grid-gap:.5rem;gap:.5rem;margin-bottom:1.3rem}.cs-tag-row{display:flex;flex-wrap:wrap;gap:.4rem}.cs-tag{font-size:.76rem;color:var(--body-c);background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.18);border-radius:999px;padding:.25rem .6rem}.cs-detail-actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.cs-open svg{width:16px;height:16px}.cs-detail-note{width:100%;font-size:.85rem;color:var(--muted);margin-top:.2rem}@media (max-width:900px){.cs-stage{grid-template-columns:1fr}.cs-detail{position:fixed;inset:0;z-index:120;top:0;display:grid;align-items:end;background:rgba(5,6,12,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.cs-detail.is-open{opacity:1;visibility:visible}.cs-detail-inner{border-radius:22px 22px 0 0;max-height:86vh;overflow-y:auto;transform:translateY(8%);transition:transform .3s ease;padding-top:1.6rem}.cs-detail.is-open .cs-detail-inner{transform:translateY(0)}body.cs-detail-open{overflow:hidden}}@media (max-width:560px){.cs-grid{grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr))}.cs-card-name{font-size:.9rem}.cs-controls{top:0}}@media (prefers-reduced-motion:reduce){.cs-card,.cs-card-art img,.cs-chip,.cs-detail,.cs-detail-inner{transition:none!important}.cs-card.is-selected,.cs-card:hover,.cs-card:hover .cs-card-art img{transform:none}.cs-card,.cs-chip,.cs-detail,.cs-detail-inner,.cs-search-input{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}