/* Member and account surfaces for the dark, yellow streaming prototype. */
.page-heading{min-width:0;margin-bottom:26px}
.page-heading>.eyebrow{display:none}
.page-heading .page-title{font:700 30px/1.35 var(--sans);letter-spacing:0;margin-bottom:9px;color:#f6f6f7}
.page-heading .page-intro{font-size:13px;line-height:1.8;color:#98989f}
.page-heading>.text-link{margin-bottom:17px;font-size:12px}
.button-primary:not(.button),.button-secondary:not(.button){display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;min-height:44px;padding:11px 21px;border:1px solid transparent;border-radius:6px;font:600 13px/1.5 var(--sans);transition:background .18s,border-color .18s,transform .18s}
.button-primary:not(.button){background:#ffd43b;color:#171715;border-color:#ffd43b}
.button-primary:not(.button):hover:not(:disabled){background:#ffe06b;border-color:#ffe06b}
.button-secondary:not(.button){background:#25252c;color:#ededf0;border-color:#3a3a42}
.button-secondary:not(.button):hover:not(:disabled){background:#303039;border-color:#5b5b64}
.button-primary:not(.button):disabled,.button-secondary:not(.button):disabled{opacity:.45;cursor:not-allowed}
.field-hint{font-size:11px;line-height:1.8;color:#98989f;margin-top:12px}
.quiet-label{font-size:11px;color:#98989f}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.section-heading h2{font:700 20px/1.4 var(--sans);letter-spacing:0;margin:0;color:#f6f6f7}
.purchase-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.purchase-layout>.price-panel{padding:0;border:0;background:transparent;min-width:0;box-shadow:none}
.purchase-layout .pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}
.purchase-layout .pricing-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.purchase-layout .pricing-grid-five{grid-template-columns:repeat(5,minmax(0,1fr))}
.plan-option{position:relative;min-width:0;padding:23px 20px 20px;display:flex;flex-direction:column;background:#1b1b20;border:1px solid #635528;border-radius:10px;overflow:hidden;transition:border-color .2s,background .2s}
.plan-option:hover{border-color:#aa9034}
.plan-option.is-recommended{background:#272319;border-color:#ffd43b;box-shadow:inset 0 0 0 1px #ffd43b}
.plan-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;min-height:19px}
.plan-number{font:600 11px/1 var(--sans);letter-spacing:1px;color:#b8a457}
.plan-recommendation{font-size:10px;font-weight:700;padding:3px 8px;line-height:1.3;border-radius:3px;background:#ffd43b;color:#222015}
.price-panel .plan-option h2{font:700 20px/1.35 var(--sans);margin:0 0 9px;color:#f6f6f7;overflow-wrap:anywhere}
.price-panel .plan-option .plan-description{font:12px/1.8 var(--sans);color:#a7a5a1;min-height:43px;margin:0;white-space:pre-line;overflow-wrap:anywhere}
.price-panel .plan-option .plan-price{font:750 42px/1.1 var(--sans);letter-spacing:-1px;color:#ffd43b;white-space:nowrap;margin:23px 0 18px}
.currency{font:600 19px/1 var(--sans);margin-right:3px;letter-spacing:0}
.price-period{font:11px var(--sans);color:#a7a5a1;letter-spacing:0}
.row-metadata{margin:0;padding:14px 0;border-top:1px solid #3b372c;border-bottom:1px solid #3b372c}
.row-metadata>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;padding:3px 0}
.row-metadata dt{color:#98989f}
.row-metadata dd{margin:0;text-align:right;color:#dddde1}
.price-panel .plan-option .checklist{list-style:none;padding:0;margin:16px 0 21px;font-size:11px;color:#b5b4b6}
.price-panel .plan-option .checklist li{display:flex;align-items:flex-start;gap:7px;padding:5px 0;line-height:1.7}
.price-panel .plan-option .checklist li>span{min-width:0;overflow-wrap:anywhere}
.checklist li>svg{color:#ffd43b;margin-top:2px;flex-shrink:0}
.plan-purchase-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto;min-width:0}
.plan-purchase-actions .plan-pay-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;min-height:44px;padding:10px 12px;border-radius:6px;border:1px solid #7b672e;font-size:13px;font-weight:700;line-height:1.5;white-space:nowrap}
.plan-purchase-actions .plan-pay-alipay{background:#ffd43b;border-color:#ffd43b;color:#191813}
.plan-purchase-actions .plan-pay-alipay:hover:not(:disabled){background:#ffe06b;border-color:#ffe06b;color:#191813}
.plan-purchase-actions .plan-pay-wechat{background:#2b281e;border-color:#7b672e;color:#ffd43b}
.plan-purchase-actions .plan-pay-wechat:hover:not(:disabled){background:#37301e;border-color:#ffd43b;color:#ffd43b}
.plan-purchase-actions .plan-pay-button:disabled{opacity:.42;cursor:not-allowed}
.plan-purchase-actions .plan-pay-button:disabled:hover{transform:none}
.plan-pay-button .payment-logo{width:21px;height:21px;background:#51451d;color:#ffe477}
.plan-pay-alipay .payment-logo{background:#eabb20;color:#302711}
.price-panel .plan-option .plan-purchase-note{min-height:36px;margin:10px 0 0;font-size:11px;line-height:1.7;color:#98989f;overflow-wrap:anywhere}
.plan-notes{margin-top:24px;padding:20px 0 0;border-top:1px solid #303036}
.price-panel .plan-notes h3{font:600 14px/1.5 var(--sans);margin:0 0 10px;color:#d9d9df}
.price-panel .plan-notes p{font-size:12px;color:#98989f;line-height:1.85;margin-top:5px;max-width:78ch}
.plan-notes>.text-link{margin-top:11px;font-size:12px;color:#e3cc7b}
.order-summary{min-width:0;width:100%;max-width:none;padding:23px 22px;background:#1b1b20;border:1px solid #313138;border-radius:10px;color:#eeeef1}
.order-summary>.eyebrow{display:none}
.order-summary h2{font:700 20px/1.4 var(--sans);margin:0 0 18px;color:#f6f6f7}
.summary-list{padding:0;margin:0}
.summary-list>div{display:flex;justify-content:space-between;align-items:flex-start;gap:13px;padding:10px 0;border-bottom:1px solid #2e2e35;font-size:12px}
.summary-list dt{color:#98989f;flex-shrink:0}
.summary-list dd{margin:0;min-width:0;text-align:right;color:#dddde2;overflow-wrap:anywhere}
.summary-list .mono{font-size:10px;letter-spacing:0}
.summary-total{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px;padding:19px 0 21px;border-bottom:1px solid #303036;font-size:12px}
.summary-total strong{font:750 32px/1.25 var(--sans);letter-spacing:-.8px;color:#ffd43b;white-space:nowrap}
.summary-total strong small{font:600 14px var(--sans);letter-spacing:0}
.order-summary .form-section-title{font:600 13px/1.5 var(--sans);margin:0;color:#dddde1}
.order-summary>.button-primary{width:100%;margin-top:4px}
.payment-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:13px 0 18px}
.payment-method{min-width:0;min-height:44px;display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:9px;background:#222228;border:1px solid #393940;border-radius:5px;font-size:11px;color:#c7c7d0}
.payment-method.is-selected{background:#2c271a;border-color:#ffd43b;color:#f2dc87}
.payment-method[disabled]{background:#202025;border-color:#303037;opacity:.4}
.payment-logo{display:grid;place-items:center;width:21px;height:21px;border-radius:3px;flex-shrink:0;font-size:11px;font-weight:600;line-height:1;background:#35353d;color:#dadade}
.payment-method.is-selected .payment-logo{background:#574c20;color:#ffe478}
.choice-dot{width:11px;height:11px;flex-shrink:0;margin-left:auto;border:1px solid #60606a;border-radius:50%}
.payment-method.is-selected .choice-dot{border:3px solid #ffd43b;background:#272319}
.order-summary .notice{padding:12px;margin:16px 0;border:0;border-radius:5px;background:#302a1b;color:#d9c97f;font-size:11px;line-height:1.8}
.payment-result-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.payment-result-layout>.payment-result{margin:0;padding:32px;text-align:left;max-width:none;min-width:0;background:#1b1b20;border:1px solid #303036;border-radius:10px}
.payment-state-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin-bottom:21px;border-radius:50%;background:#3a3218;color:#ffd43b}
.payment-state-icon.failed,.payment-state-icon.refunded{background:#372524;color:#e9977d}
.payment-state-icon.unknown,.payment-state-icon.canceled{background:#2a2a32;color:#bcbcc7}
.payment-result .status-label{margin-bottom:13px}
.status-label{display:inline-flex;align-items:center;font-size:11px;line-height:1.5;padding:4px 9px;border-radius:4px;background:#363019;color:#e5cf7a}
.status-label.processing,.status-label.unknown{background:#302c20;color:#bdae77}
.status-label.resolved,.status-label.paid{background:#233429;color:#90c2a1}
.status-label.failed,.status-label.refunded{background:#372623;color:#d79581}
.status-label.canceled,.status-label.ignored{background:#2c2c34;color:#a6a6b2}
.payment-result h2{font:700 27px/1.4 var(--sans);margin-bottom:14px;color:#f6f6f7}
.payment-result .page-intro{max-width:45ch;font-size:13px;color:#b7b7c1;line-height:1.9}
.payment-result .payment-result-detail{max-width:58ch;font-size:12px;line-height:1.9;color:#98989f;margin-top:12px}
.payment-result .button-row{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:26px}
.payment-order-summary{margin-top:0}
.auth-layout.split-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;align-items:stretch;max-width:950px;margin:0 auto;background:#1b1b20;border:1px solid #303036;border-radius:12px;overflow:hidden}
.auth-editorial{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;min-height:585px;padding:32px 26px 32px 29px;overflow:hidden;background:#17171b}
.auth-editorial>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.7) saturate(.75)}
.auth-editorial:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,11,16,.93),rgba(11,11,16,.06) 80%)}
.auth-editorial-copy{position:relative;flex:0 0 auto;min-width:0;z-index:1;color:#f6f6f7;overflow-wrap:anywhere}
.auth-editorial-copy>.eyebrow{display:none}
.auth-editorial-copy h2{font:700 26px/1.55 var(--sans);letter-spacing:0;margin-bottom:11px}
.auth-editorial-copy p{font-size:13px;color:#b3b3bc}
.auth-form-panel{min-width:0;padding:28px 32px;background:#1b1b20}
.auth-form-panel .page-heading{margin:23px 0 25px}
.auth-form-panel .page-title{font-size:26px;margin-bottom:9px}
.auth-form-panel .page-intro{font-size:12px}
.tab-bar{display:flex;align-items:center;gap:25px;border-bottom:1px solid #35353c}
.tab-bar .tab{position:relative;padding:10px 0 13px;border:0;background:transparent;font-size:13px;color:#98989f;white-space:nowrap}
.tab-bar .tab.active{font-weight:700;color:#ffd43b}
.tab-bar .tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#ffd43b;border-radius:2px}
.account-form{min-width:0}
.account-form .field{margin-bottom:17px}
.account-form .field label{font-size:12px;color:#d0d0d9}
.account-form .field input,.account-form .field textarea{max-width:100%;min-width:0;background:#111115;border:1px solid #36363e;border-radius:6px;color:#f6f6f7;padding:12px 13px;font-size:13px;min-height:44px;outline-offset:2px}
.account-form .field input::placeholder,.account-form .field textarea::placeholder{color:#72727e}
.account-form .field input:focus,.account-form .field textarea:focus{border-color:#c6a735}
.account-form .field textarea{min-height:103px;resize:vertical}
.account-form .field .helper-text{font-size:11px;color:#858591;line-height:1.8;margin-top:7px}
.account-form .field input[type=file]{padding:9px;font-size:11px}
.account-form .field input[type=file]::file-selector-button{font:inherit;border:0;border-right:1px solid #393941;background:none;padding:4px 12px 4px 0;margin-right:10px;color:#dbdbe0;cursor:pointer}
.account-form .button-primary,.account-form .button-primary:hover,.payment-result .button-primary{background:#ffd43b;color:#171715;border-color:#ffd43b;border-radius:6px;font-weight:700}
.account-form .button-secondary{background:#27272f;color:#d9d9e2;border-color:#41414a;border-radius:6px}
.auth-form-panel .account-form>.button-primary{width:100%;margin-top:8px;min-height:44px}
.auth-form-panel .account-form>.helper-text{margin-top:12px;font-size:11px;line-height:1.8;color:#858591}
.form-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.form-meta .helper-text{font-size:10px;color:#858591}
.form-meta .text-link{font-size:11px;color:#c9b56a;flex-shrink:0}
.check-label{display:flex;align-items:flex-start;gap:9px;margin:20px 0 13px;font-size:11px;line-height:1.9;color:#98989f}
.check-label input{width:13px;height:13px;flex-shrink:0;margin-top:4px;accent-color:#ffd43b}
.check-label .text-link,.form-meta .text-link,.account-form>.text-link{border:0;border-bottom:1px solid currentColor;background:none;padding:0;border-radius:0;line-height:inherit}
.check-label .text-link{font-size:11px;color:#c9b56a}
.account-form>.text-link{margin-top:17px;font-size:12px;color:#c9b56a}
.auth-back{margin-top:24px;font-size:11px;color:#98989f}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.account-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:23px;align-items:start;margin-top:0}
.account-sidebar{position:relative;min-width:0;padding:22px 17px;background:#1b1b20;border:1px solid #2d2d34;border-radius:9px}
.account-identity{display:flex;align-items:center;gap:12px;min-width:0;margin-bottom:21px}
.account-avatar{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:50%;background:#413a20;color:#ffd43b;font:700 21px var(--sans)}
.account-identity>div:last-child{min-width:0}
.account-identity strong{display:block;font:700 16px/1.5 var(--sans);color:#eeeef1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-identity span{display:block;font-size:11px;color:#858591;overflow-wrap:anywhere;margin-top:3px}
.account-sidebar .account-nav-item{display:flex;align-items:center;width:100%;padding:11px 10px;gap:10px;min-width:0;margin:3px 0;background:none;border:0;border-radius:5px;color:#a7a7b2;font-size:12px;text-align:left;line-height:1.8}
.account-sidebar .account-nav-item:hover{background:#24242b;color:#ededf0}
.account-nav-item>svg:last-child{margin-left:auto;color:#6e6e7a}
.account-sidebar .account-nav-item.active{color:#ffd43b;background:#352e1a}
.account-sidebar .account-nav-item.active>svg{color:#e4c754}
.account-sidebar .logout-link{display:inline-flex;align-items:center;width:auto;gap:7px;margin:17px 0 0;padding:7px 9px;border:0;font-size:11px;color:#858591}
.account-main{min-width:0;max-width:none}
.account-main .section-header{margin-bottom:17px;gap:17px}
.account-main .section-header>div{min-width:0}
.account-main .section-header h2{font:700 21px/1.4 var(--sans);letter-spacing:0;margin:0;color:#f6f6f7}
.account-main .section-header .eyebrow{display:none}
.account-main .section-header .text-link{font-size:12px;color:#c7b166}
.membership-summary{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 24px;background:#2c2618;border:1px solid #6a5826;border-radius:9px}
.membership-summary>div{min-width:0}
.membership-summary .helper-text{font-size:11px;color:#c3b67f}
.account-main .membership-summary h3{font:700 23px/1.4 var(--sans);color:#ffe06b;margin:7px 0}
.membership-summary p{font-size:12px;line-height:1.8;color:#a89f85}
.membership-summary>.button{flex-shrink:0;background:#ffd43b;border-color:#ffd43b;border-radius:5px;color:#191813;font-weight:700}
.membership-summary.is-expired{background:#222228;border-color:#3c3c45}
.membership-summary.is-expired h3{color:#b9b9c3}
.membership-summary.is-expired p,.membership-summary.is-expired .helper-text{color:#858591}
.account-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:15px}
.account-links>a{display:flex;align-items:center;gap:10px;min-width:0;padding:19px 18px;border:1px solid #2f2f37;border-radius:8px;background:#1b1b20;color:#bebec9;font-size:12px}
.account-links>a:hover{border-color:#62532b}
.account-links>a>svg:first-child{color:#d6bd58}
.account-links>a>svg:last-child{margin-left:auto;color:#656571}
.account-links strong{font:700 23px var(--sans);color:#eeeef1;margin-left:auto}
.account-links strong+svg{margin-left:0!important}
.profile-heading{margin-top:28px}
.profile-form{padding:24px;background:#1b1b20;border:1px solid #2e2e36;border-radius:9px}
.avatar-editor{display:flex;align-items:center;gap:18px;margin:0 0 23px}
.avatar-editor .account-avatar{width:61px;height:61px;font-size:26px}
.avatar-editor label.button{cursor:pointer}
.avatar-editor .helper-text{font-size:10px;margin-top:7px;color:#858591}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.form-actions{display:flex;align-items:center;gap:15px;margin-top:5px}
.form-actions .helper-text{font-size:11px;color:#858591}
.account-main .content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}
.security-block{padding:24px;background:#1b1b20;border:1px solid #2e2e36;border-radius:9px}
.security-block .list-row{padding:0;border:0}
.security-block .list-row>div>svg{color:#ffd43b;margin-bottom:13px}
.security-block .list-row h3{font:700 18px/1.5 var(--sans);margin-bottom:8px;color:#dddde5}
.security-block .list-row p{max-width:60ch;line-height:1.85;font-size:12px;color:#98989f}
.security-block>.notice{margin:17px 0;padding:13px 15px;border:0;border-radius:5px;background:#2c271b;color:#baa970;font-size:12px;line-height:1.9}
.security-block>.helper-text{margin-top:13px;font-size:11px;color:#858591}
.security-session{align-items:center;margin-top:23px;padding:22px 24px;background:#1b1b20;border:1px solid #2e2e36;border-radius:9px}
.security-session p{font-size:11px;color:#98989f;margin-top:8px}
.security-session>.button{border-radius:5px;border-color:#41414c;background:#292930;color:#c7c7d1}
.points-balance{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 30px;border:1px solid #32323a;border-radius:10px;background:#1b1b20;margin:0 0 29px}
.points-balance .eyebrow{display:block;font-size:12px;letter-spacing:0;text-transform:none;margin-bottom:9px;color:#a4a4b0}
.points-balance strong{display:block;font:750 56px/1.1 var(--sans);letter-spacing:-1.5px;color:#ffd43b}
.points-balance strong small{font:12px var(--sans);color:#98989f;margin-left:11px;letter-spacing:0}
.points-balance p{font-size:12px;line-height:1.8;color:#98989f;margin-top:13px}
.points-balance>.text-link{font-size:12px;color:#bbb0cf}
.points-balance~.section-header .eyebrow{display:none}
.points-balance~.section-header h2{font:700 21px/1.4 var(--sans);letter-spacing:0;color:#f6f6f7}
.points-packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;margin:18px 0 29px}
.point-package{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0;padding:22px 24px;background:#1b1b20;border:1px solid #3e3824;border-radius:8px}
.point-package .eyebrow{display:block;font-size:11px;letter-spacing:0;text-transform:none;color:#a8a0a5;margin-bottom:10px}
.point-package h3{font:700 31px/1.25 var(--sans);color:#f6f6f7}
.point-package h3 small{font:12px var(--sans);color:#98989f}
.point-package-action{display:flex;align-items:center;gap:21px}
.package-price{font:700 27px var(--sans);color:#ffd43b;white-space:nowrap}
.package-price small{font-size:14px;margin-right:3px}
.point-package-action>.button{background:#ffd43b;border-color:#ffd43b;border-radius:5px;color:#191813;font-weight:700}
.points-history-heading{margin-bottom:14px}
.table-wrap{max-width:100%;min-width:0;padding:0 22px;background:#1b1b20;border:1px solid #303038;border-radius:8px}
.points-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}
.points-table th{padding:15px 12px;border-bottom:1px solid #3b3b44;text-align:left;font-size:11px;font-weight:400;vertical-align:bottom;color:#8e8e9a;overflow-wrap:anywhere}
.points-table td{padding:17px 12px;border-bottom:1px solid #2e2e36;color:#b3b3c0;overflow-wrap:anywhere}
.points-table tr:last-child td{border-bottom:0}
.points-table th:first-child{width:46%}
.points-table th:nth-child(2){width:20%}
.points-table th:nth-child(3){width:15%}
.points-table th:nth-child(4){width:19%}
.points-table th:first-child,.points-table td:first-child{padding-left:0}
.points-table th:last-child,.points-table td:last-child{padding-right:0;text-align:right}
.points-table td strong{display:block;font-size:12px;font-weight:500;color:#e0e0e7}
.points-table td span{display:block;font-size:11px;line-height:1.8;color:#858591;margin-top:5px}
.points-table .positive{color:#8ac199}
.points-table .negative{color:#dc927a}
.points-history-note{font-size:11px;color:#858591;margin-top:14px}
.feedback-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:23px;margin-top:0}
.feedback-layout>div{min-width:0;padding:25px;background:#1b1b20;border:1px solid #2e2e36;border-radius:9px}
.feedback-layout .section-header{margin-bottom:20px}
.feedback-layout .section-header h2{font:700 21px/1.4 var(--sans);letter-spacing:0;color:#f6f6f7}
.feedback-layout .section-header p{font-size:12px;color:#98989f;margin-top:8px}
.feedback-back{font-size:11px;color:#a2a2ad;margin-top:22px}
.feedback-record{padding:18px 0 21px;border-top:1px solid #35353d}
.feedback-record:last-child{padding-bottom:0}
.feedback-record-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.feedback-record-meta time{font-size:11px;color:#858591}
.feedback-record h3{font-size:13px;line-height:1.8;font-weight:600;color:#d7d7df;overflow-wrap:anywhere}
.feedback-record p{font-size:12px;line-height:1.9;color:#92929f;overflow-wrap:anywhere;margin-top:10px}
.feedback-record p>span{display:block;font-size:10px;color:#6e6e7b;margin-bottom:3px}

@media(max-width:1399px){
  .purchase-layout .pricing-grid-four,.purchase-layout .pricing-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1100px){
  .purchase-layout{grid-template-columns:minmax(0,1fr);gap:24px}
  .plan-option{padding:23px}
  .plan-purchase-actions .plan-pay-button{padding:10px 8px;gap:6px;font-size:12px}
  .payment-result-layout{grid-template-columns:minmax(0,1fr) 290px;gap:20px}
  .payment-result-layout>.order-summary{margin-top:0}
  .account-layout{grid-template-columns:190px minmax(0,1fr);gap:19px}
  .account-sidebar{padding:20px 12px}
  .account-links>a{padding:17px 14px;font-size:11px;gap:8px}
  .auth-form-panel{padding:26px 28px}
  .point-package{padding:20px}
  .point-package-action{gap:15px}
  .feedback-layout{gap:20px}
  .feedback-layout>div{padding:23px}
}

@media(max-width:1000px){
  .purchase-layout .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .page-heading{margin-bottom:21px}
  .page-heading .page-title{font-size:25px;margin-bottom:8px}
  .page-heading .page-intro{font-size:12px;line-height:1.8}
  .page-heading>.text-link{font-size:11px;margin-bottom:14px}
  .button-primary:not(.button),.button-secondary:not(.button){min-height:43px;padding:10px 17px;font-size:12px}
  .section-heading{margin-bottom:15px;gap:12px}
  .section-heading h2{font-size:18px}
  .quiet-label{font-size:10px}
  .purchase-layout{gap:21px}
  .purchase-layout>.price-panel{padding:0}
  .purchase-layout .pricing-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .plan-option{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:0;padding:19px 18px 16px;border-radius:8px}
  .plan-topline{position:absolute;right:0;top:0;margin:0;min-height:0}
  .plan-number{display:none}
  .plan-recommendation{padding:3px 8px;border-radius:0 0 0 6px;font-size:9px}
  .price-panel .plan-option h2{grid-column:1;grid-row:1;font-size:18px;line-height:1.5;margin:0 0 4px}
  .price-panel .plan-option .plan-description{grid-column:1;grid-row:2;min-height:0;font-size:10px;line-height:1.65;max-width:22ch;color:#9c9ca6}
  .price-panel .plan-option .plan-price{grid-column:2;grid-row:1 / 3;align-self:center;font-size:33px;margin:0;letter-spacing:-1px}
  .price-period{font-size:10px}
  .currency{font-size:14px;margin-right:2px}
  .row-metadata{grid-column:1 / -1;grid-row:3;display:flex;justify-content:space-between;gap:15px;padding:11px 0 0;margin-top:13px;border-top:1px solid #3a372e;border-bottom:0}
  .row-metadata>div{justify-content:flex-start;font-size:10px;gap:8px;padding:0}
  .price-panel .plan-option .checklist{grid-column:1 / -1;grid-row:4;display:block;margin:8px 0 11px;font-size:11px;line-height:1.7}
  .price-panel .plan-option .checklist li{padding:3px 0;gap:4px}
  .checklist li>svg{width:12px;height:12px;margin-top:1px}
  .plan-purchase-actions{grid-column:1 / -1;grid-row:5;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0}
  .plan-purchase-actions .plan-pay-button{min-height:44px;font-size:12px;padding:10px 12px}
  .price-panel .plan-option .plan-purchase-note{grid-column:1 / -1;grid-row:6;min-height:0;margin:9px 0 0;font-size:10px;line-height:1.8}
  .plan-notes{margin-top:20px;padding-top:17px}
  .price-panel .plan-notes h3{font-size:13px}
  .price-panel .plan-notes p{font-size:11px;line-height:1.8}
  .plan-notes>.text-link{font-size:11px}
  .order-summary{padding:21px 19px;border-radius:8px}
  .order-summary h2{font-size:19px;margin-bottom:14px}
  .summary-list>div{font-size:11px;padding:9px 0}
  .summary-total{padding:17px 0 18px;margin-bottom:16px}
  .summary-total strong{font-size:31px}
  .order-summary .field-hint{font-size:10px}
  .payment-result-layout{grid-template-columns:minmax(0,1fr);gap:17px}
  .payment-result-layout>.payment-result{padding:25px 21px;border-radius:8px}
  .payment-result h2{font-size:23px}
  .payment-result .page-intro{font-size:12px}
  .payment-result .payment-result-detail{font-size:11px}
  .payment-state-icon{width:51px;height:51px;margin-bottom:18px}
  .payment-result .button-row{gap:8px;margin-top:21px}
  .payment-result .button-row>*{flex:1;font-size:11px;padding-left:12px;padding-right:12px}
  .payment-order-summary{max-width:none;width:100%;margin-top:0}
  .auth-layout.split-layout{grid-template-columns:minmax(0,1fr);margin:0;background:#1b1b20;border-radius:9px;overflow:hidden}
  .auth-editorial{display:none}
  .auth-form-panel{padding:23px 20px;background:#1b1b20}
  .auth-form-panel .page-heading{margin:23px 0 22px}
  .auth-form-panel .page-title{font-size:24px}
  .tab-bar{gap:24px}
  .tab-bar .tab{font-size:12px;padding:7px 0 13px}
  .auth-form-panel .account-form>.button-primary{margin-top:7px}
  .form-meta{gap:9px}
  .form-meta>.helper-text{font-size:9px;max-width:22ch}
  .form-meta .text-link{font-size:10px}
  .auth-form-panel .account-form>.helper-text{font-size:10px}
  .auth-back{margin-top:20px;font-size:10px}
  .account-layout{grid-template-columns:minmax(0,1fr);gap:21px;margin-top:0}
  .account-sidebar{display:block;padding:17px 15px 2px;border:1px solid #2d2d34;border-radius:8px;background:#1b1b20}
  .account-identity{margin-bottom:13px;max-width:calc(100% - 83px);gap:10px}
  .account-identity .account-avatar{width:40px;height:40px;font-size:19px}
  .account-identity strong{font-size:15px}
  .account-identity span{font-size:10px}
  .account-sidebar>nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;max-width:100%;padding-bottom:8px;overscroll-behavior-x:contain}
  .account-sidebar>nav::-webkit-scrollbar{display:none}
  .account-sidebar .account-nav-item{width:auto;flex:0 0 auto;white-space:nowrap;gap:5px;font-size:10px;line-height:1.8;padding:8px 9px;margin:0;border-radius:4px}
  .account-sidebar .account-nav-item>svg:first-child{display:block;width:14px;height:14px}
  .account-sidebar .account-nav-item>svg:last-child{display:none}
  .account-sidebar .logout-link{position:absolute;right:14px;top:23px;margin:0;padding:4px 0;gap:5px;display:inline-flex;font-size:10px;width:auto}
  .account-sidebar .logout-link>svg{display:block;width:13px;height:13px}
  .account-main .section-header{margin-bottom:13px;gap:11px}
  .account-main .section-header h2{font-size:19px}
  .account-main .section-header .text-link{font-size:10px;gap:5px}
  .membership-summary{padding:20px 18px;gap:15px;align-items:flex-start;flex-direction:column;border-radius:8px}
  .account-main .membership-summary h3{font-size:22px}
  .membership-summary p{font-size:11px}
  .membership-summary>.button{margin-top:0;min-height:35px;padding:7px 13px;font-size:11px}
  .account-links{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:12px}
  .account-links>a{padding:16px;font-size:12px}
  .account-links strong{font-size:21px}
  .profile-heading{margin-top:23px}
  .profile-form{padding:19px 17px;border-radius:8px}
  .avatar-editor{gap:13px;margin-bottom:20px}
  .avatar-editor .account-avatar{width:54px;height:54px;font-size:24px}
  .avatar-editor .helper-text{font-size:9px}
  .avatar-editor label.button{font-size:10px;padding:7px 11px;min-height:34px}
  .form-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .form-actions{align-items:flex-start;flex-direction:column;gap:10px}
  .form-actions .helper-text{font-size:10px}
  .account-main .content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 12px}
  .security-block{padding:21px 18px;border-radius:8px}
  .security-block .list-row h3{font-size:17px}
  .security-block .list-row p{font-size:11px}
  .security-block>.notice{font-size:11px;padding:12px}
  .security-block>.helper-text{font-size:10px}
  .security-session{align-items:flex-start;flex-direction:column;gap:17px;padding:20px 18px;margin-top:17px;border-radius:8px}
  .security-session p{font-size:10px}
  .points-balance{padding:23px 20px;margin-bottom:24px;align-items:flex-start;flex-direction:column;gap:18px;border-radius:8px}
  .points-balance strong{font-size:49px}
  .points-balance p{font-size:11px;margin-top:11px}
  .points-balance>.text-link{font-size:11px}
  .points-balance~.section-header h2{font-size:19px}
  .points-packages{grid-template-columns:minmax(0,1fr);gap:12px;margin:15px 0 25px}
  .point-package{padding:19px 18px;gap:12px}
  .point-package h3{font-size:28px}
  .point-package h3 small{font-size:10px}
  .point-package .eyebrow{font-size:10px;margin-bottom:7px}
  .point-package-action{gap:13px}
  .package-price{font-size:24px}
  .point-package-action>.button{font-size:10px;padding:7px 12px;min-height:34px;gap:5px}
  .points-history-heading{gap:11px;margin-bottom:13px}
  .points-history-heading>.helper-text{font-size:10px}
  .table-wrap{padding:0 13px;border-radius:7px}
  .points-table th{font-size:9px;padding:12px 4px;line-height:1.7}
  .points-table td{font-size:10px;padding:14px 4px;vertical-align:top}
  .points-table th:first-child{width:41%}
  .points-table th:nth-child(2){width:19%}
  .points-table th:nth-child(3){width:16%}
  .points-table th:nth-child(4){width:24%}
  .points-table td strong{font-size:9px;line-height:1.8}
  .points-table td span{font-size:9px;line-height:1.8;margin-top:5px}
  .points-history-note{font-size:10px;margin-top:12px}
  .feedback-layout{grid-template-columns:minmax(0,1fr);gap:17px}
  .feedback-layout>div{padding:21px 18px;border-radius:8px}
  .feedback-layout .section-header h2{font-size:19px}
  .feedback-layout .section-header p{font-size:11px}
  .feedback-record{padding:16px 0 19px}
  .feedback-record-meta time{font-size:10px}
  .feedback-record h3{font-size:12px}
  .feedback-record p{font-size:11px}
  .feedback-back{font-size:10px;margin-top:18px}
}

@media(max-width:360px){
  .plan-option{padding:19px 15px 15px}
  .price-panel .plan-option .plan-description{max-width:17ch;font-size:9px}
  .price-panel .plan-option .plan-price{font-size:30px}
  .point-package-action{gap:9px}
  .point-package-action>.button{padding-left:9px;padding-right:9px}
  .point-package{padding:18px 15px}
  .point-package h3{font-size:25px}
  .package-price{font-size:22px}
  .auth-form-panel{padding:22px 17px}
  .account-main .section-header .text-link{white-space:normal;max-width:13ch}
  .payment-result .button-row>*{flex:1 0 100%}
}

@media(prefers-reduced-motion:reduce){
  .plan-option,.button-primary:not(.button),.button-secondary:not(.button){transition:none}
}
/* Connected review surfaces */
.live-video{display:block;width:100%;max-height:65vh;background:#000;border-radius:6px}.avatar-small img,.account-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.point-pay-actions{display:flex;gap:7px;flex-wrap:wrap}.point-package{flex-wrap:wrap}.point-package>.helper-text{width:100%;font-size:10px;color:var(--muted)}.recovery-card{max-width:300px;width:100%;background:#fff;margin:18px auto}.recovery-token{overflow-wrap:anywhere;font-family:monospace;text-align:center}.modal-photo{object-fit:contain}.group-cover-button{overflow:hidden}.group-cover-button>img{width:100%;height:100%;object-fit:cover}.notice>strong{margin-right:12px}
.preview-cover{display:block;width:100%;padding:0;border:0;background:#202027;color:inherit;text-align:left}.modal-body>.form-error{padding:12px}.account-avatar img{display:block}.point-pay-actions .button{min-height:36px}@media(max-width:760px){.point-package-action{gap:12px}.point-pay-actions .button{padding:8px 13px}.point-package{padding:18px}.point-package-action{flex-wrap:wrap}}
.release-address{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line)}.release-address>span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.release-address>.button{margin-left:auto}.media-error{padding:15px 24px}.media-error p{margin-bottom:10px}
.original-price{font-size:12px;color:var(--muted);text-decoration:line-through;margin:-8px 0 18px}.recommendation-strip{display:flex;gap:16px;overflow-x:auto;margin:20px 0 25px}.recommendation-strip>a{flex:1;min-width:220px;max-width:450px;position:relative;border-radius:8px;overflow:hidden;background:var(--white)}.recommendation-strip img{width:100%;aspect-ratio:2.6/1;object-fit:cover}.recommendation-strip span{display:block;padding:10px 13px;font-size:13px}@media(max-width:760px){.recommendation-strip>a{min-width:250px}.recommendation-strip{gap:12px}}
.header-account>span:last-child{max-width:120px;overflow:hidden;text-overflow:ellipsis}.header-actions{min-width:0}@media(max-width:760px){.header-account>span:last-child{max-width:70px}.header-account{min-width:0}}
#main-content:focus{outline:none}