:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#232429;background:#f6f6f8;font-size:14px;--border:#dedee4;--accent:#3478f6}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:var(--accent);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[role=row]:focus-visible{outline:3px solid #3478f680;outline-offset:2px}.site-header{max-width:1440px;margin:auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.site-header>a{color:inherit;font-weight:700;font-size:20px}.site-header>div{display:flex;gap:20px;align-items:center}button{border:1px solid var(--border);border-radius:7px;background:white;padding:8px 12px;color:inherit}main{max-width:1440px;margin:36px auto;padding:0 32px 60px}h1{font-size:44px;letter-spacing:-1.5px;margin:0 0 10px}.intro p{color:#73747c;font-size:17px;margin-top:0}#message{min-height:20px;color:#73747c}.workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}.workspace.has-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#master{min-width:0}.search-label{display:block;font-weight:600;margin-bottom:8px}#search{width:100%;background:white;border:1px solid var(--border);border-radius:9px;padding:12px 14px;margin-bottom:18px;outline-offset:1px}.profile-table{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:white}.column-bar,.profile-row{display:grid;grid-template-columns:38px minmax(80px,1fr) minmax(100px,1.4fr) 64px 90px;gap:0;align-items:center}.column-bar{background:#ededf1;border-bottom:1px solid var(--border);height:40px}.column-bar button{border:0;border-radius:0;background:transparent;height:40px;padding:0 10px;text-align:left;font-size:12px;border-left:1px solid var(--border);white-space:nowrap}.column-bar button[aria-sort]:not([aria-sort=none]){background:var(--accent);color:white}.profile-row{min-height:66px;border-bottom:1px solid #eeeef2;padding:8px 0;cursor:pointer;transition:background .15s}.profile-row:last-child{border-bottom:0}.profile-row:hover{background:#f7f8fc}.profile-row.selected{background:#eaf1ff}.profile-row>span{padding:0 10px;min-width:0;overflow-wrap:anywhere}.profile-row .row-title{font-weight:600}.profile-row .date{font-size:11px;color:#80818a}.avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;margin:0 4px}.avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:#e9eaf0;color:#777;font-weight:600}.like{border:0;background:transparent;padding:8px 3px;font-size:12px;white-space:nowrap}.like:disabled{cursor:default;opacity:1;color:#82838c}.like[aria-pressed=true]{color:#d94b68}.ranking{margin:0;min-width:0}.ranking h2{font-size:18px;margin:0 0 12px;letter-spacing:-.3px}.ranking h2 span{font-size:10px;font-weight:500;color:#7c7d87;background:#e9e9ee;border-radius:5px;padding:4px 6px}.ranking>div{background:transparent;border:0;border-radius:0}.empty{padding:25px 16px;color:#8b8c94;text-align:center}.detail{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:hidden;background:white;border:1px solid var(--border);border-radius:14px;padding:0;min-width:0}.back{border:0;padding-left:0;color:var(--accent);margin-bottom:22px}.detail-author{display:flex;align-items:center;gap:12px;color:#797a83}.detail-author .avatar{width:58px;height:58px;margin:0}.detail h2{font-size:28px;letter-spacing:-.7px;line-height:1.15;margin:20px 0 12px}.description{font-size:15px;color:#666770;line-height:1.5;white-space:pre-wrap}.detail-meta{display:flex;justify-content:space-between;align-items:center;color:#82838c}.detail-meta .like{font-size:16px}.download{display:inline-block;margin:20px 0;background:var(--accent);color:white;padding:10px 16px;border-radius:8px}.detail h3{font-size:16px;margin:26px 0 14px}.notification{background:#f1f1f5;border:1px solid #e5e5ec;border-radius:14px;padding:14px;display:flex;gap:12px;margin:12px 0}.notification img{width:44px;height:44px;object-fit:contain}.notification p{margin:5px 0;color:#62636c;white-space:pre-wrap}.notification small{display:block;color:#8b8c94;margin-top:8px}.setting{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #eeeef2;padding:9px 0;font-size:12px;line-height:1.4}.setting span:last-child{text-align:right;color:#767781;overflow-wrap:anywhere;max-width:60%}.asset-image{max-width:160px;max-height:120px;object-fit:contain}audio{width:100%;margin:8px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere}.comment{padding:14px 0;border-bottom:1px solid #eeeef2}.comment-author{display:flex;align-items:center;gap:8px;font-size:12px}.comment-author time{margin-left:auto;color:#9798a0;font-size:10px}.comment p{line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}.comment-form{display:grid;gap:10px;margin-top:16px}.comment-form label{font-size:12px;color:#73747c}.comment-form input,.comment-form textarea{width:100%;border:1px solid var(--border);border-radius:8px;padding:10px;background:white}.comment-form textarea{min-height:90px;resize:vertical}.comment-form button{justify-self:start;background:var(--accent);color:white;border:0}#more{margin-top:16px}#detail[hidden],[hidden]{display:none!important}@media(max-width:800px){.site-header{padding:16px 18px}.site-header>div{gap:12px}.site-header a{font-size:13px}main{padding:0 16px 40px;margin:24px auto}h1{font-size:36px}.workspace.has-detail{grid-template-columns:minmax(0,1fr)}body.show-detail #master{display:none}.detail{position:static;max-height:none;border:0;border-radius:0;padding:4px;background:transparent}.back{position:sticky;top:0;background:#f6f6f8;width:100%;text-align:left;padding:14px 0;z-index:2}.column-bar,.profile-row{grid-template-columns:34px minmax(60px,1fr) minmax(70px,1.2fr) 45px 72px}.column-bar button{font-size:10px;padding:0 5px}.profile-row>span{padding:0 5px;font-size:12px}.profile-row .date{font-size:10px}.detail h2{font-size:30px}}

.hero{margin:0 0 44px;border-bottom:1px solid var(--border);background:radial-gradient(circle at 79% 45%,#f3e2da 0%,#f6f6f8 65%)}.hero-inner{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:center;min-height:456px;padding:76px 32px 56px}.hero h1{font-size:clamp(54px,6.5vw,88px);line-height:1.02;letter-spacing:-4px;margin:12px 0 24px}.hero h1 em{font-style:normal;color:#a7654c}.hero .hero-eyebrow{font-size:12px;line-height:1.3;font-weight:750;color:#856a5e;letter-spacing:.16em;text-transform:uppercase;margin:0}.eyebrow-line{display:inline-block;width:25px;height:1px;vertical-align:middle;margin-right:10px;background:#bd8e79}.hero-copy>p:last-child{font-size:17px;line-height:1.6;max-width:490px;margin-bottom:0}.hero-art{position:relative;width:min(100%,360px);aspect-ratio:1;margin:auto;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid #b87d5c2e;border-radius:50%}.art-orbit-outer{inset:0}.art-orbit-inner{inset:16%}.art-center{width:48%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#ffffffb3;box-shadow:0 24px 85px #98664c2b,inset 0 0 0 1px #b87d5c5c;transform:rotate(-8deg)}.art-center img{width:76.3%;height:76.3%;object-fit:contain;filter:url(#profiles-badge-color) drop-shadow(0 12px 14px #65432c26)}.art-spark{position:absolute;color:#d5ad96;font-size:28px}.art-spark-one{top:10%;right:21%}.art-spark-two{left:6%;bottom:28%;font-size:21px}.art-spark-three{right:6%;bottom:19%;font-size:35px}.rankings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-bottom:34px}.workspace.has-detail .rankings{grid-template-columns:minmax(0,1fr);gap:24px}.ranking .empty{padding:12px 0;text-align:left;font-size:13px}.ranking .profile-row:hover{background:transparent}.column-bar [data-sort=username]{grid-column:1 / span 2;border-left:0;padding-left:14px}.search-field{position:relative;margin-bottom:18px}.search-field svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:#85868e;stroke-width:1.8;stroke-linecap:round;pointer-events:none}.search-field #search{padding-left:42px;margin-bottom:0}#message:empty{display:none}@media(max-width:800px){.hero{margin:0 0 30px;background:radial-gradient(ellipse at 50% 74%,#f3e2da 0%,#f6f6f8 65%)}.hero-inner{grid-template-columns:1fr;min-height:0;padding:44px 16px 36px;gap:28px}.hero h1{font-size:58px;letter-spacing:-2.5px}.hero-art{display:grid;width:min(64vw,240px)}.hero-copy>p:last-child{font-size:15px}.rankings{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.column-bar [data-sort=username]{padding-left:10px}}

.profile-table .profile-row{padding-left:0}.profile-table .profile-row>.avatar{margin-left:12px}.profile-table .column-bar,.profile-table .profile-row{grid-template-columns:50px minmax(80px,1fr) minmax(100px,1.4fr) 64px 90px}@media(max-width:800px){.profile-table .column-bar,.profile-table .profile-row{grid-template-columns:46px minmax(60px,1fr) minmax(70px,1.2fr) 45px 72px}}

.detail-scroll{max-height:calc(100vh - 50px);overflow:auto;padding:24px}@media(min-width:801px){.detail::before,.detail::after{content:"";position:absolute;left:0;right:0;height:36px;z-index:2;pointer-events:none;background:#ffffff70;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4)}.detail::before{top:0;mask-image:linear-gradient(to bottom,#000,transparent);-webkit-mask-image:linear-gradient(to bottom,#000,transparent)}.detail::after{bottom:0;mask-image:linear-gradient(to top,#000,transparent);-webkit-mask-image:linear-gradient(to top,#000,transparent)}}@media(max-width:800px){.detail-scroll{max-height:none;overflow:visible;padding:0}}

.notification-stack{display:grid;gap:12px;margin:24px 0}.mac-notification{margin:0;border-radius:22px;padding:16px;align-items:center;gap:12px;background:linear-gradient(#f6f7faeb,#e9ebf0d9);border:1px solid #ffffff;box-shadow:0 5px 18px #20243512,inset 0 0 0 1px #d9dce44a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mac-notification img{width:42px;height:42px;border-radius:10px}.notification-content{flex:1;min-width:0}.notification-header{display:flex;justify-content:space-between;color:#71747d;font-size:10px;margin-bottom:5px}.notification-header span:first-child{font-weight:600}.notification-header span:last-child{font-size:9px}.mac-notification strong{font-size:13px;line-height:1.35}.mac-notification p{font-size:12px;line-height:1.4;color:#444751;margin:4px 0 0}.profile-settings{margin-top:24px;display:flex;flex-wrap:wrap;column-gap:20px;background:#fff}.detail .profile-settings .setting{align-items:center}@media(max-width:800px){.profile-settings{padding:12px 16px;border:1px solid var(--border);border-radius:14px}}.mac-notification{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.mac-notification.is-unused{opacity:.55;filter:grayscale(.6)}.profile-settings-list{margin-top:24px}.profile-settings-list>summary{font-weight:600;cursor:pointer}.profile-settings{background:transparent;margin-top:12px}.notification-gallery,.sound-preview{width:100%}.notification-variants{display:flex;flex-wrap:wrap;gap:12px 20px}.notification-variants>h5{width:100%;margin-bottom:0}.notification-variants>div{width:310px;max-width:100%}.notification-style-label{font-size:11px;color:#767781;margin:0 0 4px}.notification-variants .mac-notification{margin:0;padding:12px 0}.sound-preview{margin:12px 0}.sound-preview audio{display:block;width:310px;max-width:100%}@media(max-width:800px){.profile-settings{padding:0;border:0;border-radius:0}}

.submission-device{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin:8px 0 18px}.submission-device img{width:40px;height:40px;object-fit:contain}.mac-notification img{flex:0 0 42px;object-fit:contain;border-radius:0}

.detail-author{flex-wrap:wrap}.detail-author .submission-device{margin:0;font-size:12px;gap:6px}.submission-device img{width:44px;height:44px;margin:-6px;object-fit:contain}.mac-notification img.notification-attachment{width:54px;height:54px;flex:0 0 54px;object-fit:cover;border-radius:8px}.mac-notification{background:linear-gradient(#f6f7faeb,#e9ebf0d9);border:1px solid #fff;box-shadow:0 5px 18px #20243512,inset 0 0 0 1px #d9dce44a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.notification-variants .mac-notification{padding:16px}

.notification-stack,.notification-gallery,.notification-variants{background:transparent;box-shadow:none}.mac-notification{background:rgba(255,255,255,.78);box-shadow:inset 0 0 0 1px #d9dce44a;backdrop-filter:none;-webkit-backdrop-filter:none}.mac-notification.is-unused{filter:none}

.detail-meta{justify-content:flex-start;gap:12px}

@media(min-width:801px){.workspace.has-detail{grid-template-columns:minmax(412px,1fr) min(690px,calc(100% - 440px))}}

.ranking .profile-row{border-radius:8px;transition:background-color .15s ease}.ranking .profile-row:hover,.ranking .profile-row:focus-visible{background:#e9edf4}.like{border-radius:7px;transition:color .15s ease,background-color .15s ease,box-shadow .15s ease}.like:hover,.like:focus-visible,.like:disabled:hover{color:#d94b68;background:#d94b6814;box-shadow:inset 0 0 0 1px #d94b6826}.like:not(:disabled){cursor:pointer}

.ranking .profile-row{padding-left:12px;padding-right:12px}.like{transition:transform .15s ease;transform-origin:center}.like:hover,.like:focus-visible,.like:disabled:hover{color:inherit;background:transparent;box-shadow:none;transform:scale(1.15)}.like[aria-pressed=true]:hover,.like[aria-pressed=true]:focus-visible{color:#d94b68}.like:disabled:hover{color:#82838c}

.like:hover,.like:focus-visible,.like:disabled:hover{transform:none}.like-heart{display:inline-block;transition:transform .15s ease}.like:hover .like-heart,.like:focus-visible .like-heart{transform:scale(1.2)}

.ranking .profile-row{width:calc(100% + 24px);margin-left:-12px;margin-right:-12px;padding-left:24px;padding-right:24px;border-radius:12px}.profile-row.selected{background:transparent}.profile-row.selected:hover{background:#f7f8fc}.ranking .profile-row.selected:hover{background:#e9edf4}

.notification-extras{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.notification-play{width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#00000008;color:#62636c;font-size:12px;display:grid;place-items:center;cursor:pointer}.notification-play:hover{background:#00000015;transform:scale(1.08)}.notification-audio{display:none}

.mac-notification:not(.is-unused){background:#e9e9eb}.mac-notification:has(.notification-attachment){position:relative;min-height:110px;padding-right:82px}.notification-extras:has(.notification-attachment){position:static}.mac-notification img.notification-attachment{position:absolute;right:12px;bottom:12px;width:54px;height:54px}.notification-extras:has(.notification-attachment) .notification-play{position:absolute;right:25px;top:10px}

body.embedded-profile{background:#fff}body.embedded-profile .site-header,body.embedded-profile .hero,body.embedded-profile .rankings,body.embedded-profile #master,body.embedded-profile #message{display:none!important}body.embedded-profile main{max-width:none;margin:0;padding:0}body.embedded-profile .workspace,body.embedded-profile .workspace.has-detail{display:block}body.embedded-profile .detail{position:static;max-height:none;overflow:visible;border:0;border-radius:0;background:#fff}body.embedded-profile .detail-scroll{padding:20px}body.embedded-profile .detail h2{margin-top:14px}body.embedded-profile .detail-meta .like{cursor:default}
.settings-captures{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:20px;align-items:start}.settings-capture{margin:0;min-width:0}.settings-capture figcaption{font-size:12px;font-weight:600;margin:0 0 8px;color:#4a4b50}.settings-capture img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #e7e8ec;background:#fff}

.settings-capture:has(img[alt="Menu"]){max-width:320px;justify-self:center;width:100%}

.profile-toolbar-anchor{height:0}.profile-toolbar{position:sticky;top:-24px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;margin:-24px -24px 20px;padding:16px 24px;isolation:isolate}.profile-toolbar::before{content:"";position:absolute;inset:0 0 -20px;z-index:-1;pointer-events:none;background:#ffffff85;backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);mask-image:linear-gradient(#000 0%,#000 72%,transparent);-webkit-mask-image:linear-gradient(#000 0%,#000 72%,transparent);opacity:var(--toolbar-blur-opacity,1)}.profile-toolbar .back{position:static;width:auto;margin:0;padding:10px 0;background:transparent;border:0;border-radius:0;box-shadow:none;white-space:nowrap}.profile-toolbar .download{margin:0;padding:10px 16px;border-radius:22px;white-space:nowrap;box-shadow:0 2px 8px #20243518}.profile-toolbar .back:hover{background:transparent;color:#1c61cc}.profile-toolbar .download:hover{filter:brightness(1.08)}@media(min-width:801px){.detail::before{height:92px}}@media(max-width:800px){.detail{overflow:visible}.profile-toolbar{top:0;min-height:68px;margin:0 -4px 20px;padding:12px 4px}.profile-toolbar::before{left:-16px;right:-16px;background:#f6f6f8a6;opacity:var(--toolbar-blur-opacity,0)}.profile-toolbar .back{font-size:12px;padding:10px 0}.profile-toolbar .download{font-size:12px;padding:10px 12px}}

@media(min-width:801px){body.show-detail main{padding-bottom:24px;margin-bottom:0}body.show-detail #master{max-height:calc(100vh - 48px);overflow:auto}body.show-detail .workspace{min-height:calc(100vh - 48px)}.profile-toolbar{gap:8px;padding-left:16px;padding-right:16px}.profile-toolbar .back,.profile-toolbar .download{font-size:12px}.profile-toolbar .download{padding:10px 12px;flex-shrink:0}}

#profile-language{font:inherit;color:inherit;background:#fff;border:1px solid var(--border);border-radius:18px;padding:7px 30px 7px 12px;max-width:160px}html[dir=rtl] .column-bar button{text-align:right}html[dir=rtl] .profile-row>.avatar{margin-right:12px;margin-left:0}html[dir=rtl] .search-field svg{left:auto;right:14px}html[dir=rtl] .search-field #search{padding-left:14px;padding-right:42px}.description,.comment p,.detail-author,.profile-row .row-title{unicode-bidi:plaintext}html[dir=rtl] .settings-captures,html[dir=rtl] .notification-gallery{direction:ltr}@media(max-width:800px){.site-header>div{gap:8px;flex-wrap:wrap;justify-content:flex-end}#profile-language{max-width:115px;font-size:12px}.profile-toolbar .back{white-space:normal}.profile-toolbar .download{white-space:normal;text-align:center}}

.profile-language-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:28px}.language-filter{display:flex;align-items:center;gap:10px;cursor:pointer}.language-filter input{appearance:none;width:34px;height:20px;border-radius:12px;background:#c6c7ce;position:relative;margin:0;flex-shrink:0;cursor:pointer}.language-filter input:before{content:"";position:absolute;width:16px;height:16px;top:2px;left:2px;background:white;border-radius:50%;transition:transform .15s}.language-filter input:checked{background:var(--accent)}.language-filter input:checked:before{transform:translateX(14px)}#profile-language{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='m2 3 5 5 5-5' fill='none' stroke='%23666' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center;padding-right:36px;max-width:none}body.embedded-profile .profile-language-controls{display:none}html[dir=rtl] #profile-language{background-position:left 12px center;padding-left:36px;padding-right:12px}@media(max-width:800px){#profile-language{font-size:14px;max-width:none}.profile-language-controls{gap:14px}}

#account-editor{border:1px solid var(--border);border-radius:16px;padding:24px;width:min(420px,calc(100vw - 32px));color:inherit}#account-editor::backdrop{background:#0004;backdrop-filter:blur(4px)}#account-name-form{display:grid;gap:14px}#account-name-form label{font-weight:600}#account-name{font:inherit;padding:10px;border:1px solid var(--border);border-radius:8px;width:100%}#account-name-form>div{display:flex;gap:10px;justify-content:flex-end}#account-name-save{background:var(--accent);color:white}#account-name-error:empty{display:none}#account-name-error{color:#b43b3b;margin:0}

#edit-account{padding:0;width:36px;height:36px;border:0;border-radius:50%;background:transparent;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}#edit-account[hidden]{display:none}#edit-account .avatar{width:36px;height:36px;object-fit:cover;border-radius:50%;margin:0}#edit-account:hover{transform:scale(1.06)}#edit-account:focus-visible{outline:2px solid var(--accent);outline-offset:3px}