.account-body{background:#f7f8f6}.account-shell{display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px;padding-top:35px;padding-bottom:70px}.account-nav{position:sticky;top:112px;height:max-content}.account-nav>a{font-size:9px;color:var(--muted)}.account-nav h3{font:600 12px Sora;margin-top:28px}.account-nav nav{display:grid;gap:4px}.account-nav nav a{padding:11px;border-radius:9px;font-size:10px;color:var(--muted)}.account-nav nav a.active{background:#e5f7f3;color:var(--emerald);font-weight:700}.account-nav nav b{float:right;background:var(--coral);color:#fff;border-radius:99px;padding:2px 6px}.account-content{background:#fff;border:1px solid var(--line);border-radius:22px;padding:35px;min-width:0}.account-title{display:flex;justify-content:space-between;align-items:end}.account-title h1{font:600 30px Sora;margin:7px 0}.account-title p{font-size:10px;color:var(--muted)}.content-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-top:25px;overflow-x:auto}.content-tabs button{border:0;background:none;padding:12px 0;font-size:9px;white-space:nowrap}.content-tabs .active{color:var(--emerald);border-bottom:2px solid var(--emerald);font-weight:700}.notification-group h3{font:600 11px Sora;margin-top:27px}.notification{display:grid;grid-template-columns:42px 1fr auto 6px;align-items:center;gap:12px;padding:14px;border-top:1px solid var(--line);position:relative}.notification.unread{background:#f4fbf9}.notification>i{width:6px;height:6px;background:var(--coral);border-radius:50%}.notice-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.notice-icon.coral{background:#fff0eb;color:var(--coral)}.notice-icon.mint{background:#e3f7f3}.notice-icon.gold{background:#fff4d5}.notice-icon.navy{background:#e9edf5}.notice-avatar{width:40px;height:40px;border-radius:50%;background:url('https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=100&q=80') center/cover}.notification p{font-size:9px;margin:0}.notification p a{font-weight:700}.notification small{font-size:7px;color:var(--muted)}.notification .chip{padding:7px}.collection-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.collection-card{height:150px;border:0;border-radius:15px;background-size:cover;background-position:center;color:#fff;padding:15px;text-align:left;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden}.collection-card:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(11,23,54,.8))}.collection-card>*{z-index:1}.collection-card span{font-size:7px}.collection-card b{font:600 11px Sora;margin-top:5px}.col1{background-image:url('https://images.unsplash.com/photo-1551632811-561732d1e306?auto=format&fit=crop&w=500&q=80')}.col2{background-image:url('https://images.unsplash.com/photo-1610701596007-11502861dcfa?auto=format&fit=crop&w=500&q=80')}.col3{background-image:url('https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=500&q=80')}.saved-head,.connection-heading{display:flex;align-items:center;justify-content:space-between}.saved-head h2,.connection-heading h2{font:600 15px Sora}.saved-head select,.connection-heading select{border:1px solid var(--line);border-radius:8px;padding:8px;font-size:8px}.saved-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.saved-grid .card-image{height:170px}.saved-grid .card-body h3{font-size:12px}.connection-search{border:1px solid var(--line);border-radius:99px;padding:10px}.connection-search input{border:0;outline:0;font-size:9px}.request-box{background:#f4fbf9;border-radius:15px;padding:15px;margin:25px 0}.request-box>header{display:flex;justify-content:space-between}.request-box h3{font:600 11px Sora}.request-box header button{border:0;background:none;color:var(--emerald);font-size:8px}.request-row{display:grid;grid-template-columns:45px 1fr auto auto;align-items:center;gap:10px;border-top:1px solid #dcece8;padding:12px 0}.connect-avatar{width:43px;height:43px;border-radius:50%;display:block;background-size:cover;background-position:center}.co1{background-image:url('https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=120&q=80')}.co2{background-image:url('https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=120&q=80')}.co3{background-image:url('https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=120&q=80')}.co4{background-image:url('https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=120&q=80')}.co5{background-image:url('https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=120&q=80')}.co6{background-image:url('https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=120&q=80')}.request-row a{font-size:9px;font-weight:700}.request-row small{display:block;font-size:7px;color:var(--muted);margin-top:4px}.request-row .btn{padding:8px 11px;font-size:8px}.connection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.connection-grid article{border:1px solid var(--line);border-radius:14px;padding:18px;text-align:center}.connection-grid .connect-avatar{margin:auto;width:62px;height:62px}.connection-grid article>a{display:block;font:600 10px Sora;margin-top:10px}.connection-grid article>a i{font-style:normal;color:var(--emerald)}.connection-grid article p{font-size:7px;color:var(--muted)}.connection-grid article>div{display:flex;justify-content:center;gap:5px}.connection-grid article>div>button:last-child{border:0;background:none}.settings-content{display:grid;gap:16px}.settings-section{border-top:1px solid var(--line);padding-top:24px}.settings-section h2{font:600 15px Sora}.avatar-editor{display:flex;gap:15px;align-items:center}.avatar-editor .profile-avatar{width:75px;height:75px;font-size:22px}.avatar-editor .text-button{border:0;background:none;color:var(--coral);font-size:8px}.avatar-editor small{display:block;font-size:7px;color:var(--muted);margin-top:6px}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.settings-form label{font-size:9px;font-weight:700}.settings-form input,.settings-form select,.settings-form textarea{width:100%;display:block;border:1px solid var(--line);border-radius:8px;padding:11px;margin-top:6px}.settings-form textarea{min-height:80px}.settings-form .wide{grid-column:1/3}.setting-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.setting-tags button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px;font-size:8px}.setting-tags button.selected{border-color:var(--emerald);background:#e8f8f5;color:var(--emerald)}.toggle-list,.privacy-list{display:grid}.toggle-list label,.privacy-list label{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line)}.toggle-list b,.toggle-list small,.privacy-list b,.privacy-list small{display:block;font-size:9px}.toggle-list small,.privacy-list small{font-size:7px;color:var(--muted);margin-top:4px}.toggle-list input,.privacy-list input{appearance:none;width:35px;height:19px;background:#d9dddb;border-radius:99px;position:relative}.toggle-list input:after,.privacy-list input:after{content:'';position:absolute;width:15px;height:15px;left:2px;top:2px;background:#fff;border-radius:50%;transition:.2s}.toggle-list input:checked,.privacy-list input:checked{background:var(--emerald)}.toggle-list input:checked:after,.privacy-list input:checked:after{left:18px}.privacy-list select{border:1px solid var(--line);padding:8px;border-radius:8px;font-size:8px}.save-toast{position:fixed;bottom:25px;right:25px;background:var(--navy);color:#fff;padding:13px 18px;border-radius:10px;font-size:9px;transform:translateY(80px);opacity:0;transition:.25s}.save-toast.show{transform:none;opacity:1}.safety-hero{display:grid;grid-template-columns:55px 1fr auto;align-items:center;background:linear-gradient(110deg,#e8f8f5,#fff8ee);padding:20px;border-radius:15px;margin:25px 0}.safety-hero>span{font-size:35px}.safety-hero h2{font:600 14px Sora}.safety-hero p{font-size:8px;color:var(--muted);line-height:1.6}.safety-hero button{font-size:8px}.safety-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px}.safety-tools button{display:grid;grid-template-columns:35px 1fr auto;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px}.safety-tools button>span{font-size:22px}.safety-tools b,.safety-tools small{display:block;font-size:9px}.safety-tools small{font-size:7px;color:var(--muted);margin-top:4px}.report-dialog{border:0;border-radius:18px;width:min(480px,calc(100% - 30px));padding:0}.report-dialog::backdrop{background:rgba(11,23,54,.6)}.report-dialog form{padding:25px}.report-dialog header{display:flex;justify-content:space-between}.report-dialog h2{font:600 18px Sora}.report-dialog header button{border:0;background:none}.report-dialog p{font-size:9px;color:var(--muted)}.report-dialog label{font-size:9px;font-weight:700;display:block;margin-top:15px}.report-dialog select,.report-dialog textarea{display:block;width:100%;border:1px solid var(--line);border-radius:8px;padding:11px;margin-top:6px}.report-dialog textarea{min-height:100px}.report-dialog form>div{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.report-dialog .btn{padding:10px 14px;font-size:8px}
@media(max-width:900px){.account-shell{grid-template-columns:170px 1fr}.saved-grid,.connection-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.account-shell{grid-template-columns:1fr;padding-top:15px}.account-nav{position:static}.account-nav h3{display:none}.account-nav nav{display:flex;overflow-x:auto;margin:10px 0}.account-nav nav a{white-space:nowrap}.account-content{padding:20px}.account-title{align-items:flex-start;gap:12px}.account-title h1{font-size:25px}.collection-row{display:flex;overflow-x:auto}.collection-card{min-width:210px}.saved-grid,.connection-grid{grid-template-columns:1fr}.request-row{grid-template-columns:40px 1fr auto}.request-row .chip{display:none}.settings-form{grid-template-columns:1fr}.settings-form .wide{grid-column:auto}.safety-hero{grid-template-columns:45px 1fr}.safety-hero button{grid-column:1/3;margin-top:12px}.safety-tools{grid-template-columns:1fr}}