.serial-page .serial-howto{margin-bottom:18px;padding:14px 16px;border:1px solid var(--border-glass);border-radius:12px;background:rgba(22,12,45,.6)}.serial-page .serial-howto h2{margin:0 0 6px;font-size:.85rem;color:var(--neon-cyan)}.serial-page .serial-howto p{margin:0;font-size:.82rem;line-height:1.7;color:#d6d8de}.serial-page .serial-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.serial-page .serial-list-head,.serial-page .serial-row{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(0,2fr) 6.5em 6.5em;grid-column-gap:16px;column-gap:16px;align-items:center}.serial-page .serial-list-head{padding:0 16px 6px 19px;font-size:.7rem;font-weight:700;color:var(--text-sub);letter-spacing:.04em}.serial-page .serial-row{padding:14px 16px;border:1px solid hsla(0,0%,100%,.07);border-left:3px solid var(--neon-cyan);border-radius:10px;background:var(--bg-card)}.serial-page .serial-row.is-upcoming{border-left-color:#f5c451}.serial-page .serial-row.is-expired{border-left-color:hsla(0,0%,100%,.2);opacity:.5;filter:grayscale(1)}.serial-page .serial-date{font-size:.72rem;color:#d6d8de;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.serial-page .serial-date-label{display:none}.serial-page .serial-note{margin-top:8px;font-size:.72rem;color:var(--text-sub)}.serial-page .serial-code-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.serial-page .serial-code{max-width:100%;overflow-x:auto;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.05rem;font-weight:700;letter-spacing:.04em;color:#fff;-webkit-user-select:all;-moz-user-select:all;user-select:all;scrollbar-width:none}.serial-page .serial-code::-webkit-scrollbar{display:none}.serial-page .serial-row.is-expired .serial-code{text-decoration:line-through}.serial-page .serial-status{padding:1px 8px;border-radius:4px;font-size:.68rem;font-weight:700;color:var(--neon-cyan);border:1px solid color-mix(in srgb,var(--neon-cyan) 50%,transparent)}.serial-page .serial-status.is-upcoming{color:#f5c451;border-color:rgba(245,196,81,.5)}.serial-page .serial-status.is-expired{color:var(--text-sub);border-color:hsla(0,0%,100%,.2)}.serial-page .serial-rewards p{margin:0;font-size:.75rem;line-height:1.6;color:#e6e8ee}.serial-page .serial-meta,.serial-page .serial-notes{display:flex;flex-wrap:wrap;gap:2px 12px;margin:4px 0 0;font-size:.66rem;color:var(--text-sub)}.serial-page .serial-copy{flex:0 0 auto;min-width:5.5em;min-height:34px;padding:0 12px;border-radius:8px;border:1px solid var(--neon-cyan);background:rgba(183,118,245,.18);color:#fff;font:inherit;font-size:.75rem;font-weight:700;cursor:pointer}.serial-page .serial-copy.is-done{background:rgba(126,226,184,.2);border-color:#7ee2b8;color:#7ee2b8}.serial-page .serial-copy.is-fail{background:hsla(0,100%,77%,.15);border-color:#ff8a8a;color:#ff8a8a}.serial-page .serial-copy:disabled{cursor:default;border-color:hsla(0,0%,100%,.2);background:transparent;color:var(--text-sub)}.serial-page .serial-copy:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}.serial-page .serial-empty{margin:24px 0;text-align:center;font-size:.85rem;color:var(--text-sub)}@media (max-width:760px){.serial-page .serial-list-head{display:none}.serial-page .serial-row{grid-template-columns:1fr 1fr;row-gap:8px;padding:12px 14px}.serial-page .serial-code-line,.serial-page .serial-rewards{grid-column:1/-1}.serial-page .serial-date{font-size:.7rem}.serial-page .serial-date-label{display:block;font-size:.65rem;color:var(--text-sub)}}.serial-page .serial-coupon-link{display:inline-flex;align-items:center;min-height:40px;margin-top:10px;padding:0 16px;border-radius:8px;border:1px solid var(--neon-cyan);background:rgba(183,118,245,.18);color:#fff;font-size:.8rem;font-weight:700;text-decoration:none}@media (hover:hover){.serial-page .serial-coupon-link:hover{background:rgba(183,118,245,.32)}}.serial-page .serial-coupon-link:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}