.privacy-page{min-height:100vh;background:radial-gradient(circle at 90% 8%,color-mix(in srgb,var(--profile-accent,#39e6ff) 12%,transparent),transparent 28%),#05070a;color:#f7f8fb}.privacy-shell{width:min(1220px,calc(100% - 32px));margin:auto;padding:20px 0 64px}.privacy-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:56px 0 34px;border-bottom:1px solid #223747}.privacy-header h1{font:700 clamp(2.4rem,5vw,4.6rem)/1 "Space Grotesk",sans-serif;letter-spacing:-.06em;margin:8px 0 16px}.privacy-header>div>p:last-child{max-width:64ch;color:#aab8ca;font-size:1rem;line-height:1.65}.privacy-status{flex:0 0 auto;padding:9px 12px;border:1px solid #33485d;border-radius:999px;color:#a9bbd0;font-size:.8rem;font-weight:800}.privacy-status.saved{border-color:rgba(63,221,156,.4);background:rgba(63,221,156,.1);color:#84efbe}
.privacy-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:30px;align-items:start;padding-top:30px}.privacy-controls{display:grid;gap:18px}.privacy-group{overflow:hidden;border:1px solid #263b4d;border-radius:22px;background:linear-gradient(145deg,rgba(18,23,33,.96),rgba(10,13,19,.98));transition:opacity .2s ease}.privacy-group-heading{display:flex;gap:14px;padding:22px 22px 17px;border-bottom:1px solid #1d2d3b}.privacy-group-heading h2{font:700 1.24rem "Space Grotesk",sans-serif;margin:0 0 5px}.privacy-group-heading p{margin:0;color:#8495aa;font-size:.84rem;line-height:1.45}.privacy-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border:1px solid #36536b;border-radius:12px;background:#0b1824;color:var(--profile-accent,#39e6ff);font-weight:900}.privacy-option{position:relative;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:18px 22px;border-bottom:1px solid #182632;cursor:pointer}.privacy-option:last-child{border-bottom:0}.privacy-option>span{display:grid;gap:4px}.privacy-option strong{font-size:.94rem}.privacy-option small{color:#8292a7;font-size:.8rem;line-height:1.45}.privacy-option input{position:absolute;opacity:0;pointer-events:none}.privacy-option>i{position:relative;width:48px;height:27px;border-radius:999px;background:#273343;border:1px solid #3c4a5c;transition:.2s ease}.privacy-option>i::after{content:"";position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#a2adbb;transition:.2s ease}.privacy-option input:checked+i{background:color-mix(in srgb,var(--profile-accent,#39e6ff) 30%,#0d1d28);border-color:var(--profile-accent,#39e6ff)}.privacy-option input:checked+i::after{transform:translateX(21px);background:var(--profile-accent,#39e6ff);box-shadow:0 0 14px color-mix(in srgb,var(--profile-accent,#39e6ff) 60%,transparent)}.privacy-option input:focus-visible+i{outline:2px solid #fff;outline-offset:3px}.privacy-option.is-disabled{opacity:.42;cursor:not-allowed}.privacy-option.is-disabled input{pointer-events:none}.privacy-feedback{min-height:22px;margin:0;color:#ff9da6;font-size:.86rem}.privacy-feedback.success{color:#7debb8}.privacy-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px}.privacy-actions .save-button{min-height:48px}
.privacy-preview-wrap{position:sticky;top:20px;border:1px solid #2a4052;border-radius:24px;background:#090d14;padding:20px;box-shadow:0 28px 70px rgba(0,0,0,.35)}.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.preview-heading h2{font:700 1.35rem "Space Grotesk",sans-serif;margin:5px 0 0}.preview-heading a{color:var(--profile-accent,#39e6ff);font-size:.8rem;font-weight:800;text-decoration:none}.privacy-preview{position:relative;overflow:hidden;min-height:510px;border:1px solid color-mix(in srgb,var(--profile-accent,#39e6ff) 42%,#27394a);border-radius:20px;background:#0d1119}.preview-cover{height:112px;background:linear-gradient(120deg,color-mix(in srgb,var(--profile-accent,#39e6ff) 25%,#08111d),#07090e)}.preview-person{display:flex;align-items:center;gap:12px;padding:0 20px;margin-top:-25px}.preview-avatar{width:64px;height:64px;border:3px solid #0d1119;border-radius:50%;background:linear-gradient(145deg,var(--profile-accent,#39e6ff),#17243a) center/cover}.preview-person>div:last-child{display:grid;gap:2px;padding-top:22px}.preview-person strong{font:700 1.08rem "Space Grotesk",sans-serif}.preview-person span{color:#91a2b8;font-size:.78rem}.preview-public{padding:22px 20px}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preview-metrics div{display:grid;gap:3px;padding:12px 6px;text-align:center;border:1px solid #27394b;border-radius:12px;background:#0a121d}.preview-metrics b{font:700 1rem "Space Grotesk",sans-serif;color:var(--profile-accent,#39e6ff)}.preview-metrics span{color:#7f90a6;font-size:.68rem}.preview-library{margin-top:22px}.preview-library>span{color:var(--profile-accent,#39e6ff);font-size:.68rem;font-weight:900;letter-spacing:.14em}.preview-library article{display:flex;align-items:center;gap:12px;margin-top:10px;padding:12px;border:1px solid #26394a;border-radius:14px;background:#0a121d}.preview-library article>i{width:46px;height:56px;border-radius:8px;background:linear-gradient(145deg,#324a63,#172131)}.preview-library article div{display:grid;gap:4px}.preview-library article strong{font-size:.82rem}.preview-library article small{color:#8294aa;font-size:.68rem}.preview-library>p{color:#78e9b7;font-size:.72rem;font-weight:700}.preview-hidden{margin-top:22px;padding:24px 14px;text-align:center;border:1px dashed #34485b;border-radius:14px;color:#8394a9;font-size:.78rem}.preview-activity{display:flex;align-items:center;gap:8px;margin-top:18px;color:#8fa1b6;font-size:.72rem}.preview-activity i{width:7px;height:7px;border-radius:50%;background:#55e7b1;box-shadow:0 0 10px #55e7b1}.preview-private{display:none;text-align:center;padding:105px 30px 30px}.preview-private span{font-size:2rem;color:#72839b}.preview-private strong{display:block;margin:12px 0 6px}.preview-private p{color:#8191a6;font-size:.8rem}.privacy-preview.is-private .preview-public{display:none}.privacy-preview.is-private .preview-private{display:block}.preview-note{margin:14px 3px 0;color:#6f8095;font-size:.72rem;line-height:1.5}
@media(max-width:900px){.privacy-layout{grid-template-columns:1fr}.privacy-preview-wrap{position:static;grid-row:1}.privacy-preview{min-height:470px}}@media(max-width:600px){.privacy-shell{width:min(100% - 20px,560px)}.privacy-header{display:block;padding:34px 2px 24px}.privacy-status{display:inline-block;margin-top:14px}.privacy-preview-wrap{padding:13px}.privacy-group{border-radius:17px}.privacy-group-heading,.privacy-option{padding:17px}.privacy-option{gap:10px}.privacy-option small{font-size:.75rem}.privacy-actions{justify-content:space-between}.preview-heading{padding:4px}.preview-metrics{gap:5px}}