.settings-page{background:radial-gradient(ellipse at top,#61351d40,transparent 65%),#201311}.settings-content{max-width:760px;margin:0 auto;padding:40px 24px 32px}.settings-intro{margin-bottom:26px}.settings-intro .directory-eyebrow{margin-bottom:10px;font-size:16px}.settings-intro h1{margin:0 0 8px;font-size:clamp(30px,5vw,42px);color:#fff2d8}.settings-intro p,.settings-description,.settings-cookies p{color:#dbc8b5;line-height:1.65}.settings-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.settings-tabs button{flex:1 0 90px;justify-content:center;padding:10px;color:#dbc8b5;font:inherit;font-size:14px;cursor:pointer}.settings-tabs button[aria-selected=true]{background:#ffd183;color:#201311;border-color:#ffd183}.settings-tab-label-mobile{display:none}#settings-panel-privacy>.settings-row{padding-top:0}#settings-panel-privacy #cookie-settings{padding-top:24px;border-top:1px solid #ffd18326}.settings-panel{padding:24px;margin-bottom:18px;border:1px solid #ffd18340;border-radius:20px;background:linear-gradient(125deg,#f9bb6610,#ffffff03);box-shadow:0 10px 28px #0002}.settings-panel h2{margin:0 0 8px;font-size:21px;color:#ffda9b}.settings-panel>.directory-cta{margin-top:12px;color:#ffd183;font:inherit;cursor:pointer}.settings-description{margin:0 0 16px;font-size:14px}.settings-row{padding:18px 0}.settings-row+.settings-row{border-top:1px solid #ffd18326}.settings-row:last-child{padding-bottom:0}.settings-label{display:flex;justify-content:space-between;align-items:center;gap:16px}.settings-label label,.settings-toggle-row label,.settings-cookies legend{font-weight:600;color:#fff2d8}.settings-label output{min-width:50px;text-align:right;color:#ffd183;font-variant-numeric:tabular-nums}.settings-volume input{display:block;width:100%;height:36px;margin:8px 0 0;accent-color:#ffd183;cursor:pointer}.settings-hint{display:block;color:#cdb6a0;font-size:13px;line-height:1.6;margin:8px 0 0}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.settings-toggle-row p{margin:6px 0 0;color:#dbc8b5;font-size:14px;line-height:1.6}.settings-toggle{appearance:none;flex:0 0 52px;width:52px;height:30px;border:1px solid #b99c78;border-radius:18px;background:#382723;cursor:pointer;position:relative;transition:background .2s}.settings-toggle:after{content:"";display:block;position:absolute;width:22px;height:22px;top:3px;left:3px;border-radius:50%;background:#ead7c1;transition:transform .2s}.settings-toggle:checked{background:#a86624;border-color:#ffd183}.settings-toggle:checked:after{transform:translate(22px);background:#fff2d8}.settings-cookies{min-width:0;margin:0;padding:14px 0 0;border:0}.settings-cookies legend{padding:0}.settings-cookies p{margin:0 0 12px;font-size:14px}.settings-cookie-options{display:flex;flex-wrap:wrap;gap:10px}.settings-cookie-options label{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 12px;border:1px solid #b88e5959;border-radius:10px;cursor:pointer;font-size:14px}.settings-cookie-options label:has(:checked){background:#e6a54618;border-color:#ffd183;color:#ffda9b}.settings-cookie-options input{width:17px;height:17px;accent-color:#ffd183}.settings-cookie-options button{font:inherit;color:#ffd183;cursor:pointer}.settings-cookie-options button:disabled{opacity:.5;cursor:default}.settings-row .settings-cookie-options{margin-top:10px;align-items:center}.settings-page input:focus-visible,.settings-tabs button:focus-visible{outline:2px solid #ffd183;outline-offset:5px}.settings-save-status{min-height:24px;color:#dbc8b5;font-size:13px;line-height:1.6}.settings-player-layout{border:0;margin:0;min-width:0}.settings-player-layout legend{color:#fff2d8;font-weight:600;padding:0}.settings-layout-options{display:grid;gap:10px}.settings-layout-options label{display:flex;align-items:center;gap:12px;min-height:84px;padding:12px;border:1px solid #ffd18340;border-radius:12px;cursor:pointer}.settings-layout-options label:has(:checked){border-color:#ffd183;background:#e6a54618}.settings-layout-options input{accent-color:#ffd183;flex-shrink:0}.settings-layout-options strong,.settings-layout-options small{display:block}.settings-layout-options small{color:#dbc8b5;line-height:1.5;margin-top:5px}.layout-preview{margin-left:auto;color:#ffd183;white-space:nowrap;font:15px/1.1 Arial,sans-serif}.layout-preview-vertical{text-align:center;min-width:25px}@media(max-width:480px){.settings-content{padding:28px 16px}.settings-panel{padding:20px 18px}.settings-toggle-row{gap:16px}}@media(max-width:600px){.settings-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.settings-tabs button{min-width:0;min-height:44px;padding:10px 4px;font-size:13px;white-space:nowrap}.settings-tab-label-desktop{display:none}.settings-tab-label-mobile{display:inline}}@media(prefers-reduced-motion:reduce){.settings-toggle,.settings-toggle:after{transition:none}}