@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/inter-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/inter-vietnamese.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}:root{--bg:oklch(13% .01 260);--surface:oklch(18% .01 260);--surface-2:oklch(22% .01 260);--border:oklch(25% .01 260);--text:oklch(95% .01 260);--text-2:oklch(70% .01 260);--muted:oklch(62% .01 260);--accent:oklch(65% .18 145);--accent-hover:oklch(70% .2 145);--accent-contrast:oklch(15% .02 145);--warning:oklch(75% .15 85);--error:oklch(65% .2 25);--r-sm:6px;--r-md:10px;--r-lg:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--shadow:0 8px 24px rgba(0,0,0,.4);--header-h:64px;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--ease:cubic-bezier(.4,0,.2,1)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.2}button{font-family:inherit;cursor:pointer}.container{width:100%;max-width:1280px;margin:0 auto;padding-inline:var(--space-4)}.section{margin-block:var(--space-7)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-head h2{font-size:1.4rem}.section-head .link{color:var(--accent);font-weight:600;font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 18px;border-radius:var(--r-md);border:1px solid transparent;font-weight:600;font-size:.95rem;transition:all .15s var(--ease);background:var(--surface-2);color:var(--text)}.btn:hover{background:var(--surface)}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-hover)}.btn-outline{background:transparent;border-color:var(--border)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:700;background:var(--surface-2);color:var(--text-2)}.badge-hot{background:var(--error);color:#000}.badge-new{background:var(--warning);color:#000}.badge-accent{background:color-mix(in oklch,var(--accent) 25%,transparent);color:var(--accent)}.chip{padding:6px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-size:.85rem;transition:all .15s var(--ease)}.chip.active,.chip:hover{border-color:var(--accent);color:var(--accent)}.comic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field label{font-size:.85rem;color:var(--text-2);font-weight:500}.input{width:100%;padding:11px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-size:.95rem;font-family:inherit}.input:focus{outline:none;border-color:var(--accent)}textarea.input{resize:vertical;min-height:90px}.form-error{color:var(--error);font-size:.85rem;margin-top:var(--space-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-5)}.muted{color:var(--muted)}.text-2{color:var(--text-2)}@media(max-width:768px){.hide-mobile{display:none!important}}.err[data-v-4a735b00]{display:grid;place-items:center;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);padding:var(--space-4)}.err-card[data-v-4a735b00]{text-align:center}.code[data-v-4a735b00]{font-size:6rem;font-weight:800;background:linear-gradient(90deg,var(--accent),var(--warning));-webkit-background-clip:text;background-clip:text;color:transparent}.err-card h1[data-v-4a735b00]{margin-bottom:var(--space-2)}.err-card .btn[data-v-4a735b00]{margin-top:var(--space-5)}