/* Yorumcu profili, hesap paneli ve topluluk.
   Prototipten alındı; yalnızca sayfa içeriğini (main) kapsar,
   üst menü ve alt bilgi sitenin kendi stillerini kullanır. */
.tp-page > main{--ink:#2c253b;--muted:#796c87;--purple:#6942dc;--line:#e8e1ef;--paper:#fff;--bg:#f8f7fa;--green:#39755a;font:14px 'DM Sans',sans-serif;color:var(--ink)}
.tp-page{background:#f8f7fa}
.tp-page dialog{--ink:#2c253b;--muted:#796c87;--purple:#6942dc;--line:#e8e1ef;font:14px 'DM Sans',sans-serif;color:var(--ink)}
.tp-page > main button,.tp-page > main input,.tp-page > main select,.tp-page > main textarea{font:inherit}
.tp-page > main button{border:0;background:none;cursor:pointer;color:inherit}
.tp-page > main a{color:inherit;text-decoration:none}
.tp-page > main h1,.tp-page > main h2,.tp-page > main h3,.tp-page > main h4,.tp-page > main p{margin:0}
.tp-page > main h1,.tp-page > main h2,.tp-page > main h3,.tp-page > main h4{font-family:Manrope,sans-serif}
.tp-page > main button,.tp-page > main a,.tp-page > main summary,.tp-page > main input,.tp-page > main select,.tp-page > main textarea{outline-offset:4px}
.tp-page > main button:focus-visible,.tp-page > main a:focus-visible,.tp-page > main input:focus-visible,.tp-page > main select:focus-visible,.tp-page > main textarea:focus-visible{outline:3px solid #af8bea}
.tp-page > main button:hover{color:var(--purple)}
.tp-page > main button:disabled{cursor:default;opacity:.5}
.tp-page > main .icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}
.tp-page > main .avatar{width:39px;height:39px;border-radius:50%;display:inline-grid;place-items:center;flex-shrink:0;font-family:Manrope;font-size:12px;font-weight:650;border:1px solid #ffffff66;letter-spacing:-.3px}
.tp-page > main .purple,.tp-page > main .mine{background:#e9dff8;color:#7650a7}
.tp-page > main .peach{background:#f7dfce;color:#a46c45}
.tp-page > main .blue{background:#dfe9f4;color:#60819e}
.tp-page > main .green{background:#e0eee4;color:#587c62}
.tp-page > main .sand{background:#f3e9cd;color:#a08540}
.tp-page > main .rose{background:#f5dfe7;color:#aa6b83}
.tp-page > main .avatar.small{width:31px;height:31px;font-size:10px}
.tp-page > main .avatar.medium{width:60px;height:60px;font-size:20px}
.tp-page > main .avatar.large{width:77px;height:77px;font-size:27px}
.tp-page > main .avatar.portrait{width:116px;height:116px;font-size:40px;border:6px solid white;border-radius:27px;box-shadow:0 6px 18px #47335b09;margin-top:-53px;z-index:1}
.tp-page > main .button,.tp-page > main .a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;min-height:42px;font-size:12px;font-weight:500;border:1px solid transparent;border-radius:8px;white-space:nowrap}
.tp-page > main .primary{background:var(--purple);color:white;box-shadow:0 3px 7px #6942dc15}
.tp-page > main .primary:hover{background:#5733c7;color:white}
.tp-page > main .secondary{background:white;border-color:#ded2e9;color:#705685}
.tp-page > main .secondary:hover{background:#f4eefb}
.tp-page > main .small-button,.tp-page > main .small-a{font-size:10px;padding:9px 12px;min-height:33px}
.tp-page > main .icon-button,.tp-page > main .icon-a{border:1px solid var(--line);border-radius:8px;height:36px;width:36px;display:grid;place-items:center;color:#957aab;background:white}
.tp-page > main .icon-button .icon,.tp-page > main .icon-a .icon{height:16px;width:16px}
.tp-page > main .selected{color:var(--purple)!important;background:#f1e8fc!important}
.tp-page > main .selected .icon{fill:#d9c7f4}
.tp-page > main .text-button,.tp-page > main .text-a{font-size:11px;color:var(--purple);padding:5px 0;font-weight:500}
.tp-page > main #main{max-width:1240px;margin:auto;padding:0 24px;min-height:65vh}
.tp-page > main .eyebrow{display:block;font-size:9px;letter-spacing:1.8px;color:#8b719d;font-weight:600}
.tp-page > main .breadcrumb{display:flex;align-items:center;gap:12px;color:#96809f;font-size:10px;margin:16px 0 20px}
.tp-page > main .breadcrumb button,.tp-page > main .breadcrumb a{padding:0;font-size:10px;color:#765988}
.tp-page > main .breadcrumb .back-own{margin-left:auto}
.tp-page > main .profile-hero{border:1px solid var(--line);background:white;border-radius:18px;overflow:hidden}
.tp-page > main .cover{height:228px;background:#eee6f7;display:flex;align-items:center;padding:31px 44px;position:relative;overflow:hidden}
.tp-page > main .cover h1{font-size:34px;font-weight:550;letter-spacing:-1px;line-height:1.2;margin-top:12px;color:#4c365d}
.tp-page > main .cover h1 em{font-style:normal;color:#87629e}
.tp-page > main .cover .eyebrow{font-size:8px}
.tp-page > main .cover-art{position:absolute;inset:0 160px 0 auto;width:310px;display:grid;place-items:center}
.tp-page > main .orbit{position:absolute;height:230px;width:330px;border:1px solid #d7c4e7;border-radius:50%;transform:rotate(-25deg)}
.tp-page > main .orbit.two{transform:rotate(35deg);height:210px}
.tp-page > main .float-medal{position:relative;width:107px;height:115px;display:grid;place-items:center;background:linear-gradient(145deg,#fbf6ff,#dbc8ed);border:5px solid #ffffffa6;outline:1px solid #d4b9e7;box-shadow:0 10px 35px #aa87c535;border-radius:31px;transform:rotate(-12deg);color:#9670b5}
.tp-page > main .float-medal .icon{height:54px;width:54px;stroke-width:1.1}
.tp-page > main .float-star{position:absolute;width:48px;height:48px;display:grid;place-items:center;right:27px;top:40px;border:1px solid #e4ce9e;background:#fff2d5;border-radius:14px;color:#b78d46;transform:rotate(12deg)}
.tp-page > main .float-star .icon{width:26px;height:26px}
.tp-page > main .cover-caption{position:absolute;bottom:20px;font-size:9px;color:#a186b2;letter-spacing:.5px}
.tp-page > main .cover-watermark{position:absolute;right:32px;bottom:24px;font:600 18px Manrope;color:#b49ac6;letter-spacing:-.7px}
.tp-page > main .profile-summary{padding:24px 34px 24px;display:flex;align-items:center;gap:22px}
.tp-page > main .profile-info{flex:1;min-width:0}
.tp-page > main .name-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tp-page > main .name-line h2{font-size:27px;font-weight:650;letter-spacing:-.8px}
.tp-page > main .level-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #e8dcf3;background:#f6f0fb;color:#88649f;font-size:9px;border-radius:5px;white-space:nowrap}
.tp-page > main .level-tag .icon{width:12px;height:12px}
.tp-page > main .profile-info>p{font-size:10px;color:#927c9f;margin-top:8px;line-height:1.8}
.tp-page > main .profile-info>p>span{margin:0 6px;color:#c5b5d0}
.tp-page > main .follow-stats{display:flex;gap:18px;margin-top:11px}
.tp-page > main .follow-stats button,.tp-page > main .follow-stats a{padding:0;font-size:10px;color:#9175a1}
.tp-page > main .follow-stats b{color:#574361;margin-right:4px;font-size:11px;font-weight:600}
.tp-page > main .profile-actions{display:flex;gap:8px;align-items:center}
.tp-page > main .profile-actions .button,.tp-page > main .profile-actions .a{font-size:10px;padding:10px 13px;min-height:36px}
.tp-page > main .profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 308px;gap:31px;margin-top:28px}
.tp-page > main .bio{padding:0 3px}
.tp-page > main .bio p{font-size:13px;color:#7e658d;line-height:1.9;max-width:640px}
.tp-page > main .interests{display:flex;gap:8px;margin-top:14px}
.tp-page > main .interests span{background:#f0eaf6;border:1px solid #e7ddec;color:#9b7fab;font-size:9px;border-radius:5px;padding:5px 9px}
.tp-page > main .profile-stats{display:flex;background:white;border:1px solid var(--line);border-radius:12px;padding:20px 0;margin:23px 0}
.tp-page > main .profile-stats>div{flex:1;text-align:center;border-right:1px solid #eee6f4}
.tp-page > main .profile-stats>div:last-child{border:0}
.tp-page > main .profile-stats strong{display:block;font-family:Manrope;font-size:25px;font-weight:600;color:#634974;letter-spacing:-.8px}
.tp-page > main .profile-stats span{font-size:9px;color:#92799f;display:block;margin-top:5px}
.tp-page > main .tabs{display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);margin-bottom:21px;overflow:auto;white-space:nowrap}
.tp-page > main .tabs button,.tp-page > main .tabs a{padding:13px 0 15px;font-size:12px;color:#9378a2;border-bottom:2px solid transparent}
.tp-page > main .tabs button[aria-pressed=true],.tp-page > main .tabs a[aria-pressed=true]{color:var(--purple);border-color:var(--purple);font-weight:600}
.tp-page > main .tabs button>span,.tp-page > main .tabs a>span{background:#eee6f7;color:#8a62a6;border-radius:5px;font-size:9px;padding:3px 6px;margin-left:5px}
.tp-page > main .tab-note{margin-left:auto;font-size:9px;color:#a489b2}
.tp-page > main .review-card{padding:23px;background:white;border:1px solid var(--line);border-radius:13px;margin-bottom:19px}
.tp-page > main .review-top{display:flex;align-items:center;gap:12px}
.tp-page > main .review-top>img{width:45px;height:45px;border-radius:9px;object-fit:cover}
.tp-page > main .review-top h3{font-size:14px;letter-spacing:-.2px;font-weight:650}
.tp-page > main .review-top p{font-size:10px;color:#967ba6;margin-top:5px}
.tp-page > main .review-top .bookmark{margin-left:auto;border:0}
.tp-page > main .review-rating{display:flex;align-items:center;gap:12px;margin-top:22px}
.tp-page > main .stars{display:inline-flex;align-items:center;gap:3px;color:#ca9a42}
.tp-page > main .stars .icon{fill:currentColor;stroke:currentColor;width:15px;height:15px;stroke-width:1}
.tp-page > main .stars .empty-star{fill:#e7deef;color:#e7deef}
.tp-page > main .stars b{font-size:10px;font-weight:500;color:#8b709e;margin-left:6px}
.tp-page > main .proof{display:inline-flex;align-items:center;gap:5px;font-size:9px;background:#edf6ef;border-radius:5px;color:#659072;padding:5px 7px;white-space:nowrap}
.tp-page > main .proof .icon{height:12px;width:12px}
.tp-page > main .review-rating>time{margin-left:auto;font-size:9px;color:#a38ab0}
.tp-page > main .review-card h4{font-size:16px;font-weight:650;letter-spacing:-.3px;margin:15px 0 10px}
.tp-page > main .review-text{font-size:12px;line-height:1.95;color:#80668f}
.tp-page > main .review-photo{margin-top:17px}
.tp-page > main .review-photo button,.tp-page > main .review-photo a{padding:0;position:relative;overflow:hidden;border-radius:8px;display:block;width:210px;height:126px}
.tp-page > main .review-photo img{height:100%;width:100%;object-fit:cover}
.tp-page > main .review-photo span{position:absolute;bottom:0;left:0;right:0;padding:9px 11px;display:flex;align-items:center;gap:6px;color:white;font-size:9px;background:linear-gradient(transparent,#302139a8)}
.tp-page > main .review-photo .icon{height:13px;width:13px}
.tp-page > main .review-bottom{border-top:1px solid #eee6f3;margin-top:19px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.tp-page > main .review-bottom button,.tp-page > main .review-bottom a{font-size:10px;color:#92719f;padding:5px 0}
.tp-page > main .help-count,.tp-page > main .help-button,.tp-page > main .help-a{display:flex;align-items:center;gap:7px;font-size:10px;color:#92719f}
.tp-page > main .help-count .icon,.tp-page > main .help-button .icon,.tp-page > main .help-a .icon{height:15px;width:15px}
.tp-page > main .help-button.selected,.tp-page > main .help-a.selected{padding:6px 9px!important;border-radius:6px}
.tp-page > main .help-button b,.tp-page > main .help-a b{font-size:9px;margin-left:4px}
.tp-page > main .points-feature{background:#30253f;border-radius:13px;padding:25px;color:#f4eafd;position:relative;overflow:hidden}
.tp-page > main .points-feature:after{content:'';position:absolute;width:160px;height:160px;border:1px solid #574363;border-radius:50%;right:-90px;top:-50px;box-shadow:0 0 0 20px #ffffff03;pointer-events:none}
.tp-page > main .points-feature .eyebrow{font-size:8px;color:#b9a0ca}
.tp-page > main .points-total{display:flex;align-items:center;gap:10px;margin-top:20px}
.tp-page > main .points-total>.icon{height:25px;width:25px;color:#ceaeed}
.tp-page > main .points-total>strong{font-family:Manrope;font-size:42px;font-weight:550;letter-spacing:-2px}
.tp-page > main .points-total>span{font-size:11px;color:#bca0d0;align-self:flex-end;margin-bottom:10px}
.tp-page > main .points-feature h3{font-size:13px;font-weight:500;margin:9px 0 20px;color:#d3bce7}
.tp-page > main .progress{height:5px;border-radius:6px;overflow:hidden;background:#ece3f2}
.tp-page > main .progress i{height:100%;display:block;background:#a27bc7;border-radius:6px}
.tp-page > main .points-feature .progress{background:#594465}
.tp-page > main .points-feature .progress i{background:#cfb0ec}
.tp-page > main .points-feature p{font-size:10px;color:#b69acb;line-height:1.8;margin-top:12px}
.tp-page > main .points-feature p b{color:#e0c5f4;font-weight:500}
.tp-page > main .points-feature button,.tp-page > main .points-feature a{font-size:10px;padding:0;color:#cfb3e4;margin-top:20px}
.tp-page > main .side-card{border:1px solid var(--line);background:white;border-radius:12px;padding:20px;margin-top:18px}
.tp-page > main .section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tp-page > main .section-head h3{font-size:14px;font-weight:600;letter-spacing:-.3px}
.tp-page > main .section-head button,.tp-page > main .section-head a{font-size:10px;color:#9162aa;white-space:nowrap;padding:4px 0}
.tp-page > main .badge-mini{display:flex;gap:9px;justify-content:space-between;margin:21px 0}
.tp-page > main .badge-mini button,.tp-page > main .badge-mini a{padding:0;display:flex;flex-direction:column;align-items:center;gap:9px}
.tp-page > main .badge-mini small{font-size:8px;color:#8d6e9d}
.tp-page > main .medal{display:inline-grid;place-items:center;height:64px;width:59px;border-radius:19px;border:3px solid #ffffffa1;outline:1px solid #e9dfee;box-shadow:0 3px 0 #eee5f422;position:relative}
.tp-page > main .medal:after{content:'';position:absolute;inset:5px;border:1px solid currentColor;border-radius:12px;opacity:.2}
.tp-page > main .medal .icon{height:28px;width:28px;stroke-width:1.5}
.tp-page > main .fine{font-size:10px;color:#977ca6;line-height:1.8}
.tp-page > main .side-card .fine{font-size:9px}
.tp-page > main .suggested{display:flex;gap:10px;align-items:center;margin-top:19px}
.tp-page > main .suggested>button:not(.mini-follow),.tp-page > main .suggested>a:not(.mini-follow){text-align:left;padding:0}
.tp-page > main .suggested strong{font-size:11px;font-weight:500;display:block}
.tp-page > main .suggested small{font-size:9px;color:#a188af;display:block;margin-top:4px}
.tp-page > main .mini-follow{margin-left:auto;border:1px solid #e1d3ec;border-radius:7px;width:28px;height:28px;font-size:16px;color:#9674ab}
.tp-page > main .badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.tp-page > main .badge-card{position:relative;text-align:center;padding:25px 16px;background:white;border:1px solid var(--line);border-radius:13px}
.tp-page > main .badge-card:hover{border-color:#b796cd}
.tp-page > main .badge-card .medal{height:82px;width:76px;border-radius:23px;margin:5px 0 18px}
.tp-page > main .badge-card .medal:after{border-radius:16px}
.tp-page > main .badge-card .medal .icon{height:34px;width:34px}
.tp-page > main .badge-status{display:block;color:#8b719b;font-size:8px;margin-bottom:10px}
.tp-page > main .badge-status .icon{height:11px;width:11px}
.tp-page > main .badge-card h3{font-size:14px;font-weight:600}
.tp-page > main .badge-card p{font-size:10px;color:#92769f;line-height:1.8;margin-top:8px;min-height:36px}
.tp-page > main .badge-card>small{font-size:8px;color:#a58db1;display:block;margin-top:13px}
.tp-page > main .badge-card.locked{background:#f9f6fc}
.tp-page > main .badge-card.locked .medal{filter:grayscale(.6);opacity:.65}
.tp-page > main .badge-card .progress{margin-top:15px}
.tp-page > main .photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tp-page > main .photo-grid button,.tp-page > main .photo-grid a{padding:0;position:relative;height:230px;overflow:hidden;border-radius:12px;text-align:left}
.tp-page > main .photo-grid img{width:100%;height:100%;object-fit:cover}
.tp-page > main .photo-grid span{position:absolute;bottom:0;left:0;width:100%;padding:30px 18px 17px;background:linear-gradient(transparent,#2d213ce3);color:white;font-size:13px;font-weight:500}
.tp-page > main .photo-grid small{display:block;font-size:10px;color:#d0bbdf;margin-top:5px}
.tp-page > main .workspace-heading{display:flex;align-items:center;justify-content:space-between;margin:27px 0 28px}
.tp-page > main .workspace-heading h1{font-size:32px;font-weight:650;letter-spacing:-1px;margin-top:8px}
.tp-page > main .workspace-heading .button,.tp-page > main .workspace-heading .a{font-size:11px}
.tp-page > main .panel-layout{display:grid;grid-template-columns:232px minmax(0,1fr);gap:32px}
.tp-page > main .panel-nav{border:1px solid var(--line);background:white;border-radius:13px;align-self:start;padding:20px 12px;position:sticky;top:20px}
.tp-page > main .panel-user{display:flex;align-items:center;gap:10px;padding:0 9px 20px;border-bottom:1px solid var(--line);margin-bottom:16px}
.tp-page > main .panel-user strong{display:block;font-size:12px;font-weight:600}
.tp-page > main .panel-user small{display:block;font-size:8px;color:#9b7ba9;margin-top:5px}
.tp-page > main .panel-nav nav button,.tp-page > main .panel-nav nav a{width:100%;display:flex;align-items:center;gap:11px;padding:12px 12px;font-size:11px;color:#8c719e;border-radius:7px;margin:3px 0;text-align:left}
.tp-page > main .panel-nav nav button .icon,.tp-page > main .panel-nav nav a .icon{height:17px;width:17px}
.tp-page > main .panel-nav nav button[aria-current=page],.tp-page > main .panel-nav nav a[aria-current=page]{background:#ede3fa;color:#7a48b4;font-weight:600}
.tp-page > main .panel-nav nav button:hover,.tp-page > main .panel-nav nav a:hover{background:#f5eefb}
.tp-page > main .panel-nav nav button b,.tp-page > main .panel-nav nav a b{margin-left:auto;font-size:9px;background:#eee5f6;padding:3px 5px;border-radius:4px}
.tp-page > main .panel-nav-bottom{border-top:1px solid var(--line);margin:19px 9px 0;padding-top:19px;font-size:9px;line-height:1.8;color:#aa8bb9;display:flex;gap:8px;align-items:flex-start}
.tp-page > main .panel-nav-bottom .icon{height:15px;width:15px}
.tp-page > main .panel-content{min-width:0}
.tp-page > main .panel-title{display:flex;align-items:center;justify-content:space-between;margin:6px 0 22px;gap:10px}
.tp-page > main .panel-title h2{font-size:27px;font-weight:600;letter-spacing:-.7px;margin-top:8px}
.tp-page > main .panel-title .eyebrow{font-size:8px}
.tp-page > main .dashboard-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#30263e;color:white;border-radius:14px;padding:27px 30px;overflow:hidden}
.tp-page > main .dashboard-banner .eyebrow{color:#c0a3d1;font-size:8px}
.tp-page > main .dashboard-banner h3{font-size:23px;font-weight:500;letter-spacing:-.7px;margin-top:11px}
.tp-page > main .dashboard-banner p{font-size:11px;color:#c0a3d1;line-height:1.8;margin-top:12px}
.tp-page > main .dashboard-banner p b{color:#e0c6f2;font-weight:500}
.tp-page > main .dashboard-banner .progress{background:#5c436b;margin:20px 0 8px;max-width:290px}
.tp-page > main .dashboard-banner .progress i{background:#c7a4e6}
.tp-page > main .dashboard-banner small{font-size:9px;color:#c2a2d8}
.tp-page > main .banner-medal{width:110px;height:119px;display:grid;place-items:center;border:1px solid #7e5b92;background:#634378;border-radius:28px;transform:rotate(10deg);margin-right:20px;box-shadow:0 0 0 17px #ffffff03;color:#d8bdeb}
.tp-page > main .banner-medal .icon{height:66px;width:66px;stroke-width:1.1}
.tp-page > main .dashboard-banner>button,.tp-page > main .dashboard-banner>a{position:absolute;bottom:25px;right:25px;font-size:9px;color:#dac1ec}
.tp-page > main .dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:19px 0}
.tp-page > main .dashboard-stats button,.tp-page > main .dashboard-stats a{padding:19px;text-align:left;background:white;border:1px solid var(--line);border-radius:11px}
.tp-page > main .dashboard-stats strong{display:block;font-family:Manrope;font-size:25px;font-weight:600;letter-spacing:-.7px}
.tp-page > main .dashboard-stats span{font-size:10px;color:#9b7caa;display:block;margin-top:6px}
.tp-page > main .two-up{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.tp-page > main .box{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}
.tp-page > main .next-badge{display:flex;align-items:center;gap:17px;margin:22px 0}
.tp-page > main .next-badge>div{flex:1}
.tp-page > main .next-badge h4{font-size:13px;font-weight:600}
.tp-page > main .next-badge p{font-size:10px;color:#9a7da8;margin-top:7px}
.tp-page > main .next-badge .progress{margin-top:13px}
.tp-page > main .status{display:inline-block;padding:5px 8px;border-radius:5px;font-size:9px;white-space:nowrap}
.tp-page > main .published{background:#ecf4ee;color:#699073}
.tp-page > main .pending{background:#fcf3e3;color:#ab873e}
.tp-page > main .pending-review{display:flex;gap:12px;align-items:center;margin:24px 0}
.tp-page > main .pending-review img{width:63px;height:63px;object-fit:cover;border-radius:9px}
.tp-page > main .pending-review h4{font-size:13px;font-weight:600}
.tp-page > main .pending-review p{font-size:10px;color:#a184af;margin-top:6px}
.tp-page > main .pending-review .text-button,.tp-page > main .pending-review .text-a{font-size:10px;margin-top:7px}
.tp-page > main .feed-title{margin:30px 0 17px}
.tp-page > main .feed-author{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:18px;gap:10px}
.tp-page > main .feed-author button,.tp-page > main .feed-author a{display:flex;align-items:center;gap:9px;padding:0;text-align:left;font-size:10px;color:#9b7aa9}
.tp-page > main .feed-author b{font-weight:500;color:#70547f}
.tp-page > main .feed-author time{font-size:9px;color:#a58ab0;white-space:nowrap}
.tp-page > main .info-strip{display:flex;align-items:flex-start;gap:11px;padding:16px 18px;background:#f0eaf7;border:1px solid #e4d8ee;border-radius:10px;margin-bottom:21px;color:#a083b4}
.tp-page > main .info-strip>.icon{width:19px;height:19px;margin-top:2px}
.tp-page > main .info-strip p{font-size:11px;line-height:1.8;color:#8c709f}
.tp-page > main .info-strip strong{color:#775986;font-weight:600}
.tp-page > main .points-overview{display:grid;grid-template-columns:1fr 1.5fr;gap:30px;background:white;padding:27px;border:1px solid var(--line);border-radius:13px;margin-bottom:21px}
.tp-page > main .points-overview>div:first-child{border-right:1px solid var(--line)}
.tp-page > main .points-overview strong{display:block;font-family:Manrope;font-size:38px;letter-spacing:-1px;font-weight:550;margin:16px 0 8px;color:#75508b}
.tp-page > main .points-overview strong small{font-family:'DM Sans';font-size:11px;color:#a486b2;letter-spacing:0}
.tp-page > main .points-overview>div>span:last-child{font-size:10px;color:#9b72b1}
.tp-page > main .points-overview .icon{height:14px;width:14px;margin-right:4px}
.tp-page > main .points-overview h3{font-size:16px;font-weight:600;margin:5px 0 12px}
.tp-page > main .points-overview p{font-size:12px;line-height:1.9;color:#9579a3}
.tp-page > main .points-overview .text-button,.tp-page > main .points-overview .text-a{font-size:10px;margin-top:12px}
.tp-page > main .ledger{margin-bottom:20px}
.tp-page > main .ledger .section-head{margin-bottom:20px}
.tp-page > main .ledger-row{display:flex;align-items:center;gap:14px;padding:20px 0;border-top:1px solid #eee6f3}
.tp-page > main .ledger-icon{height:37px;width:37px;display:grid;place-items:center;background:#f5edf9;color:#a181b4;border-radius:9px}
.tp-page > main .ledger-icon .icon{height:18px;width:18px}
.tp-page > main .ledger-row strong{font-size:12px;font-weight:500}
.tp-page > main .ledger-row p{font-size:10px;color:#a082ad;margin-top:6px}
.tp-page > main .ledger-row>b{margin-left:auto;font-family:Manrope;color:#708568;font-size:18px;font-weight:600}
.tp-page > main .ledger-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;color:#8d6a9f;font-size:12px}
.tp-page > main .ledger-total strong{font-family:Manrope;font-size:21px;font-weight:600}
.tp-page > main .sample-note{margin:-5px 0 19px}
.tp-page > main .my-review{padding:22px;border:1px solid var(--line);background:white;border-radius:12px;margin-bottom:17px}
.tp-page > main .my-review>div:first-child{display:flex;align-items:center;gap:12px}
.tp-page > main .my-review img{height:43px;width:43px;border-radius:8px;object-fit:cover}
.tp-page > main .my-review strong{font-size:12px;font-weight:600;display:block}
.tp-page > main .my-review small{display:block;font-size:9px;color:#9d80ad;margin-top:5px}
.tp-page > main .my-review .status{margin-left:auto}
.tp-page > main .my-review h3{font-size:15px;letter-spacing:-.3px;margin:17px 0 10px}
.tp-page > main .my-review>p{font-size:11px;color:#9476a0;line-height:1.9}
.tp-page > main .my-review>div:last-child{display:flex;align-items:center;gap:16px;margin-top:20px}
.tp-page > main .my-review>div:last-child>span:not(.stars){font-size:9px;color:#9d81af}
.tp-page > main .my-review>div:last-child>button,.tp-page > main .my-review>div:last-child>a{font-size:10px;color:#926aa6;margin-left:auto}
.tp-page > main .people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.tp-page > main .person-card{display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:12px;padding:24px 17px;background:white;gap:12px}
.tp-page > main .person-card>button:not(.button),.tp-page > main .person-card>a:not(.a){padding:0;text-align:center}
.tp-page > main .person-card h3{font-size:14px;font-weight:600}
.tp-page > main .person-card p{font-size:10px;color:#9675a5;margin-top:5px}
.tp-page > main .person-card>span:not(.avatar){font-size:10px;color:#a382b1}
.tp-page > main .person-card .button,.tp-page > main .person-card .a{margin-top:5px}
.tp-page > main .saved-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.tp-page > main .saved-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.tp-page > main .saved-card>img{width:100%;height:180px;object-fit:cover}
.tp-page > main .saved-card>div{padding:20px}
.tp-page > main .saved-card .eyebrow{font-size:8px;letter-spacing:.8px}
.tp-page > main .saved-card h3{font-size:17px;margin-top:10px;font-weight:600}
.tp-page > main .saved-card>div>div{display:flex;align-items:center;justify-content:space-between;margin-top:17px}
.tp-page > main .notification-list{border:1px solid var(--line);background:white;border-radius:12px;overflow:hidden}
.tp-page > main .notice{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:16px;width:100%;box-sizing:border-box;text-align:left;padding:22px 24px;border-bottom:1px solid var(--line);background:#faf7ff}
.tp-page > main .notice:last-child{border-bottom:0}
.tp-page > main .notice.read{background:white}
.tp-page > main .notice-icon{display:grid;place-items:center;width:40px;height:40px;align-self:start;border-radius:12px;color:#7652b1;background:#eee6fa;line-height:1}
.tp-page > main .notice-icon .icon{display:block;position:static;width:20px;height:20px;margin:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tp-page > main .notice-content{min-width:0;overflow-wrap:anywhere}
.tp-page > main .notice h3{font-size:14px;line-height:1.5;font-weight:600;margin:0 0 6px;color:#352840}
.tp-page > main .notice p{font-size:13px;color:#75647f;line-height:1.7;margin:0}
.tp-page > main .notice small{display:block;font-size:11px;color:#92829c;margin-top:9px}
.tp-page > main .notice-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end;padding-top:2px}
.tp-page > main .notice-unread{display:block;width:7px;height:7px;border-radius:50%;background:#7952c4;flex-shrink:0}
.tp-page > main .notice-open{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 10px;border:1px solid #e2d6ef;border-radius:8px;background:white;color:#684398;font-size:12px;font-weight:600;white-space:nowrap;text-decoration:none}
.tp-page > main .notice-open:hover{background:#f0e9fa;border-color:#c5aedf}
.tp-page > main .notice-open:focus-visible{outline:3px solid #b59adf;outline-offset:3px}
.tp-page > main .settings-form{padding:28px}
.tp-page > main .settings-avatar{display:flex;align-items:center;gap:15px;margin-bottom:28px}
.tp-page > main .settings-avatar h3{font-size:15px;font-weight:600}
.tp-page > main .settings-avatar p{font-size:11px;color:#9273a2;margin-top:6px}
.tp-page > main .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.tp-page > main .settings-form label:not(.toggle-row){display:block;font-size:12px;color:#826090;margin-bottom:22px}
.tp-page > main .settings-form input:not([type=checkbox]),.tp-page > main .settings-form textarea,.tp-page > main .share-label input{display:block;width:100%;background:#fcfafe;border:1px solid #d9c8e4;border-radius:8px;padding:12px 13px;margin-top:9px;font-size:12px;color:#5f406f}
.tp-page > main .settings-form textarea{resize:vertical;line-height:1.8}
.tp-page > main .settings-form label>small{font-size:9px;color:#a083ac;display:block;margin-top:7px}
.tp-page > main .settings-form input[readonly]{background:#f2edf6;color:#a48ab0}
.tp-page > main .form-end{border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px}
.tp-page > main .form-end>span{font-size:10px;color:#a083ac}
.tp-page > main .settings-form>h3{font-size:19px;font-weight:600;margin-bottom:12px}
.tp-page > main .form-intro{font-size:11px;line-height:1.8;color:#9a7ba8;margin-bottom:18px}
.tp-page > main .toggle-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 0;border-bottom:1px solid var(--line)}
.tp-page > main .toggle-row strong{display:block;font-size:12px;font-weight:500}
.tp-page > main .toggle-row small{display:block;font-size:10px;line-height:1.8;color:#9b7ca9;margin-top:7px;max-width:520px}
.tp-page > main .toggle-row input{appearance:none;flex-shrink:0;width:36px;height:21px;border-radius:20px;position:relative;background:#d9cbdf;cursor:pointer;transition:background .2s}
.tp-page > main .toggle-row input:after{content:'';position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:white;transition:transform .2s}
.tp-page > main .toggle-row input:checked{background:var(--purple)}
.tp-page > main .toggle-row input:checked:after{transform:translateX(15px)}
.tp-page > main .security-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:24px 0;gap:15px}
.tp-page > main .security-row strong{font-size:12px;font-weight:500}
.tp-page > main .security-row p{font-size:10px;color:#9b7ca9;line-height:1.8;margin-top:7px}
.tp-page > main .security-row+.fine{margin-top:20px}
.tp-page > main .leader-hero{display:flex;align-items:center;justify-content:space-between;margin:25px 0 30px;border-bottom:1px solid var(--line);padding:0 40px 31px 0}
.tp-page > main .leader-hero h1{font-size:42px;line-height:1.22;font-weight:550;letter-spacing:-1.6px;margin-top:13px}
.tp-page > main .leader-hero h1 em{font-style:normal;color:#9368a7}
.tp-page > main .leader-hero p{font-size:12px;color:#8b699b;line-height:1.9;margin-top:17px;max-width:550px}
.tp-page > main .leader-hero .text-button,.tp-page > main .leader-hero .text-a{font-size:11px;margin-top:13px}
.tp-page > main .leader-emblem{width:180px;height:180px;border-radius:50%;border:1px solid #e6d6ba;background:#faf2df;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;outline:10px solid #fbf8f0;transform:rotate(9deg);color:#b89a60}
.tp-page > main .leader-emblem>.icon{height:64px;width:64px;stroke-width:1.2}
.tp-page > main .leader-emblem>span{font-size:8px;letter-spacing:1.7px}
.tp-page > main .leader-controls{display:flex;align-items:center;gap:24px;margin-bottom:27px}
.tp-page > main .segmented{display:flex;gap:3px;padding:4px;background:#eee7f4;border-radius:9px}
.tp-page > main .segmented button,.tp-page > main .segmented a{font-size:11px;color:#9a78ab;border-radius:6px;padding:9px 17px}
.tp-page > main .segmented button[aria-pressed=true],.tp-page > main .segmented a[aria-pressed=true]{background:white;box-shadow:0 2px 6px #7651830b;color:#805696;font-weight:500}
.tp-page > main .leader-controls label{display:flex;gap:10px;align-items:center;font-size:10px;color:#967aa4}
.tp-page > main .leader-controls select{min-width:170px;padding:10px 13px;border:1px solid #ded0e8;border-radius:7px;background:white;color:#826090;font-size:11px}
.tp-page > main .leader-controls>span{font-size:10px;color:#a285b0;margin-left:auto}
.tp-page > main .podium{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:21px;align-items:end;margin-bottom:32px;padding-top:17px}
.tp-page > main .podium-card{position:relative;background:white;border:1px solid var(--line);border-radius:15px;text-align:center;padding:24px 25px}
.tp-page > main .podium-card.rank-1{padding-top:32px;padding-bottom:29px;background:linear-gradient(165deg,#fffaf0,#fff);border-color:#e6d5ae}
.tp-page > main .podium-position{display:grid;place-items:center;position:absolute;right:20px;top:20px;border:1px solid #e9dfee;background:#faf7fd;border-radius:8px;width:28px;height:28px;font-size:11px;color:#a28ab1}
.tp-page > main .rank-1 .podium-position{background:#fbf0d5;border-color:#e8d5a8;color:#b59140;width:34px;height:34px}
.tp-page > main .podium-person{padding:0;display:block;margin:auto}
.tp-page > main .podium-person h2{font-size:19px;letter-spacing:-.5px;margin-top:15px;font-weight:600}
.tp-page > main .podium-person p{font-size:10px;color:#a184b0;margin-top:5px}
.tp-page > main .podium-card .level-tag{margin:12px 0}
.tp-page > main .podium-score{display:block;font-family:Manrope;font-size:31px;font-weight:600;letter-spacing:-1px;color:#78558e;margin-top:5px}
.tp-page > main .rank-1 .podium-score{color:#b18b48}
.tp-page > main .podium-score small{display:block;font:9px 'DM Sans';letter-spacing:0;color:#a58ab1;margin-top:3px}
.tp-page > main .podium-card>.text-button,.tp-page > main .podium-card>.text-a{margin-top:16px;font-size:10px}
.tp-page > main .rank-1 .avatar{width:88px;height:88px;font-size:31px}
.tp-page > main .ranking-panel{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.tp-page > main .ranking-panel>.section-head{padding:24px}
.tp-page > main .section-head h2{font-size:19px;font-weight:600;letter-spacing:-.5px}
.tp-page > main .section-head p{font-size:10px;color:#9b7aa9;margin-top:7px}
.tp-page > main .search{display:flex;align-items:center;gap:9px;border:1px solid #e0d0e9;border-radius:7px;padding:9px 12px}
.tp-page > main .search .icon{height:15px;width:15px;color:#a283b1}
.tp-page > main .search input{font-size:10px;background:none;border:0;outline:0;color:#795387;width:165px}
.tp-page > main .search:focus-within{outline:2px solid #b997d5;outline-offset:2px}
.tp-page > main .search input::placeholder{color:#a184ae}
.tp-page > main .rank-row{display:flex;align-items:center;gap:21px;padding:18px 25px;border-top:1px solid #eee6f4}
.tp-page > main .rank-row.is-me{background:#f6effd}
.tp-page > main .rank-number{font:500 14px Manrope;color:#b096be;min-width:24px}
.tp-page > main .rank-person{display:flex;align-items:center;gap:13px;padding:0;text-align:left;flex:1;min-width:0}
.tp-page > main .rank-person strong{font-size:12px;font-weight:500;display:block}
.tp-page > main .rank-person small{font-size:9px;color:#a182ae;display:block;margin-top:4px}
.tp-page > main .rank-person i{font-size:8px;color:#ae8aba;font-style:normal;margin-left:8px;font-weight:400}
.tp-page > main .rank-level{font-size:10px;color:#a182ae;width:140px}
.tp-page > main .rank-score{font:600 17px Manrope;color:#88629b;width:100px;text-align:right;letter-spacing:-.5px}
.tp-page > main .rank-score small{display:block;font:9px 'DM Sans';color:#b092bc;letter-spacing:0;margin-top:2px}
.tp-page > main .rank-row>.button,.tp-page > main .rank-row>.a{min-width:106px;margin-left:10px}
.tp-page > main .my-rank{display:flex;align-items:center;gap:15px;border:1px solid #dcd0e8;border-radius:11px;padding:20px 24px;background:#f2ebf9;margin-top:19px}
.tp-page > main .rank-bubble{font-family:Manrope;font-size:20px;color:#9774ae;margin-right:4px}
.tp-page > main .my-rank strong{font-size:12px;font-weight:500}
.tp-page > main .my-rank p{font-size:10px;color:#9b79a9;margin-top:5px}
.tp-page > main .my-rank .button,.tp-page > main .my-rank .a{margin-left:auto;font-size:10px}
.tp-page > main .leader-note{display:flex;align-items:flex-start;gap:13px;padding:23px 5px;color:#a082af;max-width:870px}
.tp-page > main .leader-note .icon{height:18px;width:18px;margin-top:2px}
.tp-page > main .leader-note p{font-size:10px;line-height:1.9;color:#9b7aa9}
.tp-page > main .leader-note strong{font-weight:500;color:#805a90}
.tp-page > main .empty{grid-column:1/-1;text-align:center;padding:40px 25px;background:white;border:1px dashed #e1d2eb;border-radius:12px}
.tp-page > main .empty>.icon{height:28px;width:28px;color:#b99acd}
.tp-page > main .empty h3{font-size:16px;font-weight:600;margin:14px 0 10px}
.tp-page > main .empty p{font-size:11px;color:#9b7da8;line-height:1.8}
.tp-page > main .empty .button,.tp-page > main .empty .a{margin-top:20px;font-size:11px}
.tp-page dialog{width:550px;max-width:calc(100vw - 30px);max-height:85dvh;border:1px solid #e1d2ea;border-radius:16px;padding:27px;background:#fff;color:var(--ink);box-shadow:0 25px 70px #37244333}
.tp-page dialog::backdrop{background:#30233f70;backdrop-filter:blur(4px)}
.tp-page .dialog-head{display:flex;align-items:center;justify-content:space-between;gap:17px;margin-bottom:22px}
.tp-page .dialog-head h2{font-size:23px;font-weight:600;letter-spacing:-.7px;margin-top:8px}
.tp-page .dialog-head .eyebrow{font-size:8px}
.tp-page .dialog-head>button,.tp-page > main .dialog-head>a{border:1px solid var(--line);border-radius:7px;width:30px;height:30px;flex-shrink:0;font-size:24px;color:#a183b1;line-height:26px}
.tp-page .dialog-intro{font-size:12px;line-height:1.9;color:#8b699a;margin-bottom:20px}
.tp-page > main .rule-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid var(--line);gap:12px}
.tp-page > main .rule-row span{font-size:12px;color:#80618e}
.tp-page > main .rule-row small{display:block;font-size:9px;color:#ac8db7;margin-top:5px}
.tp-page > main .rule-row b{font:600 21px Manrope;color:#9273ac}
.tp-page > main .rule-row+.info-strip{margin-top:18px}
.tp-page #dialog-content>h3{font-size:15px;margin:22px 0 12px}
.tp-page > main .badge-detail{text-align:center;padding:15px 0 30px}
.tp-page > main .badge-detail .medal{height:105px;width:96px;border-radius:28px}
.tp-page > main .badge-detail .medal:after{border-radius:21px}
.tp-page > main .badge-detail .medal .icon{width:46px;height:46px}
.tp-page > main .badge-detail h3{font-size:18px;margin:24px 0 12px}
.tp-page > main .badge-detail p{font-size:12px;color:#9b78a9}
.tp-page > main .badge-detail strong{display:block;font-size:20px;color:#a080b3;margin-top:15px}
.tp-page > main .detail-review .stars{margin:20px 0}
.tp-page > main .detail-review h3{font-size:18px;margin-bottom:14px}
.tp-page > main .detail-review p{font-size:13px;line-height:1.9;color:#8a679a}
.tp-page > main .detail-review small{font-size:10px;color:#ab8ab8;display:block;margin:15px 0 23px}
.tp-page > main .lightbox-image{width:100%;max-height:60vh;object-fit:contain;border-radius:10px}
.tp-page > main .modal-people{grid-template-columns:1fr 1fr;margin-top:20px}
.tp-page > main .share-label{font-size:12px;color:#9471a3}
.tp-page > main .share-label input{margin-bottom:20px}
.tp-page > main .security-preview{padding:20px;background:#f9f4fc;border:1px solid #e8dced;border-radius:10px}
.tp-page > main .security-preview span{font-size:11px;color:#9570a6}
.tp-page > main .security-preview div{padding:13px;background:white;border:1px solid #e2d4ed;border-radius:7px;font-size:12px;color:#b095bf;margin:8px 0 15px}
.tp-page > main [hidden]{display:none!important}
.tp-page > main .bio p,.tp-page > main .review-text,.tp-page > main .guide p,.tp-page > main .my-review>p,.tp-page > main .points-overview p,.tp-page .dialog-intro,.tp-page > main .detail-review p{color:#74607f}
.tp-page > main .fine,.tp-page > main .info-strip p,.tp-page > main .notice p,.tp-page > main .toggle-row small,.tp-page > main .form-intro,.tp-page > main .leader-note p{color:#846b90}
.tp-page > main .profile-stats span,.tp-page > main .profile-info>p,.tp-page > main .review-top p,.tp-page > main .rank-person small,.tp-page > main .section-head p{color:#8a7097}
.tp-page > main .stars b,.tp-page > main .review-rating>time,.tp-page > main .tab-note{color:#9478a2}
.tp-page > main .profile-layout{grid-template-columns:minmax(0,1fr) 275px;gap:24px}
.tp-page > main .profile-summary{gap:17px;padding-inline:26px}
.tp-page > main .name-line h2{font-size:23px}
.tp-page > main .profile-actions{flex-wrap:wrap;justify-content:flex-end;max-width:210px}
.tp-page > main .cover-art{right:100px}
.tp-page > main .profile-info>p{font-size:9px}
.tp-page > main .panel-layout{grid-template-columns:210px minmax(0,1fr);gap:23px}
.tp-page > main .dashboard-banner{padding:25px}
.tp-page > main .dashboard-banner h3{font-size:21px}
.tp-page > main .banner-medal{width:80px;height:95px;margin-right:0}
.tp-page > main .banner-medal .icon{height:49px;width:49px}
.tp-page > main .people-grid{grid-template-columns:1fr 1fr}
.tp-page > main .badge-grid{gap:12px}
.tp-page > main .badge-card{padding-inline:10px}
.tp-page > main .rank-level{width:115px;font-size:9px}
.tp-page > main .dashboard-stats button,.tp-page > main .dashboard-stats a{padding:16px}
.tp-page > main .dashboard-stats span{font-size:9px}
.tp-page > main .two-up{gap:13px}
.tp-page > main .box{padding:19px}
.tp-page > main .section-head h3{font-size:13px}
 @media(max-width:850px){
.tp-page > main .profile-layout{grid-template-columns:minmax(0,1fr) 235px;gap:20px}
.tp-page > main .cover{height:210px;padding-left:30px}
.tp-page > main .cover-art{right:60px;transform:scale(.8);transform-origin:right center}
.tp-page > main .cover-watermark{font-size:14px}
.tp-page > main .cover h1{font-size:30px}
.tp-page > main .avatar.portrait{height:90px;width:90px;font-size:30px;border-radius:22px;margin-top:-47px}
.tp-page > main .profile-summary{align-items:flex-start;flex-wrap:wrap;padding:20px 24px}
.tp-page > main .profile-info{min-width:300px}
.tp-page > main .profile-actions{margin-left:107px;max-width:none;justify-content:flex-start;margin-top:-5px}
.tp-page > main .profile-info>p{font-size:10px}
.tp-page > main .side-card{padding:17px}
.tp-page > main .points-feature{padding:22px}
.tp-page > main .points-total>strong{font-size:35px}
.tp-page > main .badge-mini{gap:5px}
.tp-page > main .badge-mini .medal{width:49px;height:54px}
.tp-page > main .badge-mini small{font-size:7px}
.tp-page > main .suggested{gap:8px}
.tp-page > main .suggested strong{font-size:10px}
.tp-page > main .suggested small{font-size:8px}
.tp-page > main .suggested .avatar{width:32px;height:32px;font-size:10px}
.tp-page > main .profile-stats strong{font-size:22px}
.tp-page > main .profile-stats span{font-size:8px}
.tp-page > main .review-rating{gap:8px;flex-wrap:wrap}
.tp-page > main .review-rating>time{font-size:8px}
.tp-page > main .badge-grid{grid-template-columns:1fr 1fr}
.tp-page > main .panel-layout{display:block}
.tp-page > main .panel-nav{position:static;padding:8px;margin-bottom:25px;overflow:hidden}
.tp-page > main .panel-user,.tp-page > main .panel-nav-bottom{display:none}
.tp-page > main .panel-nav nav{display:flex;overflow:auto;gap:5px;white-space:nowrap}
.tp-page > main .panel-nav nav button,.tp-page > main .panel-nav nav a{width:auto;flex-shrink:0;margin:0;padding:10px;font-size:10px;gap:7px}
.tp-page > main .panel-nav nav button .icon,.tp-page > main .panel-nav nav a .icon{height:15px;width:15px}
.tp-page > main .workspace-heading{margin-top:23px}
.tp-page > main .workspace-heading h1{font-size:29px}
.tp-page > main .panel-badges{grid-template-columns:repeat(3,1fr)}
.tp-page > main .leader-hero h1{font-size:35px}
.tp-page > main .leader-emblem{width:135px;height:135px;margin-left:30px;flex-shrink:0}
.tp-page > main .leader-emblem>.icon{height:48px;width:48px}
.tp-page > main .leader-emblem>span{font-size:6px}
.tp-page > main .leader-hero{padding-right:20px}
.tp-page > main .leader-controls{gap:15px;flex-wrap:wrap}
.tp-page > main .leader-controls>span{font-size:9px}
.tp-page > main .rank-level{display:none}
.tp-page > main .podium{gap:15px}
.tp-page > main .podium-person h2{font-size:16px}
.tp-page > main .podium-card{padding-inline:15px}
.tp-page > main .podium-position{top:13px;right:13px}
.tp-page > main .podium-card .level-tag{font-size:8px}
.tp-page > main .rank-row{gap:14px;padding:17px 20px}
.tp-page > main .rank-score{width:60px}
.tp-page > main .rank-row>.button,.tp-page > main .rank-row>.a{min-width:102px}
.tp-page > main .ranking-panel>.section-head{padding:20px}
.tp-page > main .ranking-panel .search{max-width:205px}
.tp-page > main .my-rank{padding:18px}
.tp-page > main .my-rank strong{font-size:11px}
.tp-page > main .my-rank p{font-size:9px}
} @media(max-width:650px){
.tp-page > main #main{padding:0 18px}
.tp-page > main .breadcrumb{margin:15px 0 18px;font-size:9px}
.tp-page > main .breadcrumb button,.tp-page > main .breadcrumb a{font-size:9px}
.tp-page > main .profile-hero{border-radius:13px}
.tp-page > main .cover{height:180px;padding:24px}
.tp-page > main .cover h1{font-size:25px;line-height:1.2;max-width:160px}
.tp-page > main .cover .eyebrow{font-size:6px;letter-spacing:1.2px}
.tp-page > main .cover-art{right:-38px;transform:scale(.6)}
.tp-page > main .cover-caption{display:none}
.tp-page > main .cover-watermark{font-size:11px;bottom:15px;right:20px}
.tp-page > main .cover .float-star{right:45px}
.tp-page > main .profile-summary{padding:0 20px 22px;gap:13px;display:block}
.tp-page > main .avatar.portrait{height:78px;width:78px;border-width:5px;border-radius:20px;font-size:28px;margin-top:-26px;position:relative}
.tp-page > main .profile-info{min-width:0;margin-top:10px}
.tp-page > main .name-line{gap:8px}
.tp-page > main .name-line h2{font-size:22px}
.tp-page > main .name-line .level-tag{font-size:8px;padding:4px 6px}
.tp-page > main .name-line .level-tag .icon{height:11px;width:11px}
.tp-page > main .profile-info>p{font-size:9px;line-height:1.8}
.tp-page > main .profile-info>p>span{margin:0 3px}
.tp-page > main .follow-stats{margin-top:10px}
.tp-page > main .profile-actions{margin:17px 0 0;max-width:none;gap:8px}
.tp-page > main .profile-actions .button,.tp-page > main .profile-actions .a{font-size:10px;padding:10px 13px}
.tp-page > main .profile-actions>.icon-button,.tp-page > main .profile-actions>.icon-a{margin-left:auto}
.tp-page > main .profile-layout{display:flex;flex-direction:column;gap:22px;margin-top:22px}
.tp-page > main .profile-main{width:100%}
.tp-page > main .profile-aside{display:grid;grid-template-columns:1fr;gap:15px}
.tp-page > main .profile-aside .side-card{margin:0}
.tp-page > main .points-feature{padding:23px}
.tp-page > main .points-feature h3{margin-bottom:15px}
.tp-page > main .points-total{margin-top:12px}
.tp-page > main .points-feature .progress{max-width:100%}
.tp-page > main .points-feature button,.tp-page > main .points-feature a{margin-top:15px}
.tp-page > main .bio p{font-size:12px;line-height:1.85}
.tp-page > main .interests{gap:7px;margin-top:12px}
.tp-page > main .interests span{font-size:8px}
.tp-page > main .profile-stats{padding:17px 0;margin:18px 0}
.tp-page > main .profile-stats strong{font-size:21px}
.tp-page > main .profile-stats span{font-size:7px;line-height:1.7;max-width:65px;margin:4px auto 0}
.tp-page > main .tabs{gap:23px;margin-bottom:17px}
.tp-page > main .tabs button,.tp-page > main .tabs a{font-size:11px;padding:10px 0 13px}
.tp-page > main .tab-note{display:none}
.tp-page > main .review-card{padding:18px;border-radius:11px;margin-bottom:15px}
.tp-page > main .review-top{gap:10px}
.tp-page > main .review-top h3{font-size:12px}
.tp-page > main .review-top p{font-size:9px}
.tp-page > main .review-top>img{width:40px;height:40px}
.tp-page > main .review-rating{margin-top:18px;gap:9px}
.tp-page > main .review-rating>time{font-size:8px;width:100%;margin:0}
.tp-page > main .stars .icon{height:13px;width:13px}
.tp-page > main .proof{font-size:8px;padding:4px 6px}
.tp-page > main .review-card h4{font-size:14px;line-height:1.6;margin:12px 0 8px}
.tp-page > main .review-text{font-size:11px;line-height:1.9}
.tp-page > main .review-photo button,.tp-page > main .review-photo a{height:120px;width:190px}
.tp-page > main .review-bottom{margin-top:17px;padding-top:12px}
.tp-page > main .review-bottom button,.tp-page > main .review-bottom a,.tp-page > main .help-count{font-size:9px}
.tp-page > main .review-bottom .icon{height:13px;width:13px}
.tp-page > main .badge-mini{justify-content:space-around;gap:18px}
.tp-page > main .badge-mini .medal{height:65px;width:59px}
.tp-page > main .badge-mini small{font-size:9px}
.tp-page > main .side-card .section-head h3{font-size:14px}
.tp-page > main .side-card .fine{font-size:10px}
.tp-page > main .suggested strong{font-size:12px}
.tp-page > main .suggested small{font-size:10px}
.tp-page > main .suggested .avatar{height:37px;width:37px;font-size:12px}
.tp-page > main .photo-grid{gap:12px}
.tp-page > main .photo-grid button,.tp-page > main .photo-grid a{height:180px}
.tp-page > main .photo-grid span{font-size:11px;padding:26px 13px 13px}
.tp-page > main .photo-grid small{font-size:8px}
.tp-page > main .badge-grid{gap:12px}
.tp-page > main .badge-card{padding:20px 13px}
.tp-page > main .badge-card h3{font-size:12px}
.tp-page > main .badge-card p{font-size:9px}
.tp-page > main .badge-card .medal{width:65px;height:71px;border-radius:20px}
.tp-page > main .badge-card .medal .icon{height:30px;width:30px}
.tp-page > main .badge-status{font-size:7px}
.tp-page > main .badge-card>small{font-size:7px}
.tp-page > main .workspace-heading{margin:20px 0}
.tp-page > main .workspace-heading .eyebrow{font-size:7px}
.tp-page > main .workspace-heading h1{font-size:25px;margin-top:7px}
.tp-page > main .workspace-heading .button,.tp-page > main .workspace-heading .a{font-size:9px;padding:10px 11px;min-height:35px}
.tp-page > main .panel-nav{margin-bottom:22px;border-radius:10px}
.tp-page > main .panel-nav nav button,.tp-page > main .panel-nav nav a{font-size:10px}
.tp-page > main .panel-title h2{font-size:24px}
.tp-page > main .panel-title{margin-bottom:18px;align-items:flex-start}
.tp-page > main .panel-title .eyebrow{font-size:7px}
.tp-page > main .panel-title>.text-button,.tp-page > main .panel-title>.text-a{font-size:9px;max-width:116px;text-align:right;line-height:1.6}
.tp-page > main .dashboard-banner{padding:23px 21px;min-height:216px}
.tp-page > main .dashboard-banner>div:first-child{position:relative;z-index:1;width:100%}
.tp-page > main .dashboard-banner h3{font-size:21px;max-width:230px;line-height:1.4}
.tp-page > main .dashboard-banner p{font-size:10px;max-width:220px}
.tp-page > main .dashboard-banner .eyebrow{font-size:7px}
.tp-page > main .dashboard-banner .progress{max-width:235px;margin-top:17px}
.tp-page > main .dashboard-banner small{font-size:8px}
.tp-page > main .banner-medal{position:absolute;right:-20px;top:30px;width:77px;height:94px;opacity:.2}
.tp-page > main .dashboard-banner>button,.tp-page > main .dashboard-banner>a{font-size:8px;right:18px;bottom:21px}
.tp-page > main .dashboard-stats{grid-template-columns:1fr 1fr;gap:11px;margin:15px 0}
.tp-page > main .dashboard-stats button,.tp-page > main .dashboard-stats a{padding:17px}
.tp-page > main .dashboard-stats strong{font-size:24px}
.tp-page > main .dashboard-stats span{font-size:10px}
.tp-page > main .two-up{grid-template-columns:1fr;gap:15px}
.tp-page > main .box{padding:20px}
.tp-page > main .two-up .section-head h3{font-size:14px}
.tp-page > main .next-badge{margin:18px 0}
.tp-page > main .pending-review{margin:19px 0}
.tp-page > main .feed-title{margin-top:25px}
.tp-page > main .feed-title h3{font-size:14px}
.tp-page > main .feed-title button,.tp-page > main .feed-title a{font-size:9px}
.tp-page > main .feed-author{flex-wrap:wrap;gap:8px}
.tp-page > main .feed-author time{margin-left:40px;font-size:8px}
.tp-page > main .feed-author button,.tp-page > main .feed-author a{font-size:9px;line-height:1.7}
.tp-page > main .feed-author b{display:block}
.tp-page > main .panel-badges{grid-template-columns:1fr 1fr}
.tp-page > main .info-strip{padding:14px;gap:9px}
.tp-page > main .info-strip p{font-size:10px}
.tp-page > main .points-overview{grid-template-columns:1fr;gap:20px;padding:23px}
.tp-page > main .points-overview>div:first-child{border-right:0;border-bottom:1px solid var(--line);padding-bottom:20px}
.tp-page > main .points-overview h3{font-size:16px}
.tp-page > main .points-overview p{font-size:11px}
.tp-page > main .ledger .section-head{align-items:flex-start;flex-direction:column;gap:6px}
.tp-page > main .ledger-row{padding:17px 0;gap:10px}
.tp-page > main .ledger-row strong{font-size:11px}
.tp-page > main .ledger-row p{font-size:9px}
.tp-page > main .ledger-row>b{font-size:16px}
.tp-page > main .ledger-icon{width:32px;height:32px}
.tp-page > main .ledger-icon .icon{width:16px;height:16px}
.tp-page > main .ledger-total{font-size:11px}
.tp-page > main .my-review{padding:18px}
.tp-page > main .my-review strong{font-size:11px}
.tp-page > main .my-review small{font-size:8px}
.tp-page > main .my-review h3{font-size:14px;line-height:1.5}
.tp-page > main .my-review>p{font-size:11px}
.tp-page > main .my-review>div:last-child{gap:10px;flex-wrap:wrap}
.tp-page > main .my-review>div:last-child>span:not(.stars){font-size:8px}
.tp-page > main .my-review>div:first-child{gap:10px;flex-wrap:wrap}
.tp-page > main .people-grid{gap:12px}
.tp-page > main .person-card{padding:20px 10px;gap:11px}
.tp-page > main .person-card h3{font-size:12px}
.tp-page > main .person-card p{font-size:8px}
.tp-page > main .person-card>span:not(.avatar){font-size:9px}
.tp-page > main .person-card .button,.tp-page > main .person-card .a{font-size:9px;padding-inline:10px}
.tp-page > main .saved-grid{grid-template-columns:1fr}
.tp-page > main .saved-card>img{height:185px}
.tp-page > main .notice{padding:18px 15px;gap:10px 12px;grid-template-columns:34px minmax(0,1fr)}
.tp-page > main .notice-actions{grid-column:2;justify-content:flex-start;padding-top:0}
.tp-page > main .notice h3{font-size:13px;line-height:1.5}
.tp-page > main .notice p{font-size:12px}
.tp-page > main .notice-icon{height:33px;width:33px}
.tp-page > main .notice-icon .icon{height:17px;width:17px}
.tp-page > main .settings-form{padding:21px 18px}
.tp-page > main .settings-avatar{gap:12px;margin-bottom:23px}
.tp-page > main .settings-avatar h3{font-size:13px}
.tp-page > main .settings-avatar p{font-size:10px;line-height:1.7}
.tp-page > main .form-grid{grid-template-columns:1fr;gap:0}
.tp-page > main .settings-form label:not(.toggle-row){font-size:11px}
.tp-page > main .form-end{flex-direction:column;align-items:stretch;gap:14px}
.tp-page > main .form-end>span{font-size:9px}
.tp-page > main .form-end .button,.tp-page > main .form-end .a{width:100%}
.tp-page > main .toggle-row{padding:19px 0;gap:15px}
.tp-page > main .toggle-row strong{font-size:11px}
.tp-page > main .toggle-row small{font-size:10px}
.tp-page > main .settings-form>h3{font-size:17px}
.tp-page > main .security-row{align-items:flex-start;gap:12px}
.tp-page > main .security-row strong{font-size:11px}
.tp-page > main .security-row p{font-size:9px}
.tp-page > main .security-row .button,.tp-page > main .security-row .a{font-size:9px;padding-inline:8px}
.tp-page > main .leader-hero{margin:19px 0 23px;padding:0 0 24px;position:relative}
.tp-page > main .leader-hero>div:first-child{position:relative;z-index:1}
.tp-page > main .leader-hero .eyebrow{font-size:8px}
.tp-page > main .leader-hero h1{font-size:31px;letter-spacing:-1.1px;line-height:1.25}
.tp-page > main .leader-hero p{font-size:11px;max-width:280px;margin-top:15px}
.tp-page > main .leader-emblem{position:absolute;right:0;top:12px;width:80px;height:80px;opacity:.15;outline:5px solid #fbf8f0;z-index:0}
.tp-page > main .leader-emblem .icon{height:38px;width:38px}
.tp-page > main .leader-emblem>span{display:none}
.tp-page > main .leader-hero .text-button,.tp-page > main .leader-hero .text-a{font-size:10px}
.tp-page > main .leader-controls{gap:13px;margin-bottom:22px;align-items:center}
.tp-page > main .segmented{padding:3px}
.tp-page > main .segmented button,.tp-page > main .segmented a{padding:8px 13px;font-size:10px}
.tp-page > main .leader-controls label{font-size:0;margin-left:auto;gap:0}
.tp-page > main .leader-controls select{min-width:0;width:142px;font-size:10px;padding:10px}
.tp-page > main .leader-controls>span{width:100%;font-size:9px;margin:0}
.tp-page > main .podium{grid-template-columns:1fr 1.05fr 1fr;gap:8px;padding-top:15px;margin-bottom:25px}
.tp-page > main .podium-card{padding:30px 6px 18px;border-radius:11px}
.tp-page > main .podium-card.rank-1{padding:38px 6px 22px}
.tp-page > main .podium-card .avatar.large{width:48px;height:48px;font-size:17px}
.tp-page > main .rank-1 .avatar.large{width:56px;height:56px;font-size:20px}
.tp-page > main .podium-person h2{font-size:11px;letter-spacing:-.2px;margin-top:12px;line-height:1.5}
.tp-page > main .podium-person p{font-size:8px;margin-top:4px}
.tp-page > main .podium-card .level-tag{display:none}
.tp-page > main .podium-position{height:21px;width:21px;top:7px;right:7px;font-size:8px;border-radius:6px}
.tp-page > main .rank-1 .podium-position{width:26px;height:26px;top:-12px;right:calc(50% - 13px);border-radius:7px}
.tp-page > main .podium-position .icon{height:16px;width:16px}
.tp-page > main .podium-score{font-size:23px;margin-top:12px;letter-spacing:-.6px}
.tp-page > main .podium-score small{font-size:7px}
.tp-page > main .podium-card>.text-button,.tp-page > main .podium-card>.text-a{font-size:7px;margin-top:10px}
.tp-page > main .ranking-panel>.section-head{display:block;padding:18px}
.tp-page > main .ranking-panel .section-head h2{font-size:17px}
.tp-page > main .ranking-panel .section-head p{font-size:9px;line-height:1.7}
.tp-page > main .ranking-panel .search{margin-top:15px;max-width:none;width:100%;padding:10px 12px}
.tp-page > main .search input{width:100%;font-size:11px}
.tp-page > main .rank-row{padding:15px 13px;gap:9px}
.tp-page > main .rank-number{font-size:11px;min-width:18px}
.tp-page > main .rank-person{gap:8px}
.tp-page > main .rank-person .avatar{height:30px;width:30px;font-size:10px}
.tp-page > main .rank-person strong{font-size:10px}
.tp-page > main .rank-person small{font-size:7px;line-height:1.5;max-width:100px}
.tp-page > main .rank-person i{font-size:7px;display:inline-block;margin-left:3px}
.tp-page > main .rank-score{font-size:14px;width:39px;flex-shrink:0}
.tp-page > main .rank-score small{font-size:7px}
.tp-page > main .rank-row>.button,.tp-page > main .rank-row>.a{font-size:8px;min-width:0;width:79px;margin-left:3px;min-height:30px;padding:8px 5px;border-radius:6px}
.tp-page > main .my-rank{padding:16px 14px;gap:10px;flex-wrap:wrap}
.tp-page > main .rank-bubble{font-size:16px;margin:0}
.tp-page > main .my-rank .avatar{width:32px;height:32px;font-size:10px}
.tp-page > main .my-rank strong{font-size:10px}
.tp-page > main .my-rank p{font-size:9px}
.tp-page > main .my-rank .button,.tp-page > main .my-rank .a{width:100%;margin-top:5px;min-height:36px}
.tp-page > main .leader-note{padding-top:19px;gap:10px}
.tp-page > main .leader-note p{font-size:9px}
.tp-page > main .leader-note strong{display:block;margin-bottom:4px}
.tp-page > main .leader-note .icon{height:15px;width:15px}
.tp-page dialog{padding:23px;max-width:calc(100vw - 26px)}
.tp-page .dialog-head h2{font-size:20px}
.tp-page .dialog-intro{font-size:11px}
.tp-page > main .rule-row span{font-size:11px}
.tp-page > main .rule-row small{font-size:8px}
.tp-page > main .rule-row b{font-size:19px}
.tp-page > main .modal-people{gap:10px}
.tp-page > main .modal-people .person-card{padding-inline:10px}
.tp-page > main .empty{padding:32px 18px}
.tp-page > main .empty h3{font-size:14px}
.tp-page > main .empty p{font-size:10px}
.tp-page > main .empty .button,.tp-page > main .empty .a{font-size:10px}
} @media(max-width:360px){
.tp-page > main .name-line .level-tag{font-size:7px}
.tp-page > main .rank-row{gap:6px;padding-inline:10px}
.tp-page > main .rank-person{gap:6px}
.tp-page > main .rank-person strong{font-size:9px}
.tp-page > main .rank-row>.button,.tp-page > main .rank-row>.a{width:65px;font-size:7px}
.tp-page > main .rank-person .avatar{height:26px;width:26px;font-size:8px}
.tp-page > main .rank-score{width:34px;font-size:12px}
.tp-page > main .leader-controls select{width:129px}
.tp-page > main .segmented button,.tp-page > main .segmented a{padding-inline:11px}
.tp-page > main .podium-person h2{font-size:10px}
.tp-page > main .podium-card>.text-button,.tp-page > main .podium-card>.text-a{font-size:6px}
.tp-page > main .profile-info>p{font-size:8px}
.tp-page > main .people-grid{gap:9px}
.tp-page > main .person-card .button,.tp-page > main .person-card .a{font-size:8px}
} @media(prefers-reduced-motion:reduce){.tp-page > main *{transition:none!important;scroll-behavior:auto!important}
} .tp-page > main .profile-summary{position:relative;background:#fff;isolation:isolate}
.tp-page > main .avatar.portrait{position:relative}
.tp-page > main .profile-hero{isolation:isolate}
.tp-page > main .cover{isolation:isolate}
.tp-page > main .profile-info>p,.tp-page > main .follow-stats button,.tp-page > main .follow-stats a,.tp-page > main .bio p,.tp-page > main .review-text,.tp-page > main .review-top p,.tp-page > main .rank-person small,.tp-page > main .rank-level,.tp-page > main .profile-stats span{color:#776183}
.tp-page > main .fine,.tp-page > main .notice p,.tp-page > main .toggle-row small,.tp-page > main .info-strip p,.tp-page > main .form-intro,.tp-page > main .ledger-row p,.tp-page > main .person-card p{color:#80678d}
.tp-page > main .section-head button,.tp-page > main .section-head a,.tp-page > main .text-button,.tp-page > main .text-a{color:#79539a}
.tp-page > main .settings-form label:not(.toggle-row){color:#745580}

.professional-account-link{display:block;padding:14px;margin:12px 8px;border:1px solid #ded1f3;border-radius:10px;background:#f4effd;color:#633bc8;font-size:13px;font-weight:600}

/* Hesap bilgileri: fotograf, kapak galerisi secimi */
.heading-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
img.avatar{object-fit:cover}
.avatar-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.avatar-actions .button{cursor:pointer}
.cover-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 4px}
.cover-choice{position:relative;display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;background:#f7f3fc;aspect-ratio:4/3}
.cover-choice input{position:absolute;opacity:0;pointer-events:none}
.cover-choice img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}
.cover-choice:hover img{transform:scale(1.03)}
.cover-choice small{position:absolute;left:0;right:0;bottom:0;padding:7px 10px;font-size:9px;color:white;background:linear-gradient(#0000,#1f1428cc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cover-choice .cover-order{position:absolute;top:8px;left:8px;width:24px;height:24px;border-radius:50%;border:2px solid #ffffffcc;background:#ffffff40;color:white;font-size:11px;font-weight:650;display:grid;place-items:center}
.cover-choice:has(input:checked){box-shadow:0 0 0 2px #7448d2;border-color:#7448d2}
.cover-choice:has(input:checked) .cover-order{background:#7448d2}
.cover-choice:has(input:disabled){opacity:.45;cursor:not-allowed}
.cover-count{font-size:11px;color:#8a7797}
@media(max-width:760px){.cover-choices{grid-template-columns:repeat(3,1fr);gap:9px}}
@media(max-width:480px){.cover-choices{grid-template-columns:repeat(2,1fr)}}

/* Yorumlarim: yayindaki fotograf kucuk resimleri */
.tp-page .p-review-photos{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 2px}
.tp-page .p-review-photo{width:112px;height:84px;flex:none;border:1px solid #ece4f2;border-radius:9px;overflow:hidden;background:#f7f3fc;display:block}
.tp-page .p-review-photo img{width:100%;height:100%;object-fit:cover;display:block}

/* Panel alt sekmeleri (gruplanmis menu) */
.panel-subtabs{margin-top:-6px}
.panel-subtabs a b{display:inline-block;min-width:18px;padding:1px 6px;margin-left:2px;border-radius:999px;background:#eee7f6;color:#7051a4;font-size:10px;font-weight:600;line-height:1.5;text-align:center}
.panel-subtabs a[aria-pressed=true] b{background:var(--purple);color:#fff}

/* Saglayici hesabi olusturma: bireysel / kurumsal secimi ve bul-olustur kartlari */
.sp-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.sp-choice-card{display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff;color:inherit;text-decoration:none;min-width:0}
a.sp-choice-card:hover{border-color:#c9b8e8;box-shadow:0 10px 30px #34283c14}
.sp-choice-card h3{margin:0;font-size:20px}
.sp-choice-card>p{margin:0;font-size:13px;line-height:1.7;color:#796983}
.sp-choice-go{margin-top:auto;font-weight:600;color:var(--purple);font-size:13px}
.sp-choice-card .button{align-self:flex-start}
.sp-back{display:inline-block;font-size:12px;color:#6a587c;margin-bottom:14px}
.sp-inline-form{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.sp-inline-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#6f5f7b}
.sp-inline-form label.toggle-row{flex-direction:row;align-items:flex-start;gap:8px;line-height:1.6}
.sp-inline-form input,.sp-inline-form select{font:inherit;font-size:13px;padding:10px 12px;border:1px solid #ded4eb;border-radius:9px;background:#fff;color:#2d2436}
.sp-inline-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sp-inline-form .button{align-self:stretch;text-align:center}
.sp-choice-card .bf-in-panel{margin-top:6px}
.sp-choice-card .bf-in-panel .bf-search input{width:100%}
@media(max-width:860px){.sp-choice-grid{grid-template-columns:1fr}}

/* Sol menu alt kartlari: ikon + baslik + alt satir */
.professional-account-link{display:flex;align-items:center;gap:12px;padding:12px 14px}
.professional-account-link>span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0}
.professional-account-link strong{font-size:13px;font-weight:600;line-height:1.3}
.professional-account-link small{font-size:11px;font-weight:400;color:#8a7797}
.professional-account-link .pal-icon{flex:none;width:34px;height:34px;border-radius:9px;background:#fff;border:1px solid #e5dbf3;display:grid;place-items:center}
.professional-account-link .pal-icon svg{width:18px;height:18px;fill:none;stroke:#633bc8;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.professional-account-link .pal-arrow{margin-left:auto;color:#9a86b8;font-size:14px}
.professional-account-link.is-create{background:#633bc8;border-color:#633bc8;color:#fff}
.professional-account-link.is-create small{color:#d9ccf5}
.professional-account-link.is-create .pal-icon{background:#ffffff22;border-color:#ffffff33}
.professional-account-link.is-create .pal-icon svg{stroke:#fff}
.professional-account-link.is-create .pal-arrow{color:#e9e0fb}
.professional-account-link.is-create[aria-current=page]{box-shadow:0 0 0 3px #d9ccf5}

/* Panel ust cagri kutusu (oner / sahiplen) */
.panel-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;margin:0 0 18px;border:1px solid #ded1f3;border-radius:14px;background:#f4effd}
.panel-cta strong{display:block;font-size:15px;margin-bottom:4px;color:#2d2436}
.panel-cta p{margin:0;font-size:13px;line-height:1.65;color:#6f5f7b;max-width:620px}
.panel-cta .button{flex:none;white-space:nowrap}
@media(max-width:700px){.panel-cta{flex-direction:column;align-items:flex-start}.panel-cta .button{align-self:stretch;text-align:center}}

/* Hesap bilgileri: fotograf dugmeleri ayni olcu, kutular arasinda bosluk */
.avatar-actions .button{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:12px;font-weight:600;line-height:1.2;padding:9px 14px;min-height:36px;margin:0;cursor:pointer}
.settings-form + .settings-form{margin-top:16px}
.tp-page > main .settings-form .avatar-actions label.button,.tp-page > main .settings-form .avatar-actions button.button{display:inline-flex;align-items:center;justify-content:center;margin:0;font-size:12px;font-weight:600;line-height:1.2;padding:9px 14px;min-height:36px;color:#633bc8}
.panel-content{padding-bottom:28px}

/* Mobil panel menusu: yatay kaydirmali sekme seridi, aktif oge gorunur, kenarlarda soluklasma */
@media(max-width:850px){
  .tp-page > main .panel-nav{padding:8px 0 10px;margin-bottom:18px;border:0;background:transparent;overflow:visible}
  .tp-page > main .panel-nav nav{position:relative;gap:6px;padding:0 12px 6px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 28px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 28px),transparent)}
  .tp-page > main .panel-nav nav::-webkit-scrollbar{display:none}
  .tp-page > main .panel-nav nav a{scroll-snap-align:start;padding:9px 13px;border:1px solid #e3dbee;border-radius:999px;background:#fff;font-size:12px;color:#5f4f6c}
  .tp-page > main .panel-nav nav a[aria-current=page]{background:#633bc8;border-color:#633bc8;color:#fff}
  .tp-page > main .panel-nav nav a .icon{display:none}
  .tp-page > main .panel-nav nav a b{background:#efe8fa;color:#633bc8}
  .tp-page > main .panel-nav nav a[aria-current=page] b{background:#ffffff33;color:#fff}
  .tp-page > main .professional-account-link{margin:0 12px 8px;padding:10px 12px}
  .tp-page > main .professional-account-link small{display:none}
  .tp-page > main .professional-account-link .pal-icon{width:28px;height:28px}
}

/* Mobilde panel ciplari gizli: hesap cekmecesi ayni listeyi veriyor */
@media(max-width:760px){.tp-page > main .panel-nav nav{display:none}.tp-page > main .panel-nav{padding:0;margin-bottom:12px}}
@media(max-width:760px){.tp-page > main .professional-account-link{display:none}}