@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500&family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#d8dce0;background:#111514;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#111514}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.splash{min-height:100vh;display:grid;place-items:center}.splash-logo{width:72px;height:72px;object-fit:contain;background:#d3a673;padding:12px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,520px) 1fr}.auth-panel{padding:clamp(36px,8vw,90px);display:flex;flex-direction:column;justify-content:center}.auth-brand{padding-left:0!important;margin-bottom:54px;align-self:flex-start}.auth-panel h1{font-size:clamp(34px,5vw,58px)}.auth-intro{color:#747d79;line-height:1.6;font-size:13px;margin:16px 0 28px;max-width:370px}.auth-panel form{display:grid;gap:15px}.auth-panel label{color:#8d9692;display:grid;gap:7px;font:500 9px IBM Plex Mono;text-transform:uppercase;letter-spacing:.08em}.auth-panel input{height:43px;border:1px solid #343c39;background:#181d1b;color:#eef0ee;padding:0 12px;outline:none}.auth-panel input:focus{border-color:#d3a673}.auth-submit{min-height:43px;margin-top:5px}.auth-submit:disabled{opacity:.6}.auth-error{margin:0;color:#d88b78;font-size:11px}.auth-notice{margin:0;border-left:2px solid var(--kap-cyan);background:#63c9e112;color:var(--kap-text);font-size:11px;line-height:1.5;padding:10px 12px}.auth-resend{border:0;background:transparent;color:var(--kap-cyan);cursor:pointer;font-size:10px;justify-self:start;padding:2px 0}.auth-resend:disabled{cursor:default;opacity:.5}.auth-divider{height:38px;display:flex;align-items:center;color:#59625e;font-size:9px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#2b312f;flex:1}.auth-divider span{padding:0 10px}.google-button{min-height:43px;border:1px solid #39413e;background:transparent;cursor:pointer;font-size:11px}.auth-switch{border:0;background:transparent;color:#d3a673;cursor:pointer;font-size:10px;margin-top:18px}.auth-art{position:relative;overflow:hidden;padding:70px;background:radial-gradient(circle at 28% 42%,rgba(81,191,220,.17),transparent 34%),radial-gradient(circle at 80% 52%,rgba(123,100,205,.13),transparent 30%),linear-gradient(135deg,#172630,#091015 72%)}.auth-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,16,21,.06),transparent 25%,rgba(9,16,21,.44));pointer-events:none}.auth-wave{position:absolute;z-index:1;left:0;right:-1px;top:16%;height:58%;display:flex;align-items:center;gap:clamp(2px,.28vw,5px);opacity:.95}.auth-wave:before{content:"";position:absolute;inset:42% 0;background:linear-gradient(90deg,#62c8df,#6488cf 48%,#8c7bd8);filter:blur(34px);opacity:.22}.auth-wave i{position:relative;flex:1 1 0;min-width:2px;max-width:9px;border-radius:4px;background:linear-gradient(180deg,#70d5e7,#587fbd 55%,#7968c0);box-shadow:0 0 16px #62c8df21}.auth-art-copy{position:absolute;z-index:2;left:70px;right:70px;bottom:70px;display:flex;flex-direction:column;align-items:flex-start}.auth-art span{color:#6ed2e5;font:500 9px IBM Plex Mono;letter-spacing:.18em;margin-bottom:14px}.auth-art strong{color:#edf3f5;font-size:clamp(32px,4.6vw,68px);line-height:.96;letter-spacing:-.055em;text-shadow:0 4px 28px rgba(0,0,0,.3)}.auth-art small{color:#7f939e;font-size:11px;margin-top:20px}.app-shell{height:100vh;height:100dvh;overflow:hidden;display:grid;grid-template-columns:230px 1fr;grid-template-rows:minmax(0,1fr) 104px}.sidebar{grid-row:1 / 3;min-height:0;overflow:hidden;background:#171b1a;border-right:1px solid #2d3331;padding:24px 16px 18px;display:flex;flex-direction:column}.mobile-menu-button,.mobile-menu-close,.mobile-menu-backdrop{display:none}.mobile-menu-button{width:32px;height:32px;flex:0 0 32px;border:1px solid var(--kap-line-bright);background:#080e1261;color:var(--kap-muted);padding:8px;cursor:pointer}.mobile-menu-button i{display:block;height:1px;margin:3px 0;background:currentColor}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;padding:0 8px 28px}.brand-logo{width:36px;height:36px;object-fit:contain;flex:0 0 auto;background:#d3a673;padding:6px}.brand strong{display:block;font:600 16px IBM Plex Mono;letter-spacing:.09em}.brand small{display:block;color:#747d79;font-size:9px;margin-top:2px}nav{display:grid;gap:3px}.nav-link{width:100%;min-height:42px;display:flex;align-items:center;gap:12px;padding:0 12px;color:#88918d;text-decoration:none;font-size:13px;border:0;border-left:2px solid transparent;background:transparent;cursor:pointer;text-align:left}.nav-link:hover{color:#d8dce0;background:#1d2220}.nav-link.active{color:#f1f2ef;background:#202624;border-left-color:#d3a673}.nav-link>span:first-child{width:16px;text-align:center;color:#69736e}.sidebar-profile{min-height:50px;gap:10px}.sidebar-profile strong{min-width:0;overflow:hidden;color:inherit;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile .sidebar-profile-avatar{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(201,218,226,.28);border-radius:50%;background:#283640;color:#d7e5ea;font:500 8px IBM Plex Mono}.sidebar-profile-avatar img{width:100%;height:100%;object-fit:cover}.nav-section{border-top:1px solid #2a302e;margin-top:24px;padding-top:18px}.nav-section p{color:#59625e;font:500 10px IBM Plex Mono;text-transform:uppercase;letter-spacing:.11em;padding:0 12px}.connections-heading{display:flex;align-items:center;justify-content:space-between;padding-right:7px}.connections-heading p{margin:0}.connections-heading>button,.hub-create-button{width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:0;background:transparent;color:#717d82;padding:0;cursor:pointer;font:400 15px/1 IBM Plex Mono;box-shadow:none;transition:color .15s ease,opacity .15s ease}.connections-heading>button:hover,.connections-heading>button:focus-visible,.hub-create-button:hover,.hub-create-button:focus-visible{outline:0;background:transparent;color:#adb7bb}.connection-group>.nav-link.expanded{color:var(--kap-text);background:#1c252a}.connection-row{display:flex;align-items:center}.connection-row>.nav-link{flex:1;min-width:0}.connection-label{width:auto!important;min-width:0;color:inherit!important;text-align:left!important}.connection-alert-badge{width:auto!important;min-width:17px;height:17px;margin-left:auto;padding:0 5px;display:inline-grid;place-items:center;border:1px solid rgba(223,135,146,.48);border-radius:9px;background:#df879229;color:#ef9eaa!important;font:600 8px/1 IBM Plex Mono}.close-friend-add{flex:0 0 24px;height:24px;margin-right:8px;border:0;background:transparent;color:#77858c;font:400 14px IBM Plex Mono;cursor:pointer}.close-friend-add:hover{color:var(--kap-cyan)}.connection-list{max-height:180px;overflow-y:auto;border-left:1px solid var(--kap-line);margin:2px 0 7px 19px;padding:3px 0 3px 8px}.connection-list>small{display:block;padding:8px;color:var(--kap-dim);font-size:8px}.connection-list>div{min-width:0;display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:6px;align-items:center;min-height:38px}.connection-list>div>span{width:24px;height:24px;display:grid;place-items:center;overflow:hidden;background:#293840;color:#b9cbd3;border-radius:50%;font:500 7px IBM Plex Mono}.connection-list img{width:100%;height:100%;object-fit:cover}.connection-list>div>button{min-width:0;border:0;background:transparent;color:var(--kap-text);padding:0;text-align:left;cursor:pointer}.connection-list strong,.connection-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-list strong{font-size:9px;font-weight:500}.connection-list small{margin-top:2px;color:var(--kap-dim);font:500 7px IBM Plex Mono}.connection-list .connection-remove{color:var(--kap-dim);text-align:center;font-size:13px}.connection-list .connection-remove:hover{color:#df8792}.friend-request-actions{width:auto!important;height:auto!important;display:flex!important;gap:3px;overflow:visible!important;border-radius:0!important;background:transparent!important}.friend-request-actions button{width:19px;height:19px;padding:0;border:1px solid #344850;background:transparent;color:var(--kap-dim);cursor:pointer;font-size:10px}.friend-request-actions button:first-child:hover{border-color:#69b995;color:#69b995}.friend-request-actions button:last-child:hover{border-color:#df8792;color:#df8792}.tier-dot{width:7px!important;height:7px;border-radius:50%;display:inline-block}.tier-dot.close{background:#d3a673}.tier-dot.friend{background:#8b9abf}.tier-dot.follower{background:#6a8274}.storage{margin-top:auto;border-top:1px solid #2a302e;padding:16px 8px 0}.storage>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#6f7874}.storage strong{color:#aab0ad;font-weight:500}.storage-bar{height:3px;margin:9px 0 7px;background:#303633}.storage-bar span{display:block;width:0;height:100%;background:#d3a673}.storage small{color:#565f5b;font-size:9px}.storage-footer{display:flex;align-items:center;gap:8px}.storage-footer button{width:25px;height:25px;display:grid;place-items:center;border:1px solid transparent;background:transparent;color:#66737a;padding:0;cursor:pointer}.storage-footer button:hover,.storage-footer button.active{border-color:var(--kap-line-bright);background:#1a242a;color:var(--kap-cyan)}.storage-footer svg{width:14px;height:14px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:square;stroke-linejoin:miter}.app-shell>main{grid-column:2;grid-row:1;min-width:0;min-height:0;overflow-y:auto;background:#111514}.app-shell>main.library-view{overflow:hidden}.topbar{height:72px;padding:0 30px;border-bottom:1px solid #282e2c;display:flex;align-items:center;gap:18px}.search{width:min(390px,45vw);height:38px;background:#191e1c;border:1px solid #2b3230;display:flex;align-items:center;gap:9px;padding:0 12px}.search span{color:#747e79;font-size:20px}.search input{width:100%;border:0;outline:0;background:transparent;color:#e0e3e1;font-size:12px}.search input::placeholder{color:#59625e}.live-state{margin-left:auto;display:flex;gap:7px;align-items:center;color:#77807c;text-transform:capitalize;font:500 10px IBM Plex Mono}.live-state i{width:6px;height:6px;border-radius:50%;background:#876b59}.live-state.live i{background:#78a988;box-shadow:0 0 0 4px #78a98814}.icon-button,.profile{border:0;background:none;cursor:pointer}.studio-connect{height:30px;border:1px solid #3f4945;background:transparent;color:#a7afab;padding:0 10px;cursor:pointer;font-size:9px}.studio-connect:hover{border-color:#d3a673;color:#d3a673}.icon-button{color:#6f7874;width:32px;height:32px;font-size:10px}.sign-out-button{min-height:30px;border:0;border-bottom:1px solid rgba(117,139,150,.34);background:transparent;color:#87949a;padding:0 2px;cursor:pointer;font-size:9px}.sign-out-button:hover,.sign-out-button:focus-visible{border-bottom-color:var(--kap-cyan);color:#e7f1f4;outline:0}.profile{display:flex;align-items:center;gap:9px;text-align:left;padding:0}.profile>span,.profile>img{width:32px;height:32px;display:grid;place-items:center;background:#343d39;color:#c4cac7;font:500 10px IBM Plex Mono;object-fit:cover}.profile i{font-style:normal;color:#aeb4b1;font-size:11px}.profile small{display:block;color:#59625e;font-size:9px;margin-top:2px}.content{padding:38px 38px 150px;max-width:1500px;margin:0 auto}.library-view .content{width:100%;height:100%;min-height:0;max-width:none;margin:0;padding:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}.profile-hero{position:relative;width:100%;height:250px;overflow:hidden;border:0;border-bottom:1px solid var(--kap-line);background:radial-gradient(circle at 72% 34%,rgba(98,200,223,.16),transparent 30%),radial-gradient(circle at 42% 70%,rgba(74,105,165,.22),transparent 38%),linear-gradient(120deg,#1c303b,#0c151a 72%);background-position:center;background-size:cover}.profile-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#060b0e14,#060b0eb3);pointer-events:none}.hero-wave{position:absolute;z-index:1;inset:24px 0 24px 28%;display:flex;align-items:center;gap:3px;opacity:.38}.profile-hero.has-cover .hero-wave{opacity:0}.hero-wave i{flex:1 1 0;min-width:1px;max-width:5px;border-radius:2px;background:linear-gradient(#66ccdf,#577cb2)}.profile-identity{position:absolute;z-index:3;left:28px;bottom:24px;display:flex;align-items:flex-end;gap:20px;min-width:0}.profile-avatar-wrap{position:relative;display:block;flex:0 0 116px;width:116px;height:116px}.profile-avatar{width:116px;height:116px;flex:0 0 116px;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(224,237,243,.68);border-radius:50%;background:#263a46;color:#dce9ee;box-shadow:0 12px 38px #0000006b;font:600 22px IBM Plex Mono}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-identity h1{margin-bottom:9px;color:#f0f5f7;font-size:clamp(32px,4.8vw,64px);line-height:.95;text-shadow:0 3px 24px rgba(0,0,0,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-controls{position:absolute;z-index:4;top:0;right:0;width:min(560px,54%);height:72px;justify-content:flex-end;border:0;padding:0 26px 0 54px;background:linear-gradient(90deg,transparent,rgba(8,14,18,.54) 13%,rgba(8,14,18,.88) 42%)}.hero-controls .live-state{margin-left:0}.hero-controls .studio-connect{background:#080e125c}.hero-controls .profile{padding:5px 7px;background:#080e122e}.image-upload-button{z-index:4;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(211,227,235,.22);border-radius:50%;background:#080e1257;color:#e1edf2c7;cursor:pointer;opacity:.66}.image-upload-button:hover,.image-upload-button:focus{border-color:var(--kap-cyan);color:#eff8fa;opacity:1}.upload-glyph{position:relative;display:block;width:9px;height:10px}.upload-glyph:before{content:"";position:absolute;top:1px;left:4px;width:1px;height:5px;background:currentColor}.upload-glyph:after{content:"";position:absolute;top:1px;left:2px;width:4px;height:4px;border-top:1px solid currentColor;border-left:1px solid currentColor;transform:rotate(45deg)}.upload-glyph i{position:absolute;left:0;bottom:0;width:9px;height:3px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;border-left:1px solid currentColor;border-radius:0 0 1px 1px}.cover-upload{position:absolute;top:84px;right:26px}.profile-upload{position:absolute;right:-2px;bottom:1px;width:30px;height:30px;border-color:#18242b94;background:#17262f80}.hero-dev{position:absolute;z-index:4;right:14px;bottom:14px}.library-filters{padding:0 18px}.library-toolbar{min-height:50px;display:flex;align-items:stretch;justify-content:space-between;gap:30px;background:#0c1215b8}.library-toolbar .filter-row{position:relative;margin:0;padding:0;border:0;align-items:flex-end}.library-toolbar .filter-row:before{content:"";position:absolute;z-index:0;left:0;bottom:0;width:min(690px,60vw);height:1px;background:linear-gradient(90deg,#2b312f 0%,#2b312f 82%,transparent 100%);pointer-events:none}.library-toolbar .filter{z-index:1;padding-bottom:10px}.library-toolbar .search{align-self:center;width:min(220px,24vw);height:34px;border:0;border-right:1px solid rgba(80,101,112,.32);border-bottom:1px solid rgba(80,101,112,.32);background:#0d1418}.library-toolbar .search:focus-within{border-bottom-color:color-mix(in srgb,var(--kap-cyan) 58%,transparent)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.eyebrow{color:#8d9692;font:500 10px IBM Plex Mono;text-transform:uppercase;letter-spacing:.14em;margin:0 0 8px}h1{margin:0;font-size:clamp(30px,4vw,48px);letter-spacing:-.045em;font-weight:600}.button{min-height:34px;border:1px solid #d3a673;background:#d3a673;color:#111514;cursor:pointer;padding:0 13px;font-size:10px;font-weight:600}.button.ghost{background:transparent;color:#9ca5a1;border-color:#3b4440}.filter-row{display:flex;gap:28px;border-bottom:1px solid #2b312f;margin-top:32px}.filter{position:relative;border:0;background:none;color:#6e7773;cursor:pointer;padding:0 0 13px;font-size:11px}.filter.active{color:#e0e3e1}.filter.active:after{content:"";position:absolute;height:2px;background:#d3a673;left:0;right:0;bottom:-1px}.primary-tabs .filter{font-size:12px}.sub-tabs{position:relative;display:flex;width:max-content;gap:28px;margin:0 0 6px}.sub-tabs:before{content:"";position:absolute;z-index:0;left:0;bottom:0;width:min(690px,60vw);height:1px;background:linear-gradient(90deg,#2b312f 0%,#2b312f 82%,transparent 100%);pointer-events:none}.sub-tabs button{position:relative;z-index:1;border:0;background:transparent;color:#737d78;padding:11px 0 9px;cursor:pointer;font-size:10px}.sub-tabs button.active{color:#e0e4e1}.sub-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--kap-cyan)}.workspace{display:grid;grid-template-columns:minmax(560px,1fr) 220px;gap:22px;margin-top:4px}.track-table{min-width:0}.table-head,.track-row{display:grid;grid-template-columns:minmax(270px,1fr) 150px 94px 40px;align-items:center;gap:14px}.table-head{height:32px;padding:0 14px;color:#565f5b;font:500 8px IBM Plex Mono;text-transform:uppercase;letter-spacing:.09em}.track-row{width:100%;min-height:72px;border-top:1px solid #252b29;background:transparent;text-align:left;padding:0 14px;cursor:pointer;outline:none}.track-row:hover,.track-row:focus{background:#171c1a}.track-row.selected{background:#1c221f;box-shadow:inset 2px 0 #d3a673}.track-title{display:flex;align-items:center;gap:12px;min-width:0}.track-title>span:last-child{min-width:0}.track-title strong,.track-title small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.track-title strong{font-size:12px;font-weight:600;color:#d7dcd9}.track-title small{color:#65706b;font-size:9px;margin-top:5px}.cover{overflow:hidden;background:linear-gradient(145deg,#35433f,#1b211f 54%,#8a674a);display:grid;place-items:center;flex:0 0 auto}.cover img{width:100%;height:100%;object-fit:cover}.cover b{color:#d8c1a2;font:500 12px IBM Plex Mono}.track-cover{width:38px;height:38px}.kap-select{position:relative;min-width:0;color:var(--kap-text)}.kap-select-trigger{width:100%;height:100%;min-width:0;border:0;border-bottom:1px solid var(--kap-line-bright);border-radius:0;display:flex;align-items:center;justify-content:space-between;gap:16px;background:transparent;color:inherit;padding:0 12px;cursor:pointer;font:inherit;text-align:left}.kap-select-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kap-select-trigger>i{width:7px;height:7px;flex:0 0 7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .14s ease;opacity:.78}.kap-select.open .kap-select-trigger>i{transform:translateY(2px) rotate(225deg)}.kap-select-trigger:disabled{color:var(--kap-dim);cursor:default;opacity:.55}.kap-select-menu{position:absolute;z-index:80;left:0;top:calc(100% + 5px);min-width:100%;width:max-content;max-width:min(260px,80vw);max-height:260px;overflow-y:auto;display:grid;padding:5px;border:1px solid var(--kap-line-bright);background:#10191e;box-shadow:0 18px 48px #00000085}.kap-select.drop-up .kap-select-menu{top:auto;bottom:calc(100% + 5px)}.kap-select-menu button{position:relative;min-width:100%;border:0;border-left:2px solid transparent;border-radius:0;background:transparent;color:var(--kap-muted);padding:10px 30px 10px 11px;cursor:pointer;font:500 9px IBM Plex Mono;text-align:left;white-space:nowrap}.kap-select-menu button:hover,.kap-select-menu button:focus{outline:0;background:#1a2931;color:var(--kap-text)}.kap-select-menu button.selected{border-left-color:var(--kap-cyan);background:#17242b;color:var(--kap-text)}.kap-select-menu button.selected:after{content:"";position:absolute;right:12px;top:50%;width:6px;height:3px;border-left:1px solid var(--kap-cyan);border-bottom:1px solid var(--kap-cyan);transform:translateY(-65%) rotate(-45deg)}.updated{font-size:9px;color:#66706b}.row-menu-wrap{position:relative;justify-self:end}.more-button{border:0;background:transparent;color:#6b7470;cursor:pointer;letter-spacing:1px;padding:8px}.row-menu{position:absolute;z-index:15;right:0;top:34px;width:165px;display:grid;padding:5px;background:#212724;border:1px solid #3c4541;box-shadow:0 15px 40px #00000059}.row-menu button{border:0;background:transparent;color:#9ba39f;text-align:left;padding:9px;font-size:9px;cursor:pointer}.row-menu button:hover{background:#2b332f;color:#e2e5e3}.row-menu i{height:1px;background:#333b37;margin:4px 7px}.empty-library,.collection-empty,.discover-empty{min-height:280px;border:1px dashed #303734;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#646d69}.empty-library img{width:54px;height:54px;object-fit:contain;background:#d3a673;padding:9px;opacity:.82}.empty-library h2,.collection-empty h2,.discover-empty h2{color:#b7bdb9;font-size:17px;margin:16px 0 6px}.empty-library p,.collection-empty p,.discover-empty p{margin:0;font-size:10px;max-width:370px;line-height:1.6}.collection-empty,.discover-empty{margin-top:18px;min-height:360px}.collection-empty>span,.discover-empty>span{color:#d3a673;font-size:24px}.discover-content{min-height:0;overflow-y:auto;padding-bottom:130px}.discover-content>.primary-tabs{margin-bottom:10px;border-bottom:1px solid var(--kap-line)}.discover-loading{min-height:280px;display:grid;place-items:center;color:var(--kap-dim);font:500 9px IBM Plex Mono;letter-spacing:.08em;text-transform:uppercase}.discover-track-table{border-top:1px solid var(--kap-line)}.discover-owner{display:block;margin-top:4px;color:var(--kap-dim);font-size:8px}.discover-owner b{color:var(--kap-cyan);font:500 7px IBM Plex Mono}.discover-owner button{margin-left:8px;padding:2px 7px;border:1px solid color-mix(in srgb,var(--kap-cyan) 45%,transparent);background:transparent;color:var(--kap-cyan);font:600 7px IBM Plex Mono;cursor:pointer;text-transform:uppercase}.discover-owner button.following{border-color:transparent;color:var(--kap-dim)}.comment-readonly{width:330px;flex:0 0 330px;display:flex;align-items:center;border:1px solid var(--kap-line);background:#0d131780;color:var(--kap-dim);padding:0 10px;font-size:8px}.now-card{border:1px solid #2e3532;background:#171c1a;padding:12px;align-self:start}.artwork-wrap{position:relative}.artwork{width:100%;aspect-ratio:1}.artwork b{font-size:40px;letter-spacing:-.1em}.artwork-edit{position:absolute;left:8px;right:8px;bottom:8px;height:30px;border:1px solid rgba(255,255,255,.22);background:#0c100ed1;color:#d8ddda;cursor:pointer;font-size:9px;opacity:0;transition:opacity .15s}.artwork-wrap:hover .artwork-edit,.artwork-edit:focus{opacity:1}.now-meta{padding:14px 4px}.now-meta p{color:#59625e;margin:0 0 6px;font:500 8px IBM Plex Mono;text-transform:uppercase}.now-meta h2{margin:0;font-size:17px}.now-meta>span{color:#727c77;font-size:9px}.appearance-line{border-top:1px solid #2b312f;padding:11px 4px}.appearance-line label{display:flex;justify-content:space-between;align-items:center;color:#959e99;font-size:9px}.appearance-line small{display:block;color:#59625e;margin-top:3px}.appearance-line input{width:31px;height:25px;border:0;padding:0;background:none;cursor:pointer}.permission-line{border-top:1px solid #2b312f;border-bottom:1px solid #2b312f;padding:11px 4px;display:flex;justify-content:space-between;font-size:9px;color:#959e99}.permission-line button{border:0;background:none;color:#d3a673;cursor:pointer;font-size:9px}.activity{display:flex;gap:9px;padding:14px 4px 4px}.activity>i{width:7px;height:7px;border-radius:50%;background:#78a988;margin-top:3px}.activity span,.activity strong,.activity small{display:block}.activity span{color:#747e79;font-size:9px;line-height:1.4}.activity strong{color:#aeb5b1;font-weight:500}.activity small{color:#515955}.player{position:fixed;z-index:10;left:230px;right:0;bottom:0;min-height:104px;background:#191e1c;border-top:1px solid #333b38;display:grid;grid-template-columns:250px auto minmax(130px,1fr) 184px;align-items:center;gap:22px;padding:0 24px 0 0;box-shadow:0 -20px 50px #00000029}.player-track{align-self:stretch;display:flex;align-items:center;gap:14px;min-width:0}.mini-art{width:104px;height:100%;flex:0 0 104px;border-radius:0}.player-track strong,.player-track small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.player-track strong{font-size:11px}.player-track small{color:#6f7874;font-size:8px;margin-top:4px}.transport{display:flex;align-items:center;justify-content:center;gap:9px}.transport-cluster{display:flex;align-items:center;gap:18px}.transport button{width:24px;height:24px;padding:0;border:0;display:grid;place-items:center;background:none;color:#767f7b;cursor:pointer}.player-icon{width:16px;height:16px;display:block;overflow:visible;fill:currentColor;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.transport .play{width:42px;height:42px;border-radius:50%;background:var(--wave-color);color:#111514}.transport .play .player-icon{width:17px;height:17px}.transport .play:disabled{cursor:wait;background:color-mix(in srgb,var(--wave-color) 22%,#2c3539);color:#ccd8dd61;opacity:.78}.play-spinner{width:15px;height:15px;border:2px solid rgba(213,224,229,.22);border-top-color:#e2ecf0d1;border-radius:50%;animation:play-spin .72s linear infinite}@keyframes play-spin{to{transform:rotate(360deg)}}.transport .loop-button{width:26px;height:26px;border-radius:50%}.transport .loop-button.active{color:var(--wave-color);background:color-mix(in srgb,var(--wave-color) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--wave-color) 58%,transparent)}.waveform-wrap{min-width:0;position:relative;display:flex;align-items:center;gap:10px}.waveform{flex:1;min-width:100px;height:45px;display:flex;align-items:center;gap:2px;cursor:pointer}.waveform i{flex:1;min-width:1px;max-width:4px;background:#3f4844}.waveform i.played{background:var(--wave-color)}.time{color:#646d69;font:500 8px IBM Plex Mono}.take-picker{position:absolute;right:0;top:-31px}.take-button{border:0;background:none;color:#8d9691;cursor:pointer;font:500 8px IBM Plex Mono;text-transform:uppercase}.take-button span{margin-left:5px;color:var(--wave-color)}.take-menu{position:absolute;right:0;bottom:28px;width:255px;max-height:330px;overflow:auto;background:#202623;border:1px solid #3c4541;box-shadow:0 15px 40px #00000059;padding:5px}.take-menu button{width:100%;border:0;background:transparent;color:#9da5a1;text-align:left;padding:10px;display:flex;justify-content:space-between;cursor:pointer;font-size:10px}.take-menu button:hover,.take-menu button.current{background:#29302d;color:#e2e5e3}.take-menu small{display:block;color:#66706b;font-size:8px;margin-top:3px}.take-menu i{color:var(--wave-color);font-style:normal;font-size:8px}.take-menu p{color:#707975;font-size:9px;padding:8px}.alert-controls{position:relative;justify-self:end;min-width:0}.alert-controls .kap-select{width:100%;height:32px;color:#a9b4b9;font-size:9px}.alert-controls .kap-select-trigger{border-bottom-color:#4a544f}.alert-audience-menu{position:absolute;z-index:12;right:0;bottom:40px;width:132px;border:1px solid var(--kap-line-bright);background:#172229;box-shadow:0 16px 38px #0000007a;padding:4px}.alert-audience-menu button{width:100%;height:32px;border:0;border-left:2px solid transparent;background:transparent;color:var(--kap-muted);padding:0 9px;text-align:left;cursor:pointer;font:500 8px IBM Plex Mono}.alert-audience-menu button:hover,.alert-audience-menu button:focus{border-left-color:var(--wave-color);background:#ffffff09;color:var(--kap-text)}.notify{width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#69726e;padding:0;display:grid;place-items:center;cursor:pointer;transition:color .15s ease,background-color .15s ease}.notify .player-icon{width:19px;height:19px;fill:none;stroke-width:1.45;transform:translate(-.35px)}.notify:disabled{opacity:.35;cursor:wait}.notify:hover,.notify:focus-visible,.notify[aria-expanded=true]{background:color-mix(in srgb,var(--wave-color) 10%,transparent);color:var(--wave-color);outline:none}.volume{width:32px;height:32px;padding:0;border:0;display:grid;place-items:center;background:none;color:#69726e;cursor:pointer}.volume .player-icon{width:18px;height:18px;fill:none}.volume.muted{color:var(--wave-color)}.volume-controls{display:flex;align-items:center;gap:7px}.volume-controls input{--volume-level: 80%;width:82px;height:16px;margin:0;appearance:none;background:transparent;cursor:pointer}.volume-controls input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--wave-color) var(--volume-level),#3b464b var(--volume-level))}.volume-controls input::-webkit-slider-thumb{width:8px;height:8px;margin-top:-3px;appearance:none;border:0;border-radius:50%;background:var(--wave-color)}.volume-controls input::-moz-range-track{height:2px;background:#3b464b}.volume-controls input::-moz-range-progress{height:2px;background:var(--wave-color)}.volume-controls input::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:var(--wave-color)}.toast{position:fixed;z-index:30;right:24px;top:86px;border:1px solid #4b5651;background:#252c29;color:#cbd0cd;box-shadow:0 12px 35px #0000004d;padding:12px 13px;cursor:pointer;font-size:10px}.toast span{color:#76817c;margin-left:18px}.modal-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:#040706c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.connect-modal{position:relative;width:min(480px,100%);border:1px solid #3b4540;background:#181e1b;box-shadow:0 30px 90px #0000008c;padding:34px}.connect-modal>img{width:48px;height:48px;object-fit:contain;background:#d3a673;padding:8px;margin-bottom:24px}.connect-modal h2{margin:0;font-size:26px}.connect-modal>p:not(.eyebrow){color:#818a86;font-size:11px;line-height:1.65;margin:15px 0 20px}.connect-modal code{display:block;overflow-wrap:anywhere;border:1px solid #323a37;background:#101412;color:#c6ccc9;padding:13px;margin-bottom:14px;font:500 10px/1.6 IBM Plex Mono}.connect-modal>small{display:block;color:#5f6864;font-size:9px;line-height:1.5;margin-top:14px}.modal-close{position:absolute;right:12px;top:10px;border:0;background:none;color:#747e79;cursor:pointer;font-size:20px}:root{color:#d9e0e4;background:#0d1215;--kap-bg: #0d1215;--kap-panel: #141b1f;--kap-raised: #192228;--kap-hover: #202b32;--kap-line: #2b363d;--kap-line-bright: #3b4b55;--kap-text: #d9e0e4;--kap-muted: #82919a;--kap-dim: #5d6e78;--kap-steel: #527d96;--kap-blue: #4a69a5;--kap-cyan: #62c8df}body,main{background:var(--kap-bg)}#nl-badge-frame{display:none!important}.splash-logo,.brand-logo,.empty-library img,.connect-modal>img{border-radius:50%;background:var(--kap-cyan);box-shadow:0 0 0 1px #62c8df3d,0 8px 26px #00000047}.splash-logo{padding:13px}.brand-logo{padding:7px}.empty-library img{padding:10px}.connect-modal>img{padding:9px}.auth-panel input,.search,.connect-modal code{background:#131a1e;border-color:var(--kap-line);color:var(--kap-text)}.auth-panel input:focus{border-color:var(--kap-cyan)}.auth-intro,.auth-panel label,.auth-art small,.brand small,.profile small,.track-title small,.now-meta>span{color:var(--kap-muted)}.auth-switch,.permission-line button,.collection-empty>span,.discover-empty>span{color:var(--kap-cyan)}.auth-art{background:radial-gradient(circle at 65% 25%,rgba(82,125,150,.28),transparent 28%),linear-gradient(135deg,#1b2931,#0b1115 68%)}.auth-art span{color:var(--kap-cyan)}.sidebar{background:var(--kap-panel);border-right-color:var(--kap-line)}.nav-link{color:var(--kap-muted)}.nav-link:hover{color:var(--kap-text);background:var(--kap-raised)}.nav-link.active{color:#f2f6f8;background:#202a31;border-left-color:var(--kap-cyan)}.nav-link>span:first-child{color:var(--kap-dim)}.nav-section,.storage,.topbar,.filter-row,.appearance-line,.permission-line{border-color:var(--kap-line)}.tier-dot.close{background:var(--kap-cyan)}.tier-dot.friend{background:#657db0}.tier-dot.follower{background:var(--kap-steel)}.tier-dot.following{background:#8c7bd8}.storage-bar{background:var(--kap-line)}.storage-bar span,.filter.active:after{background:var(--kap-cyan)}.live-state.live i,.activity>i{background:var(--kap-cyan);box-shadow:0 0 0 4px #62c8df14}.studio-connect{border-color:var(--kap-line-bright);color:#a8b5bc}.studio-connect:hover{border-color:var(--kap-cyan);color:var(--kap-cyan)}.profile>span,.profile>img{background:#283640;color:var(--kap-text);border-radius:50%}.button{border-color:var(--kap-blue);background:var(--kap-blue);color:#f2f6f8}.button.ghost{background:transparent;border-color:var(--kap-line-bright);color:#a9b5bc}.filter.active{color:var(--kap-text)}.sub-tabs button{border:0;background:transparent;color:var(--kap-muted)}.sub-tabs button.active{border-color:transparent;background:transparent;color:var(--kap-text)}.track-row{border-top-color:#222c32}.track-row:hover,.track-row:focus{background:#131b20}.track-row.selected{background:#1a252c;box-shadow:inset 2px 0 var(--kap-cyan)}.track-title strong{color:var(--kap-text)}.cover{background:linear-gradient(145deg,#324a59,#192229 54%,#4a69a5)}.cover b{color:#c7e7ef}.row-menu,.take-menu,.now-card,.connect-modal{background:var(--kap-raised);border-color:var(--kap-line-bright)}.row-menu button:hover,.take-menu button:hover,.take-menu button.current{background:#26343d;color:#edf3f6}.empty-library,.collection-empty,.discover-empty{border-color:var(--kap-line);color:var(--kap-dim)}.empty-library h2,.collection-empty h2,.discover-empty h2{color:#bac5cb}.player{background:#151e23;border-top-color:var(--kap-line-bright)}.waveform i{background:#34434c}.alert-controls .kap-select-trigger{border-color:var(--kap-line-bright);color:#c2ccd1}.toast{background:#202c33;border-color:#455964;color:var(--kap-text)}.modal-backdrop{background:#05090cd1}@media(max-width:1050px){.app-shell{grid-template-columns:76px 1fr}.sidebar{padding-inline:10px;align-items:center}.brand{padding-inline:0}.brand>span:last-child,.nav-link:not(.active),.nav-section,.storage{display:none}.nav-link.active{width:48px;justify-content:center;font-size:0;padding:0}.sidebar-profile{display:flex!important;width:48px;justify-content:center;padding:0}.sidebar-profile strong{display:none}.player{left:76px;grid-template-columns:150px 90px 1fr 156px}.volume{display:none}.workspace{grid-template-columns:1fr}.now-card{display:none}}@media(max-width:760px){.auth-shell{display:block}.auth-panel{min-height:100vh;padding:34px 24px}.auth-art{display:none}.app-shell{display:block;height:100vh;height:100dvh;overflow:hidden}.sidebar{position:fixed;z-index:50;inset:0 auto 0 0;width:min(300px,86vw);padding:22px 16px 18px;align-items:stretch;overflow-y:auto;transform:translate(-102%);transition:transform .18s ease;box-shadow:24px 0 70px #0000007a}.sidebar.mobile-open{transform:translate(0)}.sidebar .brand{padding-right:40px}.sidebar .brand>span:last-child{display:block}.sidebar .nav-link:not(.active){display:flex}.sidebar .nav-section,.sidebar .storage{display:block}.sidebar nav,.sidebar .nav-section{width:100%}.sidebar .nav-link,.sidebar .nav-link.active{width:100%;min-height:42px;justify-content:flex-start;padding:0 12px;font-size:13px}.sidebar .sidebar-profile{min-height:50px}.sidebar .sidebar-profile strong{display:block}.sidebar .storage{display:block;width:100%;margin-top:auto}.mobile-menu-close{position:absolute;z-index:2;display:block;top:18px;right:16px;width:32px;height:32px;border:0;background:transparent;color:var(--kap-muted);cursor:pointer;font-size:25px;line-height:1}.mobile-menu-backdrop{position:fixed;z-index:49;inset:0;display:block;width:100%;height:100%;border:0;background:#03080bb8}.mobile-menu-button{display:block}.app-shell>main{height:calc(100vh - 58px);height:calc(100dvh - 58px);overflow:hidden}.topbar{height:60px;padding:0 16px;gap:10px}.search{flex:1;width:auto}.live-state{font-size:0;margin-left:0}.studio-connect{font-size:0;width:30px;padding:0}.studio-connect:after{content:"K";font:600 10px IBM Plex Mono}.sign-out-button{flex:0 0 auto}.content{padding:26px 16px 150px}.profile-hero{height:180px}.hero-controls{width:100%;height:60px;padding:0 12px 0 52px;background:linear-gradient(90deg,transparent,rgba(8,14,18,.64) 28%,rgba(8,14,18,.9))}.hero-controls .mobile-menu-button{position:absolute;top:14px;left:12px}.profile-identity{left:16px;bottom:17px;gap:12px}.profile-avatar-wrap{width:78px;height:78px;flex-basis:78px}.profile-avatar{width:78px;height:78px;flex-basis:78px;font-size:15px}.profile-identity h1{margin-bottom:6px;font-size:29px}.cover-upload{top:68px;right:10px}.profile-upload{width:26px;height:26px;font-size:13px}.search-strip{min-height:58px;padding:10px}.search-strip .search{width:100%}.library-filters{padding:0 10px}.filter-row{overflow-x:auto}.filter{white-space:nowrap}.table-head{display:none}.track-row{grid-template-columns:1fr auto;padding:10px}.version-select{grid-column:1;margin-left:50px}.updated{display:none}.row-menu-wrap{grid-column:2;grid-row:1 / 3}.player{left:0;min-height:126px;grid-template-columns:1fr auto;grid-template-rows:48px 62px;gap:0 12px;padding:8px 14px}.player-track{grid-column:1;grid-row:1}.transport{grid-column:2;grid-row:1}.waveform-wrap{grid-column:1 / 3;grid-row:2}.notify,.volume{display:none}}.workspace{min-height:0;height:100%;display:block;margin-top:4px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.workspace::-webkit-scrollbar{width:7px}.workspace::-webkit-scrollbar-track{background:#0d1317}.workspace::-webkit-scrollbar-thumb{background:#31414a}.workspace::-webkit-scrollbar-thumb:hover{background:#425865}.track-table{width:100%}.table-head{display:flex;justify-content:space-between;padding:0 14px}.track-row{position:relative;display:block;height:92px;min-height:92px;padding:10px 154px 10px 104px;transition:min-height .18s ease,background .18s ease;overflow:visible}.track-row.selected{height:270px;min-height:270px;padding:12px 154px 48px 286px;background:#1f2e367a;box-shadow:inset 3px 0 var(--row-wave-color)}.track-row.menu-open{z-index:20}.track-row:hover,.track-row:focus{background:#19242a73}.track-main{min-width:0;display:flex;align-items:flex-start;gap:10px}.track-main .track-title{flex:1}.track-cover{position:absolute;left:0;top:0;width:92px;height:92px}.track-row.selected .track-cover{width:270px;height:270px}.track-cover img{object-fit:cover}.track-title{display:block}.title-line{display:flex;align-items:center;gap:8px;min-width:0}.track-row.selected .track-title strong{font-size:18px}.title-line em{color:#40505a;font-style:normal;font-size:11px}.title-line small{margin:0;color:#70808a;font-size:9px}.row-actions{position:absolute;z-index:5;right:12px;top:12px;display:flex;align-items:center;gap:5px}.title-line .updated{flex:0 0 auto;color:#53616a;font-size:7px;font-weight:500;white-space:nowrap}.version-select{width:auto;max-width:116px;color:#c0c9ce;font-size:9px;font-weight:600}.version-select .kap-select-trigger{min-height:24px;border-bottom-color:#42515a;padding:3px 5px 3px 1px;gap:13px}.version-select.open .kap-select-trigger{border-bottom-color:var(--row-wave-color)}.version-select .kap-select-menu{min-width:126px}.version-select .kap-select-menu button.selected{border-left-color:var(--row-wave-color)}.add-button{width:25px;height:25px;border:0;background:transparent;color:#7d8a91;cursor:pointer}.add-button:hover,.more-button:hover{color:var(--row-wave-color)}.add-button{position:relative;display:grid;align-content:center;gap:2px;padding:5px 7px}.add-button>i{display:block;width:10px;height:1px;background:currentColor}.add-button>b{position:absolute;right:1px;top:0;font-size:12px;font-weight:500}.more-button{min-width:25px;min-height:25px;padding:5px;font-size:7px;line-height:1;letter-spacing:.7px}.row-menu{top:29px}.row-menu .danger{color:#bd7e79}.collection-browser{min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-content:start;gap:14px;padding:18px 14px 130px}.collection-card{min-width:0;border:1px solid var(--kap-line);background:#121a1f}.collection-card>header{min-height:92px;display:grid;grid-template-columns:72px minmax(0,1fr) 28px;align-items:center;gap:13px;padding:10px;border-bottom:1px solid var(--kap-line)}.collection-art,.collection-art .cover{width:72px;height:72px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#253642,#263a61);color:var(--kap-text);font:600 15px IBM Plex Mono}.collection-art img{width:100%;height:100%;object-fit:cover}.collection-card header>span:nth-child(2){min-width:0;display:grid;gap:3px}.collection-card header small{color:var(--kap-cyan);font:600 7px IBM Plex Mono;letter-spacing:.1em;text-transform:uppercase}.collection-card header strong{overflow:hidden;color:var(--kap-text);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.collection-card header em{color:var(--kap-dim);font-style:normal;font-size:8px}.collection-card header>button{width:28px;height:28px;border:0;background:transparent;color:var(--kap-dim);cursor:pointer;font-size:7px;letter-spacing:1px}.collection-card header>button:hover{color:#d78282}.collection-card>div{max-height:280px;overflow-y:auto}.collection-card>div>p{margin:0;padding:20px;color:var(--kap-dim);font-size:9px}.collection-track{display:grid;grid-template-columns:minmax(0,1fr) 30px;border-bottom:1px solid rgba(59,75,85,.55)}.collection-play{min-width:0;min-height:48px;border:0;display:grid;grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;gap:8px;background:transparent;color:var(--kap-muted);padding:7px 4px 7px 11px;text-align:left;cursor:pointer}.collection-play:hover{background:var(--kap-hover)}.collection-play>b{color:var(--kap-dim);font:500 7px IBM Plex Mono}.collection-play span{min-width:0}.collection-play strong,.collection-play small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-play strong{color:#c4cfd4;font-size:10px}.collection-play small{margin-top:3px;color:var(--kap-dim);font-size:7px}.collection-play i{color:var(--kap-cyan);font-style:normal;font-size:8px;opacity:.55}.collection-remove{border:0;background:transparent;color:var(--kap-dim);cursor:pointer;font-size:14px}.collection-remove:hover{color:#d78282}.collection-modal form{display:grid;gap:12px;margin-top:22px}.collection-modal form input{width:100%;height:44px;border:1px solid var(--kap-line-bright);border-radius:0;outline:0;background:#0c1317;color:var(--kap-text);padding:0 13px;font-size:11px}.collection-modal form input:focus{border-color:var(--kap-cyan)}.collection-picker{display:grid;max-height:330px;overflow-y:auto;margin-top:20px;border-top:1px solid var(--kap-line)}.collection-picker>button{min-height:52px;border:0;border-bottom:1px solid var(--kap-line);display:flex;align-items:center;justify-content:space-between;background:transparent;color:var(--kap-muted);padding:8px 11px;text-align:left;cursor:pointer}.collection-picker>button:hover:not(:disabled){background:var(--kap-hover);color:var(--kap-text)}.collection-picker>button:disabled{opacity:.55;cursor:default}.collection-picker span{display:grid;gap:3px}.collection-picker strong{color:var(--kap-text);font-size:10px}.collection-picker small{color:var(--kap-dim);font-size:8px}.collection-picker b{color:var(--kap-cyan);font:500 13px IBM Plex Mono}.collection-picker>p{color:var(--kap-dim);padding:18px 8px;font-size:9px}.collection-picker .collection-create-link{justify-content:flex-start;color:var(--kap-cyan);font:600 9px IBM Plex Mono}.row-wave-zone{position:relative;display:flex;align-items:center;min-width:0;margin:10px -142px 0 0;height:42px}.row-wave-zone.active{height:132px;margin-top:8px}.row-time{position:absolute;z-index:4;top:50%;color:#6e7b82;font:500 7px IBM Plex Mono;pointer-events:none}.row-time.start{left:0;transform:translate(-2px,-50%)}.row-time.end{right:0;transform:translate(2px,-50%)}.row-waveform{position:relative;flex:1;width:100%;min-width:0;height:100%;display:flex;align-items:center;gap:1px;cursor:default}.row-wave-zone.active .row-waveform{cursor:pointer}.row-waveform>i{flex:1 1 0;min-width:1px;background:linear-gradient(to right,var(--row-wave-color) 0 var(--bar-fill),color-mix(in srgb,var(--row-wave-color) 34%,#11191e) var(--bar-fill) 100%);border-radius:1px}.wave-cursor{position:absolute;z-index:3;top:0;bottom:0;width:1px;background:#f3f7f8;box-shadow:0 0 0 1px #0003;pointer-events:none}.wave-cursor:before{content:"";position:absolute;left:-3px;top:-2px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:5px solid #f3f7f8}.stitch-marker{position:absolute;z-index:2;top:2px;bottom:2px;width:0;border-left:1px dashed color-mix(in srgb,var(--row-wave-color) 72%,#dce5e9);pointer-events:none}.stitch-marker b{position:absolute;top:1px;left:4px;color:color-mix(in srgb,var(--row-wave-color) 72%,#dce5e9);font:500 6px IBM Plex Mono;white-space:nowrap;opacity:.78}.comment-marker{position:absolute;z-index:4;bottom:-9px;min-width:18px;height:20px;margin-left:-9px;padding:0;border:0;display:flex;align-items:center;background:transparent;color:#0d1215;font:600 6px IBM Plex Mono;cursor:pointer}.marker-avatar{position:relative;z-index:2;width:18px;height:18px;flex:0 0 18px;border:2px solid var(--kap-panel);border-radius:50%;display:grid;place-items:center;overflow:hidden;background:var(--row-wave-color)}.marker-preview{max-width:76px;margin-left:3px;overflow:hidden;color:var(--kap-muted);font:500 7px/18px Inter,sans-serif;white-space:nowrap;text-align:left;opacity:.24;-webkit-mask-image:linear-gradient(to right,#000 35%,transparent);mask-image:linear-gradient(to right,#000 35%,transparent);pointer-events:none}.comment-marker.focused{z-index:6}.comment-marker.focused .marker-avatar{box-shadow:0 0 0 2px color-mix(in srgb,var(--row-wave-color) 55%,transparent)}.comment-marker img,.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-area{position:absolute;left:286px;right:12px;bottom:10px;height:32px;display:flex;align-items:stretch;gap:8px}.comment-composer{position:relative;height:31px;display:grid;grid-template-columns:25px minmax(0,1fr) 50px;column-gap:1px;align-items:center;border:0;background:transparent}.comment-composer{width:330px;flex:0 0 330px}.comment-composer:before{content:"";position:absolute;z-index:0;inset:0 50px 0 0;background:linear-gradient(90deg,transparent 0%,rgba(13,19,23,.3) 16%,rgba(13,19,23,.74) 42%,rgba(13,19,23,.74) 93%,transparent 100%);pointer-events:none}.comment-composer:after{content:"";position:absolute;z-index:0;inset:0 50px 0 0;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--kap-line) 38%,transparent) 16%,var(--kap-line) 42%,var(--kap-line) 93%,transparent 100%) top left / 100% 1px no-repeat,linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--kap-line) 38%,transparent) 16%,var(--kap-line) 42%,var(--kap-line) 93%,transparent 100%) bottom left / 100% 1px no-repeat;pointer-events:none}.comment-avatar{position:relative;z-index:1;width:25px;height:25px;margin-left:3px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#2a3942;color:var(--kap-text);font:600 7px IBM Plex Mono}.comment-composer input{position:relative;z-index:1;min-width:0;height:29px;border:0;outline:0;background:transparent;color:var(--kap-text);padding:0 9px;font-size:9px}.comment-composer input::placeholder{color:var(--kap-dim)}.comment-composer button{position:relative;z-index:1;align-self:stretch;width:50px;height:31px;margin:0;border:0;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--row-wave-color) 35%,transparent) 22%,color-mix(in srgb,var(--row-wave-color) 35%,transparent) 100%) top left / 100% 1px no-repeat,linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--row-wave-color) 35%,transparent) 22%,color-mix(in srgb,var(--row-wave-color) 35%,transparent) 100%) bottom left / 100% 1px no-repeat,linear-gradient(color-mix(in srgb,var(--row-wave-color) 35%,transparent),color-mix(in srgb,var(--row-wave-color) 35%,transparent)) center right / 1px calc(100% - 2px) no-repeat;color:var(--row-wave-color);padding:0 6px;font-size:8px;cursor:pointer}.comment-composer button:disabled{opacity:1;color:var(--row-wave-color);cursor:default}.focused-comment{min-width:0;flex:1;display:grid;grid-template-columns:auto auto 1fr;gap:7px;align-items:center;border:0;background:#0f171c85;color:var(--kap-muted);padding:0 10px;text-align:left;cursor:pointer;font-size:8px}.focused-comment strong{color:var(--kap-text);font-weight:600;white-space:nowrap}.focused-comment time{color:var(--row-wave-color);font:500 8px IBM Plex Mono}.focused-comment span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.track-row.thread-open{z-index:10}.track-row.thread-open .track-main,.track-row.thread-open .row-actions,.track-row.thread-open .comment-area,.track-row.thread-open .row-time,.track-row.thread-open .stitch-marker,.track-row.thread-open .wave-cursor,.track-row.thread-open .comment-marker{visibility:hidden}.comment-thread-overlay{position:absolute;z-index:20;inset:0 0 0 270px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;border:0;background:#0a1115e0;box-shadow:none;padding:17px 20px 14px;color:var(--kap-text);overflow:hidden}.comment-thread-overlay>header{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding-right:34px}.comment-thread-overlay>header strong{color:var(--kap-text);font-size:11px;letter-spacing:-.01em}.comment-thread-overlay>header span{color:var(--kap-muted);font-size:8px}.comment-thread-overlay strong{font-size:9px}.comment-thread-overlay time{color:var(--row-wave-color);font:500 8px IBM Plex Mono}.comment-thread-overlay p{margin:0;color:#bdc8cd;font-size:9px;line-height:1.45}.thread-close{position:absolute;z-index:2;right:14px;top:11px;border:0;background:transparent;color:var(--kap-muted);font-size:18px;cursor:pointer}.thread-messages{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;display:grid;align-content:start;gap:8px;padding:7px 5px 7px 0;border-top:1px solid var(--kap-line);border-bottom:1px solid var(--kap-line)}.thread-messages>small{color:var(--kap-dim);font-size:8px;padding-left:35px}.thread-messages article{display:flex;gap:7px;align-items:flex-start}.thread-messages article>span:last-child{min-width:0}.thread-messages article p{margin-top:2px;color:var(--kap-muted);overflow-wrap:anywhere}.thread-messages .thread-root{padding-bottom:8px;border-bottom:1px solid rgba(113,136,146,.16)}.thread-messages .thread-root p{color:#d7dfe2}.thread-messages::-webkit-scrollbar{width:5px}.thread-messages::-webkit-scrollbar-thumb{border-radius:4px;background:color-mix(in srgb,var(--row-wave-color) 48%,transparent)}.comment-thread-overlay>form.thread-reply{position:relative;height:31px;display:grid;grid-template-columns:25px minmax(0,1fr) 50px;column-gap:1px;align-items:center;border:0;background:transparent}.thread-reply:before{content:"";position:absolute;z-index:0;inset:0 50px 0 0;background:linear-gradient(90deg,transparent 0%,rgba(13,19,23,.3) 16%,rgba(13,19,23,.74) 42%,rgba(13,19,23,.74) 93%,transparent 100%);pointer-events:none}.thread-reply:after{content:"";position:absolute;z-index:0;inset:0 50px 0 0;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--kap-line) 38%,transparent) 16%,var(--kap-line) 42%,var(--kap-line) 93%,transparent 100%) top left / 100% 1px no-repeat,linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--kap-line) 38%,transparent) 16%,var(--kap-line) 42%,var(--kap-line) 93%,transparent 100%) bottom left / 100% 1px no-repeat;pointer-events:none}.comment-thread-overlay>form.thread-reply input{position:relative;z-index:1;min-width:0;height:29px;border:0;outline:0;background:transparent;color:var(--kap-text);padding:0 9px;font-size:9px}.comment-thread-overlay>form.thread-reply input::placeholder{color:var(--kap-dim)}.comment-thread-overlay>form.thread-reply button{position:relative;z-index:1;align-self:stretch;width:50px;height:31px;margin:0;border:0;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--row-wave-color) 35%,transparent) 22%,color-mix(in srgb,var(--row-wave-color) 35%,transparent) 100%) top left / 100% 1px no-repeat,linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--row-wave-color) 35%,transparent) 22%,color-mix(in srgb,var(--row-wave-color) 35%,transparent) 100%) bottom left / 100% 1px no-repeat,linear-gradient(color-mix(in srgb,var(--row-wave-color) 35%,transparent),color-mix(in srgb,var(--row-wave-color) 35%,transparent)) center right / 1px calc(100% - 2px) no-repeat;color:var(--row-wave-color);padding:0 6px;font-size:8px;cursor:pointer}.comment-thread-overlay>form.thread-reply button:disabled{opacity:1;color:var(--row-wave-color);cursor:default}.comment-list{display:flex;gap:6px;margin-top:7px;overflow-x:auto}.comment-list button{min-width:170px;max-width:260px;display:grid;grid-template-columns:auto auto 1fr;gap:5px;align-items:baseline;border:0;background:#151e23;color:var(--kap-muted);text-align:left;padding:6px 8px;cursor:pointer;font-size:7px}.comment-list strong{color:var(--kap-text);font-weight:500}.comment-list time{color:var(--row-wave-color);font:500 7px IBM Plex Mono}.comment-list span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.player-status{display:flex;align-items:baseline;gap:6px;color:var(--kap-muted);font:500 9px IBM Plex Mono}.player-status strong{color:var(--wave-color);font-size:11px}.player-status small{font-size:8px}.player-status i{margin-left:18px;color:var(--kap-text);font-style:normal;font-size:8px;text-transform:uppercase}@media(max-width:1050px){.track-row{padding-right:145px}.player{grid-template-columns:190px auto minmax(100px,1fr) 156px;gap:12px;padding-right:18px}.mini-art{width:86px;flex-basis:86px}.transport-cluster{gap:10px}.volume-controls input{width:58px}}@media(max-width:760px){.library-toolbar{min-height:0;flex-wrap:wrap;gap:0;padding-top:12px}.library-toolbar .search{order:-1;width:100%;margin-bottom:4px}.library-toolbar .primary-tabs{width:100%;min-height:46px}.sub-tabs{overflow-x:auto}.track-row,.track-row.selected{--mobile-cover-width: clamp(112px, 28vw, 150px);display:block;height:154px;min-height:154px;padding:12px 10px 12px calc(var(--mobile-cover-width) + 14px);overflow:hidden}.row-actions{top:10px;right:8px}.track-main{min-height:54px;padding-right:58px}.track-main .track-title{width:100%;min-width:0}.title-line{width:100%;display:grid;grid-template-columns:minmax(0,max-content) auto auto minmax(0,1fr);grid-template-areas:"title separator bpm ." "version version version .";align-items:center;column-gap:7px;row-gap:5px}.title-line>strong{grid-area:title;min-width:0;max-width:42vw;font-size:13px}.title-line>em{grid-area:separator;display:block}.title-line>small:not(.updated){grid-area:bpm;color:#65747c;font-size:8px;white-space:nowrap}.title-line .version-select{grid-area:version;justify-self:start;width:min(158px,100%);max-width:100%;margin-left:0}.title-line .version-select .kap-select-trigger{justify-content:space-between;padding-right:4px}.track-cover,.track-row.selected .track-cover{width:var(--mobile-cover-width);height:auto;bottom:0}.row-wave-zone,.row-wave-zone.active{width:100%;margin:8px 0 0;height:68px}.track-row.selected .row-wave-zone.active{height:68px}.track-row.selected .track-title strong{font-size:13px}.comment-area,.comment-thread-overlay{display:none}.comment-composer{width:100%;flex-basis:100%}.focused-comment{min-height:31px}.player{left:0;min-height:58px;height:58px;grid-template-columns:minmax(110px,1fr) auto;grid-template-rows:58px;gap:0;padding:0 8px 0 0}.player-track{grid-column:1;grid-row:1;min-width:0;max-width:132px;height:58px;overflow:hidden}.player-track>span:last-child{min-width:0}.player-track small{display:none}.transport-cluster{display:contents}.transport{position:fixed;grid-column:auto;grid-row:auto;top:auto;bottom:9px;left:50%;z-index:11;gap:4px;transform:translate(-50%)}.transport .play{width:40px;height:40px}.volume-controls{position:fixed;z-index:11;right:46px;bottom:17px;display:flex;justify-content:flex-end;gap:3px}.volume-controls input{display:block;width:38px}.volume-controls .volume{display:grid;width:22px;height:22px}.player-status{display:none}.mini-art{align-self:stretch;width:58px;height:58px;flex-basis:58px}.alert-controls{position:fixed;z-index:12;right:8px;bottom:15px;width:28px;height:28px}.alert-controls .notify{display:grid;width:28px;height:28px}.alert-controls .notify .player-icon{width:16px;height:16px}.alert-audience-menu{bottom:36px}}@media(max-width:520px){.profile-hero{height:170px}.hero-controls{padding-left:14px}.hero-controls .profile>img,.hero-controls .profile>span{width:28px;height:28px}.profile-identity{left:12px;right:12px;bottom:14px;gap:10px}.profile-avatar-wrap,.profile-avatar{width:68px;height:68px;flex-basis:68px}.profile-identity h1{min-width:0;margin-bottom:5px;font-size:clamp(23px,8vw,30px)}.library-filters{padding:0 8px}.library-toolbar .filter-row{gap:22px}.library-toolbar .search{height:42px}.sub-tabs{gap:24px}.row-actions{right:5px;gap:1px}.track-main{padding-right:52px}.player-track{gap:9px}.player-track strong{font-size:10px}.transport button{width:22px}.transport .play{width:38px;height:38px}.transport .loop-button{width:24px}.volume-controls input{width:34px}}@media(max-width:400px){.player-track{max-width:92px;gap:6px}.mini-art{width:58px;height:58px;flex-basis:58px}.volume-controls input{width:28px}.transport{gap:2px}}.notification-list{display:grid;border-top:1px solid var(--kap-line)}.notification-list button{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;width:100%;border:0;border-bottom:1px solid var(--kap-line);background:transparent;color:var(--kap-muted);padding:15px 4px;text-align:left;cursor:pointer}.notification-list button:hover{background:#4faec70b}.notification-list .player-icon{width:20px;height:20px;fill:none;color:var(--kap-cyan)}.notification-list strong,.notification-list b{color:var(--kap-text);font-weight:600}.notification-list small{display:block;margin-top:5px;color:var(--kap-dim);font:500 8px IBM Plex Mono}.settings-page{padding:34px 34px 150px;max-width:1480px;margin:0 auto}.settings-loading{min-height:360px;display:grid;place-items:center;color:var(--kap-muted);font:500 10px IBM Plex Mono;letter-spacing:.08em;text-transform:uppercase}.settings-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:10px 0 28px;border-bottom:1px solid var(--kap-line-bright)}.settings-heading p{margin:0 0 8px;color:var(--kap-cyan);font:600 9px IBM Plex Mono;letter-spacing:.14em}.settings-heading h1{font-size:clamp(40px,5vw,68px)}.settings-heading span{display:block;margin-top:10px;color:var(--kap-muted);font-size:12px}.settings-save-wrap{display:flex;align-items:center;gap:14px}.settings-save-wrap small{color:var(--kap-cyan);font:500 9px IBM Plex Mono}.settings-save,.settings-card button{min-height:34px;border:1px solid var(--kap-line-bright);background:transparent;color:#bcc8ce;padding:0 14px;cursor:pointer;font:600 9px IBM Plex Mono;text-transform:uppercase;letter-spacing:.04em}.settings-save{min-width:138px;border-color:var(--kap-cyan);background:var(--kap-cyan);color:#071014}.settings-save:disabled,.settings-card button:disabled{cursor:not-allowed;opacity:.38}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-left:1px solid var(--kap-line)}.settings-card{min-width:0;padding:26px;border-right:1px solid var(--kap-line);border-bottom:1px solid var(--kap-line);background:#11191e8f}.settings-card>header{display:flex;gap:14px;align-items:flex-start;margin-bottom:24px}.settings-card>header>span{color:var(--kap-cyan);font:500 9px IBM Plex Mono}.settings-card h2{margin:0;color:var(--kap-text);font-size:18px;letter-spacing:-.02em}.settings-card header p{margin:4px 0 0;color:var(--kap-dim);font-size:10px}.profile-settings,.permissions-card,.security-card{grid-column:1 / -1}.settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-fields label{display:grid;gap:7px;color:var(--kap-muted);font:500 8px IBM Plex Mono;text-transform:uppercase;letter-spacing:.07em}.settings-fields .field-wide{grid-column:1 / -1}.settings-fields input,.settings-fields textarea{width:100%;min-height:38px;border:0;border-bottom:1px solid var(--kap-line-bright);border-radius:0;outline:0;background:#0d1418;color:var(--kap-text);padding:8px 10px;font:400 11px inherit}.settings-fields .kap-select{width:100%;min-height:38px;background:#0d1418;color:var(--kap-text);font:400 11px Inter,sans-serif;text-transform:none;letter-spacing:0}.settings-fields .kap-select-trigger{padding:8px 10px}.settings-fields textarea{min-height:72px;resize:vertical}.settings-fields input:focus,.settings-fields textarea:focus,.settings-fields .kap-select.open .kap-select-trigger{border-bottom-color:var(--kap-cyan)}.settings-card .text-action{margin-top:16px;border:0;padding:0;color:var(--kap-cyan);text-transform:none;letter-spacing:0}.dev-tier{display:flex;align-items:center;justify-content:space-between;border-left:2px solid var(--kap-cyan);background:#17232a;padding:14px 16px}.dev-tier strong{color:var(--kap-text);font:600 12px IBM Plex Mono;letter-spacing:.08em}.dev-tier em{color:var(--kap-cyan);font-size:10px;font-style:normal}.storage-meter{margin-top:24px}.storage-meter>span{display:flex;justify-content:space-between;color:var(--kap-muted);font:500 9px IBM Plex Mono}.storage-meter>span b{color:var(--kap-text)}.storage-meter>i{display:block;height:4px;margin:10px 0;background:var(--kap-line)}.storage-meter>i b{display:block;height:100%;background:var(--kap-cyan)}.storage-meter small,.settings-note{color:var(--kap-dim);font-size:9px;line-height:1.55}.permission-matrix{overflow-x:auto}.permission-header,.permission-row{min-width:660px;display:grid;grid-template-columns:minmax(150px,1.5fr) repeat(5,minmax(66px,1fr));align-items:center;border-bottom:1px solid var(--kap-line)}.permission-header b{padding:0 8px 10px;color:var(--kap-dim);font:500 8px IBM Plex Mono;text-align:center;text-transform:uppercase}.permission-header b:first-child{text-align:left}.permission-row{min-height:44px}.permission-row strong{padding-left:8px;color:var(--kap-text);font-size:11px}.permission-row label{display:grid;place-items:center;height:44px;cursor:pointer}.permission-row input,.settings-toggle input{position:absolute;opacity:0;pointer-events:none}.permission-row label i{width:15px;height:15px;border:1px solid var(--kap-line-bright);background:#0d1418}.permission-row input:checked+i{border-color:var(--kap-cyan);background:var(--kap-cyan);box-shadow:inset 0 0 0 4px #111a1f}.toggle-list{display:grid}.settings-toggle{position:relative;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--kap-line);cursor:pointer}.settings-toggle span{min-width:0}.settings-toggle strong{display:block;color:#b8c4ca;font-size:11px;font-weight:500}.settings-toggle small{display:block;margin-top:3px;color:var(--kap-dim);font-size:8px}.settings-toggle>i{position:relative;flex:0 0 34px;width:34px;height:17px;border:1px solid var(--kap-line-bright);background:#0d1418}.settings-toggle>i:after{content:"";position:absolute;left:3px;top:3px;width:9px;height:9px;background:var(--kap-dim);transition:transform .15s,background .15s}.settings-toggle input:checked+i{border-color:var(--kap-cyan)}.settings-toggle input:checked+i:after{transform:translate(17px);background:var(--kap-cyan)}.settings-list{display:grid;border-top:1px solid var(--kap-line)}.settings-list>p{color:var(--kap-dim);font-size:10px}.settings-list>div{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--kap-line)}.settings-list span{min-width:0}.settings-list strong{display:block;overflow:hidden;color:var(--kap-text);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.settings-list small{display:block;margin-top:4px;color:var(--kap-dim);font:500 8px IBM Plex Mono}.security-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-bottom:20px;background:var(--kap-line)}.security-summary>span{min-width:0;padding:14px;background:#10181d}.security-summary small,.security-summary strong,.security-summary em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.security-summary small{color:var(--kap-dim);font:500 8px IBM Plex Mono;text-transform:uppercase}.security-summary strong{margin-top:6px;color:var(--kap-text);font-size:11px}.security-summary em{margin-top:4px;color:var(--kap-cyan);font-size:8px;font-style:normal}.settings-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.people-modal{width:min(600px,calc(100vw - 32px));text-align:left}.people-modal>p:not(.eyebrow){margin:0 0 18px}.people-search{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;border:1px solid var(--kap-line-bright);background:#0c1317}.people-search input{min-width:0;height:42px;border:0;outline:0;border-radius:0;background:transparent;color:var(--kap-text);font-size:11px}.people-search input{padding:0 14px}.people-search .kap-select{height:42px;border-left:1px solid var(--kap-line-bright);color:var(--kap-text);font:500 10px IBM Plex Mono;letter-spacing:.02em}.people-search .kap-select-trigger{border-bottom:0;padding:0 24px 0 16px}.people-search .kap-select-menu{left:-1px;right:-1px;width:auto;min-width:0}.people-results{min-height:110px;max-height:330px;overflow-y:auto;margin-top:16px;border-top:1px solid var(--kap-line)}.people-results>small{display:block;padding:28px 4px;color:var(--kap-dim);font-size:9px;text-align:center}.people-results article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:62px;border-bottom:1px solid var(--kap-line)}.people-results article>span{width:34px;height:34px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#293840;color:#c5d5dc;font:500 9px IBM Plex Mono}.people-results article img{width:100%;height:100%;object-fit:cover}.people-results article strong,.people-results article small{display:block}.people-results article strong{color:var(--kap-text);font-size:11px}.people-results article small{margin-top:3px;color:var(--kap-dim);font:500 8px IBM Plex Mono}.people-results article button{min-width:60px;height:30px;border:1px solid var(--kap-cyan);background:transparent;color:var(--kap-cyan);cursor:pointer;font:600 8px IBM Plex Mono;text-transform:uppercase}.people-results article button:disabled{opacity:.35;cursor:default}.close-friend-results{margin-top:20px}.track-permission-modal{width:min(820px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;text-align:left}.track-permission-modal>h2{margin-bottom:6px}.permission-intro{margin:0 0 20px;color:var(--kap-muted);font-size:10px}.permission-loading{min-height:260px;display:grid;place-items:center;color:var(--kap-muted);font:500 9px IBM Plex Mono;letter-spacing:.08em;text-transform:uppercase}.permission-family-tabs{display:flex;gap:24px;border-bottom:1px solid var(--kap-line-bright)}.permission-family-tabs button{min-height:38px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--kap-muted);cursor:pointer;font:600 9px IBM Plex Mono;text-transform:uppercase}.permission-family-tabs button.active{border-bottom-color:var(--kap-cyan);color:var(--kap-text)}.permission-mode{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:16px}.permission-mode span{color:var(--kap-cyan);font:500 8px IBM Plex Mono;text-transform:uppercase}.permission-mode button{border:0;background:transparent;color:var(--kap-muted);cursor:pointer;font-size:9px}.track-permission-modal .permission-matrix{border-top:1px solid var(--kap-line)}.track-permission-modal .permission-header{padding-top:12px}.permission-people{margin-top:18px;border-top:1px solid var(--kap-line-bright)}.permission-people>header{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px}.permission-people>header strong,.permission-people>header small{display:block}.permission-people>header strong{color:var(--kap-text);font-size:11px}.permission-people>header small{margin-top:4px;color:var(--kap-dim);font-size:8px}.permission-people>header input{width:210px;height:34px;border:0;border-bottom:1px solid var(--kap-line-bright);border-radius:0;outline:0;background:#0d1418;color:var(--kap-text);padding:0 10px;font-size:9px}.permission-people>header input:focus{border-bottom-color:var(--kap-cyan)}.permission-search-results{max-height:150px;overflow-y:auto;border:1px solid var(--kap-line);background:#0b1216}.permission-search-results>button{width:100%;min-height:48px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--kap-line);background:transparent;color:var(--kap-text);padding:6px 10px;cursor:pointer;text-align:left}.permission-search-results>button>span,.permission-user-matrix .permission-row>strong>span{width:26px;height:26px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#293840;color:#c5d5dc;font:500 8px IBM Plex Mono}.permission-search-results img,.permission-user-matrix img{width:100%;height:100%;object-fit:cover}.permission-search-results b,.permission-search-results small,.permission-user-matrix b,.permission-user-matrix small{display:block}.permission-search-results b,.permission-user-matrix b{min-width:0;color:var(--kap-text);font-size:10px}.permission-search-results small,.permission-user-matrix small{margin-top:2px;color:var(--kap-dim);font:500 7px IBM Plex Mono}.permission-search-results em{color:var(--kap-cyan);font:600 8px IBM Plex Mono;font-style:normal;text-transform:uppercase}.permission-user-matrix{border-top:0!important}.permission-user-matrix .permission-row>strong{display:grid;grid-template-columns:30px minmax(0,1fr) 24px;align-items:center;gap:7px}.permission-user-matrix .permission-row>strong>button{width:24px;height:24px;border:0;background:transparent;color:var(--kap-dim);cursor:pointer;font-size:16px}.permission-people>p{margin:0;padding:12px 8px;border-bottom:1px solid var(--kap-line);color:var(--kap-dim);font-size:8px}.permission-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.permission-actions button{min-width:118px;height:36px;border:1px solid var(--kap-line-bright);background:transparent;color:var(--kap-muted);cursor:pointer;font:600 8px IBM Plex Mono;text-transform:uppercase}.permission-actions .primary{border-color:var(--kap-cyan);background:var(--kap-cyan);color:#071014}.permission-actions button:disabled{cursor:wait;opacity:.5}@media(max-width:860px){.settings-page{padding:24px 18px 140px}.settings-grid{grid-template-columns:1fr}.profile-settings,.permissions-card,.security-card{grid-column:auto}.settings-heading{align-items:flex-start;flex-direction:column}.settings-fields,.security-summary{grid-template-columns:1fr}.settings-fields .field-wide{grid-column:auto}.people-search{grid-template-columns:1fr}.people-search .kap-select{border-left:0;border-top:1px solid var(--kap-line-bright)}.permission-people>header{align-items:stretch;flex-direction:column;padding:12px 0}.permission-people>header input{width:100%}}.hubs-section{margin-top:14px;padding-top:14px}.hub-nav-list{display:grid;max-height:min(230px,26vh);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#344149 transparent}.hub-nav-list>small{padding:10px 12px;color:var(--kap-dim);font-size:8px}.hub-create-button{margin:3px auto 0;flex:0 0 24px}.hub-nav-item{position:relative;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 25px;align-items:center;border-left:2px solid transparent}.hub-nav-item:hover{background:#ffffff05}.hub-nav-item.active{border-left-color:var(--kap-cyan);background:#1c272d}.hub-nav-open{min-width:0;min-height:48px;display:grid;grid-template-columns:26px minmax(0,1fr);gap:9px;align-items:center;border:0;background:transparent;color:var(--kap-muted);padding:5px 3px 5px 10px;cursor:pointer;text-align:left}.hub-nav-open>span{width:24px;height:24px;display:grid;place-items:center;border:1px solid #3b4a52;background:#1a242a;color:#91a4ad;font:500 8px IBM Plex Mono}.hub-nav-open i,.hub-nav-open strong,.hub-nav-open small{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-nav-open i{font-style:normal}.hub-nav-open strong{color:#aeb9be;font-size:10px;font-weight:500}.hub-nav-open small{margin-top:3px;color:#596a73;font-size:7px}.hub-nav-item.active .hub-nav-open strong{color:#e1e8eb}.hub-nav-menu-wrap{position:relative}.hub-nav-more{width:25px;height:30px;border:0;background:transparent;color:#5c696f;padding:0;cursor:pointer;font-size:9px;letter-spacing:1px}.hub-nav-more:hover,.hub-nav-more:focus-visible{outline:0;color:#a5b1b6}.hub-nav-menu{position:absolute;z-index:24;left:calc(100% + 4px);top:0;width:116px;display:grid;border:1px solid var(--kap-line-bright);background:#182228;padding:4px;box-shadow:0 14px 32px #0000006b}.hub-nav-menu button{min-height:29px;border:0;background:transparent;color:var(--kap-muted);padding:0 8px;cursor:pointer;font-size:8px;text-align:left}.hub-nav-menu button:hover{background:#223038;color:var(--kap-text)}.hub-nav-menu .danger:hover{color:#e69a86}.hub-content{width:100%;max-width:none;min-height:100%;padding:0 0 150px;overflow-y:auto}.hub-hero{position:relative;height:270px;overflow:hidden;border-bottom:1px solid var(--kap-line-bright);background:radial-gradient(circle at 72% 32%,rgba(98,200,223,.16),transparent 30%),linear-gradient(125deg,#182a34,#0b1216 72%);background-position:center;background-size:cover}.hub-hero:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#070c0f14,#070c0fb8);pointer-events:none}.hub-wave{position:absolute;inset:34px 0 34px 25%;display:flex;align-items:center;gap:3px;opacity:.25}.hub-wave i{flex:1;min-width:1px;max-width:5px;border-radius:2px;background:linear-gradient(#66ccdf,#5877af)}.hub-identity{position:absolute;z-index:2;left:34px;bottom:32px;display:flex;align-items:flex-end;gap:20px;min-width:0}.hub-identity>span{width:108px;height:108px;flex:0 0 108px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(224,237,243,.58);border-radius:50%;background:#263a46;color:#dce9ee;box-shadow:0 12px 38px #00000061;font:600 20px IBM Plex Mono}.hub-identity img{width:100%;height:100%;object-fit:cover}.hub-identity p{margin:0 0 8px;color:var(--kap-cyan);font:500 8px IBM Plex Mono;letter-spacing:.14em;text-transform:uppercase}.hub-identity h1{max-width:min(58vw,780px);overflow:hidden;margin:0;color:#f0f5f7;font-size:clamp(38px,5vw,68px);line-height:.92;letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 4px 26px rgba(0,0,0,.65)}.hub-identity small{display:flex;align-items:center;gap:8px;margin-top:11px;color:#a1afb6;font:500 8px IBM Plex Mono;text-transform:uppercase}.hub-identity small i{width:3px;height:3px;border-radius:50%;background:var(--kap-cyan)}.hub-edit{position:absolute;z-index:3;top:24px;right:28px;height:32px;border:1px solid rgba(157,178,189,.36);background:#080e126b;color:#aab8bf;padding:0 13px;cursor:pointer;font:600 8px IBM Plex Mono;text-transform:uppercase}.hub-edit:hover{border-color:var(--kap-cyan);color:var(--kap-cyan)}.hub-members{position:absolute;z-index:3;right:28px;bottom:24px;display:flex;flex-direction:row-reverse;padding-left:8px}.hub-members>span,.hub-members>b{width:29px;height:29px;display:grid;place-items:center;overflow:hidden;margin-left:-8px;border:1px solid rgba(216,231,238,.42);border-radius:50%;background:#253640;color:#d0e0e6;font:500 7px IBM Plex Mono}.hub-members img{width:100%;height:100%;object-fit:cover}.hub-feed-heading{min-height:86px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:22px 34px 16px;border-bottom:1px solid var(--kap-line)}.hub-feed-heading p{margin:0 0 5px}.hub-feed-heading h2{margin:0;color:var(--kap-text);font-size:20px}.hub-feed-heading>span{color:var(--kap-dim);font-size:8px}.hub-track-list{display:grid}.hub-track{--hub-track-colour: var(--kap-cyan);position:relative;min-width:0;height:106px;display:grid;grid-template-columns:106px minmax(150px,260px) 116px minmax(180px,1fr) 42px;align-items:center;gap:20px;overflow:hidden;border:0;border-bottom:1px solid var(--kap-line);border-left:2px solid transparent;background:#0e1519;color:var(--kap-muted);padding:0 22px 0 0;cursor:pointer;text-align:left}.hub-track:hover{background:#121c21}.hub-track.active{border-left-color:var(--hub-track-colour);background:#172229}.hub-track>.cover{align-self:stretch;width:106px;height:106px;border-radius:0}.hub-track-copy{min-width:0}.hub-track-copy>span{display:flex;align-items:baseline;gap:9px;min-width:0}.hub-track-copy strong{min-width:0;overflow:hidden;color:var(--kap-text);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.hub-track-copy small{color:var(--kap-dim);font:500 8px IBM Plex Mono;white-space:nowrap}.hub-track-copy em{display:block;margin-top:6px;overflow:hidden;color:#71818a;font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.hub-track-version{color:var(--hub-track-colour);font:500 8px IBM Plex Mono;text-transform:uppercase}.hub-mini-wave{height:52px;display:flex;align-items:center;gap:2px;opacity:.65}.hub-mini-wave i{flex:1;min-width:1px;max-width:4px;background:var(--hub-track-colour)}.hub-play{width:30px;height:30px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--hub-track-colour) 45%,transparent);border-radius:50%;color:var(--hub-track-colour);font-size:9px}.hub-empty{margin:24px 34px 0}.hub-editor{width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;text-align:left}.hub-editor form{display:grid;gap:17px}.hub-editor form>label,.hub-editor-grid label,.hub-invites>label{display:grid;gap:7px;color:var(--kap-muted);font:500 8px IBM Plex Mono;letter-spacing:.07em;text-transform:uppercase}.hub-editor input{width:100%;height:40px;border:0;border-bottom:1px solid var(--kap-line-bright);border-radius:0;outline:0;background:#0d1418;color:var(--kap-text);padding:0 11px;font:400 11px Inter,sans-serif}.hub-editor input:focus{border-bottom-color:var(--kap-cyan)}.hub-editor .kap-select{height:40px;background:#0d1418;color:var(--kap-text);font:400 10px Inter,sans-serif;text-transform:none;letter-spacing:0}.hub-editor .kap-select-trigger{padding:0 11px}.hub-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hub-genres{min-width:0;margin:0;border:0;border-top:1px solid var(--kap-line);padding:14px 0 0}.hub-genres legend{color:var(--kap-muted);font:500 8px IBM Plex Mono;letter-spacing:.07em;text-transform:uppercase}.hub-genres legend small{color:var(--kap-dim);margin-left:8px;text-transform:none}.hub-genres>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.hub-genres button{min-height:29px;border:1px solid var(--kap-line);background:transparent;color:#75858d;padding:0 10px;cursor:pointer;font-size:8px}.hub-genres button.active{border-color:var(--kap-cyan);background:#62c8df14;color:#cce9ef}.hub-genres button:disabled{opacity:.3;cursor:not-allowed}.hub-invites{display:grid;gap:9px;border-top:1px solid var(--kap-line);padding-top:14px}.hub-invitees{display:flex;flex-wrap:wrap;gap:6px}.hub-invitees>span{height:31px;display:flex;align-items:center;gap:7px;border:1px solid var(--kap-line);background:#111a1f;color:var(--kap-muted);padding:2px 4px 2px 2px}.hub-invitees img,.hub-invitees i{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;object-fit:cover;background:#293840;color:#c5d5dc;font:500 7px IBM Plex Mono;font-style:normal}.hub-invitees b{max-width:110px;overflow:hidden;font-size:8px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.hub-invitees button{width:20px;height:20px;border:0;background:transparent;color:var(--kap-dim);cursor:pointer}.hub-picker .collection-picker button b{color:var(--kap-cyan)}@media(max-width:1050px){.hub-track{grid-template-columns:90px minmax(130px,220px) 100px minmax(140px,1fr) 34px;height:90px;gap:14px;padding-right:14px}.hub-track>.cover{width:90px;height:90px}}@media(max-width:760px){.hub-nav-list{max-height:230px}.hub-nav-menu{left:auto;right:0;top:30px}.hub-content{height:calc(100dvh - 58px);padding-bottom:82px}.hub-hero{height:205px}.hub-wave{left:0;top:52px;bottom:20px}.hub-identity{left:16px;right:70px;bottom:18px;gap:12px}.hub-identity>span{width:70px;height:70px;flex-basis:70px;font-size:13px}.hub-identity p{margin-bottom:5px}.hub-identity h1{max-width:100%;font-size:clamp(27px,8vw,38px)}.hub-identity small{overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.hub-edit{top:14px;right:14px}.hub-members{right:14px;bottom:14px}.hub-members>span,.hub-members>b{width:24px;height:24px}.hub-feed-heading{min-height:70px;padding:15px 16px 12px}.hub-feed-heading>span{display:none}.hub-track{height:100px;grid-template-columns:100px minmax(0,1fr) 30px;grid-template-rows:1fr 36px;gap:0 12px;padding:0 12px 0 0}.hub-track>.cover{grid-column:1;grid-row:1 / 3;width:100px;height:100px}.hub-track-copy{grid-column:2;grid-row:1;align-self:end;padding-bottom:5px}.hub-track-copy strong{font-size:12px}.hub-track-version{grid-column:2;grid-row:2;align-self:start}.hub-mini-wave{position:absolute;left:112px;right:48px;bottom:8px;height:23px;opacity:.27;pointer-events:none}.hub-play{grid-column:3;grid-row:1 / 3}.hub-empty{margin:18px 16px 0}.hub-editor{padding:26px 20px}.hub-editor-grid{grid-template-columns:1fr}}