@import "https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css";
@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";
:root{--brand-blue:#2556e0;--brand-yellow:#ffbe24;--brand-blue-dark:#1d45b8;--brand-yellow-dark:#d99a05;--surface:#fff;--page-bg:#fafaf9;--ink:#1c1a17;--muted:#6f6a60;--border-subtle:#e7e1d8;--success-50:#e7f6ee;--success-500:#2e9e5b;--success-700:#1e6e3e;--danger-50:#fdecec;--danger-500:#e5484d;--danger-700:#b22327;--warning-50:#fff9eb;--warning-200:#ffe08a;--warning-500:#faa80b;--warning-700:#b76408;--info-50:#eff4ff;--info-100:#dbe6fe;--info-500:#3b6ff4;--info-700:#1e45b8;--danger:var(--danger-500);--success:var(--success-500);--ring:#2556e02e;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 8px 20px #1c1a1712;--shadow-lg:0 18px 38px #1c1a1721;--font-ui:"Pretendard",system-ui,-apple-system,sans-serif;--sky:#4fb8f2;--coral:#f0806e;--mint:#3aae97;--sun:#ffd400;--blue-soft:#e9f0fd}[data-assembly-composition-root]{--font-display:"Jua","Pretendard Variable",sans-serif;--assembly-caption-radius:8px}
html,body{font-family:var(--font-ui);color:var(--ink);background:var(--page-bg);margin:0;padding:0}button,input,select,textarea{font:inherit}a{color:inherit}.eyebrow{color:var(--brand-blue);letter-spacing:0;margin:0 0 8px;font-size:13px;font-weight:800}.ui-button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:800;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:disabled{cursor:not-allowed;opacity:.55}.ui-button--sm{min-height:34px;padding:0 14px;font-size:14px}.ui-button--md{padding:0 18px;font-size:15px}.ui-button--lg{min-height:48px;padding:0 24px;font-size:16px}.ui-button--block{width:100%}.ui-button--primary{color:#fff;background:var(--brand-blue)}.ui-button--primary:hover:not(:disabled){background:var(--brand-blue-dark)}.ui-button--warm{color:var(--ink);background:var(--brand-yellow)}.ui-button--warm:hover:not(:disabled){background:var(--brand-yellow-dark)}.ui-button--secondary{color:var(--brand-blue);background:#fff;border-color:#2556e052}.ui-button--ghost{color:var(--brand-blue);background:0 0}.ui-button--danger{color:#fff;background:var(--danger)}.ui-button--soft{color:var(--brand-blue);background:var(--blue-soft);border-color:#0000}.ui-button--soft:hover:not(:disabled){background:#dde8fc}.ui-button--icon{box-sizing:border-box;width:32px;min-width:32px;height:32px;min-height:32px;padding:0}.ui-button--icon.ui-button--danger{color:var(--coral);background:0 0}.ui-themed{--ui-surface:var(--ne-surface,var(--surface));--ui-surface-2:var(--ne-surface-2,color-mix(in srgb,var(--ink)4%,var(--surface)));--ui-ink:var(--ne-ink,var(--ink));--ui-muted:var(--ne-muted,var(--muted));--ui-border:var(--ne-border,var(--border-subtle));--ui-info-soft:var(--ne-blue-soft,var(--info-50))}.ui-tone-info{--tone:var(--brand-blue);--tone-soft:var(--ui-info-soft)}.ui-tone-success{--tone:var(--success-500);--tone-soft:color-mix(in srgb,var(--success-500)12%,var(--ui-surface))}.ui-tone-warning{--tone:var(--warning-500);--tone-soft:color-mix(in srgb,var(--warning-500)14%,var(--ui-surface))}.ui-tone-danger{--tone:var(--danger-500);--tone-soft:color-mix(in srgb,var(--danger-500)12%,var(--ui-surface))}svg[data-icon=loader]{animation:.9s linear infinite ui-spin}@keyframes ui-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){svg[data-icon=loader]{animation:none}}.ui-input,.field-group{gap:8px;display:grid}.ui-input__label,.field-group>span{color:var(--ink);font-size:14px;font-weight:800}.ui-input__control{align-items:center;display:flex}.ui-input-field,.field-group input,.field-group select{box-sizing:border-box;border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;min-height:44px;color:var(--ink);background:#fff;outline:none;padding:0 14px}.ui-input-field:focus,.field-group input:focus,.field-group select:focus{border-color:var(--brand-blue);box-shadow:0 0 0 4px var(--ring)}.ui-input-field--error{border-color:var(--danger)}.ui-input__message,.form-message{color:var(--muted);margin:0;font-size:13px}.ui-input__message--error,.form-message--error{color:var(--danger)}.form-message--success{color:var(--success)}.ui-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.ui-badge--square{border-radius:8px}.ui-badge--general{color:var(--ink);background:#eee9e0}.ui-badge--creator{color:var(--ink);background:#fff0c2}.ui-badge--early,.ui-badge--new{color:#7a4d00;background:#fff6d9}.ui-badge--editor{color:#fff;background:var(--brand-blue)}.ui-badge--age{color:var(--brand-blue);background:#eaf0ff}.ui-badge--success{color:#fff;background:var(--success)}.ui-badge--danger{color:#fff;background:var(--danger)}.upload-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:48px 0}.upload-header{margin-bottom:28px}.upload-header h1{margin:0;font-size:36px;line-height:1.15}.upload-header p:last-child,.section-heading p{color:var(--muted);margin:8px 0 0}.upload-grid{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.upload-surface{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);padding:24px}.section-heading{margin-bottom:18px}.section-heading h2{margin:0;font-size:20px;line-height:1.3}.upload-form{gap:18px;display:grid}.form-actions{justify-content:flex-end;gap:10px;display:flex}.content-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.content-row{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#fffdf8;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.content-row__title{font-weight:800;line-height:1.35}.library-channel-link{width:100%;color:inherit;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.content-row__meta,.content-row__badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.content-row__meta{color:var(--muted);margin-top:6px;font-size:13px}.genre-dot{border-radius:999px;width:10px;height:10px}.genre-dot--story{background:var(--brand-blue)}.genre-dot--music{background:var(--brand-yellow)}.empty-state{color:var(--muted);margin:0}.viewer-shell,.watch-shell,.library-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:36px 0 56px}.viewer-header,.library-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:34px;display:flex}.viewer-header h1,.library-header h1{max-width:620px;margin:0;font-size:40px;line-height:1.15}.viewer-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.viewer-nav a,.viewer-nav button,.watch-back{min-height:36px;color:var(--brand-blue);cursor:pointer;background:#fff;border:1px solid #2556e03d;border-radius:999px;align-items:center;padding:0 14px;font-weight:800;text-decoration:none;display:inline-flex}.viewer-user{color:var(--muted);font-size:13px;font-weight:700}.viewer-section{gap:18px;display:grid}.viewer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.content-card{color:inherit;gap:10px;text-decoration:none;transition:transform .16s;display:grid}.content-card:hover{transform:translateY(-3px)}.content-card__media{aspect-ratio:16/9;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .16s;position:relative;overflow:hidden}.content-card:hover .content-card__media{box-shadow:var(--shadow-lg)}.content-card__thumb{object-fit:cover;width:100%;height:100%;display:block}.content-card--story .content-card__media{background:color-mix(in srgb,var(--brand-blue)12%,white)}.content-card--music .content-card__media{background:color-mix(in srgb,var(--brand-yellow)34%,white)}.content-card__fallback{color:var(--brand-blue);place-items:center;font-weight:900;display:grid;position:absolute;inset:0}.content-card--music .content-card__fallback{color:var(--brand-yellow-dark)}.content-card__age{position:absolute;bottom:8px;left:8px}.content-card__body{gap:4px;display:grid}.content-card__genre,.watch-genre{color:var(--brand-blue);margin:0;font-size:12px;font-weight:900}.content-card--music .content-card__genre,.watch-genre--music{color:var(--brand-yellow-dark)}.content-card__body h2,.content-card__body p{margin:0}.content-card__body h2{font-size:16px;line-height:1.35}.content-card__body p{color:var(--muted);font-size:13px}.watch-back{width:max-content;margin-bottom:18px}.watch-layout{grid-template-columns:minmax(0,1fr);gap:22px;display:grid}.watch-player-stack{gap:12px;display:grid}.watch-player{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);min-height:260px;box-shadow:var(--shadow-sm);background:#111;place-items:center;display:grid;overflow:hidden}.watch-player video{aspect-ratio:16/9;background:#111;width:100%}.engagement-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.engagement-progress,.watch-note{color:var(--muted);font-size:13px;font-weight:700}.watch-detail{gap:12px;display:grid}.watch-detail h1{max-width:780px;margin:0;font-size:32px;line-height:1.2}.library-grid{gap:34px;display:grid}.library-section{gap:16px;display:grid}.library-channel-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:760px){.upload-shell{padding:28px 0}.upload-grid{grid-template-columns:1fr}.upload-header h1{font-size:30px}.form-actions,.content-row{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.viewer-shell,.watch-shell,.library-shell{padding:28px 0 40px}.viewer-header,.library-header{display:grid}.viewer-header h1,.library-header h1{font-size:30px}.viewer-nav{justify-content:flex-start}.viewer-grid{grid-template-columns:1fr}.watch-detail h1{font-size:26px}}