:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#030305;color:#f7f1ff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 68% 12%,color-mix(in srgb,var(--active, #5a116f) 14%,transparent),transparent 34rem),linear-gradient(180deg,#050307,#030305)}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.app{display:grid;grid-template-columns:216px minmax(0,1fr) 288px;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 76% 8%,color-mix(in srgb,var(--active, #2A003F) 28%,#050307) 0,#050307 34rem),radial-gradient(circle at 2% 58%,color-mix(in srgb,var(--active-glow, #5B1177) 16%,#030305) 0,#030305 28rem),linear-gradient(180deg,color-mix(in srgb,var(--active, #2A003F) 10%,#050307),#030305)}.sidebar,.right-rail{position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;border-color:#ffffff14}.sidebar{padding:20px 16px;border-right:1px solid color-mix(in srgb,var(--active, #7a1fa2) 26%,rgba(255,255,255,.08));background:linear-gradient(180deg,color-mix(in srgb,var(--active, #7a1fa2) 10%,transparent),transparent 38%),#040407e6}.right-rail{padding:20px 16px;border-left:1px solid color-mix(in srgb,var(--active, #7a1fa2) 26%,rgba(255,255,255,.08))}.main{min-width:0;touch-action:pan-y}.brand{display:flex;align-items:center;gap:12px;width:100%;padding:0;border:0;background:transparent;color:#fff;text-align:left}.miyusa-logo{display:inline-flex;align-items:center;gap:12px;min-width:0;color:#fff}.miyusa-logo-icon{flex:0 0 auto;overflow:visible;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--active-glow, #7a1fa2) 42%,transparent))}.miyusa-logo-copy{display:grid;min-width:0;gap:2px}.miyusa-logo-copy strong,.brand .miyusa-logo-copy strong{display:block;color:#fff;font-size:22px;line-height:1}.miyusa-logo-copy span,.brand .miyusa-logo-copy span{display:block;overflow:hidden;color:#aaa2b3;font-size:12px;line-height:1.2;text-overflow:ellipsis}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid color-mix(in srgb,var(--active, #7a1fa2) 68%,rgba(255,255,255,.3));border-radius:10px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--active-glow, #7a1fa2) 44%,transparent),transparent 58%),color-mix(in srgb,var(--active, #280137) 72%,#09090d);color:#fff;box-shadow:0 0 24px color-mix(in srgb,var(--active-glow, #7a1fa2) 38%,transparent);text-shadow:0 1px 8px rgba(0,0,0,.85)}.brand strong{display:block;font-size:22px;line-height:1}.brand span,.rail-card span,.view-head p,.profile-bio,small{color:#aaa2b3}.nav{display:grid;gap:10px;margin-top:36px}.notification-pulse{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:58px;margin-top:18px;padding:10px;border:1px solid color-mix(in srgb,var(--active, #7a1fa2) 58%,rgba(255,255,255,.14));border-radius:16px;background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--active-glow, #7a1fa2) 34%,transparent),transparent 42%),#ffffff0b;color:#fff;text-align:left;box-shadow:0 0 24px color-mix(in srgb,var(--active-glow, #7a1fa2) 22%,transparent)}.notification-pulse strong,.notification-pulse small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-pulse small{color:#b8afc4;font-size:11px}.nav button,.tabs button,.range-tabs button,.vertical-tabs button{min-height:40px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#ffffff09;color:#bdb5c6;font-weight:800}.nav button{display:inline-flex;align-items:center;gap:10px;width:100%;padding:0 14px;text-align:left}.nav-icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:color-mix(in srgb,var(--active, #7a1fa2) 28%,rgba(255,255,255,.04));color:#fff;font-weight:900;line-height:1}.nav-icon svg,.post-action>span svg{display:block;flex:none}.nav button.active,.tabs button.active,.range-tabs button.active,.vertical-tabs button.active{border-color:#be78ff8a;background:color-mix(in srgb,var(--active, #7a1fa2) 32%,transparent);color:#fff}.view-shell{width:min(100%,1160px);margin:0 auto;padding:28px 32px 64px}.view-shell::selection{background:color-mix(in srgb,var(--active, #5a116f) 70%,#fff);color:#fff}.view-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.view-head h1{margin:0;font-size:34px;line-height:1;letter-spacing:0}.view-head p{margin:10px 0 0}.clean-head{align-items:center}.tabs,.range-tabs,.chip-row{display:flex;flex-wrap:wrap;gap:8px}.tabs button,.range-tabs button{padding:0 14px}.feed-stack{display:grid;gap:28px;justify-items:center}.post-card{display:grid;grid-template-columns:320px minmax(0,1fr);width:min(100%,980px);min-height:320px;overflow:hidden;border:1px solid color-mix(in srgb,var(--post-color, #280137) 74%,rgba(255,255,255,.16));border-radius:18px;background:#09090d;box-shadow:0 24px 80px #00000057}.post-cover-panel{position:relative;display:grid;min-height:320px;place-items:center;overflow:hidden;border-right:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,color-mix(in srgb,var(--post-color, #280137) 62%,#07070a),color-mix(in srgb,var(--post-glow, #7a1fa2) 78%,#111017)),#111017}button.post-cover-panel{width:100%;border:0;color:#fff;cursor:pointer;text-align:left;font:inherit}.post-cover-panel>img{width:100%;height:100%;object-fit:cover;transition:transform .18s ease,filter .18s ease}.clickable-cover:after{content:"Spotify’da aç";position:absolute;top:14px;right:14px;padding:8px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#050508b8;color:#fff;font-size:12px;font-weight:900;opacity:0;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease}.clickable-cover:hover>img{transform:scale(1.018);filter:saturate(1.08)}.clickable-cover:hover:after,.clickable-cover:focus-visible:after{opacity:1;transform:translateY(0)}.post-source-chip{position:absolute;right:14px;bottom:14px;left:14px;display:grid;gap:2px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#050508c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.post-source-chip strong,.post-source-chip span,.post-author strong,.post-author small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-source-chip span{color:#bdb5c6;font-size:13px}.post-main-panel{display:grid;grid-template-rows:auto minmax(150px,1fr) auto;min-width:0}.post-header,.post-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px}.post-header{min-height:78px;border-bottom:1px solid rgba(255,255,255,.1)}.post-author{display:flex;align-items:center;min-width:0;gap:12px;padding:0;border:0;background:transparent;color:inherit;text-align:left}.post-author>div{display:grid;min-width:0;gap:4px}.post-author strong{display:block;max-width:100%;color:#fff;font-size:16px;line-height:1.1}.post-author:hover strong,.post-author:focus-visible strong{color:color-mix(in srgb,var(--post-glow, #7a1fa2) 72%,#fff)}.post-submeta{display:block;max-width:100%;line-height:1.2}.avatar{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:14px;background:var(--user-color, var(--post-color, #280137));color:#fff;font-weight:900;text-shadow:0 1px 8px rgba(0,0,0,.72)}.avatar.small{width:40px;height:40px;border-radius:50%}.avatar.large,.profile-avatar.large{width:112px;height:112px;border-radius:24px;background:var(--post-color, #280137)}.avatar img,.profile-avatar img,.mini-cover img{width:100%;height:100%;object-fit:cover}.comment-avatar{background:transparent;border:0;padding:0;color:inherit;cursor:pointer}.post-header time{flex:0 0 auto;color:#8d8496;font-size:13px}.name-badge-row,.profile-name-badges{display:inline-flex;align-items:center;gap:8px;min-width:0}.name-badge-row strong,.profile-name-badges h1{min-width:0}.user-badges{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto}.user-badge{display:inline-grid;width:19px;height:19px;place-items:center;border:1px solid color-mix(in srgb,var(--badge-color, #fff) 72%,rgba(255,255,255,.24));border-radius:999px;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--badge-color, #fff) 38%,transparent),transparent 58%),#ffffff0d;color:var(--badge-color, #fff);box-shadow:0 0 16px color-mix(in srgb,var(--badge-color, #fff) 32%,transparent)}.user-badge svg{fill:currentColor}.user-badge.manual{color:#f7f2ff}.user-badge.supporter{color:#ffd166}.rating-stars{display:inline-flex;align-items:center;gap:2px;color:color-mix(in srgb,var(--post-glow, var(--active, #8b5cf6)) 76%,#fff);white-space:nowrap}.rating-stars b{margin-left:4px;color:#fff;font-size:12px}.rating-star-icon{flex:0 0 auto;filter:drop-shadow(0 0 7px rgba(190,120,255,.22))}.post-submeta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px;max-width:100%;line-height:1.2}.score-control .rating-stars{justify-content:flex-end;min-width:98px}.post-header-actions{position:relative;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.post-more-button{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0a;color:#fff;font-weight:900;line-height:1}.post-more-button:hover,.post-more-button:focus-visible{border-color:color-mix(in srgb,var(--post-glow, #7a1fa2) 72%,rgba(255,255,255,.18));background:color-mix(in srgb,var(--post-color, #280137) 38%,rgba(255,255,255,.05))}.post-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:10;display:grid;min-width:178px;padding:8px;border:1px solid color-mix(in srgb,var(--post-color, #280137) 62%,rgba(255,255,255,.12));border-radius:14px;background:#0b0a0ff5;box-shadow:0 18px 40px #00000061}.post-menu button,.post-menu span{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:#fff;font-size:13px;font-weight:900;text-align:left}.post-menu span{color:#aaa2b3;font-weight:700}.post-menu button:hover,.post-menu button:focus-visible{background:#ff6b8b1f;color:#ff8aa1}.cover-letter{display:grid;width:min(62%,220px);aspect-ratio:1 / 1;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:28px;background:#00000029;font-size:78px;font-weight:900;text-shadow:0 2px 12px rgba(0,0,0,.78)}.score-pill,.chip-row span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--post-color, #280137) 42%,rgba(255,255,255,.06));color:#fff;font-weight:900;font-size:12px}.post-thought-panel{padding:22px 20px}.post-thought-panel p{margin:0;color:#f7f1ff;font-size:16px;line-height:1.62;white-space:pre-wrap}.post-footer{border-top:1px solid rgba(255,255,255,.08);justify-content:flex-start}.post-action{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 8px;border:0;background:transparent;color:#bdb5c6;font-weight:900}.post-action>span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ffffff0b;color:#fff;font-size:15px;line-height:1}.post-action.active,.post-action:hover{color:#fff}.post-action.active>span{background:color-mix(in srgb,var(--post-color, #280137) 62%,rgba(255,255,255,.08));color:#fff}.post-action.active>span svg{fill:currentColor}.post-action.danger:hover,.post-action.danger:focus-visible{color:#ff6b8b}.empty-state,.connect-box{display:grid;gap:10px;width:min(100%,680px);padding:28px;border:1px solid color-mix(in srgb,var(--active, #5a116f) 28%,rgba(255,255,255,.1));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--active, #280137) 12%,transparent),transparent 68%),#ffffff09;color:#cfc7d8}.empty-state strong,.connect-box strong{color:#fff}.empty-state.compact{width:100%;padding:18px}.empty-state-action button{justify-self:start;padding:0 16px}.starter-guide{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);gap:18px;width:min(100%,980px);margin:0 auto 28px;padding:20px;border:1px solid color-mix(in srgb,var(--active, #5a116f) 34%,rgba(255,255,255,.12));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--active, #280137) 22%,transparent),transparent 70%),#0d0d12}.starter-guide h2,.starter-guide p{margin:0}.starter-guide h2{color:#fff;font-size:24px}.starter-guide p{margin-top:8px;color:#cfc7d8;line-height:1.5}.starter-steps{display:grid;gap:10px}.starter-steps button{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff0a;color:#fff;text-align:left}.starter-steps button i{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--active, #5a116f) 58%,#101015);font-style:normal;font-weight:900}.starter-steps button.done{opacity:.72}.starter-steps button b{color:#d8c7ff;font-size:12px}.inline-success{padding:12px;border:1px solid rgba(53,214,154,.36);border-radius:12px;background:#35d69a14;color:#d8fff0}.danger-zone{border-color:#ff6b8b3d}.danger-zone button{justify-self:start;min-height:42px;padding:0 14px;border:1px solid rgba(255,107,139,.28);border-radius:12px;background:#ff6b8b1f;color:#fff;font-weight:900}.rail-card,.profile-card{display:grid;gap:10px;margin-bottom:14px;padding:18px;border:1px solid color-mix(in srgb,var(--active, #5a116f) 24%,rgba(255,255,255,.1));border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--active, #280137) 10%,transparent),transparent 62%),#ffffff0a}.rail-card button,.primary,.auth-primary,.modal-actions button,.connect-box button{min-height:42px;border:0;border-radius:12px;background:color-mix(in srgb,var(--active, #7a1fa2) 72%,#12001e);color:#fff;font-weight:900}.progress{height:7px;overflow:hidden;border-radius:999px;background:#ffffff14}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--active, #5a116f),var(--active-glow, #5a116f))}.eyebrow{color:#aaa2b3;font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.composer-card{display:grid;grid-template-columns:260px minmax(0,1fr);gap:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--active, #5a116f) 20%,rgba(255,255,255,.1));border-radius:18px;background:#09090d}.composer-preview{display:grid;align-content:start;gap:12px;padding:22px;border-right:1px solid rgba(255,255,255,.08);background:color-mix(in srgb,var(--post-color, #280137) 30%,transparent)}.composer-cover{display:grid;aspect-ratio:1 / 1;place-items:center;overflow:hidden;border-radius:18px;background:#00000038;font-size:54px;font-weight:900}.composer-cover img{width:100%;height:100%;object-fit:cover}.composer-cover.selected{border-color:color-mix(in srgb,var(--post-color, var(--active, #2A003F)) 78%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--post-color, var(--active, #2A003F)) 24%,#09090d)}.selected-kind-badge{display:grid;gap:3px;width:fit-content;padding:8px 10px;border:1px solid color-mix(in srgb,var(--post-color, var(--active, #2A003F)) 70%,#fff);border-radius:12px;background:color-mix(in srgb,var(--post-color, var(--active, #2A003F)) 34%,#111117)}.selected-kind-badge span{color:#d8d2df;font-size:12px}.composer-status{display:grid;gap:8px;margin-top:4px}.composer-status span{width:fit-content;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0d;color:#cfc7d8;font-size:12px;font-weight:900}.composer-status span.ready{border-color:#45d99b59;color:#b8f8dc}.composer-status button,.spotify-gate button{width:fit-content;min-height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:var(--active, #4b005f);color:#fff;font-weight:900}.composer-main{display:grid;gap:14px;padding:22px}textarea,input,select{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--active, #280137) 8%,transparent),transparent 70%),#111117;color:#fff;outline:none}textarea{min-height:150px;resize:vertical;padding:16px;line-height:1.5}input,select{min-height:44px;padding:0 13px}input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--active, #5a116f) 70%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--active-glow, #5a116f) 16%,transparent)}.search{display:flex;align-items:center;gap:8px;min-width:min(100%,320px)}.search.wide{min-width:0}.search span{color:#aaa2b3}.search a,.source-link-row button{display:inline-flex;flex:none;align-items:center;justify-content:center;min-height:40px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:color-mix(in srgb,var(--active, #7a1fa2) 34%,rgba(255,255,255,.04));color:#fff;font-weight:900;text-decoration:none}.source-picker{display:grid;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff06}.source-picker-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.source-picker-header small{color:#aaa2b3;font-weight:900;white-space:nowrap}.spotify-gate{display:grid;gap:10px;padding:18px;border:1px solid color-mix(in srgb,var(--post-color, #280137) 55%,rgba(255,255,255,.1));border-radius:16px;background:color-mix(in srgb,var(--post-color, #280137) 18%,rgba(255,255,255,.035))}.spotify-gate span{color:#bdb5c6;line-height:1.45}.source-picker.compact{padding:12px}.source-link-row{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:10px;align-items:end}.source-link-row label{display:grid;gap:6px;color:#cfc7d8;font-weight:900}.selected-source{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:10px;border:1px solid color-mix(in srgb,var(--post-color, #280137) 55%,rgba(255,255,255,.1));border-radius:14px;background:#ffffff0a}.selected-source strong,.selected-source small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-results,.people-list,.top-list{display:grid;gap:8px}.external-share{display:grid;gap:14px}.external-share.compact{padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.share-dialog-layout{display:grid;gap:16px}.share-section-title{color:#b8afc4;font-size:12px;font-weight:900;letter-spacing:0}.share-friends-panel{display:grid;gap:12px}.share-friend-search{display:grid;gap:8px;color:#cfc7d8;font-weight:900}.share-friend-search input{width:100%;min-height:44px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#111117;color:#fff}.share-friend-list{display:grid;gap:8px;max-height:320px;min-height:0;overflow-y:auto;padding-right:4px}.share-friend-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:62px;padding:10px;border:1px solid color-mix(in srgb,var(--user-color, #280137) 44%,rgba(255,255,255,.1));border-radius:14px;background:#ffffff09}.share-friend-row strong,.share-friend-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-friend-row small{color:#b8afc4}.share-friend-row button{min-height:38px;padding:0 12px;border:1px solid color-mix(in srgb,var(--user-color, #280137) 70%,rgba(255,255,255,.14));border-radius:12px;background:color-mix(in srgb,var(--user-color, #280137) 54%,rgba(255,255,255,.05));color:#fff;font-weight:900}.share-preview{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;padding:12px;border:1px solid color-mix(in srgb,var(--post-color, #280137) 60%,rgba(255,255,255,.12));border-radius:16px;background:#ffffff0a}.share-preview strong,.share-preview small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-link-field{display:grid;gap:8px;color:#cfc7d8;font-weight:900}.share-link-field input{width:100%;min-height:44px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#111117;color:#fff}.share-actions{display:flex;flex-wrap:wrap;gap:10px}.share-actions a,.share-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:color-mix(in srgb,var(--active, #7a1fa2) 30%,rgba(255,255,255,.04));color:#fff;text-decoration:none;font-weight:900}.music-results button,.people-list button,.top-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:62px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff09;color:#fff;text-align:left;text-decoration:none}.music-results button em{color:#cfc7d8;font-style:normal;font-weight:900}.result-empty{padding:14px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;color:#aaa2b3;line-height:1.45}.music-results button.active,.people-list button.active{border-color:color-mix(in srgb,var(--user-color, var(--post-color, #7a1fa2)) 70%,#fff)}.mini-cover{display:grid;width:44px;height:44px;place-items:center;overflow:hidden;border-radius:10px;background:color-mix(in srgb,var(--post-color, #280137) 65%,#050307);color:#fff;font-weight:900;text-shadow:0 1px 8px rgba(0,0,0,.72)}.composer-bottom{display:grid;grid-template-columns:190px minmax(0,1fr) 140px;gap:10px;align-items:end}.composer-bottom-simple{grid-template-columns:minmax(220px,1fr) 150px}.score-control{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#111117;color:#fff}.score-control input{min-height:0;padding:0}.star-rating-input{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:44px;padding:0 10px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#111117;color:#fff}.star-rating-input>span{color:#cfc7d8;font-size:13px;font-weight:900}.star-rating-input>b{min-width:30px;text-align:right}.star-rating-input button{display:inline-grid;min-width:30px;height:34px;padding:0;place-items:center;border:0;border-radius:10px;background:transparent;color:color-mix(in srgb,var(--post-glow, var(--active, #8b5cf6)) 76%,#fff)}.star-rating-input button:hover,.star-rating-input button:focus-visible{background:#ffffff0f}.star-rating-input .zero-star{border:1px solid rgba(255,255,255,.09);color:#cfc7d8;font-weight:900}.star-rating-input .zero-star.active{border-color:color-mix(in srgb,var(--post-glow, var(--active, #8b5cf6)) 64%,#fff);color:#fff}.star-rating-buttons{display:inline-flex;min-width:0;gap:2px}.selected-source-confirmed{border-color:color-mix(in srgb,var(--post-color, var(--active, #2A003F)) 76%,#fff);background:color-mix(in srgb,var(--post-color, var(--active, #2A003F)) 22%,#111117)}.selected-source-confirmed em{color:#fff;font-style:normal;font-weight:900}.tag-select{position:relative;min-width:0}.tag-select-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#111117;color:#fff;text-align:left}.tag-select-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-select-trigger .muted,.tag-select-trigger em{color:#aaa2b3}.tag-select-trigger em{font-style:normal;font-weight:900}.tag-menu{position:absolute;right:0;bottom:calc(100% + 8px);left:0;z-index:20;display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#111117;box-shadow:0 18px 40px #00000073}.tag-menu button{min-height:32px;padding:0 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0a;color:#fff;font-size:13px;font-weight:900}.tag-menu button.active{border-color:color-mix(in srgb,var(--post-color, #7a1fa2) 70%,#fff);background:color-mix(in srgb,var(--post-color, #280137) 58%,#161018)}.tag-menu button:disabled{cursor:not-allowed;opacity:.45}.profile-image-picker input{display:none}.inline-error,.auth-error{padding:12px 14px;border:1px solid rgba(255,77,103,.45);border-radius:12px;background:#d61f3c1f;color:#ffb4c0}.auth-notice{padding:12px 14px;border:1px solid rgba(69,217,155,.4);border-radius:12px;color:#b8f8dc;background:#15905f24}.profile-hero{display:flex;align-items:center;gap:22px;padding:24px;border:1px solid color-mix(in srgb,var(--post-color, #280137) 68%,rgba(255,255,255,.13));border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--post-color, #280137) 28%,#09090d),#09090d 46%)}.profile-summary{min-width:0;flex:1}.profile-title-row,.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.profile-title-row h1{margin:0;font-size:34px}.profile-title-row p,.profile-bio{margin:6px 0 0}.profile-actions{display:flex;flex-wrap:wrap;gap:8px}.profile-actions button,.profile-edit-modal header button,.share-picker header button{min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;color:#fff;font-weight:900}.profile-actions .friend-button.active{border-color:color-mix(in srgb,var(--post-glow, #7a1fa2) 58%,rgba(255,255,255,.2));background:color-mix(in srgb,var(--post-color, #280137) 42%,rgba(255,255,255,.06))}.friend-button{border:1px solid rgba(255,255,255,.12);background:#ffffff0d}.friend-button.active{border-color:color-mix(in srgb,var(--active, #7a1fa2) 58%,rgba(255,255,255,.2));background:color-mix(in srgb,var(--active, #7a1fa2) 34%,rgba(255,255,255,.06))}.profile-stats,.favorite-grid,.profile-grid{display:grid;gap:14px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.identity-card{grid-column:1 / -1}.aura-explainer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:6px}.aura-explainer>div{display:grid;gap:8px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff09}.aura-explainer h4{margin:0 0 2px;color:#fff}.aura-explainer span{color:#cfc7d8;font-size:13px;line-height:1.45}.follow-graph-card{min-height:240px}.follow-card-head{display:grid;gap:12px}.follow-card-head h3{margin:0}.compact-tabs{gap:6px}.compact-tabs button{min-height:34px;padding:0 10px;font-size:12px}.follow-list{display:grid;gap:8px;max-height:220px;overflow-y:auto;padding-right:4px}.people-modal{display:grid;gap:16px;width:min(92vw,520px);max-height:min(78vh,640px);overflow:hidden;padding:18px;border:1px solid color-mix(in srgb,var(--active, #7a1fa2) 52%,rgba(255,255,255,.12));border-radius:22px;background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--active-glow, #7a1fa2) 24%,transparent),transparent 42%),#0c0b10fa;box-shadow:0 28px 80px #0000007a}.people-modal header{display:flex;align-items:center;justify-content:space-between;gap:12px}.people-modal h2{margin:4px 0 0}.people-modal header button{min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff0d;color:#fff;font-weight:900}.people-modal .follow-list{max-height:min(56vh,460px)}.follow-person-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:9px;border:1px solid color-mix(in srgb,var(--user-color, #280137) 44%,rgba(255,255,255,.1));border-radius:14px;background:#ffffff09;color:#fff;text-align:left}.follow-person-row strong,.follow-person-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follow-person-row em{color:#cfc7d8;font-style:normal;font-weight:900}.follow-request-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:64px;padding:9px;border:1px solid color-mix(in srgb,var(--user-color, #280137) 48%,rgba(255,255,255,.1));border-radius:14px;background:#ffffff09}.follow-request-person{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:0;border:0;background:transparent;color:#fff;text-align:left}.follow-request-person strong,.follow-request-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follow-request-row>div{display:flex;gap:6px}.follow-request-row>div button{min-height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:color-mix(in srgb,var(--user-color, #280137) 38%,rgba(255,255,255,.04));color:#fff;font-weight:900}.private-profile-card{display:grid;gap:12px;margin-top:18px;padding:28px;border:1px solid color-mix(in srgb,var(--active, #7a1fa2) 50%,rgba(255,255,255,.1));border-radius:20px;background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--active-glow, #7a1fa2) 28%,transparent),transparent 42%),#ffffff09;color:#cfc7d8}.private-profile-card strong{color:#fff;font-size:22px}.private-profile-card button{width:fit-content;min-height:42px;padding:0 14px;border-radius:12px;color:#fff;font-weight:900}.discover-grid,.settings-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}.discover-results{display:grid;gap:16px;min-width:0}.compact-feed .post-card{width:100%;min-height:260px;grid-template-columns:240px minmax(0,1fr)}.compact-feed .post-cover-panel{min-height:260px}.notification-list{display:grid;gap:12px}.notification-tabs{margin-bottom:16px}.notification-card{display:grid;gap:12px;min-height:82px;padding:14px;border:1px solid color-mix(in srgb,var(--active, #7a1fa2) 42%,rgba(255,255,255,.12));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--active, #7a1fa2) 24%,transparent),transparent 64%),#ffffff0e;color:#fff;text-align:left;box-shadow:0 0 24px color-mix(in srgb,var(--active, #7a1fa2) 12%,transparent)}.notification-card.read{border-color:#ffffff12;background:#ffffff07;box-shadow:none;opacity:.78}.notification-main{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:6px 14px;align-items:center;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left}.notification-main>span{grid-row:1 / 3;width:10px;height:10px;border-radius:50%;background:var(--active, #7a1fa2);box-shadow:0 0 18px var(--active, #7a1fa2)}.notification-card.read .notification-main>span{background:#ffffff38;box-shadow:none}.notification-main small{grid-column:2}.notification-main em{grid-column:3;grid-row:1 / 3;color:#fff;font-style:normal;font-weight:900}.notification-actions{display:flex;flex-wrap:wrap;gap:8px;padding-left:26px}.notification-actions button{min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0f;color:#fff;font-weight:900}.notification-actions button:first-child{border-color:color-mix(in srgb,var(--active, #7a1fa2) 60%,rgba(255,255,255,.14));background:var(--active, #7a1fa2)}.settings-grid .profile-card{margin-bottom:0}.settings-wide{grid-column:1 / -1}.settings-actions,.legal-actions,.rail-legal-actions{display:flex;flex-wrap:wrap;gap:8px}.settings-actions button,.legal-actions button,.rail-legal-actions button,.settings-grid .profile-card>button:not(.setting-toggle){min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;color:#fff;font-weight:900}.setting-toggle{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;width:min(100%,180px);min-height:44px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0d;color:#fff;font-weight:900}.setting-toggle i{display:block;width:38px;height:22px;padding:3px;border-radius:999px;background:#ffffff1f}.setting-toggle i:before{display:block;width:16px;height:16px;border-radius:50%;background:#aaa2b3;content:"";transition:transform .16s ease,background .16s ease}.setting-toggle.active{border-color:color-mix(in srgb,var(--active, #7a1fa2) 70%,#fff);background:color-mix(in srgb,var(--active, #7a1fa2) 32%,rgba(255,255,255,.04))}.setting-toggle.active i:before{transform:translate(16px);background:#fff}.legal-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:#000000b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.legal-card{width:min(100%,620px);display:grid;gap:16px;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#101015;color:#d8d1df;box-shadow:0 30px 90px #00000094}.legal-card header,.legal-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.legal-card strong{display:block;color:#fff;font-size:22px}.legal-card p{margin:0;line-height:1.7}.legal-card ul{display:grid;gap:10px;margin:0;padding-left:20px}.legal-card button{min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff0f;color:#fff;font-weight:900}.profile-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.profile-stats span,.profile-stats button{display:grid;gap:2px;min-height:58px;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#111117;color:#aaa2b3;text-align:left}.profile-stats button{cursor:pointer}.profile-stats button:hover{border-color:color-mix(in srgb,var(--post-color, var(--active, #2A003F)) 70%,#fff);background:color-mix(in srgb,var(--post-color, var(--active, #2A003F)) 22%,#111117)}.profile-stats strong{color:#fff;font-size:20px}.favorite-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-grid>.profile-card{min-height:196px}.favorite-pill{display:flex;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#fff;text-decoration:none}.favorite-pill span:last-child{min-width:0}.favorite-pill strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-links,.selected-favorites{display:flex;flex-wrap:wrap;gap:8px}.social-links a,.social-links span,.selected-favorites span{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 11px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#ffffff0a;color:#fff;text-decoration:none;font-weight:900}.social-links a i{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ffffff1a;color:#fff;font-size:11px;font-style:normal;line-height:1}.social-links a.spotify i{background:#1db954;color:#06130a}.social-links a.instagram i{background:linear-gradient(135deg,#feda75,#d62976 52%,#4f5bd5)}.social-links a.twitter i{background:#f5f5f5;color:#050505}.social-links a.youtube i{background:#f03}.social-links a.lastfm i{background:#d51007}.social-links a.tiktok i{background:linear-gradient(135deg,#25f4ee,#fe2c55);color:#050505}.selected-favorites span{min-width:132px;border-radius:14px}.selected-favorites strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-image-note{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;margin-top:18px;padding:12px;border:1px solid rgba(190,120,255,.32);border-radius:14px;background:color-mix(in srgb,var(--post-color, #280137) 24%,rgba(255,255,255,.04))}.selected-image-note strong,.selected-image-note small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-music-card,.profile-shares{margin-top:18px}.profile-shares .top-music-card{margin-top:0}.post-filter-tabs{margin:14px 0 18px}.profile-follow-list{max-height:none;margin-top:14px}.top-layout{display:grid;grid-template-columns:148px minmax(0,1fr);gap:14px}.vertical-tabs{display:grid;align-content:start;gap:8px}.top-row{grid-template-columns:28px 48px minmax(0,1fr)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:#000000b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.spotify-confirm{display:grid;gap:16px;width:min(460px,100%);padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:#101015;box-shadow:0 30px 100px #00000094}.spotify-confirm header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.spotify-confirm h2,.spotify-confirm p{margin:0}.spotify-confirm p{color:#cfc7d8;line-height:1.55}.profile-edit-modal,.share-picker{width:min(100%,880px);max-height:min(88vh,920px);overflow-y:auto;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#09090d;box-shadow:0 30px 90px #00000094}.profile-edit-modal{padding:20px}.profile-edit-modal header,.share-picker header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.profile-edit-modal h2,.share-picker h2{margin:4px 0 0}.edit-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px}.edit-preview{display:grid;align-content:start;justify-items:center;gap:10px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:color-mix(in srgb,var(--post-color, #280137) 22%,transparent)}.profile-image-picker{display:grid;justify-items:center;gap:10px;cursor:pointer}.edit-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.edit-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.edit-fields label,.edit-note{display:grid;gap:6px;color:#cfc7d8;font-weight:800}.edit-fields .wide,.edit-note{grid-column:1 / -1}.edit-section{display:grid;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.edit-section h3{margin:0}.swatch-row,.custom-color-row,.chip-picker{display:flex;flex-wrap:wrap;gap:8px}.custom-color-row{align-items:center}.color-input-label{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0a;color:#fff;font-weight:900}.color-input-label input{width:38px;height:28px;padding:0;overflow:hidden;border:0;border-radius:999px;background:transparent}.swatch{width:34px;height:34px;border:2px solid transparent;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #00000042,0 0 0 1px #ffffff1f}.swatch.active{border-color:#fff;box-shadow:0 0 0 4px #ffffff1a}.chip-picker button{min-height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0a;color:#cfc7d8;font-weight:800}.chip-picker button.active{border-color:#be78ff99;color:#fff;background:color-mix(in srgb,var(--post-color, #280137) 36%,transparent)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.modal-actions button:first-child{background:#ffffff0f}.social-ranking{display:grid;gap:12px;margin-bottom:18px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--active, #2A003F) 26%,#101015),#101015 62%),#101015}.social-mode-tabs{margin-bottom:16px}.social-ranking header{display:flex;align-items:start;justify-content:space-between;gap:14px}.social-ranking h2,.social-ranking p{margin:0}.social-ranking p{color:#cfc7d8}.ranking-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ranking-row{display:grid;grid-template-columns:auto 40px minmax(0,1fr);gap:10px;align-items:center;min-height:70px;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#ffffff0a;color:#fff;text-align:left}.ranking-row.me{border-color:color-mix(in srgb,var(--active, #7a1fa2) 70%,rgba(255,255,255,.16));background:color-mix(in srgb,var(--active, #7a1fa2) 18%,rgba(255,255,255,.04))}.ranking-row b{color:color-mix(in srgb,var(--user-color, var(--active, #7a1fa2)) 70%,#fff)}.ranking-row strong,.ranking-row small,.ranking-row em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-row small{color:#bdb5c6}.ranking-row em{grid-column:2 / -1;color:#fff;font-style:normal;font-weight:900}.social-grid{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);height:min(760px,calc(100vh - 210px));min-height:560px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#09090d}.people-panel{display:grid;grid-template-rows:auto minmax(0,1fr);align-content:start;gap:14px;min-height:0;padding:16px;overflow:hidden;border-right:1px solid rgba(255,255,255,.08);border-bottom:0}.people-panel .people-list{display:grid;align-content:start;grid-auto-rows:max-content;gap:8px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 4px 0 0}.people-panel .people-list::-webkit-scrollbar{width:8px}.people-panel .people-list::-webkit-scrollbar-track{border-radius:999px;background:#ffffff14}.people-panel .people-list::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--active, #2A003F) 78%,#fff)}.people-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;width:100%;height:58px;min-height:58px;max-height:58px;padding:7px 8px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#111117}.people-row.active{border-color:color-mix(in srgb,var(--user-color, #7a1fa2) 70%,#fff);background:color-mix(in srgb,var(--user-color, #2A003F) 24%,#111117)}.people-row.miyusa-row{border-color:color-mix(in srgb,var(--user-color, #2A003F) 76%,rgba(255,255,255,.18));background:radial-gradient(circle at 4% 50%,color-mix(in srgb,var(--user-color, #2A003F) 36%,transparent),transparent 48%),#111117}.people-row.miyusa-row .avatar{background:transparent;box-shadow:none}.people-list .people-select{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:42px;padding:0;border:0;background:transparent;color:#fff;text-align:left}.people-list .people-select strong,.people-list .people-select small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-list .people-profile-action,.chat-window-control{display:inline-flex;align-items:center;justify-content:center;grid-template-columns:none;width:auto;min-height:30px;padding:0 9px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff0e;color:#fff;font-size:11px;font-weight:900}.chat-back-button{display:none}.chat-panel{display:grid;grid-template-rows:auto 1fr auto;min-width:0;min-height:0;overflow:hidden}.chat-window{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;margin:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#0d0d12;box-shadow:0 20px 60px #00000047}.chat-empty-state{display:grid;place-items:center;align-content:center;gap:10px;min-height:100%;padding:30px;color:#cfc7d8;text-align:center}.chat-empty-state strong{color:#fff;font-size:24px}.chat-empty-icon{display:grid;width:86px;height:86px;place-items:center;border:2px solid color-mix(in srgb,var(--active, #2A003F) 52%,#fff);border-radius:50%;color:#fff;font-size:38px;line-height:1}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,color-mix(in srgb,var(--user-color, #280137) 22%,transparent),#ffffff05)}.chat-profile-button{display:inline-flex;min-width:0;gap:12px;align-items:center;border:0;background:transparent;color:#fff;text-align:left}.chat-profile-button strong,.chat-profile-button small{display:block}.message-thread{display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding:18px}.message{max-width:min(80%,520px);padding:12px 14px;border-radius:16px;background:#ffffff0f}.message.mine{align-self:flex-end;background:color-mix(in srgb,var(--active, #7a1fa2) 50%,#16101c)}.message.pending{opacity:.75}.message.theirs{align-self:flex-start}.message p{margin:0;line-height:1.45;white-space:pre-line}.message small{display:block;margin-top:6px;color:#cfc7d8;font-size:11px}.message-post{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;min-width:240px;width:100%;padding:0;border:0;background:transparent;color:#fff;text-align:left}.message-post:hover strong,.message-post:focus-visible strong{color:color-mix(in srgb,var(--active, #7a1fa2) 72%,#fff)}.message-compose{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:10px;padding:14px;border-top:1px solid rgba(255,255,255,.08)}.miyusa-suggestions{display:flex;gap:8px;padding:0 14px 12px;overflow-x:auto;scrollbar-width:none}.miyusa-suggestions::-webkit-scrollbar{display:none}.miyusa-suggestions button{flex:0 0 auto;min-height:34px;padding:0 12px;border:1px solid color-mix(in srgb,var(--active, #2A003F) 58%,rgba(255,255,255,.14));border-radius:999px;background:color-mix(in srgb,var(--active, #2A003F) 20%,#111117);color:#fff;font-size:12px;font-weight:900}.share-picker{padding:20px}.comment-modal{width:min(100%,1180px);max-height:min(92vh,940px);overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#09090d;box-shadow:0 30px 90px #00000094}.comment-modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.comment-modal-head h2{margin:4px 0 0}.comment-modal-head button{min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff0d;color:#fff;font-weight:900}.comment-modal-body{display:grid;grid-template-columns:minmax(0,1fr) 360px;max-height:calc(min(92vh,940px) - 80px);min-height:560px}.comment-post-shell{display:grid;place-items:center;min-width:0;overflow-y:auto;padding:22px;border-right:1px solid rgba(255,255,255,.08)}.comment-post-shell .post-card{width:min(100%,760px)}.comment-side{display:grid;grid-template-rows:1fr auto;min-height:0}.comment-list{display:grid;align-content:start;gap:14px;overflow-y:auto;padding:18px}.comment-row{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px}.comment-row p{margin:4px 0;color:#f7f1ff;line-height:1.45}.comment-compose{display:grid;grid-template-columns:40px minmax(0,1fr) 96px;gap:10px;align-items:end;padding:14px;border-top:1px solid rgba(255,255,255,.08)}.comment-compose textarea{min-height:52px;padding:12px}.toast{position:fixed;right:24px;bottom:24px;z-index:40;max-width:min(420px,calc(100vw - 48px));padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#15111a;color:#fff;box-shadow:0 20px 60px #0000006b}.auth-page{display:grid;min-height:100vh;place-items:center;padding:24px}.auth-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);width:min(100%,960px);overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#09090d;box-shadow:0 30px 100px #0000008c}.auth-loading-card{display:grid;grid-template-columns:1fr;gap:20px;padding:32px}.auth-form{display:grid;gap:14px;padding:36px}.auth-form h1{max-width:420px;margin:10px 0 0;font-size:48px;line-height:1.05}.auth-lead{margin:0;color:#bdb5c6}.auth-topline{display:flex;gap:12px;align-items:center;justify-content:space-between}.language-select{display:inline-flex;gap:8px;align-items:center;color:#bdb5c6;font-size:12px;font-weight:900}.language-select select{min-height:34px;width:auto;padding:0 34px 0 12px;border-radius:999px;background:#121218;color:#fff}.auth-side{display:grid;align-content:center;gap:14px;padding:36px;background:linear-gradient(140deg,#28013794,#06050ec2)}.auth-feature{display:grid;gap:8px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff0a}.auth-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:14px}.auth-toggle button{min-height:38px;border:0;border-radius:10px;background:transparent;color:#bdb5c6;font-weight:900}.auth-toggle button.active{background:var(--active, #4b005f);color:#fff}.auth-provider-block{display:grid;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff09}.auth-provider-block small{color:#a79eaf;line-height:1.45}.auth-providers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.auth-providers button{display:inline-flex;min-height:44px;gap:10px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:#101016;color:#fff;font-weight:900}.auth-providers button:hover,.auth-providers button:focus-visible{border-color:var(--active, #4b005f);background:#fff1}.auth-providers button.disabled-provider{opacity:.56;cursor:not-allowed}.auth-providers button em{margin-left:2px;color:#bdb5c6;font-size:11px;font-style:normal}.provider-icon{display:inline-grid;width:24px;height:24px;place-items:center;border-radius:999px;font-weight:950}.provider-icon.google{background:#fff;color:#15151a}.provider-icon.facebook{background:#1877f2;color:#fff;font-family:Arial,sans-serif;font-size:20px}.auth-separator{display:flex;gap:10px;align-items:center;color:#9d94a7;font-size:12px;font-weight:900}.auth-separator:before,.auth-separator:after{content:"";height:1px;flex:1;background:#ffffff14}.auth-field,.auth-check{display:grid;gap:7px;color:#cfc7d8;font-weight:800}.auth-field small.success{color:#b8f8dc}.auth-field small.error{color:#ffb4c0}.auth-check{grid-template-columns:18px minmax(0,1fr);align-items:start;font-weight:500}.auth-check input{width:16px;min-height:16px;padding:0}.auth-link{width:fit-content;border:0;background:transparent;color:#cfc7d8;font-weight:900;text-decoration:underline}@media (max-width: 1180px){.app{grid-template-columns:196px minmax(0,1fr)}.right-rail{display:none}}@media (max-width: 860px){.app{display:block;min-height:100dvh;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.sidebar{position:fixed;inset:auto 0 0 0;z-index:80;height:calc(70px + env(safe-area-inset-bottom));padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));border-right:0;border-top:1px solid rgba(255,255,255,.09);border-bottom:0;background:#05060af5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:none}.nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;height:100%;margin-top:0;padding-bottom:0;overflow:visible;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav button{justify-content:center;width:100%;min-width:0;height:52px;padding:0;border:0;border-radius:16px;background:transparent;white-space:nowrap}.nav button>span:not(.nav-icon){display:none}.nav-icon{width:34px;height:34px;border-radius:14px;background:transparent}.nav button.active .nav-icon{background:color-mix(in srgb,var(--active, #2A003F) 42%,#101015);color:#fff}.notification-pulse{position:fixed;right:max(10px,env(safe-area-inset-right));top:calc(14px + env(safe-area-inset-top));bottom:auto;display:inline-grid;grid-template-columns:1fr;width:44px;min-height:44px;margin:0;padding:0;place-items:center;border-radius:999px}.notification-pulse:after{content:attr(data-count);position:absolute;top:-5px;right:-4px;display:grid;min-width:18px;height:18px;padding:0 5px;place-items:center;border:2px solid #06050a;border-radius:999px;background:#ff3b5f;color:#fff;font-size:11px;font-weight:900}.notification-pulse>span:not(.nav-icon){display:none}.view-shell{padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 92px max(16px,env(safe-area-inset-left))}.view-head,.profile-title-row,.card-head{display:grid}.composer-card,.post-card,.starter-guide,.aura-explainer,.profile-grid,.discover-grid,.settings-grid,.social-grid,.auth-card,.edit-layout,.top-layout{grid-template-columns:1fr}.composer-preview,.post-cover-panel,.people-panel{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.profile-hero{display:grid}.profile-stats,.favorite-grid,.composer-bottom,.edit-fields,.edit-fields.two{grid-template-columns:1fr}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tag-menu{position:static;margin-top:8px}.auth-form,.auth-side{padding:24px}.auth-form h1{font-size:36px}.post-card{width:100%;min-height:0;border-radius:16px}.compact-feed .post-card{grid-template-columns:1fr}.post-cover-panel{min-height:auto;aspect-ratio:1 / 1}.comment-modal{width:100%;max-height:calc(100dvh - 24px);overflow-y:auto}.modal-backdrop{align-items:start;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));overflow-y:auto}.profile-edit-modal,.share-picker,.spotify-confirm{max-height:calc(100dvh - 20px)}.post-footer{align-items:stretch;overflow-x:auto;scrollbar-width:none}.post-footer::-webkit-scrollbar{display:none}.post-action{flex:0 0 auto}.social-grid{height:auto;min-height:560px}.people-panel{grid-template-rows:auto auto;overflow:visible}.people-panel .people-list{display:flex;gap:10px;min-height:84px;overflow-x:auto;overflow-y:hidden;padding:0 0 10px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--active, #5a116f) 80%,#fff) rgba(255,255,255,.08)}.people-panel .people-list::-webkit-scrollbar{height:8px}.people-panel .people-list::-webkit-scrollbar-track{border-radius:999px;background:#ffffff14}.people-panel .people-list::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--active, #5a116f) 78%,#fff)}.people-row{flex:0 0 280px;min-height:72px}.people-list .people-select{grid-template-columns:44px minmax(0,1fr)}.social-ranking header{display:grid}.ranking-list{grid-template-columns:repeat(2,minmax(0,1fr))}.comment-modal-body{grid-template-columns:1fr;max-height:none;min-height:0}.comment-post-shell{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.comment-compose{grid-template-columns:40px minmax(0,1fr)}.comment-compose button{grid-column:2}}@media (max-width: 560px){.view-shell{padding-top:max(18px,env(safe-area-inset-top))}.view-head h1,.profile-title-row h1{font-size:30px}.feed-stack{gap:20px}.post-header,.post-footer{padding:14px}.post-card{display:flex;width:calc(100% + 32px);min-height:0;margin-inline:-16px;flex-direction:column;border-right:0;border-left:0;border-radius:0;background:#0b0b10;box-shadow:none}.post-main-panel{display:contents}.post-header{order:1;min-height:68px;border-bottom:0;background:#0b0b10}.post-cover-panel{order:2;min-height:0;aspect-ratio:1 / 1;border-bottom:0}.post-thought-panel{order:4;padding:2px 18px 18px}.post-footer{order:3;display:flex;gap:18px;border-top:0;justify-content:flex-start;padding:12px 14px 8px}.post-action{justify-content:flex-start;min-height:42px;padding:0 2px}.post-action>span{width:32px;height:32px;background:transparent}.post-source-chip{right:12px;bottom:12px;left:12px;border-radius:16px;background:#08080cc7}.social-view .view-head{margin-bottom:16px}.social-view .view-head h1{font-size:28px}.social-mode-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:16px}.social-mode-tabs button{justify-content:start;min-height:38px;border:0;background:transparent;font-size:22px;color:#fff}.social-mode-tabs button:not(.active){justify-content:end;color:color-mix(in srgb,var(--active, #5B1177) 76%,#fff)}.social-grid{min-height:0;border:0;border-radius:0;background:transparent}.social-grid:not(.chat-open) .chat-panel{display:none}.social-grid.chat-open .people-panel{display:none}.people-panel{padding:0;border:0}.people-panel .search{display:none}.people-panel .people-list{display:grid;align-content:start;grid-auto-rows:max-content;gap:6px;min-height:0;max-height:calc(100dvh - 210px);overflow-x:hidden;overflow-y:auto;padding:0}.people-row{grid-template-columns:minmax(0,1fr);flex-basis:auto;height:70px;min-height:70px;max-height:70px;padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#101015}.people-row.active{border-color:color-mix(in srgb,var(--user-color, #7a1fa2) 70%,#fff);background:color-mix(in srgb,var(--user-color, #2A003F) 20%,#101015)}.people-list .people-select{grid-template-columns:52px minmax(0,1fr);gap:12px;min-height:56px}.people-list .avatar.small{width:50px;height:50px;border-radius:50%}.people-list .people-select strong{font-size:16px}.people-list .people-select small{color:#b8b7c2;font-size:13px}.people-profile-action{display:none!important}.chat-panel{min-height:calc(100dvh - 132px);border:0;border-radius:0;background:transparent}.chat-head{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:0 0 14px;border-bottom-color:#ffffff14}.chat-back-button{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border:0;border-radius:12px;background:color-mix(in srgb,var(--active, #2A003F) 38%,#15151d);color:#fff;font-weight:900}.chat-window-control{display:none}.message-thread{padding:16px 0}.message-compose{padding:12px 0 0;border-top-color:#ffffff14}.profile-view{padding-inline:0}.profile-hero{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;padding:0 16px 14px;border:0;border-radius:0;background:transparent}.profile-avatar.large{width:96px;height:96px;border-radius:50%}.profile-title-row{gap:10px}.profile-title-row h1{font-size:18px}.profile-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.profile-actions button{width:100%;min-height:44px;border-radius:10px}.profile-bio,.chip-row{grid-column:1 / -1}.profile-bio{margin:8px 0 0;color:#fff;font-size:15px}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.profile-stats span,.profile-stats button{min-height:48px;padding:6px 4px;border:0;background:transparent;text-align:center}.profile-stats strong{font-size:20px}.profile-stats span:last-child{display:none}.profile-grid{grid-template-columns:1fr;margin:12px 16px 0}.profile-card,.profile-shares{border-radius:14px}.profile-shares{margin:16px 0 0;padding:0;border:0;background:transparent}.profile-shares>.card-head{padding:0 16px}.profile-shares>.card-head>div:first-child{display:none}.profile-shares .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.profile-shares .tabs button{min-height:42px;padding:0 8px;border-radius:10px;font-size:12px}.post-filter-tabs{margin:12px 16px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.profile-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:0}.profile-feed .post-card{display:block;min-height:0;border:0;border-radius:0;background:transparent}.profile-feed .post-cover-panel{min-height:0;aspect-ratio:1 / 1;border:0;border-radius:0}.profile-feed .post-source-chip,.profile-feed .post-main-panel{display:none}.notification-main{grid-template-columns:12px minmax(0,1fr)}.notification-main em{grid-column:2;grid-row:auto}.notification-actions{padding-left:0}.share-preview{grid-template-columns:54px minmax(0,1fr)}.ranking-list{grid-template-columns:1fr}}