:root{font-family:Inter,system-ui,sans-serif;color:#f6f8f8;background:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility;--ink: #12212a;--mist: #dce7ea;--accent: #72afc2;--accent-soft: #9ac9d6;--line-dark: #35515f;--dim: #72858e;--canvas: #f6f8f8;--surface: #fff;--surface-2: #eef3f4;--surface-3: #e4edef;--line: #c5d5d9;--line-soft: #dce7ea;--text: #12212a;--muted: #5d6b73;--quiet: #6b7c84;--brand: #0f4761}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #72afc2;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Inter,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{display:flex;align-items:center;gap:14px;color:#9ac9d6;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600}.eyebrow>span{width:72px;height:1px;background:#72afc2}.section-label{font-size:12px;font-weight:600;color:#72afc2;letter-spacing:.07em;text-transform:uppercase}label{display:grid;gap:10px;color:#dce7ea;font-size:13px;font-weight:600;margin-bottom:22px}input,select{width:100%;height:54px;color:#fff;background:#192f3a;border:1px solid #35515f;border-radius:10px;padding:0 16px;font-size:16px}input:hover,select:hover{border-color:#72afc2}input::placeholder{color:#768992}.primary-button{min-height:48px;border:0;border-radius:10px;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#12212a;background:#fff;font-weight:700;transition:transform .14s ease,background .22s ease}.primary-button:hover{background:#dce7ea}.primary-button:active{transform:translateY(1px)}.primary-button:disabled{opacity:.45;cursor:not-allowed}.primary-button svg{width:20px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:#040c10c7}.modal{width:min(100%,480px);background:#fff;color:#12212a;border-radius:16px;padding:40px;position:relative;box-shadow:0 24px 70px #00000059}.modal .close{position:absolute;top:18px;right:18px;color:#12212a;border-color:#dce7ea}.modal h2{font-size:30px;margin-bottom:12px}.modal p{color:#5d6b73;line-height:1.6}.modal label{color:#12212a}.modal input{color:#12212a;background:#f6f8f8;border-color:#b9cace}.modal .primary-button{background:#0f4761;color:#fff;width:100%}.modal-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:10px;color:#0f4761;background:#dce7ea;margin-bottom:24px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-head .modal-icon{margin-bottom:0}.modal-head .icon-button.close{position:static}.success-state{display:flex;gap:14px;color:#0f4761;align-items:flex-start}.success-state svg{flex:0 0 auto;border:1px solid #72afc2;border-radius:50%;padding:4px}.portal{min-height:100vh;color:var(--text);background:var(--canvas)}.icon-button{width:44px;height:44px;padding:0;border:1px solid rgba(220,231,234,.28);background:transparent;color:#fff;border-radius:10px;display:grid;place-items:center}.icon-button:hover{background:#ffffff14}.icon-button svg{width:20px}.portal-main{max-width:1440px;margin:auto;padding:64px clamp(48px,4.45vw,64px) 96px}.status-dot{width:9px;height:9px;border-radius:50%;background:#5dbd92;box-shadow:0 0 0 4px #5dbd921f}.status-dot.offline{background:#e3a23a;box-shadow:0 0 0 4px #e3a23a21}.status-dot.error{background:#d97777;box-shadow:0 0 0 4px #d977771f}.status-line{display:flex;align-items:center;gap:8px;min-height:18px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.status-line small{margin-left:auto;color:var(--quiet);font-size:11px}.status-line .status-dot{width:7px;height:7px}.empty-state{display:grid;place-items:center;min-height:180px;text-align:center;color:var(--muted)}.empty-state svg{color:var(--brand)}.empty-state span{font-size:12px}footer{min-height:130px;max-width:1440px;margin:auto;padding:34px clamp(48px,4.45vw,64px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:32px;color:var(--quiet);font-size:12px}footer>div{display:flex;align-items:center;gap:18px}footer>span{white-space:nowrap}footer .brand-lockup img{opacity:.86;filter:brightness(0) saturate(100%) invert(21%) sepia(33%) saturate(1540%) hue-rotate(155deg) brightness(91%)}footer a{color:var(--brand)}@media(max-width:820px){.portal-main{padding:48px 24px 72px}footer{flex-direction:column;align-items:flex-start;padding-inline:24px}}@media(max-width:560px){.modal{padding:32px 24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.brand-lockup{display:flex;align-items:center;gap:18px}.brand-lockup img{display:block;width:148px;height:auto}.brand-lockup>span{font-size:13px;font-weight:600;color:var(--mist);letter-spacing:.06em;text-transform:uppercase;padding-left:18px;border-left:1px solid rgba(220,231,234,.4)}.brand-lockup.compact img{width:118px}@media(max-width:560px){.brand-lockup>span{display:none}}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(500px,7fr) minmax(440px,5fr);background:var(--ink)}.auth-story{min-height:100vh;padding:56px 64px 48px;background:var(--brand);display:flex;flex-direction:column;justify-content:space-between}.auth-message{max-width:690px;margin:96px 0 64px}.auth-message h1{font-size:clamp(44px,4.1vw,68px);line-height:1.06;letter-spacing:-.032em;margin:30px 0 0;max-width:720px}.assurance-rail{border-top:1px solid var(--accent);display:grid;grid-template-columns:repeat(3,1fr);gap:0}.assurance-rail>div{display:flex;gap:12px;padding:24px 18px 0 0;min-height:98px;color:var(--mist);font-size:12px;line-height:1.45}.assurance-rail>div+div{padding-left:18px;border-left:1px solid rgba(114,175,194,.42)}.assurance-rail svg{width:22px;flex:0 0 auto;color:var(--accent-soft)}.assurance-rail b{color:#fff;display:block;margin-bottom:4px;font-size:13px}.auth-form-panel{display:grid;place-items:center;padding:64px 9%;background:var(--ink)}.auth-card{width:min(100%,500px)}.form-heading{margin-bottom:40px}.form-step{font-size:12px;font-weight:600;color:var(--accent);letter-spacing:.07em;text-transform:uppercase}.form-heading h2{font-size:42px;line-height:1.14;margin:16px 0 14px;letter-spacing:-.02em}.form-heading p{color:#9babb3;font-size:16px;line-height:1.6}.form-heading strong{color:var(--mist)}.auth-card form>.primary-button{width:100%;margin-top:8px}.text-button{border:0;color:var(--accent-soft);background:transparent;min-height:44px;padding:10px 0;text-decoration:underline;text-underline-offset:4px}.form-footnote{color:var(--dim);border-top:1px solid #293f4a;padding-top:24px;margin:24px 0 0;font-size:13px;line-height:1.6}.login-error{margin:-8px 0 18px;padding:10px 12px;color:#ffd3d3;background:#b647472e;border-left:3px solid #d97777;font-size:13px;line-height:1.45}.modal-lead{color:var(--ink);font-size:15px;line-height:1.6;margin:8px 0 0}.modal-email{margin-top:24px;padding:16px 18px;border:1px dashed var(--line-dark);border-radius:10px;color:var(--accent);font-size:17px;font-weight:700;text-align:center;letter-spacing:.01em;word-break:break-all;-webkit-user-select:all;user-select:all}@media(max-width:1100px){.auth-shell{grid-template-columns:1fr 1fr}.auth-story{padding-inline:40px}.assurance-rail{grid-template-columns:1fr}.assurance-rail>div{min-height:0;padding:15px 0;border-top:1px solid rgba(114,175,194,.36)}.assurance-rail>div+div{padding-left:0;border-left:0}}@media(max-width:820px){.auth-shell{display:block;background:var(--ink)}.auth-story{min-height:auto;padding:32px 24px 38px}.auth-message{margin:64px 0 44px}.auth-message h1{font-size:43px}.assurance-rail{display:none}.auth-form-panel{padding:52px 24px 72px}}@media(max-width:560px){.form-heading h2{font-size:34px}}.portal-header{position:sticky;top:0;z-index:20;height:72px;background:var(--brand);border-bottom:1px solid rgba(220,231,234,.22)}.portal-header-inner{max-width:1440px;height:100%;margin:auto;padding:0 clamp(48px,4.45vw,64px);display:flex;align-items:center;gap:28px}.header-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--mist);margin-right:auto}.header-meta span:first-child{color:#fff;font-weight:600}.header-divider{width:1px;height:18px;background:#dce7ea59}.header-actions{display:flex;align-items:center;gap:8px}.account-menu{position:relative}.account-button{height:48px;padding:4px 8px 4px 5px;display:flex;align-items:center;gap:10px;color:#fff;background:transparent;border:0;border-radius:10px}.account-button:hover{background:#ffffff14}.account-button>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#fff;color:var(--brand);font-size:12px;font-weight:800}.account-button b{font-size:13px}.account-button svg{width:17px}.account-popover{position:absolute;right:0;top:56px;width:220px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px #00000042}.account-popover p{margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.account-popover p span{display:block;color:var(--muted);margin-top:4px;font-size:12px}.account-popover button{width:100%;border:0;background:transparent;color:var(--text);padding:8px;display:flex;align-items:center;gap:8px}.account-popover button:hover{background:var(--surface-2);border-radius:8px}.account-popover button+button{margin-top:4px}.account-popover svg{width:18px}.password-modal form{margin-top:24px}.password-modal .password-rules{margin:-8px 0 20px;color:#5d6b73;font-size:12px;line-height:1.5}.password-modal .form-error{margin:-4px 0 18px;padding:10px 12px;color:#812c2c;background:#fff0f0;border-left:3px solid #b64747;font-size:13px;line-height:1.45}.password-modal .success-state{margin:26px 0 24px}.password-modal .success-state+.primary-button{margin-top:4px}@media(max-width:820px){.portal-header-inner{padding-inline:24px}.header-meta,.account-button b,.account-button>svg{display:none}.header-actions{margin-left:auto}}.player-card{position:relative;overflow:hidden;padding:0;width:100%;min-height:0;text-align:left;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:16px;transition:transform .14s ease,border-color .22s ease,background .22s ease}.player-card:hover{transform:translateY(-1px);border-color:var(--brand)}.player-card.selected{border:2px solid var(--accent);background:var(--surface-3);box-shadow:0 0 0 3px #72afc23d}.player-card.selected:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--accent)}.player-card img{display:block;width:100%;aspect-ratio:1.68 / 1;object-fit:cover;object-position:top;border-bottom:1px solid var(--line)}.player-card .player-card-placeholder{display:block;width:100%;aspect-ratio:1.68 / 1;border-bottom:1px solid var(--line);background:linear-gradient(135deg,var(--surface-3),var(--surface-2))}.player-card h3{font-size:16px;line-height:1.35;margin:12px 0 8px}.player-card p{display:flex;align-items:center;gap:7px;margin:0;color:var(--muted);font-size:13px}.player-card p svg{width:16px;flex:0 0 auto}.player-card-hit{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:0;background:transparent;cursor:pointer}.player-card-hit:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.player-card-copy{padding:16px}.selected-mark{position:absolute;top:12px;right:12px;min-height:32px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;color:#fff;background:var(--brand);font-size:10px;font-weight:700;letter-spacing:.06em;line-height:1;text-transform:uppercase}.selected-mark svg{width:15px}.delivery-section{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-top:24px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);overflow:hidden}.delivery-intro{padding:40px;background:var(--brand);color:#fff}.delivery-intro .section-label{color:var(--accent-soft)}.delivery-intro h2{font-size:32px;line-height:1.2;margin:16px 0}.delivery-intro>p{color:var(--mist);line-height:1.6;max-width:460px}.fixed-template{display:flex;gap:14px;border-top:1px solid var(--accent);margin-top:38px;padding-top:22px;color:var(--mist);font-size:12px;line-height:1.55}.fixed-template svg{width:20px;flex:0 0 auto}.fixed-template b{display:block;color:#fff;margin-bottom:4px}.delivery-form{padding:38px 40px;min-width:0}.delivery-form .primary-button{background:var(--brand);color:#fff}.form-row-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.form-row-heading h3{font-size:22px;margin:7px 0 18px}.form-row-heading>span{color:var(--brand);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.recipient-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.recipient-list>span{min-height:38px;max-width:100%;display:inline-flex;align-items:center;gap:8px;padding:0 6px 0 13px;border:1px solid var(--line);border-radius:999px;color:var(--text);background:var(--surface-2);font-size:12px}.recipient-list .recipient-email{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-list button{width:28px;height:28px;border-radius:50%;border:0;display:grid;place-items:center;color:var(--muted);background:transparent}.recipient-list svg{width:15px}.add-recipient{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:24px}.add-recipient label{position:relative;margin:0}.add-recipient label svg{position:absolute;width:18px;top:18px;left:15px;color:var(--muted)}.add-recipient input{color:var(--text);background:var(--canvas);border-color:var(--line);padding-left:44px}.add-recipient button{border:1px solid var(--brand);border-radius:10px;background:transparent;color:var(--brand);display:flex;align-items:center;gap:6px;padding:0 18px;font-weight:600}.add-recipient svg{width:18px}.schedule-field{color:var(--text)}.schedule-field .select-wrap{position:relative;display:block}.schedule-field select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:52px;color:var(--text);background:var(--canvas);border-color:var(--line)}.schedule-field .select-wrap>svg{position:absolute;top:50%;right:18px;width:18px;transform:translateY(-50%);color:var(--muted);pointer-events:none}.save-row{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.save-row p{display:flex;align-items:center;gap:8px;margin:0;color:var(--quiet);font-size:11px}.save-row svg{width:17px}@media(max-width:820px){.delivery-section{grid-template-columns:1fr}}@media(max-width:560px){.delivery-form,.delivery-intro{padding-left:22px;padding-right:22px}.add-recipient{grid-template-columns:1fr}.add-recipient button{min-height:48px;justify-content:center}.save-row{align-items:stretch;flex-direction:column}.save-row .primary-button{width:100%}.recipient-list>span{max-width:100%;overflow:hidden;text-overflow:ellipsis}}.table-scroll{width:100%;overflow-x:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.table-scroll table{width:100%;min-width:850px;border-collapse:collapse;font-size:13px}.table-scroll th{padding:13px 16px;color:var(--quiet);background:var(--surface-2);text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.table-scroll th:first-child,.table-scroll td:first-child{padding-left:32px}.table-scroll td{padding:16px;border-top:1px solid var(--line-soft);color:var(--muted);white-space:nowrap}.table-scroll td b,.table-scroll td span{display:block}.table-scroll td b{color:var(--text);font-weight:600}.table-scroll td span{color:var(--quiet);margin-top:3px;font-size:11px}.table-scroll tbody tr:hover{background:var(--surface-2)}.table-scroll .record-error{background:#fff0f0}.table-scroll .record-error td{border-top:1px solid #f1c5c5;color:#8a3b3b}.table-scroll .record-error .record-error-remark{display:flex;align-items:center;gap:7px;color:#8a3b3b;white-space:normal}.table-scroll .record-error .record-error-remark svg{width:16px;flex:0 0 auto}.table-scroll .record-loading{background:#f4f6f8}.table-scroll .record-loading td{border-top:1px solid #dfe4ea;color:var(--muted)}.table-scroll .record-loading .record-loading-remark{display:flex;align-items:center;gap:7px;color:var(--quiet);white-space:normal}.table-scroll .record-loading .record-loading-remark svg{width:16px;flex:0 0 auto}.table-scroll .record-unknown{background:#fff8e6}.table-scroll .record-unknown td{border-top:1px solid #f2dfb5;color:#8a6d1f}.table-scroll .record-unknown .record-unknown-remark{display:flex;align-items:center;gap:7px;color:#8a6d1f;white-space:normal}.table-scroll .record-unknown .record-unknown-remark svg{width:16px;flex:0 0 auto}.records-panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;min-width:0;overflow:hidden}.selected-player-header{min-height:150px;display:grid;grid-template-columns:6fr 6fr;gap:20px;align-items:center;padding:32px;border-bottom:1px solid var(--line)}.selected-player-header h2{font-size:29px;margin:12px 0 8px}.selected-player-header p{display:flex;align-items:center;gap:7px;margin:0;color:var(--muted);font-size:13px}.selected-player-header p svg{width:16px;flex:0 0 auto}.selected-player-header dl{margin:0;display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--brand)}.selected-player-header dl div{padding-left:22px}.selected-player-header dt{color:var(--quiet);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.selected-player-header dd{margin:7px 0 0;font-size:13px;font-weight:600}.metric-rail{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:var(--surface-2)}.metric-rail div{padding:22px 24px}.metric-rail div+div{border-left:1px solid var(--line)}.metric-rail span,.metric-rail small{display:block;color:var(--quiet);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.metric-rail b{display:inline-block;font-family:Manrope,sans-serif;font-size:27px;margin:8px 8px 3px 0}.metric-rail small{display:inline}.records-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px 32px 20px}.range-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.range-buttons button{min-height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border-radius:9px;border:1px solid var(--line);color:var(--muted);background:var(--surface-2)}.range-buttons button.active{color:#fff;background:var(--brand);border-color:var(--accent)}.range-buttons svg{width:16px}.download-button{color:#fff;background:var(--brand);white-space:nowrap}.download-button:hover{background:#165b78}.custom-range{margin:0 32px 20px;padding:18px;border:1px solid var(--line);background:var(--surface-2);border-radius:12px;display:flex;align-items:end;gap:12px}.custom-range label{margin:0;flex:1;color:var(--text)}.custom-range input{background:var(--surface);color:var(--text);border-color:var(--line)}.custom-range>span{color:var(--muted);padding-bottom:17px}.custom-range button{align-self:end;height:54px;min-height:54px;color:#fff;background:var(--brand);margin-bottom:0;padding-inline:20px}.retention-note{margin:0 32px 28px;display:flex;align-items:center;gap:9px;color:var(--quiet);font-size:12px}.retention-note svg{width:16px;flex:0 0 auto}.table-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:0 32px 16px}.table-heading h3{margin:8px 0 0;font-size:20px}.table-heading p{color:var(--quiet);font-size:12px;margin:0}.table-footer{min-height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;color:var(--quiet);font-size:12px}.table-footer button{border:0;background:transparent;color:var(--brand);display:flex;align-items:center;gap:7px;min-height:44px}.table-footer svg{width:16px}@media(max-width:820px){.selected-player-header{grid-template-columns:1fr}.selected-player-header dl{border-left:0;border-top:1px solid var(--brand);padding-top:18px}.metric-rail{grid-template-columns:1fr 1fr}.metric-rail div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.metric-rail div:nth-child(4){border-top:1px solid var(--line)}.records-toolbar{align-items:stretch;flex-direction:column}.download-button{width:100%}}@media(max-width:560px){.selected-player-header,.records-toolbar,.table-heading{padding-left:22px;padding-right:22px}.metric-rail div{padding:18px}.custom-range{margin-inline:22px;display:grid}.custom-range>span{padding:0;text-align:center}.retention-note{margin-inline:22px}.table-heading{display:block}.table-heading p{margin-top:10px}}.toast{position:fixed;right:24px;bottom:24px;z-index:40;max-width:380px;min-height:52px;padding:14px 18px;display:flex;align-items:center;gap:10px;color:var(--ink);background:#fff;border-left:3px solid var(--brand);border-radius:10px;box-shadow:0 14px 40px #00000040;font-size:13px;font-weight:600}.toast svg{width:20px;color:var(--brand);flex:0 0 auto}.toast.toast-error{border-left-color:#b64747}.toast.toast-error svg{color:#b64747}.page-intro{display:grid;grid-template-columns:7fr 5fr;align-items:end;gap:24px;margin-bottom:48px}.page-intro h1{font-size:clamp(42px,4vw,56px);line-height:1.08;letter-spacing:-.028em;margin:20px 0 12px}.page-intro>div:first-child>p{color:var(--muted);font-size:17px;margin:0;max-width:660px;line-height:1.55}.freshness{justify-self:end;display:flex;align-items:center;gap:12px;padding:16px 20px;border-left:1px solid var(--brand)}.freshness p{margin:0}.freshness p span{color:var(--muted);font-size:12px;margin-top:4px;display:block}.freshness b{font-size:13px;display:block}.workspace-grid{display:grid;grid-template-columns:minmax(310px,4fr) minmax(0,8fr);gap:24px;align-items:start}.player-panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px;position:sticky;top:96px}.panel-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.panel-heading h2{margin:8px 0 22px;font-size:24px}.panel-heading h2 small{font-family:Inter,sans-serif;font-size:11px;display:inline-grid;place-items:center;width:24px;height:24px;margin-left:5px;border-radius:50%;color:var(--brand);background:var(--surface-3);vertical-align:3px}.view-toggle{display:flex;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:3px}.view-toggle button{width:36px;height:36px;border:0;border-radius:7px;display:grid;place-items:center;color:var(--muted);background:transparent}.view-toggle button.active{color:#fff;background:var(--brand)}.view-toggle svg{width:18px}.search-field{position:relative;display:block;margin:0 0 20px}.search-field svg{position:absolute;width:18px;top:17px;left:15px;color:var(--muted)}.search-field input{padding-left:42px;color:var(--text);background:var(--canvas);border-color:var(--line)}.player-list{display:grid;grid-template-columns:1fr;gap:12px}.player-list.is-list .player-card{display:grid;grid-template-columns:110px 1fr}.player-list.is-list .player-card img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;object-position:center;border-bottom:0;border-right:1px solid var(--line)}.player-list.is-list .player-card .player-card-placeholder{width:100%;aspect-ratio:1 / 1;border-bottom:0;border-right:1px solid var(--line);background:linear-gradient(135deg,var(--surface-3),var(--surface-2))}.player-list.is-list .player-card .player-card-copy{padding:14px}.player-list.is-list .player-card .selected-mark{top:10px;bottom:auto;right:10px;min-height:30px}.load-more-button{width:100%;min-height:44px;margin-top:14px;border:1px dashed var(--line);border-radius:10px;background:transparent;color:var(--brand);font-size:13px;font-weight:600}.load-more-button:hover:not(:disabled){background:var(--surface-2)}.load-more-button:disabled{opacity:.5;cursor:not-allowed}.scope-note{display:flex;gap:10px;color:var(--quiet);font-size:12px;line-height:1.55;border-top:1px solid var(--line);padding-top:20px;margin:22px 0 0}.scope-note svg{flex:0 0 auto;width:18px;color:var(--brand)}@media(max-width:1100px){.workspace-grid{grid-template-columns:1fr}.player-panel{position:static}.player-list{grid-template-columns:repeat(3,1fr)}.player-list.is-list{grid-template-columns:1fr}.scope-note{grid-column:1 / -1}}@media(max-width:820px){.page-intro{grid-template-columns:1fr;margin-bottom:34px}.freshness{justify-self:start}.player-list{grid-template-columns:1fr 1fr}}@media(max-width:560px){.page-intro h1{font-size:40px}.player-panel{padding:22px}.player-list{grid-template-columns:1fr}}