.scene-portal { --sp-border: var(--line, #33343d); --sp-muted: var(--muted, #aaaab5); color: var(--text, #f3f3f6); font-size: 14px; line-height: 1.65; padding-bottom: 40px; overflow-wrap: anywhere; }
.sp-tabs [role=tab] { min-height: 44px; }
.scene-portal .sp-batch-order button { min-width: 44px; min-height: 44px; }
.sp-report-controls .sp-field { margin-top: 0; max-width: 240px; }
.sp-report-reason { white-space: pre-line; }
.sp-plus-notice-text { white-space: pre-wrap; overflow-wrap: anywhere; margin: 12px 0 22px; color: var(--sp-muted); }
.sp-plus-review-message { white-space: pre-wrap; }
.sp-plus-preview { margin: 24px 0; padding: 20px 0; border-top: 1px solid var(--sp-border); border-bottom: 1px solid var(--sp-border); }
.sp-plus-preview > button { margin-top: 12px; }
.sp-plus-filter { max-width: 300px; }
.sp-plus-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; margin: 20px 0 28px; padding: 0; list-style: none; counter-reset: plus-step; }
.sp-plus-steps li { counter-increment: plus-step; padding: 12px 0; border-top: 1px solid var(--sp-border); font-size: 13px; }
.sp-plus-steps li::before { content: counter(plus-step) ". "; color: var(--accent,#a78bfa); font-weight: 700; }
.sp-status-changes_requested { color: #e8bf76; }
@media (max-width: 600px) { .sp-plus-steps { grid-template-columns: repeat(2,minmax(0,1fr)); } }
.scene-portal *, .scene-portal *::before, .scene-portal *::after { box-sizing: border-box; }
.scene-portal [hidden] { display: none !important; }
.scene-portal h1, .scene-portal h2, .scene-portal h3, .scene-portal p { margin: 0; word-break: keep-all; }
.scene-portal h1 { font-size: clamp(25px, 2.4vw, 32px); font-weight: 650; line-height: 1.3; letter-spacing: -.035em; }
.scene-portal h2 { font-size: 20px; font-weight: 650; line-height: 1.45; letter-spacing: -.025em; }
.scene-portal h3 { font-size: 16px; font-weight: 600; line-height: 1.5; letter-spacing: -.02em; }
.scene-portal p + p { margin-top: 12px; }
.scene-portal button, .scene-portal input, .scene-portal textarea, .scene-portal select { font: inherit; }
.scene-portal button { cursor: pointer; }
.scene-portal button:disabled, .scene-portal label[aria-disabled=true] { cursor: not-allowed; opacity: .5; }
.scene-portal :is(button,a,input,textarea,select,summary):focus-visible { outline: 2px solid var(--accent, #8b5cf6); outline-offset: 4px; }
.sp-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin: 6px 0 28px; }
.sp-heading p { color: var(--sp-muted); margin-top: 10px; max-width: 720px; }
.sp-kicker { display: block; color: #a3a7af; font-size: 11px; font-weight: 500; margin-bottom: 8px; }
.sp-heading .sp-kicker, .sp-card > .sp-kicker, .sp-card-heading > div > .sp-kicker { display: none; }
.sp-card { background: var(--surface, #1d1e23); border: 1px solid var(--sp-border); border-radius: 8px; padding: 26px; min-width: 0; box-shadow: none; }
.sp-card > h2, .sp-card > h3 { margin-bottom: 14px; }
.sp-card > p { color: var(--sp-muted); }
.sp-card + .sp-card { margin-top: 20px; }
.sp-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.sp-two + .sp-card, .sp-two + .sp-two { margin-top: 22px; }
.sp-stack { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.sp-stack > .sp-card { margin: 0; }
.sp-account-grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); align-items: start; }
.sp-login-status { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin-bottom: 24px; }
.sp-login-status > div { min-width: 0; }
.sp-login-status > a { flex-shrink: 0; }
.sp-login-status > .sp-button { flex-shrink: 0; }
.sp-auth-layout { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; max-width: 440px; margin: 48px auto 64px; }
.sp-auth-card { padding: 32px 20px; border: 0; border-radius: 0; background: transparent; }
.sp-auth-card > h1 { font-size: 28px; margin-bottom: 10px; }
.sp-auth-card > p { font-size: 14px; }
.sp-auth-brand { display: inline-block; color: var(--text, #f5f5f7); font: 800 27px/1 system-ui, sans-serif; letter-spacing: -1.2px; margin-bottom: 34px; text-decoration: none; }
.sp-auth-brand > span { color: var(--accent, #8b5cf6); }
.sp-auth-tabs { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid #ffffff18; margin: 24px 0 6px; }
.sp-auth-tabs button { background: none; color: #aaaab5; border: 0; border-bottom: 2px solid transparent; min-height: 46px; padding: 12px 10px; }
.sp-auth-tabs button[aria-pressed=true] { color: var(--text, #f5f5f7); border-bottom-color: var(--accent, #8b5cf6); }
.sp-auth-form > .sp-button, .sp-auth-card > .sp-button { width: 100%; }
.sp-auth-form > .sp-field:first-child { margin-top: 20px; }
.sp-auth-consent { margin-top: 22px; padding-top: 3px; }
.sp-auth-remember { margin-top: 18px; }
.sp-auth-remember .sp-check { margin-top: 0; }
.sp-auth-remember .sp-fine { margin: 5px 0 0; font-size: 12px; line-height: 1.6; }
.sp-auth-success { font-size: 14px; color: #a1dfbb; line-height: 1.8; margin-top: 16px; }
.sp-auth-success:empty { display: none; }
.sp-text-button { display: block; border: 0; background: transparent; color: #b9b5bf; font-size: 13px !important; padding: 14px 0 0; margin-left: auto; }
.sp-text-button:hover { color: #fff; }
.sp-auth-divider { display: flex; align-items: center; gap: 14px; color: #aaaab5; font-size: 12px; margin: 26px 0; }
.sp-auth-divider::before, .sp-auth-divider::after { content: ''; height: 1px; background: #ffffff12; flex: 1; }
.sp-google-mark { font: 800 18px/1 sans-serif; color: #4285f4; }
.sp-social-logins { display: grid; gap: 10px; }
.scene-portal .sp-social-logins > .sp-button { width: 100%; }
.scene-portal .sp-social-logins > [data-provider=kakao] { background: #fee500; border-color: #fee500; color: #191919 !important; }
.scene-portal .sp-social-logins > [data-provider=kakao]:is(:hover, :focus-visible) { background: #f3db00; border-color: #f3db00; }
.scene-portal .sp-social-logins > [data-provider=naver] { background: #03c75a; border-color: #03c75a; color: #fff; }
.scene-portal .sp-social-logins > [data-sp=auth-google] { background: #fff; border-color: #dadce0; color: #1f1f1f !important; }
.scene-portal .sp-social-logins > [data-sp=auth-google]:hover { background: #f2f2f2; }
.sp-auth-free { text-align: center; margin-top: 22px !important; }
.sp-owner-login { border-top: 1px solid #ffffff12; margin-top: 25px; padding-top: 18px; font-size: 12px; color: #98939f; }
.sp-owner-login summary { cursor: pointer; }
.sp-owner-login p { margin: 12px 0 8px; font-size: 12px; }
.sp-auth-intro { display: none; }
.sp-auth-intro h2 { font-size: clamp(29px, 3vw, 40px); line-height: 1.4; letter-spacing: -.055em; }
.sp-auth-intro > p { margin-top: 18px; color: #b5b0ba; }
.sp-auth-intro > div { margin-top: 30px; padding-top: 25px; border-top: 1px solid #ffffff12; }
.sp-auth-intro strong { font-size: 17px; }
.sp-auth-intro div p { margin-top: 7px; font-size: 14px; color: #a4a0aa; }
.sp-auth-verification { max-width: 680px; padding: 32px; }
.sp-verification-icon { display: inline-grid; place-items: center; width: 48px; height: 48px; border: 1px solid var(--sp-border); border-radius: 12px; background: var(--surface-raised, #2b2c34); color: var(--accent, #8b5cf6); font-size: 25px; margin-bottom: 20px; }
.sp-auth-verification .sp-actions { margin-top: 25px; }
@media (max-width: 1050px) { .sp-auth-layout { gap: 28px; } }
@media (max-width: 720px) { .sp-auth-layout { grid-template-columns: minmax(0, 1fr); max-width: 440px; gap: 8px; margin-top: 24px; } .sp-auth-card { padding: 20px 8px; } .sp-auth-intro { display: none; } .sp-auth-verification { padding: 24px 20px; } }
.sp-login-labels { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.sp-account-identity { margin: 16px 0 0; display: grid; gap: 8px; font-size: 14px; }
.sp-account-identity > div { display: grid; grid-template-columns: 124px minmax(0, 1fr); gap: 14px; }
.sp-account-identity dt { color: var(--sp-muted); }
.sp-account-identity dd { margin: 0; }
.sp-profile-summary > .sp-actions { margin-top: 22px; }
.sp-notice.sp-success { border-color: #74bd8d55; background: #74bd8d0c; }
.sp-notice.sp-success strong { color: #b4e0c3; margin: 0; }
.sp-member-search { display: grid; grid-template-columns: minmax(0, 1fr) 170px auto; gap: 16px; align-items: end; }
.sp-member-search .sp-field { margin-top: 0; }
.scene-portal .sp-member-search > .sp-button { margin-top: 0; min-height: 49px; }
.sp-member-privacy { margin-top: 0 !important; }
.sp-member-total { margin-bottom: 16px !important; }
.sp-member-counts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--sp-border); border-radius: 6px; overflow: hidden; margin-bottom: 12px; }
.sp-member-counts > * { appearance: none; margin: 0; padding: 18px 20px; border: 0; border-right: 1px solid var(--sp-border); background: transparent; color: var(--sp-text, #f5f5f7); text-align: left; font: inherit; }
.sp-member-counts > :last-child { border-right: 0; }
.sp-member-counts > button { cursor: pointer; }
.sp-member-counts > button:hover, .sp-member-counts > button[aria-pressed="true"] { background: #9a80ee14; }
.sp-member-counts > button:focus-visible { outline: 2px solid var(--accent-button, #9a80ee); outline-offset: -3px; }
.sp-member-counts span { display: block; color: var(--sp-muted); font-size: 12px; margin-bottom: 7px; }
.sp-member-counts strong { font: 650 25px/1.2 system-ui, sans-serif; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.sp-member-counts small { font-size: 12px; font-weight: 400; color: var(--sp-muted); margin-left: 5px; }
.sp-member-table { min-width: 680px; }
.sp-member-table th, .sp-member-table td { max-width: 340px; }
.sp-member-pages { display: flex; justify-content: flex-end; align-items: center; gap: 16px; margin-top: 24px; }
.sp-member-pages > span { color: var(--sp-muted); font-size: 13px; }
.sp-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.sp-button { display: inline-flex; justify-content: center; align-items: center; gap: 9px; min-height: 44px; padding: 10px 18px; color: #fff !important; font-size: 14px !important; font-weight: 600; line-height: 1.45; border: 1px solid var(--accent-button, #7d4cdb); border-radius: 5px; background: var(--accent-button, #7d4cdb); text-align: center; text-decoration: none; cursor: pointer; transition: background-color .15s, border-color .15s; }
.sp-button:hover { background: var(--accent-hover, #7c3aed); border-color: var(--accent-hover, #7c3aed); }
.sp-button.sp-secondary { background: transparent; border-color: rgba(255,255,255,.16); color: var(--text, #f5f5f7) !important; }
.sp-button.sp-secondary:hover { background: var(--surface-raised, #2b2c34); border-color: rgba(255,255,255,.24); }
.sp-button > input[hidden] { display: none; }
.sp-muted { color: var(--sp-muted) !important; }
.sp-fine { display: block; font-size: 13px; color: var(--sp-muted); line-height: 1.75; margin-top: 12px !important; }
.sp-fine b { color: #d2cbd1; }
.sp-welcome { max-width: 760px; margin: 0 auto 28px; text-align: left; padding: 28px; }
.sp-welcome h2 { font-size: 23px; }
.sp-welcome p { max-width: 640px; margin: 0 0 24px; }
.sp-welcome-icon { font: 900 54px/1 'DM Sans', sans-serif; margin-bottom: 22px; }
.sp-welcome-icon span { color: var(--accent, #8b5cf6); }
.sp-field { display: flex; flex-direction: column; align-items: stretch; gap: 8px; color: #e7e7ec; font-size: 13px; font-weight: 600; margin-top: 22px; min-width: 0; }
.sp-field input, .sp-field textarea, .sp-field select { display: block; width: 100%; min-width: 0; border: 1px solid #41424c; border-radius: 5px; background: var(--bg, #15161a); color: var(--text, #f3f3f6); min-height: 46px; padding: 11px 13px; font-size: 15px; font-weight: 400; outline-offset: 3px; color-scheme: dark; transition: border-color .15s; }
.sp-field :is(input,textarea,select):focus { border-color: var(--accent, #8b5cf6); }
.sp-genre-field { min-width: 0; margin: 24px 0 0; padding: 0; border: 0; }
.sp-genre-field legend { padding: 0; color: var(--text, #f3f3f6); font-size: 13px; font-weight: 600; }
.sp-genre-field legend span { margin-left: 8px; color: var(--sp-muted); font-size: 12px; font-weight: 400; }
.sp-genre-field > p { margin-top: 7px; color: var(--sp-muted); font-size: 12px; }
.sp-genre-options { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.sp-genre-choice { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 9px 13px; border: 1px solid var(--sp-border); border-radius: 6px; color: var(--sp-muted); background: var(--bg, #15161a); cursor: pointer; }
.sp-genre-choice input { width: 16px; height: 16px; margin: 0; accent-color: var(--accent, #8b5cf6); }
.sp-genre-choice:has(input:checked) { color: var(--text, #f3f3f6); border-color: var(--accent, #8b5cf6); background: color-mix(in srgb, var(--accent, #8b5cf6) 12%, var(--bg, #15161a)); }
.sp-genre-choice:has(input:focus-visible) { outline: 2px solid var(--accent, #8b5cf6); outline-offset: 3px; }
.sp-genre-choice:has(input:disabled) { opacity: .45; cursor: not-allowed; }
.sp-genre-field > .sp-genre-error { color: #ffb4b4; }
.sp-field :is(input,textarea,select):disabled { color: var(--sp-muted); background: transparent; opacity: .7; cursor: not-allowed; }
.sp-field input::placeholder, .sp-field textarea::placeholder { color: #92929f; }
.sp-field textarea { resize: vertical; min-height: 110px; line-height: 1.7; }
.sp-field small { color: var(--sp-muted); font-weight: 400; font-size: 13px; }
.sp-fieldset { border: 0; padding: 0; margin: 27px 0 0; min-width: 0; }
.sp-fieldset legend { font-size: 14px; font-weight: 600; padding: 0 0 10px; }
.sp-role-options { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.sp-role-options > label, .sp-radio-stack > label { display: flex; gap: 12px; align-items: flex-start; border: 1px solid #ffffff17; border-radius: 6px; padding: 16px; cursor: pointer; min-width: 0; }
.sp-role-options > label:has(input:checked), .sp-radio-stack > label:has(input:checked) { border-color: var(--accent, #8b5cf6); background: var(--surface-raised, #2b2c34); }
.sp-role-options input, .sp-radio-stack input, .sp-check input { accent-color: var(--accent, #8b5cf6); width: 18px; height: 18px; margin: 4px 0 0; flex-shrink: 0; }
.sp-role-options strong, .sp-radio-stack strong { display: block; font-size: 15px; }
.sp-role-options small, .sp-radio-stack small { display: block; color: var(--sp-muted); font-size: 13px; font-weight: 400; margin-top: 3px; }
.sp-radio-stack { display: grid; gap: 10px; }
.sp-details { border: 0; border-top: 1px solid var(--sp-border); border-radius: 0; background: transparent; padding: 15px 0; margin-top: 18px; min-width: 0; }
.sp-details > summary { color: #d6d1d5; font-size: 14px; font-weight: 600; cursor: pointer; }
.sp-details[open] > summary { margin-bottom: 12px; }
.sp-details p { color: var(--sp-muted); font-size: 14px; line-height: 1.8; }
.sp-check { display: flex; align-items: flex-start; gap: 12px; color: #d7d3d9; font-size: 14px; font-weight: 400; margin-top: 16px; }
.sp-check b { font-size: 11px; font-weight: 500; color: #c4b5fd; }
.sp-inline-error { color: #ff9c93; font-size: 14px; white-space: pre-line; margin: 15px 0; }
.sp-inline-error:empty { display: none; }
.scene-portal form > .sp-button { margin-top: 22px; }
.sp-link-list { display: grid; }
.sp-link-list a { display: flex; justify-content: space-between; gap: 18px; padding: 18px 0; border-bottom: 1px solid var(--sp-border); font-size: 16px; }
.sp-link-list a:hover { color: #c4b5fd; }
.sp-link-list a:last-child { border-bottom: 0; }
.sp-inline-link { color: #c4b5fd; text-decoration: underline; text-underline-offset: 3px; }
.sp-badge { display: inline-flex; align-items: center; gap: 5px; color: #b7b4c0; border: 1px solid var(--sp-border); background: transparent; padding: 3px 8px; font-size: 11px; border-radius: 4px; white-space: nowrap; }
.sp-status-published, .sp-status-approved, .sp-status-paid, .sp-status-resolved { color: #9bdfbc; border-color: #7ce2aa25; background: #5ac88a0a; }
.sp-status-pending, .sp-status-pending_review, .sp-status-finalized { color: #f3cb90; border-color: #e6bb7528; background: #e6bb7509; }
.sp-status-rejected, .sp-status-suspended { color: #ff9c93; border-color: #fa574e25; background: #fa574e09; }
.sp-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--sp-border); border-bottom: 1px solid var(--sp-border); background: transparent; margin-bottom: 26px; }
.sp-metrics > div { padding: 22px 24px; border-right: 1px solid var(--sp-border); min-width: 0; }
.sp-metrics > div:last-child { border: 0; }
.sp-metrics small { color: var(--sp-muted); font-size: 13px; display: block; margin-bottom: 7px; }
.sp-metrics strong { font: 650 29px/1.25 system-ui, sans-serif; letter-spacing: -.035em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.sp-four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sp-four strong { font-size: 24px; }
.sp-notice { padding: 16px 18px; border: 0; border-left: 2px solid #545361; background: #ffffff04; border-radius: 0; margin: 20px 0 24px; }
.sp-notice strong { color: #e0e3e8; font-size: 15px; display: block; margin-bottom: 6px; }
.sp-notice p { font-size: 13px; color: var(--sp-muted); line-height: 1.75; }
.sp-notice .sp-button { margin-top: 16px; }
.sp-error { border-color: #ff746653; }
.sp-error strong { color: #ffb5b0; }
.sp-error-text { color: #ff9c93 !important; font-size: 13px; margin-top: 10px !important; overflow-wrap: anywhere; }
.sp-work-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.sp-work-card { padding: 0; overflow: hidden; }
.sp-work-card + .sp-work-card { margin-top: 0; }
.sp-work-art { min-height: 180px; height: 220px; position: relative; display: grid; place-items: center; background: var(--surface-raised, #2b2c34); overflow: hidden; }
.sp-work-art > span:not(.sp-badge) { font-size: 60px; color: #ffffff4b; font-weight: 700; }
.sp-work-art > .sp-badge { position: absolute; top: 12px; right: 12px; background: #18191d; }
.sp-work-art img { width: 100%; height: 100%; object-fit: cover; }
.sp-poster-preview-image { display: block; width: 160px; max-width: 100%; height: 240px; object-fit: cover; border-radius: 6px; }
.sp-work-card > div:last-child { padding: 22px; }
.sp-work-card h2 { margin: 0 0 9px; overflow-wrap: anywhere; }
.sp-work-card p { font-size: 13px; color: var(--sp-muted); margin-bottom: 17px; }
.sp-work-card .sp-button { width: 100%; }
.sp-work-card .sp-kicker { font-size: 10px; letter-spacing: .03em; }
.sp-empty { text-align: center; padding: 40px 22px; border-top: 1px solid var(--sp-border); border-bottom: 1px solid var(--sp-border); background: transparent; }
.sp-empty > span { display: block; color: var(--sp-muted); font-size: 24px; margin-bottom: 12px; }
.sp-empty h3 { color: #ddd9dd; }
.sp-empty p { color: var(--sp-muted); font-size: 14px; max-width: 440px; margin: 9px auto 0; }
.sp-center { text-align: center; margin: 22px 0; }
.sp-benefits { margin-top: 32px; }
.sp-creator-earnings { margin-top: 28px !important; }
.sp-benefits h3 { margin-bottom: 7px; }
.sp-editor-layout { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 24px; align-items: start; margin-bottom: 24px; }
.sp-work-steps { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); padding: 0; margin: 0 0 28px; list-style: none; border: 1px solid var(--sp-border); border-radius: 10px; background: var(--surface, #222329); }
.sp-work-steps li { display: flex; align-items: center; gap: 12px; padding: 18px 22px; color: var(--sp-muted); border-right: 1px solid var(--sp-border); }
.sp-work-steps li:last-child { border: 0; }
.sp-work-steps li > span { width: 30px; height: 30px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; display: grid; place-items: center; flex-shrink: 0; font-size: 13px; }
.sp-work-steps strong { display: block; font-size: 13px; font-weight: 600; }
.sp-work-steps small { display: block; font-size: 11px; margin-top: 2px; }
.sp-work-steps .is-current { color: var(--text, #f5f5f7); }
.sp-work-steps .is-current > span { color: #fff; border-color: var(--accent, #8b5cf6); background: var(--accent, #8b5cf6); }
.sp-work-steps .is-complete > span { color: #c4b5fd; border-color: #8b5cf666; }
#sp-upload-consent .sp-check { font-size: 13px; line-height: 1.8; padding-top: 12px; border-top: 1px solid var(--sp-border); }
#sp-upload-consent .sp-fine { font-size: 12px; }
.sp-beta-status { display: flex; gap: 22px; align-items: baseline; }
.sp-beta-status strong { flex-shrink: 0; margin: 0; font-size: 13px; }
.sp-beta-status p { font-size: 13px; }
.sp-beta-credit { border-left: 3px solid var(--accent, #8b5cf6); }
.sp-beta-credit > strong { display: block; font-size: 15px; line-height: 1.65; }
.sp-beta-credit > p { margin: 9px 0 0; font-size: 14px; line-height: 1.85; }
.sp-beta-credit .sp-details { margin: 12px 0 0; }
.sp-card-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 18px; }
.sp-card-heading h2, .sp-card-heading h3 { margin: 0; }
.sp-card-heading p { font-size: 14px; margin-top: 7px; }
.sp-guide h2 { font-size: 23px; }
.sp-guide p { font-size: 14px; }
.sp-guide strong { font-size: 14px; }
.sp-guide hr { border: 0; border-top: 1px solid var(--sp-border); margin: 24px 0; }
.sp-guide strong + p { margin-top: 8px; }
.sp-save-status { color: #a4c7ae; font-size: 12px; display: inline-block; margin: 15px 0 0 12px; }
.sp-upload-buttons { display: flex; flex-wrap: wrap; gap: 12px; }
.sp-batch-select { margin-top: 18px; }
.sp-batch-list { list-style: none; padding: 0; margin: 20px 0; }
.sp-batch-list li { display: flex; gap: 12px; align-items: center; padding: 15px 0; border-top: 1px solid var(--sp-border); }
.sp-batch-list li > span { color: #c4b5fd; font-size: 13px; flex-shrink: 0; }
.sp-batch-list .sp-field { margin: 0; flex: 1; }
.sp-batch-list small { overflow-wrap: anywhere; }
.sp-batch-order { display: flex; flex-direction: column; gap: 5px; }
.sp-batch-order button { color: #c8c1cc; border: 1px solid var(--sp-border); background: #ffffff05; border-radius: 6px; min-width: 32px; min-height: 31px; }
.sp-reconnect { margin: 18px 0; display: flex; flex-wrap: wrap; gap: 10px; }
.sp-reconnect .sp-fine { width: 100%; margin: 0 !important; }
.sp-upload-card { margin-top: 0 !important; }
.sp-upload-jobs { display: grid; gap: 15px; }
.sp-upload-job { padding: 15px 0; border-bottom: 1px solid var(--sp-border); }
.sp-upload-job > div { display: flex; justify-content: space-between; align-items: start; gap: 15px; font-size: 13px; }
.sp-upload-job strong { word-break: break-all; }
.sp-upload-job > div > span { white-space: nowrap; color: #b8c9b9; }
.sp-upload-job progress { display: block; width: 100%; height: 6px; margin-top: 12px; accent-color: var(--accent, #8b5cf6); }
.sp-upload-job .sp-button { margin-top: 10px; }
.sp-episode-list { display: grid; margin-top: 20px; }
.sp-episode { padding: 20px 0; border-top: 1px solid var(--sp-border); }
.sp-episode:first-child { border-top: 0; }
.sp-episode-main { display: flex; gap: 18px; align-items: center; min-width: 0; }
.sp-episode-index { width: 42px; height: 44px; flex-shrink: 0; border-right: 1px solid var(--sp-border); display: grid; place-items: center; font: 600 17px system-ui, sans-serif; color: #aaaab5; }
.sp-episode-main h3 { overflow-wrap: anywhere; }
.sp-episode-main p { color: var(--sp-muted); font-size: 13px; margin-top: 4px; }
.sp-free { color: #94d3b4; }
.sp-episode .sp-details { margin-top: 15px; }
.sp-subtitle-add { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 14px; }
.sp-subtitle-add .sp-field { margin-top: 0; flex: 1; min-width: 150px; }
.sp-subtitle-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 0; border-top: 1px solid var(--sp-border); font-size: 14px; }
.sp-subtitle-row small { font-size: 11px; color: var(--sp-muted); display: block; }
.sp-subtitle-row .sp-button { min-height: 36px; padding: 7px 12px; font-size: 12px !important; }
.sp-dialog { padding: 0; background: var(--surface, #1d1e23); color: var(--text, #f3f3f6); border: 1px solid #454650; border-radius: 8px; width: min(680px, calc(100vw - 28px)); max-height: calc(100dvh - 40px); overflow: auto; }
.sp-dialog::backdrop { background: #08090bc9; }
.sp-dialog .scene-portal { padding: 0; }
.sp-dialog .sp-card { border: 0; border-radius: 0; }
.sp-close { display: grid; place-items: center; min-width: 44px; min-height: 44px; font-size: 25px !important; color: #b8b8c3; padding: 0 5px; }
.sp-language-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; margin-bottom: 24px; }
.sp-tabs { display: flex; gap: 2px; border-bottom: 1px solid var(--sp-border); margin-bottom: 26px; padding-bottom: 0; overflow-x: auto; scrollbar-width: thin; }
.sp-tabs button { padding: 11px 16px; min-height: 46px; font-size: 13px; font-weight: 500; border-bottom: 2px solid transparent; border-radius: 0; color: var(--sp-muted); white-space: nowrap; background: transparent; }
.sp-tabs button.active { background: transparent; color: var(--text, #f5f5f7); border-bottom: 2px solid var(--accent, #8b5cf6); border-radius: 0; }
.sp-tabs button:hover { background: #ffffff08; }
.sp-admin-content { min-width: 0; }
.sp-big-money { font: 650 36px/1.25 system-ui, sans-serif; margin: 20px 0 12px; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.sp-key-values { margin: 24px 0; border-top: 1px solid var(--sp-border); }
.sp-key-values > div { display: flex; justify-content: space-between; gap: 15px; padding: 13px 0; border-bottom: 1px solid var(--sp-border); font-size: 13px; }
.sp-key-values span { color: var(--sp-muted); }
.sp-key-values strong { overflow-wrap: anywhere; text-align: right; }
.sp-cost-actions { margin-top: 20px; }
.sp-ranking { list-style: none; padding: 0; margin: 22px 0 0; }
.sp-ranking li { display: flex; gap: 17px; align-items: center; border-bottom: 1px solid var(--sp-border); padding: 13px 0; }
.sp-ranking li > span { color: #c4b5fd; font: 600 20px 'DM Sans', sans-serif; width: 22px; }
.sp-ranking strong { font-size: 15px; overflow-wrap: anywhere; }
.sp-ranking small { display: block; font-size: 11px; color: var(--sp-muted); margin-top: 5px; }
.sp-readiness { margin-top: 24px; }
.sp-readiness > div { display: flex; align-items: flex-start; gap: 16px; padding: 20px 0; border-top: 1px solid var(--sp-border); }
.sp-readiness > div > div { flex: 1; min-width: 0; }
.sp-readiness strong { font-size: 15px; }
.sp-readiness p { font-size: 13px; color: var(--sp-muted); margin-top: 5px; }
.sp-check-dot { flex-shrink: 0; width: 25px; height: 25px; border: 1px solid #ffffff1f; border-radius: 50%; display: grid; place-items: center; color: #85808a; font-size: 14px; }
.sp-check-dot.is-ready { color: #a0d9bb; border-color: #69b38a44; background: #69b38a0b; }
.sp-plain-list { font-size: 14px; color: #c1bac5; line-height: 1.9; padding-left: 23px; }
.sp-plain-list li + li { margin-top: 13px; }
.sp-section-head { margin-bottom: 24px; }
.sp-section-head h2 { margin-bottom: 8px; }
.sp-section-head p { font-size: 14px; color: var(--sp-muted); }
.sp-between { display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.sp-between .sp-field { margin: 0; min-width: 160px; }
.sp-review-card { display: flex; gap: 25px; align-items: start; justify-content: space-between; }
.sp-review-card > div:first-child { min-width: 0; flex: 1; }
.sp-review-card > div > p { font-size: 14px; overflow-wrap: anywhere; }
.sp-review-card .sp-card-heading { margin-bottom: 10px; justify-content: flex-start; }
.sp-review-card .sp-actions { justify-content: flex-end; max-width: 320px; }
.sp-table-wrap { max-width: 100%; overflow: auto; }
.sp-table { width: 100%; border-collapse: collapse; font-size: 13px; text-align: left; }
.sp-table th { color: var(--sp-muted); font-weight: 500; font-size: 12px; padding: 12px; border-bottom: 1px solid #494a53; white-space: nowrap; }
.sp-table td { padding: 16px 12px; border-bottom: 1px solid var(--sp-border); white-space: nowrap; vertical-align: middle; }
.sp-table tbody tr:hover { background: #ffffff03; }
.sp-table th:first-child, .sp-table td:first-child { padding-left: 0; }
.sp-table td small { display: block; color: var(--sp-muted); font-size: 12px; max-width: 220px; overflow: hidden; text-overflow: ellipsis; margin-top: 3px; }
.sp-table .sp-button { font-size: 11px !important; min-height: 35px; padding: 7px 10px; }
.sp-admin-preview { border-top: 1px solid var(--sp-border); margin-top: 20px; padding-top: 18px; }
.sp-admin-preview video { width: 100%; max-height: 380px; display: block; margin-top: 13px; background: #050505; }
.sp-support-subject { min-width: 180px; max-width: 360px; white-space: normal !important; }
.sp-support-body { white-space: pre-wrap; overflow-wrap: anywhere; padding: 18px; margin: 20px 0; border: 1px solid var(--sp-border); border-radius: 5px; background: var(--bg, #15161a); font-size: 14px; line-height: 1.8; }
.sp-status-answered, .sp-status-closed { color: #c4b5fd; border-color: #8b5cf638; }
.sp-loading { display: grid; place-items: center; min-height: 220px; color: #a8a2ad; font-size: 15px; }
@media (max-width: 1200px) {
  .sp-editor-layout { grid-template-columns: minmax(0, 1fr) 240px; }
  .sp-card { padding: 23px; }
  .sp-work-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sp-four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sp-four > div:nth-child(2) { border-right: 0; }
  .sp-four > div:nth-child(-n+2) { border-bottom: 1px solid var(--sp-border); }
}
@media (max-width: 900px) {
  .sp-editor-layout { grid-template-columns: 1fr; }
  .sp-editor-layout > aside { display: none; }
  .sp-account-grid { grid-template-columns: 1fr; }
  .sp-review-card { flex-direction: column; gap: 17px; }
  .sp-review-card .sp-actions { max-width: none; justify-content: flex-start; }
}
@media (max-width: 600px) {
  .sp-login-status { flex-direction: column; gap: 18px; }
  .sp-account-identity > div { grid-template-columns: 100px minmax(0, 1fr); gap: 10px; }
  .sp-member-search { grid-template-columns: minmax(0, 1fr) 100px; gap: 12px; }
  .scene-portal .sp-member-search > .sp-button { grid-column: 1 / -1; }
  .sp-member-pages { justify-content: center; gap: 10px; }
  .sp-member-counts > * { padding: 15px 12px; }
  .sp-member-counts strong { font-size: 22px; }
  .scene-portal { font-size: 15px; }
  .sp-heading { display: block; margin-top: 3px; margin-bottom: 22px; }
  .sp-heading .sp-actions { margin-top: 18px; }
  .sp-heading p { font-size: 14px; }
  .sp-card { padding: 21px 18px; border-radius: 8px; }
  .sp-card h2 { font-size: 19px; }
  .sp-two { grid-template-columns: 1fr; gap: 18px; }
  .sp-two:has(> .sp-field) { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .sp-work-grid { grid-template-columns: 1fr; gap: 18px; }
  .sp-work-art { height: 200px; }
  .sp-work-steps { gap: 0; }
  .sp-work-steps li { flex-direction: column; align-items: flex-start; gap: 8px; padding: 14px 12px; }
  .sp-work-steps strong { font-size: 11px; }
  .sp-work-steps small { font-size: 10px; }
  .sp-beta-status { display: block; }
  .sp-beta-status p { margin-top: 5px; }
  .sp-welcome { padding: 24px 20px; }
  .sp-welcome h2 { font-size: 21px; }
  .sp-welcome p { font-size: 14px; }
  .sp-welcome > .sp-button { width: 100%; }
  .sp-role-options { gap: 8px; }
  .sp-role-options > label { padding: 13px 10px; gap: 8px; }
  .sp-role-options small { font-size: 11px; }
  .sp-metrics > div { padding: 18px 15px; }
  .sp-metrics strong { font-size: 25px; }
  .sp-metrics small { font-size: 11px; }
  .sp-four strong { font-size: 21px; }
  .sp-notice { padding: 17px; margin: 18px 0 22px; }
  .sp-notice p { font-size: 13px; }
  .sp-details { padding: 14px; }
  .sp-card-heading { align-items: flex-start; flex-wrap: wrap; gap: 12px; }
  .sp-save-status { display: block; margin-left: 0; }
  .sp-tabs { margin-left: -3px; margin-right: -3px; }
  .sp-tabs button { padding: 9px 13px; font-size: 13px; }
  .sp-between { display: block; }
  .sp-between .sp-field { margin-top: 18px; max-width: 210px; }
  .sp-readiness > div { gap: 10px; flex-wrap: wrap; }
  .sp-readiness > div > div { flex-basis: calc(100% - 40px); }
  .sp-readiness .sp-badge { margin-left: 35px; margin-top: -5px; }
  .sp-episode-main { gap: 12px; }
  .sp-episode-index { width: 38px; height: 43px; font-size: 16px; }
  .sp-episode-main h3 { font-size: 15px; }
  .sp-episode-main p { font-size: 11px; }
  .sp-subtitle-add { gap: 12px; }
  .sp-upload-buttons .sp-button { flex: 1; font-size: 12px !important; padding: 10px 12px; }
  .sp-dialog .sp-card { padding: 24px 18px; }
  .sp-language-grid { gap: 0 10px; }
  .sp-table-wrap { width: 100%; }
}
/* Creator workspace: one set of section, form and episode rules. */
.sp-editor-page { max-width: 960px; margin: 0 auto; }
.sp-editor-page .sp-heading { margin-bottom: 24px; }
.sp-editor-page .sp-heading h1 { font-size: 28px; }
.sp-editor-page .sp-heading p { font-size: 14px; margin-top: 6px; }
.sp-editor-layout { display: block; }
.sp-editor-page .sp-work-steps { border: 0; border-bottom: 1px solid var(--sp-border); border-radius: 0; background: transparent; margin-bottom: 24px; }
.sp-editor-page .sp-work-steps li { border: 0; padding: 12px 0; gap: 10px; }
.sp-editor-page .sp-work-steps li > span { width: 26px; height: 26px; font-size: 12px; }
.sp-editor-page .sp-work-steps small { display: none; }
.sp-editor-page .sp-editor-layout { margin: 0; }
.sp-editor-page .sp-card { border: 0; border-radius: 0; background: transparent; padding: 24px 0; }
.sp-editor-page .sp-card-heading { margin-bottom: 6px; }
.sp-editor-page h2 { font-size: 19px; }
.sp-editor-page .sp-field { margin-top: 20px; gap: 8px; }
.sp-editor-page .sp-two { gap: 20px; }
.sp-editor-page .sp-fine { font-size: 13px; margin-top: 10px !important; }
.sp-editor-page .sp-save-status { display: block; font-size: 12px; margin: 8px 0 0; }
.sp-editor-page #sp-work-form > .sp-button { margin-top: 24px; }
.sp-editor-media { gap: 0; }
.sp-editor-page .sp-editor-media > .sp-card { border-top: 1px solid var(--sp-border); margin-top: 0; }
.sp-editor-page .sp-check { font-size: 13px; line-height: 1.75; }
.sp-editor-page .sp-check input { flex-shrink: 0; }
.sp-editor-page .sp-notice { background: #ffffff03; border: 0; border-left: 2px solid #545361; padding: 14px 16px; border-radius: 0; margin: 16px 0; }
.sp-editor-page .sp-notice p { font-size: 13px; margin: 5px 0 0; }
.sp-editor-page .sp-poster-preview-image { width: 100px; height: 150px; object-fit: cover; border-radius: 4px; }
.sp-editor-page #sp-poster-preview .sp-poster-preview-image { max-width: 100px; height: auto; }
.sp-editor-page .sp-upload-buttons { margin-top: 16px; gap: 10px; }
.sp-editor-page .sp-details { border: 0; border-radius: 0; background: transparent; padding: 9px 0; margin: 6px 0; }
.sp-editor-page .sp-details > summary { font-size: 13px; font-weight: 500; }
.sp-editor-page .sp-details[open] > summary { margin-bottom: 10px; }
.sp-work-info { border: 1px solid var(--sp-border); border-radius: 6px; margin-bottom: 20px; }
.sp-work-info > summary { padding: 16px 18px; cursor: pointer; font-size: 14px; font-weight: 600; }
.sp-editor-page .sp-work-info > .sp-card { margin: 0; padding: 20px; border-top: 1px solid var(--sp-border); }
.sp-consent-first .sp-check { padding: 9px 0; margin: 0; font-size: 13px; align-items: flex-start; }
.sp-consent-first h2 { font-size: 17px; }
.sp-consent-first > .sp-muted { font-size: 13px; margin: 6px 0 12px; }
.sp-editor-page .sp-consent-saved { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding: 14px 0; }
.sp-consent-saved > p { margin: 0; color: #d5d2df; font-size: 13px; }
.sp-consent-saved small { margin-left: 10px; color: var(--sp-muted); }
.sp-consent-saved .sp-details { margin: 0; }
.sp-consent-status:empty { display: none; }
.sp-editor-page .sp-episode { padding: 18px 0; }
.sp-editor-page .sp-episode .sp-details { margin-top: 8px; }
.sp-episode-tools { margin-top: 12px; border-top: 1px solid var(--sp-border); padding-top: 10px; }
.sp-episode-tools > summary { cursor: pointer; color: var(--sp-muted); font-size: 13px; }
.sp-episode-tools[open] > summary { margin-bottom: 12px; }
.sp-poster-policy { font-size: 13px; margin-bottom: 14px; }
.sp-poster-policy > strong { display: block; margin-top: 8px; }
.sp-editor-page .sp-empty { padding: 28px 12px; }
.sp-editor-page #sp-submit-work > .sp-button { margin-top: 22px; }
@media (max-width: 600px) {
  .sp-auth-layout .sp-auth-card { padding: 20px 4px; border-radius: 0; }
  .sp-editor-page .sp-heading { display: flex; flex-direction: column-reverse; gap: 16px; }
  .sp-editor-page .sp-heading h1 { font-size: 25px; }
  .sp-editor-page .sp-work-steps { margin-bottom: 20px; }
  .sp-editor-page .sp-work-steps li { flex-direction: row; align-items: center; padding: 12px 0; gap: 8px; }
  .sp-editor-page .sp-work-steps strong { font-size: 12px; }
  .sp-editor-page .sp-two { gap: 0; }
  .sp-editor-page .sp-card { padding: 20px 0; }
  .sp-editor-page .sp-work-info > .sp-card { padding: 16px; }
  .sp-work-info > summary { padding: 14px 16px; }
  .sp-consent-saved small { display: block; margin: 4px 0 0; }
  .sp-editor-page .sp-upload-buttons { gap: 8px; }
  .sp-editor-page .sp-upload-buttons .sp-button { flex: 1 1 160px; }
}
@media (pointer: coarse) {
  .scene-portal :is(.sp-button, .sp-text-button, .sp-close, .sp-tabs button) { min-height: 44px; }
  .scene-portal .sp-table .sp-button, .scene-portal .sp-subtitle-row .sp-button { min-height: 44px; padding: 10px 12px; }
  .scene-portal .sp-batch-order button { min-width: 44px; min-height: 44px; }
  .scene-portal summary { min-height: 44px; align-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  .scene-portal *, .scene-portal *::before, .scene-portal *::after { transition: none !important; }
}

/* Operator-only first-touch source totals. */
.scene-portal .sp-admin-nav{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;gap:6px;padding-bottom:9px;margin-bottom:22px;scrollbar-width:thin}.scene-portal .sp-admin-nav button{flex:none;white-space:nowrap;font-size:12px;padding:9px 12px}.scene-portal .sp-admin-nav .sp-admin-main-tab{font-weight:650;color:#d8c6ef}.scene-portal .sp-admin-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.scene-portal .sp-admin-record{min-width:0;border:1px solid var(--sp-border);border-radius:6px;background:#ffffff02;align-self:start}.scene-portal .sp-admin-record>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:15px 17px;cursor:pointer;list-style:none;min-height:78px}.scene-portal .sp-admin-record>summary::-webkit-details-marker{display:none}.scene-portal .sp-admin-record>summary:hover{background:#ffffff03}.scene-portal .sp-admin-record-name{display:block;min-width:0}.scene-portal .sp-admin-record-name strong{display:block;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.scene-portal .sp-admin-record-name small{display:block;color:var(--sp-muted);font-size:11px;margin-top:5px;font-weight:400;overflow-wrap:anywhere}.scene-portal .sp-admin-record-state{display:flex;flex-direction:column;align-items:flex-end;gap:7px;white-space:nowrap}.scene-portal .sp-admin-record-state small{font-size:10px;color:var(--sp-muted)}.scene-portal .sp-admin-record[open]{grid-column:1/-1;border-color:#a780d756}.scene-portal .sp-admin-record[open]>summary{border-bottom:1px solid var(--sp-border);background:#9a74c607}.scene-portal .sp-admin-record-body{padding:17px;min-width:0}.scene-portal .sp-admin-record-body>p{font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.scene-portal .sp-admin-record-body .sp-actions{margin-top:15px}.scene-portal .sp-admin-record-body .sp-button{font-size:12px;padding:9px 12px}.scene-portal .sp-admin-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.scene-portal .sp-admin-toolbar .sp-field{margin:0;min-width:180px}.scene-portal .sp-admin-toolbar .sp-details{margin:0;max-width:650px}.scene-portal .sp-admin-search{display:flex;align-items:flex-end;gap:14px;padding:18px}.scene-portal .sp-admin-search .sp-two{flex:1}.scene-portal .sp-admin-search .sp-field{margin:0}.scene-portal .sp-admin-search .sp-button{flex:none}.scene-portal .sp-admin-queue{padding:20px}.scene-portal .ct-admin>h2{font-size:20px;margin-bottom:7px}.scene-portal .ct-admin-guidance{margin:12px 0;font-size:12px;color:var(--sp-muted)}.scene-portal .ct-admin-record .ct-entry{padding:0;background:transparent;border:0;margin:0 0 14px}.scene-portal .ct-admin-record .ct-entry h3{display:none}.scene-portal .ct-admin-record .ct-entry small{font-size:11px}.scene-portal .ct-admin-record .ct-entry p{font-size:13px;line-height:1.75}.scene-portal .ct-admin-record .ct-button{font-size:12px;padding:9px 12px}
@media(max-width:850px){.scene-portal .sp-admin-records{grid-template-columns:1fr}.scene-portal .sp-admin-record>summary{min-height:70px}.scene-portal .sp-admin-search{align-items:stretch;flex-direction:column}.scene-portal .sp-admin-search .sp-two{gap:12px}.scene-portal .sp-admin-search .sp-button{align-self:flex-end}}@media(max-width:600px){.scene-portal .sp-admin-record>summary{padding:13px;gap:8px}.scene-portal .sp-admin-record-body{padding:14px}.scene-portal .sp-admin-record-state small{font-size:9px}.scene-portal .sp-admin-record-name strong{font-size:13px}.scene-portal .sp-admin-queue{padding:16px}.scene-portal .sp-admin-toolbar .sp-field{min-width:130px;flex:1}}
.scene-portal .sp-traffic-heading{align-items:flex-start;gap:20px}.scene-portal .sp-traffic-heading h2{margin-bottom:5px}.scene-portal .sp-traffic-heading .sp-field{min-width:150px;margin:0;font-size:11px}.scene-portal .sp-traffic-heading select{margin-top:5px}.scene-portal .sp-traffic-summary{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:18px 0}.scene-portal .sp-traffic-summary strong{font-size:19px}.scene-portal .sp-traffic-summary small,.scene-portal .sp-traffic-list small{font-size:11px;font-weight:400;margin-left:3px;color:var(--sp-muted)}.scene-portal .sp-traffic-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 30px}.scene-portal .sp-traffic-list li{min-width:0}.scene-portal .sp-traffic-list li>div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.scene-portal .sp-traffic-list em{font-size:11px;font-style:normal;color:var(--sp-muted);display:inline-block;text-align:right;min-width:45px;margin-left:10px}.scene-portal .sp-traffic-list progress{display:block;width:100%;height:4px;accent-color:#a87ce4;margin-top:8px;border:0;border-radius:2px;background:#35313d}.scene-portal .sp-traffic-start{margin:20px 0 8px}.scene-portal .sp-traffic-notice{margin:0}.scene-portal .sp-traffic-notice summary{font-size:11px}.scene-portal .sp-traffic-notice p{line-height:1.7}@media(max-width:650px){.scene-portal .sp-traffic-heading{flex-wrap:wrap}.scene-portal .sp-traffic-heading .sp-field{min-width:130px;flex:1}.scene-portal .sp-traffic-list{grid-template-columns:1fr;gap:14px}.scene-portal .sp-traffic-summary{align-items:flex-start;flex-direction:column;gap:5px}}