.demos-page[data-astro-cid-rx3xderj]{max-width:var(--max-w-content);margin:0 auto;padding:var(--sp-16) var(--gutter) var(--sp-20)}.demos-content[data-astro-cid-rx3xderj]{position:relative;min-height:60vh}.demos-header[data-astro-cid-rx3xderj]{max-width:560px;margin-bottom:var(--sp-12)}.demos-title[data-astro-cid-rx3xderj]{font-family:var(--font-display);font-size:var(--display-xl);font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--sp-5)}.demos-title[data-astro-cid-rx3xderj] em[data-astro-cid-rx3xderj]{font-style:italic;color:var(--teal-600)}.demos-sub[data-astro-cid-rx3xderj]{font-size:var(--body-lg);color:var(--color-text-secondary);line-height:1.65}.demo-gate[data-astro-cid-rx3xderj]{position:absolute;inset:0;z-index:10;display:flex;align-items:flex-start;justify-content:center;padding:var(--sp-12) var(--gutter);background:#faf9f7f2;backdrop-filter:blur(4px)}.gate-schedule[data-astro-cid-rx3xderj]{font-size:var(--body-sm);color:var(--color-text-tertiary);text-align:center;margin-top:var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--color-border)}.gate-schedule[data-astro-cid-rx3xderj] a[data-astro-cid-rx3xderj]{color:var(--color-brand);text-decoration:none;font-weight:600}.gate-schedule[data-astro-cid-rx3xderj] a[data-astro-cid-rx3xderj]:hover{text-decoration:underline}.gate-card[data-astro-cid-rx3xderj]{position:relative;z-index:2;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-2xl);padding:var(--sp-10) var(--sp-10);max-width:480px;width:100%;flex-shrink:0;box-shadow:var(--shadow-xl)}.gate-title[data-astro-cid-rx3xderj]{font-family:var(--font-display);font-size:var(--display-sm);font-weight:600;letter-spacing:-.02em;margin-bottom:var(--sp-3)}.gate-body[data-astro-cid-rx3xderj]{font-size:var(--body-md);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--sp-6)}.gate-fields[data-astro-cid-rx3xderj]{display:flex;flex-direction:column;gap:var(--sp-4);margin-bottom:var(--sp-5)}.field-group[data-astro-cid-rx3xderj]{display:flex;flex-direction:column;gap:var(--sp-1)}.field-label[data-astro-cid-rx3xderj]{font-size:var(--body-xs);font-weight:600;color:var(--color-text-secondary)}.field-input[data-astro-cid-rx3xderj]{height:44px;padding:0 14px;background:var(--color-surface);border:1.5px solid var(--warm-300);border-radius:var(--r-md);font-family:var(--font-body);font-size:var(--body-md);color:var(--color-text);outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.field-input[data-astro-cid-rx3xderj]:focus{border-color:var(--teal-500);box-shadow:0 0 0 3px #2f7a9e26}.field-input[data-astro-cid-rx3xderj]::placeholder{color:var(--warm-400)}.gate-submit[data-astro-cid-rx3xderj]{width:100%;height:52px;background:var(--color-brand);color:#fff;font-family:var(--font-body);font-size:var(--body-lg);font-weight:600;border:none;border-radius:var(--r-md);cursor:pointer;transition:background var(--duration-mid) var(--ease-out),transform var(--duration-mid) var(--ease-out);box-shadow:var(--shadow-brand)}.gate-submit[data-astro-cid-rx3xderj]:hover{background:var(--color-brand-hover);transform:translateY(-1px)}.gate-submit[data-astro-cid-rx3xderj]:disabled{opacity:.6;cursor:not-allowed;transform:none}.gate-note[data-astro-cid-rx3xderj]{font-size:var(--body-xs);color:var(--color-text-tertiary);text-align:center;margin-top:var(--sp-3);font-style:italic}.gate-error[data-astro-cid-rx3xderj]{font-size:var(--body-sm);color:#c0392b;text-align:center;margin-top:var(--sp-3)}.hp-field[data-astro-cid-rx3xderj]{position:absolute;left:-9999px;width:0;height:0;opacity:0;pointer-events:none}.gate-preview[data-astro-cid-rx3xderj]{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);align-content:start;gap:var(--sp-5);padding:var(--sp-8) var(--gutter);filter:blur(8px);opacity:.2;pointer-events:none;user-select:none;overflow:hidden}.demo-card[data-astro-cid-rx3xderj]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-xl);overflow:hidden}.demo-card-locked[data-astro-cid-rx3xderj]{opacity:.6}.demo-thumb[data-astro-cid-rx3xderj]{min-height:140px;border-radius:0}.demo-card-title[data-astro-cid-rx3xderj]{font-size:var(--body-md);font-weight:700;color:var(--color-text);padding:var(--sp-3) var(--sp-4) var(--sp-1)}.demo-card-desc[data-astro-cid-rx3xderj]{font-size:var(--body-sm);color:var(--color-text-secondary);line-height:1.5;padding:0 var(--sp-4) var(--sp-4)}.demo-player-layout[data-astro-cid-rx3xderj]{display:flex;flex-direction:column;gap:var(--sp-6)}.demo-featured-embed[data-astro-cid-rx3xderj]{position:relative;aspect-ratio:16 / 9;background:#000;border-radius:var(--r-xl);overflow:hidden;transition:opacity var(--duration-mid) var(--ease-out)}.demo-featured-embed[data-astro-cid-rx3xderj] iframe[data-astro-cid-rx3xderj]{position:absolute;inset:0;width:100%;height:100%;display:block}.demo-featured-meta[data-astro-cid-rx3xderj]{padding:var(--sp-4) 0 var(--sp-2)}.demo-featured-label[data-astro-cid-rx3xderj]{font-family:var(--font-mono);font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.07em;color:var(--color-brand);margin-bottom:var(--sp-1)}.demo-featured-title[data-astro-cid-rx3xderj]{font-family:var(--font-display);font-size:var(--display-sm);font-weight:600;letter-spacing:-.02em;margin-bottom:var(--sp-2)}.demo-featured-desc[data-astro-cid-rx3xderj]{font-size:var(--body-md);color:var(--color-text-secondary);line-height:1.6;max-width:640px}.demo-playlist[data-astro-cid-rx3xderj]{display:flex;gap:var(--sp-3);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--sp-2);-webkit-overflow-scrolling:touch}.demo-playlist[data-astro-cid-rx3xderj]::-webkit-scrollbar{height:4px}.demo-playlist[data-astro-cid-rx3xderj]::-webkit-scrollbar-track{background:transparent}.demo-playlist[data-astro-cid-rx3xderj]::-webkit-scrollbar-thumb{background:var(--warm-300);border-radius:2px}.demo-playlist-item[data-astro-cid-rx3xderj]{flex-shrink:0;scroll-snap-align:start;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--r-lg);cursor:pointer;text-align:left;transition:border-color var(--duration-fast),box-shadow var(--duration-fast);min-width:180px;max-width:220px}.demo-playlist-item[data-astro-cid-rx3xderj]:hover{border-color:var(--teal-300);box-shadow:var(--shadow-sm)}.demo-playlist-item[data-astro-cid-rx3xderj].active{border-color:var(--teal-500);background:var(--teal-50)}.playlist-num[data-astro-cid-rx3xderj]{font-family:var(--font-mono);font-size:var(--body-xs);font-weight:600;color:var(--color-text-tertiary);width:20px;text-align:center;flex-shrink:0}.demo-playlist-item[data-astro-cid-rx3xderj].active .playlist-num[data-astro-cid-rx3xderj]{color:var(--teal-600)}.playlist-info[data-astro-cid-rx3xderj]{display:flex;flex-direction:column;gap:2px;min-width:0}.playlist-label[data-astro-cid-rx3xderj]{font-family:var(--font-mono);font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.07em;color:var(--color-brand)}.playlist-title[data-astro-cid-rx3xderj]{font-size:var(--body-sm);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-playlist-item[data-astro-cid-rx3xderj].active .playlist-title[data-astro-cid-rx3xderj]{color:var(--teal-700)}.demos-footer[data-astro-cid-rx3xderj]{margin-top:var(--sp-12);padding-top:var(--sp-8);border-top:1px solid var(--color-border);font-size:var(--body-md);color:var(--color-text-secondary)}@media(max-width:768px){.gate-preview[data-astro-cid-rx3xderj]{grid-template-columns:1fr}.gate-card[data-astro-cid-rx3xderj]{padding:var(--sp-6)}.demo-playlist-item[data-astro-cid-rx3xderj]{min-width:160px;max-width:190px}}