/* Source: fonts.css */
/* Generated by scripts/build-fonts.py from the approved, unmodified font masters. */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/alexandria-400-e487687ebb24.woff2) format('woff2');
}
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/alexandria-500-73179f6578b2.woff2) format('woff2');
}
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/alexandria-600-32b379d2a224.woff2) format('woff2');
}
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/alexandria-700-8d721c828bfb.woff2) format('woff2');
}
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/alexandria-800-12f629db59dd.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/manrope-400-9e9e02e13969.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/manrope-500-da8e87a86e5f.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/manrope-600-aa357afe8ae1.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/manrope-700-41d7e1d2cf8d.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/manrope-800-dc9df0ca59fc.woff2) format('woff2');
}


/* Source: ios.css */
:root{color-scheme:dark;--bg:#0e0c16;--surface:#171320;--surface-2:#201a2e;--ink:#f6f3ff;--muted:#b1a9c1;--line:#ffffff12;--navy:#a77aff;--gold:#a77aff;--gold-light:#d6c2ff;--burgundy:#ff6297;--green:#d5ff71;--violet:#a277ff;--pink:#ff548d;--lime:#d5ff71;--device-height:min(900px,calc(100dvh - 40px));font-synthesis:none}
*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overscroll-behavior:none}body{font-family:'Alexandria',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 25% 22%,#48316466,transparent 46%),radial-gradient(ellipse at 79% 78%,#572c4e66,transparent 48%),#08080e;font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:active{transform:scale(.96)}button:disabled{opacity:.45;cursor:default;transform:none}button,input,a,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--lime)}input:focus,textarea:focus,select:focus{outline:0;border-color:var(--violet)!important;box-shadow:0 0 0 3px #a277ff15}input[type=checkbox]{accent-color:var(--violet)}input[type=range]{accent-color:var(--violet)}input::placeholder,textarea::placeholder{color:#81778f}img{display:block;max-width:100%;object-fit:cover}a{color:var(--violet)}h1,h2,h3,h4{font-weight:600;line-height:1.55;letter-spacing:-.6px}h1{font-size:27px}h2{font-size:20px}h3{font-size:16px}b,strong{font-weight:600}small,.meta,.muted{color:var(--muted)}small,.meta{font-size:12px}.mono,bdi,[dir=ltr]{font-family:'Manrope','Alexandria',sans-serif}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-btn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border-radius:50%;flex-shrink:0;position:relative}.icon-btn:active{background:#ffffff10}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;min-height:44px;border-radius:999px;background:var(--button-primary,#A16CFA);color:var(--button-on-primary,#100D18);font-weight:500;line-height:1.6;font-size:13px;border:1px solid transparent;text-align:center;box-shadow:none;transition:background .15s,border-color .15s;color-scheme:normal}.btn .icon{width:16px;height:16px;flex-shrink:0;stroke-width:1.5}.btn.outline,.btn.light{border-color:var(--line,#ffffff24);background:transparent;color:var(--ink)}.btn.gold{background:var(--lime)}.btn.danger{background:var(--theme-danger,#ff548d20);color:var(--theme-danger-ink,#ff96bb);border-color:currentColor}.btn.small{padding:8px 12px;font-size:12px;min-height:44px}.text-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:none;color:var(--violet);font-size:12px;min-height:44px}.text-btn .icon{width:16px;height:16px}.inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.eyebrow{font-size:10px;letter-spacing:.7px;color:var(--violet);margin-bottom:6px;font-weight:500}.avatar{--avatar-color:#b99aff;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--avatar-color);color:#161021;font-family:'Manrope','Alexandria',sans-serif;font-size:15px;font-weight:800;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-position:center 27%}.avatar.big{width:84px;height:84px;font-size:27px;border:5px solid var(--bg)}.verified{display:inline-flex;align-items:center;justify-content:center;background:var(--violet);border-radius:50%;width:13px;height:13px;color:#171024;vertical-align:middle}.verified .icon{width:9px;height:9px;stroke-width:3}.skip-link{position:fixed;top:8px;left:8px;z-index:200;transform:translateY(-200%);padding:10px;background:var(--lime);color:#15101c;border-radius:9px}.skip-link:focus{transform:none}
/* A single iPhone surface on every viewport. */
.device-stage{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.phone-frame{position:relative;width:430px;height:var(--device-height);padding:8px;background:linear-gradient(120deg,#64616b,#232129 23%,#18171c 70%,#6b6574);border-radius:52px;box-shadow:0 40px 100px #0009,0 0 0 1px #8c859c45,inset 0 0 0 2px #141317;flex-shrink:0}.phone-frame:before,.phone-frame:after{content:'';position:absolute;width:3px;left:-3px;border-radius:2px;background:#433d4f}.phone-frame:before{height:29px;top:132px}.phone-frame:after{height:62px;top:185px}.phone-screen{height:100%;border-radius:44px;overflow:hidden;background:var(--bg);position:relative;display:flex;flex-direction:column;isolation:isolate}.ios-status{height:54px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:8px 27px 0;font-family:'Manrope',sans-serif;font-weight:700;font-size:14px;direction:ltr;position:relative;z-index:10;background:var(--bg)}.dynamic-island{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:118px;height:30px;border-radius:22px;background:#020205;box-shadow:inset 0 0 0 1px #ffffff03}.dynamic-island i{position:absolute;right:12px;top:11px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#253040,#090b10 60%)}.status-signals{display:flex;align-items:center;gap:5px}.status-signals svg{height:13px;width:17px}.battery{width:22px;height:11px;border:1px solid #ffffff70;border-radius:3px;position:relative;margin-left:1px}.battery:before{content:'';position:absolute;inset:1.5px;background:#fff;border-radius:1px}.battery:after{content:'';position:absolute;right:-3px;top:3px;background:#ffffff60;width:2px;height:4px;border-radius:0 1px 1px 0}.native-header{height:60px;padding:5px 20px 9px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:var(--bg)}.native-brand{display:flex;align-items:center;gap:8px;background:transparent}.native-brand>img{width:35px;height:35px;border-radius:12px}.native-brand>span{font-size:24px;font-weight:700;line-height:1}.native-brand i{display:block;font-size:7px;font-family:'Manrope',sans-serif;letter-spacing:3px;font-style:normal;margin-top:7px}.header-actions{display:flex;gap:1px;align-items:center}.header-actions .icon{width:21px;height:21px}.header-profile{background:transparent;margin-right:7px}.header-profile .avatar{width:33px;height:33px;font-size:11px;border:1px solid #ffffff30}.notif-dot{position:absolute;top:8px;right:10px;width:6px;height:6px;border-radius:50%;background:var(--pink);border:1px solid var(--bg)}main{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}main::-webkit-scrollbar{display:none}.native-main{padding:7px 20px 183px;scroll-padding-top:15px}.native-main>*{animation:screen-in .26s ease both}.home-indicator{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:125px;height:4px;background:#f4efff;border-radius:8px;z-index:45;pointer-events:none}.mobile-nav{display:flex;position:absolute;bottom:0;left:0;right:0;z-index:35;height:85px;justify-content:space-around;align-items:flex-start;padding:10px 8px 24px;background:#17111feF;backdrop-filter:blur(24px);border-top:1px solid #ffffff0b}.mobile-nav button{display:flex;align-items:center;flex-direction:column;gap:4px;justify-content:center;width:64px;min-height:50px;background:none;font-size:10px;color:#988ca9;position:relative}.mobile-nav button.active{color:var(--violet)}.mobile-nav .icon{width:22px;height:22px}.mobile-nav button.active>svg{stroke-width:2.2}.mobile-create{width:45px;height:37px;border-radius:13px;background:linear-gradient(140deg,#ab7aff,#e273d5);display:grid;place-items:center;color:#130a20;box-shadow:0 3px 15px #a277ff26;margin-top:-8px}.mobile-create .icon{stroke-width:2.3}.tab-dot{position:absolute;top:1px;right:16px;width:5px;height:5px;background:var(--pink);border-radius:50%}.player{position:absolute;bottom:93px;left:12px;right:12px;height:66px;padding:9px 12px;display:flex;align-items:center;gap:3px;background:#2b2138eF;border:1px solid #ffffff12;border-radius:17px;z-index:30;overflow:hidden;box-shadow:0 8px 24px #0003;backdrop-filter:blur(22px)}.now-playing{display:flex;align-items:center;text-align:right;gap:10px;background:none;min-width:0;flex:1}.now-playing img{width:45px;height:45px;border-radius:10px;object-position:center 25%}.now-playing>span{min-width:0;display:block}.now-playing b{font-size:13px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.now-playing small{font-size:10px;display:flex;align-items:center;gap:7px}.player>.icon-btn{width:35px;height:39px}.player .play-main{background:var(--lime);color:#17200c;width:38px;height:38px;margin-right:5px}.player .play-main .icon{width:17px;height:17px}.mini-progress{position:absolute;height:2px;bottom:0;right:0;left:0;background:#ffffff07;direction:ltr}.mini-progress span{height:100%;background:var(--violet);display:block;transition:width .25s linear}.equalizer{display:flex;align-items:center;gap:2px;height:12px}.equalizer i{height:3px;width:2px;background:var(--lime);border-radius:2px}.is-playing .equalizer i{animation:eq .7s ease-in-out infinite alternate}.equalizer i:nth-child(2){animation-delay:.25s}.equalizer i:nth-child(3){animation-delay:.4s}
/* Registration, simulated OTP, and identity. */
.auth-main{padding:17px 24px 35px}.auth-brand{display:flex;align-items:center;gap:9px}.auth-brand>img{width:40px;height:40px;border-radius:13px}.auth-brand>b{font-size:29px;line-height:1}.auth-brand>span{margin-right:auto;font-family:'Manrope',sans-serif;font-size:9px;font-weight:700;letter-spacing:1.3px;color:#b6a5ce}.auth-collage{height:185px;position:relative;margin:19px -3px 8px;isolation:isolate}.auth-collage img{position:absolute;width:38%;height:162px;border-radius:22px;object-position:center 25%;border:3px solid var(--bg);box-shadow:0 12px 20px #0004}.collage-one{left:0;top:11px;transform:rotate(-10deg);z-index:1}.collage-two{left:31%;top:0;transform:rotate(5deg);z-index:3}.collage-three{right:0;top:16px;transform:rotate(12deg);z-index:2}.collage-sticker{position:absolute;left:-5px;bottom:5px;font-family:'Manrope',sans-serif;font-size:9px;letter-spacing:.7px;font-weight:800;padding:8px 11px;background:var(--lime);color:#15220b;border-radius:8px;z-index:4;transform:rotate(-8deg)}.collage-note{position:absolute;right:1px;top:0;font-size:10px;padding:5px 9px;background:#ff8eb7;color:#241025;border-radius:7px;z-index:5;transform:rotate(9deg)}.auth-heading{margin:5px 0 20px}.auth-heading h1{font-size:31px;letter-spacing:-1.5px;line-height:1.6}.auth-heading em,.discover-greeting em{font-style:normal;color:var(--violet)}.auth-heading p{font-size:13px;color:var(--muted);line-height:1.95;margin-top:3px}.auth-heading .eyebrow{font-size:10px}.signup-page .field{margin-bottom:13px}.field label{display:block;margin-bottom:7px;color:#d1c6e1;font-size:12px}.field input,.field textarea,.field select,.comment-form input{width:100%;border:1px solid #ffffff13;border-radius:13px;padding:12px 14px;background:#1b1626;color:var(--ink);font-size:16px;min-height:49px;transition:border-color .2s}.field textarea{min-height:145px;resize:vertical;line-height:2}.field small{display:block;margin-top:6px;font-size:11px}.field{margin-bottom:18px}.phone-input{direction:ltr;display:flex;align-items:center;background:#1b1626;border:1px solid #ffffff13;border-radius:13px;overflow:hidden}.phone-input:focus-within{border-color:var(--violet)}.phone-input>span{padding:0 11px;border-right:1px solid #ffffff18;font-size:13px;flex-shrink:0;color:#d6ccdf}.phone-input input{border:0;background:none;box-shadow:none!important;min-width:0;letter-spacing:1px;text-align:left}.auth-consent{display:flex;align-items:center;gap:8px;font-size:10px;min-height:33px;color:#b9aec7}.auth-consent input{width:16px;height:16px;flex-shrink:0}.auth-primary{width:100%;min-height:44px;border-radius:999px;background:var(--button-primary,#A16CFA);color:var(--button-on-primary,#100D18);box-shadow:none;font-size:13px;justify-content:space-between;padding:10px 16px}.auth-error{font-size:12px;color:#ff94b7;line-height:1.8}.auth-error:not(:empty){margin:9px 0 14px;animation:shake .24s ease}.auth-footnote{text-align:center;font-size:10px;color:#90839f;margin-top:14px}.auth-back{background:#ffffff08;margin-top:2px;margin-right:-4px}.auth-step{display:flex;gap:5px;justify-content:center;margin:17px 0 29px}.auth-step span{width:25px;height:3px;border-radius:5px;background:#45374f}.auth-step .active{background:var(--violet);width:40px}.otp-page{padding-top:3px}.otp-symbol{position:relative;width:84px;height:84px;border-radius:28px;margin:10px auto 29px;background:linear-gradient(145deg,#68429a60,#c26ab81f);border:1px solid #b888ff32;display:grid;place-items:center;transform:rotate(-7deg)}.otp-symbol>.icon{width:35px;height:35px;color:#c9aaff;transform:rotate(7deg)}.otp-symbol>span{position:absolute;right:-8px;top:-14px;font-size:35px;color:var(--lime)}.otp-page .auth-heading{text-align:center;margin-bottom:27px}.otp-page .auth-heading h1{font-size:30px}.phone-destination{display:inline-block;font-size:15px;color:var(--ink);margin-top:13px;letter-spacing:1px}.otp-row{display:flex;gap:12px;justify-content:center;margin:25px 0 20px}.otp-box{width:64px;height:70px;border:1.5px solid #ffffff19;background:#1f182c;color:#fff;border-radius:18px;font:600 29px 'Manrope',sans-serif;text-align:center;caret-color:var(--violet)}.otp-box:focus{background:#2b1d3f}.otp-box.invalid{border-color:var(--pink)}.otp-resend{text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;margin:25px 0}.otp-resend .text-btn{font-size:12px}.otp-resend b{font-family:'Manrope',sans-serif;direction:ltr;font-size:12px}.otp-info{display:flex;gap:7px;align-items:center;justify-content:center;font-size:10px;color:#9585a6;margin-top:30px}.otp-info .icon{width:13px;height:13px}.identity-page .auth-heading{margin-bottom:22px}.identity-page .auth-step{margin:26px 0}.identity-roles{display:grid;grid-template-columns:1fr 1fr;gap:11px}.identity-role{background:#1b1526;border:1px solid #ffffff0f;padding:15px 12px;min-height:109px;border-radius:18px;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:right;transition:.2s}.identity-role>span{color:var(--violet);height:25px}.identity-role b{font-size:14px}.identity-role small{font-family:'Manrope',sans-serif;font-size:8px;letter-spacing:.9px}.identity-role.selected{border-color:var(--violet);background:#a277ff18}.identity-role.selected>span{color:var(--lime)}.identity-role>i{position:absolute;left:12px;top:12px;background:var(--violet);border-radius:50%;display:grid;place-items:center;width:18px;height:18px;color:#1a1024}.identity-role>i .icon{width:12px;height:12px;stroke-width:2.5}.genre-title{display:flex;align-items:center;justify-content:space-between;margin:26px 0 12px}.genre-title h3{font-size:13px}.genre-title>span{font-size:10px;color:var(--muted)}.genre-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.genre-chips .chip{font-size:11px;padding:7px 13px}
/* Discover: stories, artwork, music and social gestures. */
.discover-greeting{margin:5px 0 18px}.discover-greeting>p{font-size:12px;color:#bbaecb;margin-bottom:3px}.discover-greeting>p>span{color:var(--lime);margin-right:4px}.discover-greeting h1{font-size:30px;letter-spacing:-1.5px}.discover-greeting>span{font-size:12px;color:#a497b4}.search{display:flex;align-items:center;gap:9px;border:1px solid #ffffff0c;background:#1b1624;border-radius:15px;padding:0 14px;height:47px;margin-bottom:20px}.search>.icon{width:18px;height:18px;color:#ac9dbd}.search input{min-width:0;flex:1;border:0;box-shadow:none!important;background:transparent;color:var(--ink);outline:none;font-size:13px;height:100%}.search-spark{color:var(--violet);font-size:23px}.stories{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;margin:0 -20px 18px;padding:0 20px 8px;scroll-snap-type:x proximity}.stories::-webkit-scrollbar,.featured-carousel::-webkit-scrollbar,.filters::-webkit-scrollbar{display:none}.story{background:none;display:flex;flex-direction:column;align-items:center;gap:7px;flex-shrink:0;min-width:61px;scroll-snap-align:start}.story>span:last-child{font-family:'Manrope','Alexandria',sans-serif;font-size:10px;max-width:65px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-ring{position:relative;background:linear-gradient(145deg,#c498ff,#ff548d);padding:2px;border-radius:50%;display:flex}.story-ring .avatar{width:57px;height:57px;border:3px solid var(--bg);font-size:23px}.story-ring.lime{background:linear-gradient(145deg,#65edcb,#d5ff71)}.story-ring>i{position:absolute;bottom:-4px;right:11px;left:11px;text-align:center;background:var(--violet);font-style:normal;color:#190d2b;border:2px solid var(--bg);border-radius:7px;font-size:8px;font-weight:600;line-height:1.7}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:23px 0 12px}.section-title h2{font-size:17px;letter-spacing:-.55px}.section-title h2>span{font-size:22px;color:var(--lime);margin-right:4px}.section-title>span{font-size:11px;color:var(--muted)}.section-title .text-btn{white-space:nowrap;font-size:10px}.featured-carousel{display:flex;gap:12px;overflow-x:auto;margin:0 -20px;padding:0 20px;scroll-snap-type:x mandatory;scrollbar-width:none}.featured-card{height:306px;min-width:calc(100% - 23px);width:calc(100% - 23px);flex-shrink:0;border-radius:25px;position:relative;overflow:hidden;isolation:isolate;scroll-snap-align:center;background:#372440}.featured-card>img{width:100%;height:100%;object-position:center 20%;transition:transform .6s}.featured-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#140b25 1%,#210e36bb 32%,#15092300 75%);z-index:-1}.featured-card>img{position:absolute;inset:0;z-index:-2}.feature-topline{position:absolute;top:17px;right:17px;left:17px;display:flex;align-items:center;gap:5px;font-family:'Manrope',sans-serif;direction:ltr;font-size:9px;font-weight:800;letter-spacing:.7px;color:#1b2511;background:var(--lime);border-radius:30px;padding:5px 8px;width:fit-content}.feature-topline>span:last-child{border-left:1px solid #405d3630;margin-left:3px;padding-left:5px;font-size:8px}.live-dot{height:5px;width:5px;background:#213316;border-radius:50%;box-shadow:0 0 0 2px #2133161a;animation:live-pulse 2s infinite}.feature-copy{position:absolute;bottom:21px;right:21px;left:21px}.feature-copy>small{font-family:'Manrope','Alexandria',sans-serif;color:#e1cfef;font-size:11px}.feature-title{background:transparent;display:block;font-size:33px;font-weight:700;margin:1px 0;letter-spacing:-1px;text-align:right}.feature-copy>p{font-size:11px;color:#c9b4dc;margin-bottom:14px}.feature-bottom{display:flex;justify-content:space-between;align-items:center}.feature-cta{background:#ffffff12;border:1px solid #ffffff30;border-radius:25px;display:flex;align-items:center;gap:12px;padding:8px 12px;font-size:10px;backdrop-filter:blur(10px)}.feature-cta>.icon{width:15px;height:15px}.cover-play{background:var(--lime);color:#17230d;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;box-shadow:0 5px 15px #0002}.cover-play>.icon{width:20px;height:20px}.featured-card.theme-1 .feature-topline{background:#ffa2b7}.featured-card.theme-2 .feature-topline{background:#bc9fff}.carousel-hint{display:flex;align-items:center;justify-content:center;gap:4px;margin:11px 0 22px}.carousel-hint i{width:4px;height:4px;background:#6b587e;border-radius:50%}.carousel-hint i:first-child{width:14px;border-radius:4px;background:var(--violet)}.carousel-hint span{font-size:8px;color:#82718f;margin-right:7px}.filters{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin:0 0 17px}.chip{flex-shrink:0;white-space:nowrap;border:1px solid #ffffff10;border-radius:25px;color:#bcaecc;background:#1c1627;padding:8px 15px;font-size:12px;font-weight:400}.chip.active{background:var(--violet);color:#1c0e2c;border-color:var(--violet);font-weight:600}.works-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.work-card{border:1px solid #ffffff0c;border-radius:22px;background:#17121f;overflow:hidden}.feed-author{padding:13px;display:flex;justify-content:space-between;align-items:center}.author-link{background:none;display:flex;align-items:center;gap:10px;text-align:right;min-width:0}.author-link .avatar{height:36px;width:36px;font-size:14px}.author-link>span:last-child{display:flex;flex-direction:column}.author-link b{font-size:12px;display:flex;align-items:center;gap:5px}.author-link small{font-size:9px;direction:ltr;font-family:'Manrope','Alexandria',sans-serif;text-align:right}.feed-author>.icon-btn{width:35px;height:35px;color:#a68fbd}.feed-author>.icon-btn>.icon{height:19px;width:19px}.saved{color:var(--violet)!important}.saved .icon{fill:#a277ff2b}.feed-art{height:262px;position:relative;isolation:isolate;margin:0 9px;border-radius:16px;overflow:hidden}.cover-open{position:absolute;inset:0;width:100%;height:100%;background:none;z-index:-2}.cover-open img{width:100%;height:100%;object-position:center 22%}.feed-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#180c28ed 0%,#180c2825 64%,transparent);z-index:-1;pointer-events:none}.feed-art .cover-label{position:absolute;right:14px;top:13px;font-family:'Manrope','Alexandria',sans-serif;font-size:9px;color:#fff;background:#130d2866;border:1px solid #ffffff20;padding:3px 9px;backdrop-filter:blur(10px);border-radius:20px;pointer-events:none}.feed-title{position:absolute;bottom:23px;right:18px;max-width:calc(100% - 80px)}.feed-title>small{font-family:'Manrope',sans-serif;font-size:8px;letter-spacing:1.5px;color:#e6d4f5;display:block;margin-bottom:5px}.feed-title>button{font-size:28px;font-weight:700;letter-spacing:-.8px;background:none;text-align:right}.feed-art .cover-play{position:absolute;bottom:22px;left:18px;width:43px;height:43px;background:#d9c4ff;color:#271237}.audio-strip{display:flex;align-items:center;gap:10px;padding:12px 18px 9px}.audio-label{background:none;display:flex;align-items:center;gap:5px;color:#d0b1f3;font-size:9px;white-space:nowrap}.audio-label>.icon{width:13px;height:13px}.sound-wave{height:19px;display:flex;flex:1;align-items:center;justify-content:space-between;gap:2px;max-width:190px}.sound-wave>i{display:block;width:2px;max-width:3px;border-radius:2px;height:var(--bar);background:#775a95}.is-playing .sound-wave i{animation:wave .65s ease-in-out var(--delay) infinite alternate;background:var(--violet)}.audio-strip>.mono{font-size:9px;color:#9a83ad}.work-body{padding:6px 17px 15px}.work-body>p{font-size:12px;line-height:1.9;color:#b9a9c9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.collab-tag{display:flex;align-items:center;gap:6px;background:#d5ff7108;color:#c2e48b;font-size:10px;padding:5px 9px;border:1px solid #d5ff7116;border-radius:7px;margin-top:12px;min-height:30px}.collab-tag>i{width:4px;height:4px;border-radius:50%;background:var(--lime)}.collab-tag>.icon{width:12px;height:12px;margin-right:3px}.completed-tag{font-size:10px;color:#ad91cc;display:inline-block;margin-top:12px}.social-actions{border-top:1px solid #ffffff0c;display:flex;align-items:center;gap:14px;padding:5px 16px 7px}.social-actions button{background:none;display:flex;gap:5px;align-items:center;color:#a99aba;min-height:40px;font-size:10px}.social-actions .icon{width:18px;height:18px}.social-actions .remix-link{margin-right:auto;color:var(--violet);font-size:9px;gap:3px}.social-actions .remix-link>.icon{width:15px;height:15px}.social-actions .liked{color:var(--pink)}.liked>.icon{fill:var(--pink);stroke:var(--pink);animation:heart-pop .3s ease}.creators-grid{display:grid;grid-template-columns:1fr;gap:10px}.creator-card{display:flex;align-items:center;gap:11px;padding:14px;border-radius:17px;background:#1c1526;border:1px solid #ffffff08}.creator-info{flex:1;min-width:0}.creator-info>.name{background:none;font-size:13px;font-weight:600}.creator-info>p{font-size:10px;color:#a794b9;margin-top:2px}.follow{font-size:10px;padding:7px 12px;min-height:36px;border-radius:9px;border:1px solid #b488ff35;background:#a277ff13;color:#c9a8fa;white-space:nowrap}.follow.on{background:#ffffff05;color:#a091b0;border-color:#ffffff10}.experience-note{display:flex;align-items:center;justify-content:center;gap:7px;background:none;color:#89789a;font-size:9px;width:100%;padding:24px 0 10px}.experience-note>.icon{height:12px;width:12px}
/* Studio and the rest of the app stay inside the same native navigation. */
.page-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:17px;margin:10px 0 24px}.page-heading h1{font-size:25px}.page-heading p{font-size:13px;color:var(--muted);line-height:1.95;margin-top:5px}.page-heading>.btn{font-size:12px;min-height:42px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0 25px}.stat-card{padding:15px 11px;border:1px solid #ffffff0c;border-radius:17px;background:linear-gradient(140deg,#292036,#1a1525);min-width:0}.stat-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#a277ff1a;color:var(--violet);margin-bottom:12px}.stat-icon>.icon{width:17px;height:17px}.stat-card:nth-child(2) .stat-icon{color:var(--lime);background:#d5ff7112}.stat-card:nth-child(3) .stat-icon{color:var(--pink);background:#ff548d14}.stat-card strong{font-size:27px;font-family:'Manrope',sans-serif;font-weight:600}.stat-card p{font-size:9px;color:#b5a4c8;margin-top:4px}.tabs{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none;gap:4px;border-radius:12px;background:#1e172a;padding:4px;margin-bottom:20px;border:1px solid #ffffff07}.tab{min-height:38px;font-size:11px;white-space:nowrap;background:none;color:#ad9ac0;border-radius:9px;padding:7px 10px;flex:1;text-align:center}.tab.active{background:#423050;color:#f5e7ff;box-shadow:0 2px 5px #0002}.project-list{display:grid;gap:12px}.project-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:#1b1526;border:1px solid #ffffff0b;border-radius:18px;padding:14px}.project-row>img{width:54px;height:63px;border-radius:11px;object-position:center 24%}.project-content{flex:1;min-width:150px}.project-content h3{font-size:13px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.project-content p{font-size:10px;color:var(--muted);margin-top:7px;line-height:1.8}.project-row>.inline-actions{width:100%;padding-top:10px;border-top:1px solid #ffffff08}.project-row>.inline-actions>.btn{flex:1;font-size:11px}.status{background:#a277ff15;border:1px solid #a277ff22;border-radius:6px;padding:3px 7px;color:#c0a2e0;font-size:9px;white-space:normal;display:inline-flex;line-height:1.6}.status.green{background:#d5ff710b;color:#badb87;border-color:#d5ff711c}.status.purple{background:#ff548d13;color:#e8a5bf;border-color:#ff548d23}.row-progress{height:4px;background:#ffffff0d;border-radius:6px;overflow:hidden;margin-top:11px}.row-progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--pink));border-radius:6px}.callout{margin-top:24px;padding:21px;background:radial-gradient(ellipse at 0 0,#65408d50,transparent),#241831;border:1px solid #a277ff25;border-radius:21px}.callout h3{font-size:16px}.callout p{font-size:12px;color:var(--muted);margin:8px 0 17px}.callout .btn{font-size:12px}.empty{padding:35px 20px;text-align:center;border:1px dashed #a277ff30;border-radius:20px;background:#a277ff06;grid-column:1/-1}.empty>.icon{width:35px;height:35px;color:var(--violet);margin-bottom:15px}.empty h3{font-size:17px}.empty p{font-size:12px;color:var(--muted);line-height:1.9;margin:9px auto 21px}.empty .btn{font-size:12px}.panel{border:1px solid #ffffff0c;border-radius:19px;background:#17121f;padding:18px;margin-bottom:15px}.detail-back{margin-bottom:14px}.detail-hero{display:flex;flex-direction:column;margin:0 -20px 18px}.detail-art{width:100%;height:295px;object-position:center 21%;mask-image:linear-gradient(black 77%,transparent)}.detail-info{margin:-46px 20px 0;position:relative;z-index:1}.detail-info>h1{font-size:34px;margin:8px 0 6px;letter-spacing:-1.3px}.detail-info>p{font-size:12px;color:var(--muted);line-height:1.9;margin:12px 0 18px}.byline{display:flex;align-items:center;gap:7px;font-size:11px}.byline>.avatar{width:25px;height:25px;font-size:9px}.byline button{background:none;font-size:11px}.byline>span:last-child:not(.avatar){color:var(--muted);font-size:10px}.byline p{color:var(--muted);font-size:10px}.detail-info .inline-actions{flex-wrap:nowrap;gap:8px}.detail-info .btn{font-size:11px;padding:10px 12px;min-height:44px}.detail-info .btn:first-child{flex:1}.detail-info .btn:nth-child(2){flex:1.3}.detail-info .btn .icon{width:16px;height:16px}.detail-columns{display:block;margin-top:15px}.detail-columns>.panel{padding:17px}.detail-columns .tabs{margin:0 -4px 19px}.detail-columns .tab{font-size:9px;padding:7px}.detail-columns h3{font-size:15px}.lyrics{white-space:pre-line;font-size:17px;line-height:2.75;padding-top:15px;color:#e2d4f1}.detail-about{font-size:12px;line-height:2;color:var(--muted);margin-top:15px}.detail-side>p{color:var(--muted);font-size:12px;line-height:1.9;margin-top:10px}.detail-side .byline{margin:13px 0 20px}.detail-side .byline>.avatar{width:37px;height:37px}.mini-need{display:inline-flex;padding:4px 10px;margin:4px 0 4px 6px;background:#a277ff12;color:#c6a6e9;border-radius:6px;border:1px solid #a277ff22;font-size:11px}.branch{display:flex;gap:12px;position:relative;padding-bottom:25px}.branch:not(:last-child):before{content:'';position:absolute;right:19px;top:40px;bottom:0;width:1px;background:#a277ff30}.branch-content{flex:1;min-width:0}.branch h3{font-size:13px;line-height:1.9}.branch p{font-size:11px;color:var(--muted);line-height:1.9;margin-top:4px}.branch .btn{font-size:10px;min-height:36px;padding:6px 10px;margin-top:10px}.branch-end{display:flex;gap:10px;flex-wrap:wrap;border:1px dashed #a277ff40;border-radius:13px;padding:16px;background:#a277ff0a}.branch-end>.icon{color:var(--violet)}.branch-end h3{font-size:13px}.branch-end p{font-size:11px;color:var(--muted);line-height:1.9;margin-top:4px}.branch-end>.btn{width:100%;margin-top:7px}.split-row{display:grid;grid-template-columns:100px 1fr 35px;gap:10px;align-items:center;font-size:12px;margin:15px 0}.split-row small{display:block;font-size:10px}.split-bar{height:5px;border-radius:5px;background:#ffffff10;overflow:hidden}.split-bar>span{height:100%;display:block;background:var(--violet)}.note{display:block;background:#a277ff09;border:1px solid #a277ff1c;color:#ab95c2;font-size:11px;line-height:1.9;padding:13px;border-radius:12px;margin-top:18px}.discussion-list{display:flex;flex-direction:column;gap:22px}.comment{display:flex;align-items:flex-start;gap:10px}.comment>.avatar{width:31px;height:31px;font-size:11px}.comment>div{flex:1;min-width:0}.comment h4{font-size:12px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.comment h4>small{font-size:9px}.comment p{font-size:12px;line-height:1.9;color:#c0accf;margin-top:5px}.comment-form{display:flex;gap:7px;margin-top:20px}.comment-form input{min-width:0;flex:1;font-size:14px}.comment-form .btn{padding:10px 11px;font-size:11px;min-height:43px}.comment-form .btn .icon{width:15px;height:15px}.form-grid{display:grid;grid-template-columns:minmax(0,1fr)}.field-label{display:block;font-size:12px;margin-bottom:9px}.field .muted{font-size:10px}.role-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.role-option{display:flex;align-items:center;gap:7px;font-size:11px;line-height:1.9;padding:10px 8px;border:1px solid #ffffff12;background:#ffffff02;border-radius:12px;cursor:pointer}.role-option input{accent-color:var(--violet);width:14px;height:14px;flex-shrink:0}.role-option:has(input:checked){border-color:var(--violet);background:#a277ff15}.role-option>.icon{width:16px;height:16px;color:var(--violet)}.form-footer{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:12px;border-top:1px solid #ffffff0c;padding-top:19px;margin-top:20px}.form-footer>.inline-actions{width:100%;justify-content:space-between}.form-footer .btn{font-size:11px;padding:10px 12px;min-height:42px}.form-footer>.btn:last-child{flex:1}.check-label{display:flex;align-items:flex-start;gap:8px;color:#c0adcf;font-size:11px;line-height:1.9}.check-label input{margin-top:5px;flex-shrink:0;width:14px;height:14px}.form-error{color:#ff94b7;font-size:12px;line-height:1.8}.form-error:not(:empty){margin-top:10px}.form-steps{display:flex;justify-content:space-between;gap:8px;margin:18px 0 24px}.form-step{display:flex;align-items:center;gap:5px;font-size:10px;color:#8c7b9e}.form-step>span{font-family:'Manrope',sans-serif;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#2a2034;font-size:10px;flex-shrink:0}.form-step.active{color:#d0b4ec}.form-step.active>span{background:var(--violet);color:#1d0d2d}.creation-wrap{width:100%}.creation-wrap>.panel{padding:19px}.creation-wrap h2{font-size:21px!important}.upload-zone{padding:24px 15px;text-align:center;border:1px dashed #a277ff50;border-radius:16px;background:#a277ff08}.upload-zone>.icon{width:34px;height:34px;color:var(--violet);margin:0 auto 12px}.upload-zone h3{font-size:14px;overflow-wrap:anywhere}.upload-zone p{font-size:11px;line-height:1.9;margin:8px 0 17px;color:var(--muted)}.upload-zone>.text-btn{display:flex;margin:8px auto 0!important;font-size:11px}.upload-zone .btn{font-size:11px;min-height:40px}.record-row{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:11px}.record-state{font-family:'Manrope',sans-serif;color:var(--pink);font-size:12px}.record-dot{display:inline-block;width:7px;height:7px;background:var(--pink);border-radius:50%;margin-left:6px;animation:live-pulse 1s infinite}.local-audio{width:100%;height:36px;margin-top:15px}.preview-box{padding:19px;border-radius:15px;background:#241b31;margin:18px 0}.preview-box h3{font-size:23px;margin:10px 0}.preview-box p{font-size:14px;line-height:2.2;color:#c8b6d8;white-space:pre-line}.success-panel{text-align:center;padding:35px 20px!important}.success-icon{width:75px;height:75px;display:grid;place-items:center;background:#d5ff7112;border:1px solid #d5ff712a;border-radius:26px;color:var(--lime);margin:0 auto 25px;transform:rotate(-7deg)}.success-icon>.icon{width:34px;height:34px;transform:rotate(7deg)}.success-panel h1{font-size:25px}.success-panel p{font-size:13px;line-height:2;color:var(--muted);margin:16px auto 25px}.success-panel .inline-actions{flex-direction:column}.success-panel .btn{width:100%;font-size:12px}.coop-grid{display:block}.invitation{display:flex;gap:11px;background:#1e1729;border:1px solid #a277ff1e;border-radius:20px;padding:17px;margin-bottom:15px}.invitation>.avatar{width:34px;height:34px}.invitation-content{flex:1;min-width:0}.invitation-content h3{font-size:14px}.invitation-content>small{font-size:10px}.invitation-content>p{font-size:12px;color:var(--muted);line-height:1.95;margin:12px 0 17px}.invitation .inline-actions{gap:7px}.invitation .btn{font-size:10px;padding:8px 10px;min-height:39px}.coop-side{margin-top:26px;padding:17px}.coop-side h3{font-size:17px}.coop-side .work-card{margin:0 -7px}.thread-layout{display:block}.thread-sidebar{display:none}.thread-main{min-width:0}.thread-heading{display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid #ffffff0c;font-size:13px}.thread-heading .meta{font-size:9px;margin-top:4px}.chat-messages{display:flex;flex-direction:column;gap:15px;max-height:340px;overflow:auto;padding:20px 0}.message-bubble{align-self:flex-start;max-width:90%;padding:13px 15px;background:#30243d;border-radius:17px 4px 17px 17px;font-size:12px;line-height:1.95;color:#dfcaef}.message-bubble.mine{align-self:flex-end;background:#a277ff;color:#201033;border-radius:4px 17px 17px 17px}.message-bubble>small{display:block;color:#9e87b2;font-size:8px;margin-top:7px}.message-bubble.mine>small{color:#3b1d5a}.profile-cover{height:202px;position:relative;overflow:hidden;border-radius:24px;isolation:isolate;margin-top:5px}.profile-cover>img{width:100%;height:100%;object-position:center 22%;opacity:.7}.profile-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#24083a8a,transparent)}.profile-word{position:absolute;left:21px;bottom:40px;font:800 25px/1.1 'Manrope',sans-serif;letter-spacing:-1px;direction:ltr;color:#ffffff;z-index:1;mix-blend-mode:screen}.profile-cover>.icon-btn{position:absolute;top:12px;left:12px;background:#16102177;border:1px solid #ffffff22;backdrop-filter:blur(10px);z-index:2;width:33px;height:33px}.profile-cover>.icon-btn>.icon{width:19px;height:19px}.profile-head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:-44px 13px 12px}.profile-head-info{min-width:0}.profile-head-info h1{font-family:'Manrope','Alexandria',sans-serif;font-size:26px;margin-top:7px;line-height:1.45;letter-spacing:-.5px;overflow-wrap:anywhere}.profile-head-info h1 .verified{vertical-align:middle;width:16px;height:16px}.profile-head-info h1 .verified>.icon{width:11px;height:11px}.profile-head-info>p{font-size:10px;color:#af91c5;letter-spacing:.4px;text-align:right;margin-top:5px}.profile-head>.btn{font-size:10px;padding:8px 12px;min-height:36px;margin-bottom:21px;white-space:nowrap}.profile-head>.btn>.icon{width:13px;height:13px}.profile-role{display:flex;gap:7px;flex-wrap:wrap;padding:0 13px;margin:17px 0 14px}.profile-role>span{display:flex;align-items:center;gap:4px;font-size:9px;padding:3px 8px;background:#241a30;border-radius:6px;color:#c5a6dd}.profile-role .icon{height:11px;width:11px}.profile-bio{padding:0 13px;color:#b8a6c9;font-size:12px;line-height:2;margin-bottom:20px}.profile-stats{display:flex;justify-content:space-around;border-top:1px solid #ffffff0a;border-bottom:1px solid #ffffff0a;padding:17px 0;margin:0 8px 18px}.profile-stats>div{text-align:center}.profile-stats strong{font-family:'Manrope',sans-serif;font-size:23px;display:block}.profile-stats small{font-size:10px}.profile-buttons{display:flex;gap:9px;padding:0 7px;margin-bottom:25px}.profile-buttons .btn{flex:1;font-size:10px;padding:9px 10px;min-height:42px}.profile-buttons .icon{width:15px;height:15px}.settings-list{display:grid;gap:5px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid #ffffff0b}.settings-row:last-child{border:0}.settings-row>div{flex:1;min-width:0}.settings-row h3{font-size:12px}.settings-row p{font-size:10px;line-height:1.9;color:var(--muted);margin-top:6px}.settings-row .btn{font-size:9px;min-height:34px;padding:8px;max-width:100px}.switch{appearance:none;-webkit-appearance:none;width:44px;height:27px;border-radius:20px;background:#51415c;position:relative;cursor:pointer;flex-shrink:0;transition:background .2s}.switch:before{content:'';position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:white;box-shadow:0 1px 4px #0004;transition:transform .2s}.switch:checked{background:var(--violet)}.switch:checked:before{transform:translateX(17px)}
/* iOS-style sheets, sharing, and the full player. */
dialog{border:1px solid #ffffff13;color:var(--ink);padding:29px 22px 28px;background:#21172c;width:414px;max-width:calc(100vw - 16px);max-height:calc(var(--device-height) - 85px);position:fixed;top:auto;left:50%;right:auto;bottom:calc((100dvh - var(--device-height))/2 + 8px);margin:0;transform:translateX(-50%);border-radius:30px 30px 38px 38px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;box-shadow:0 -10px 60px #0005}dialog[open]{animation:sheet-in .3s cubic-bezier(.2,.8,.2,1)}dialog:before{content:'';position:absolute;width:35px;height:4px;background:#7d668b;left:50%;top:9px;transform:translateX(-50%);border-radius:5px}dialog::backdrop{background:#08040f75;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.dialog-head h2{font-size:17px}.dialog-head .icon-btn{background:#ffffff0b;width:29px;height:29px}.dialog-head .icon-btn>.icon{width:16px;height:16px}.dialog-intro{color:var(--muted);font-size:13px;line-height:1.95;margin-bottom:20px}.demo-features{display:grid;gap:12px;margin:22px 0}.demo-feature{display:flex;gap:12px;align-items:center;padding:14px;background:#a277ff09;border:1px solid #a277ff12;border-radius:12px}.demo-feature>.icon{color:var(--violet)}.demo-feature strong{font-size:12px}.demo-feature p{font-size:11px;color:var(--muted);line-height:1.9;margin-top:4px}.notification{display:flex;gap:10px;width:100%;padding:15px 0;text-align:right;background:none;border-bottom:1px solid #ffffff0c}.notification>.avatar{width:35px;height:35px;font-size:12px}.notification h3{font-size:12px}.notification p{font-size:11px;color:var(--muted);line-height:1.9;margin:5px 0}.notification small{font-size:9px}.help-list{list-style:none;display:grid;gap:17px}.help-list li{color:var(--muted);font-size:12px;line-height:1.9}.help-list b{display:block;color:var(--ink);font-size:14px;margin-bottom:3px}.story-slide{height:410px;border-radius:22px;overflow:hidden;position:relative;isolation:isolate;background:linear-gradient(145deg,var(--story-color),#372044)}.story-slide>img{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-position:center 25%}.story-slide:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#1c0f28f0 5%,#16092300 85%)}.story-progress{position:absolute;top:13px;left:13px;right:13px;display:flex;gap:4px;direction:ltr}.story-progress>i{height:3px;border-radius:3px;background:#ffffff50;flex:1}.story-progress>i:first-child{background:var(--lime)}.story-body{position:absolute;bottom:25px;right:23px;left:23px}.story-kicker{font:700 9px 'Manrope',sans-serif;color:var(--lime);letter-spacing:1px}.story-body h2{font-size:32px;font-family:'Manrope','Alexandria',sans-serif;margin:7px 0 12px}.story-body p{font-size:13px;color:#dec9ee;line-height:1.95}.story-handle{font-size:10px;color:#c599e2;margin-top:12px;display:block;text-align:right}.text-story .story-body{bottom:40px}.text-story .story-body h2{font-size:38px}.story-actions{display:flex;gap:9px;margin-top:17px}.story-actions>.btn{flex:1;font-size:11px}.full-player .player-art{position:relative;aspect-ratio:1;border-radius:24px;overflow:hidden;background:#3b2946;box-shadow:0 15px 45px #0004;margin:0 0 25px}.player-art>img{width:100%;height:100%;object-position:center 26%}.player-art>span{position:absolute;bottom:13px;left:15px;font:700 8px 'Manrope',sans-serif;letter-spacing:1.5px;background:#27113775;border:1px solid #ffffff30;border-radius:6px;padding:4px 7px;backdrop-filter:blur(12px)}.full-track-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.full-track-title h2{font-size:24px}.full-track-title p{font-family:'Manrope','Alexandria',sans-serif;font-size:11px;color:var(--muted);margin-top:5px}.full-track-title>.icon-btn{color:var(--violet);background:#a277ff0b}.full-seek{margin:26px 0 16px}.full-seek input{width:100%;display:block;height:4px;margin:0;cursor:pointer}.full-seek>div{display:flex;justify-content:space-between;font-size:10px;color:#a58db8;margin-top:9px}.full-controls{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.full-controls>.icon-btn{color:#d9c0ee}.full-controls>.play-main{width:67px;height:67px;background:var(--lime);color:#1c270e;box-shadow:0 8px 30px #d5ff7119}.full-controls>.play-main .icon{width:25px;height:25px}.full-controls>.icon-btn[aria-pressed=true]{color:var(--lime)}.full-volume{display:flex;align-items:center;gap:12px;padding:0 36px;margin:22px 0 18px;color:#9d80b3}.full-volume>.icon{width:17px;height:17px}.full-volume>input{height:3px;width:100%}.sample-note{text-align:center;font-size:10px;color:#a58db7;margin:8px 0 22px}.player-collab{display:flex;justify-content:space-between;gap:8px;align-items:center;width:100%;background:#a277ff15;border:1px solid #a277ff24;border-radius:13px;padding:13px;color:#c9a9e6;font-size:10px}.player-collab>span{display:flex;gap:7px;align-items:center}.player-collab .icon{width:15px;height:15px}.share-preview{display:flex;gap:15px;align-items:center;background:#2e203c;padding:12px;border-radius:17px;border:1px solid #ffffff0b;margin-bottom:24px}.share-preview>img{width:75px;height:84px;border-radius:12px;object-position:center 26%}.share-preview>div{min-width:0}.share-preview small{font-family:'Manrope',sans-serif;font-size:8px;letter-spacing:.7px;color:var(--lime)}.share-preview h3{font-size:14px;margin:7px 0}.share-preview p{font-size:10px;color:var(--muted)}.share-platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;text-align:center}.share-platforms>button{display:flex;flex-direction:column;align-items:center;gap:8px;background:none}.platform{width:53px;height:53px;display:grid;place-items:center;border-radius:18px;font-family:'Manrope',sans-serif;font-size:25px;font-weight:500}.platform>.icon{width:26px;height:26px}.platform.system{background:#a277ff;color:#20102c}.platform.whatsapp{background:#53d18c;color:#0e3b21}.platform.x{background:#f0e5fb;color:#1b1125}.platform.telegram{background:#69caff;color:#143859}.share-platforms b{font-family:'Manrope','Alexandria',sans-serif;font-size:10px;font-weight:500}.share-platforms small{font-size:8px;margin-top:-4px}.share-hint{font-size:10px;color:#b4a0c5;line-height:1.9;margin:22px 0}.share-copy{display:flex;background:#160e20;border:1px solid #ffffff13;padding:7px;border-radius:13px;gap:7px}.share-copy input{background:none;min-width:0;flex:1;border:0;border-radius:8px;color:#9f89b2;font-family:'Manrope','Alexandria',sans-serif;font-size:10px;outline:none;box-shadow:none}.share-copy>button{display:flex;align-items:center;gap:5px;background:#a277ff22;color:#ceb0eb;padding:9px;border-radius:8px;white-space:nowrap;font-size:10px}.share-copy>button>.icon{height:14px;width:14px}.share-private{display:flex;align-items:flex-start;gap:7px;font-size:9px;color:#9f89b2;line-height:1.9;margin:14px 3px 0}.share-private>.icon{width:13px;height:13px;margin-top:2px}#toast{position:fixed;z-index:100;bottom:calc((100dvh - var(--device-height))/2 + 169px);left:50%;transform:translate(-50%,12px);max-width:370px;width:max-content;padding:12px 18px;border-radius:18px;background:#e7d9f5f0;border:1px solid #ffffff55;backdrop-filter:blur(18px);color:#261734;box-shadow:0 9px 35px #0004;font-size:11px;text-align:center;opacity:0;pointer-events:none;transition:.25s;line-height:1.9}#toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes screen-in{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-in{from{opacity:.4;transform:translate(-50%,50px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes eq{to{height:11px}}@keyframes wave{from{transform:scaleY(.45)}to{transform:scaleY(1)}}@keyframes live-pulse{50%{opacity:.45}}@keyframes heart-pop{50%{transform:scale(1.24)}}@keyframes shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@media(min-width:521px) and (max-height:740px){:root{--device-height:calc(100dvh - 24px)}.device-stage{padding:12px}.phone-frame{border-radius:46px}.phone-screen{border-radius:38px}}
@media(max-width:520px){:root{--device-height:100dvh}.device-stage{padding:0;min-height:100dvh}.phone-frame{width:100%;height:100dvh;padding:0;border-radius:0;box-shadow:none;background:var(--bg)}.phone-frame:before,.phone-frame:after{display:none}.phone-screen{border-radius:0}.ios-status{padding-left:27px;padding-right:27px;height:53px}.native-main{padding-bottom:187px}dialog{width:100%;max-width:100%;max-height:calc(100dvh - 60px);bottom:0;border-bottom:0;border-radius:30px 30px 0 0;padding-bottom:max(29px,env(safe-area-inset-bottom))}#toast{max-width:calc(100vw - 32px);bottom:171px}.signup-page .auth-heading h1{font-size:30px}}
@media(max-width:365px){.auth-main{padding-right:20px;padding-left:20px}.auth-collage{height:167px}.auth-collage img{height:148px}.auth-brand>span{font-size:8px;letter-spacing:.5px}.auth-heading h1{font-size:27px!important}.native-main{padding-left:16px;padding-right:16px}.native-header{padding-left:16px;padding-right:16px}.otp-box{width:56px;height:64px}.otp-row{gap:9px}.social-actions{gap:10px;padding-left:12px;padding-right:12px}.social-actions button{font-size:9px}.social-actions .icon{width:16px;height:16px}.social-actions .remix-link{font-size:8px}.feature-title{font-size:30px}.discover-greeting h1{font-size:27px}.identity-role{min-height:103px}.share-platforms{gap:4px}.platform{width:48px;height:48px}}
@media(display-mode:standalone){.ios-status{height:max(18px,env(safe-area-inset-top));padding:0}.ios-status>*{display:none}.auth-main{padding-top:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* U + عين identity, social profiles, and creator reputation. */
.avatar-brand img.avatar-brand-mark{width:68%;height:68%;object-fit:contain;object-position:center;border-radius:0}.avatar-casual img{object-position:center 35%}.avatar-illustration img{object-position:center}.avatar-empty{background:#2a2635;color:#9a90af;border:1px solid #ffffff15}.avatar-empty>.icon{width:48%;height:48%;stroke-width:1.5}.avatar-emoji{font-family:system-ui,sans-serif;font-size:24px;line-height:1}.avatar.big .avatar-emoji{font-size:43px}.header-profile .avatar-emoji{font-size:22px}.header-actions .header-logout{color:#c3a6d3;width:35px}.header-logout>.icon{width:20px;height:20px}.profile-logout{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;border:1px solid #ff62972b;border-radius:14px;background:#ff62970a;color:#ff9cbb;margin-top:26px;padding:13px;font-size:14px;min-height:49px}.profile-logout>.icon{width:19px;height:19px}
.ustars-badge{display:inline-flex;align-items:center;gap:5px;min-height:33px;padding:5px 9px;border-radius:9px;background:#d5ff710d;border:1px solid #d5ff712a;color:#d5ff71;white-space:nowrap;font-family:'Manrope','Alexandria',sans-serif;font-size:12px}.ustars-badge>.icon{width:13px;height:13px;fill:#d5ff7120;stroke-width:1.8}.ustars-badge bdi{direction:ltr;display:inline-flex;gap:4px;align-items:center}.ustars-badge b{font-weight:800;font-size:14px}.ustars-badge span{font-weight:500;letter-spacing:-.2px}.creator-card .ustars-badge{margin-top:7px;padding:2px 7px;min-height:27px;background:transparent}.creator-card .ustars-badge b{font-size:12px}.creator-card .avatar{width:49px;height:49px;align-self:flex-start;margin-top:3px}.creator-card .creator-info>.name{font-size:14px}.creator-card .creator-info>p{font-size:12px}.creator-card .follow{font-size:12px}.feed-author{gap:7px;padding:12px}.feed-author>.author-link{flex:1}.feed-author .author-link>span:last-child{min-width:0}.feed-author .author-link b{font-size:12px;overflow-wrap:anywhere}.feed-author .author-link small{max-width:145px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:10px}.feed-author>.feed-ustars{padding:4px 7px;min-height:30px;gap:4px;font-size:10px}.feed-ustars b{font-size:12px}.feed-ustars>.icon{width:12px;height:12px}.feed-author>.icon-btn{width:28px;flex-shrink:0}.feed-author>.author-link>.avatar{width:35px;height:35px}
.profile-identity-line{display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding:1px 12px 0;margin:15px 0 4px}.profile-identity-line>span:first-child{font-size:12px;color:#d0b9e2}.profile-identity-line .ustars-badge{margin-right:auto}.followers-total{width:100%;font-size:12px;color:#a994bc;margin-top:5px}.followers-total>bdi{font-size:13px;color:#ddd0ec;font-weight:600}.profile-role>span{font-size:12px}.profile-bio{font-size:14px;line-height:1.9}.profile-buttons .btn{font-size:12px}.creator-activity{margin:26px 0 23px}.activity-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.activity-heading>h2{font-size:17px}.activity-heading>.icon-btn{width:33px;height:33px;color:#a994bf}.activity-heading .icon{width:17px;height:17px}.creator-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.creator-metric{position:relative;padding:19px 15px 16px;min-height:124px;border-radius:19px;border:1px solid #ffffff0e;background:linear-gradient(130deg,#2a2038,#1a1425);overflow:hidden}.creator-metric>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;position:absolute;left:14px;top:17px;background:#a277ff16;color:#c09fff}.creator-metric>span>.icon{width:15px;height:15px}.creator-metric>strong{font-family:'Manrope',sans-serif;font-size:27px;line-height:1.3;letter-spacing:-1px;display:block;margin:20px 0 11px;direction:ltr;text-align:right;font-weight:700}.creator-metric>p{font-size:13px;line-height:1.7;color:#b4a0c6}.creator-metric:nth-child(2)>span{color:#e6a4c5;background:#ff548d12}.creator-metric:nth-child(3)>span{color:var(--lime);background:#d5ff7110}.creator-metric:nth-child(4)>span{color:#7fdcc8;background:#65edcb12}.creator-metric:nth-child(3){background:linear-gradient(140deg,#24302765,#1b1923)}.profile-work-tabs{margin:0 0 13px}.profile-work-tabs>.tab{font-size:13px;padding:9px 8px}.profile-work-tabs>.tab>span{font:600 11px 'Manrope',sans-serif;display:inline-grid;place-items:center;min-width:22px;min-height:20px;margin-right:3px;padding:3px 5px;border-radius:6px;background:#ffffff0a}.profile-work-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 15px}.profile-work-caption>span:first-child{font-size:12px;color:#9d88b3}.profile-work-caption .status{font-size:11px}.ustars-explainer{text-align:center;padding:8px 10px 15px}.ustars-explainer>span{display:grid;place-items:center;width:69px;height:69px;border-radius:25px;background:#d5ff7112;color:var(--lime);border:1px solid #d5ff7128;margin:0 auto 18px;transform:rotate(-8deg)}.ustars-explainer>span>.icon{width:33px;height:33px;fill:#d5ff7130;transform:rotate(8deg)}.ustars-explainer>strong{display:block;font-family:'Manrope',sans-serif;font-size:36px;font-weight:700;color:var(--lime)}.ustars-explainer strong>small{font-size:19px;color:inherit}.ustars-explainer>h3{font-size:17px;margin:12px 0}.ustars-explainer>p{font-size:14px;color:var(--muted);line-height:1.9}
/* Cute identity choice stays part of registration and profile editing. */
.creator-identity{border:0;margin:3px 0 16px;min-width:0}.creator-identity>legend{font-size:13px;color:#d1c6e1;margin-bottom:9px;padding:0}.creator-identity>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.creator-choice{display:flex!important;align-items:center;gap:9px;padding:9px 12px;border:1px solid #ffffff12;border-radius:14px;min-height:58px;background:#1d1728;position:relative;cursor:pointer;color:#c5b3d6!important;margin:0!important}.creator-choice>input{position:absolute;inset:0!important;width:100%!important;height:100%!important;opacity:0;margin:0;cursor:pointer;min-height:0!important;z-index:1}.creator-choice-emoji{font-family:system-ui,sans-serif;font-size:28px;line-height:1.2}.creator-choice>span:last-of-type{font-size:14px;font-weight:500}.creator-choice>i{display:none;margin-right:auto;align-items:center;justify-content:center;width:15px;height:15px;flex-shrink:0;background:var(--violet);border-radius:50%;color:#1e0f2c}.creator-choice>i>.icon{width:10px;height:10px;stroke-width:2.6}.creator-choice:has(input:checked){background:#a277ff15;border-color:var(--violet);color:#f1e7ff!important}.creator-choice:has(input:checked)>i{display:flex}.creator-choice:has(input:focus-visible){outline:2px solid var(--lime);outline-offset:3px}.signup-page .auth-collage{height:153px;margin-top:17px}.signup-page .auth-collage img{height:139px}.signup-page .auth-heading{margin-bottom:14px}.signup-page .auth-heading>p{font-size:13px}.identity-role b{font-size:15px}
/* One lightweight 3s timeline: equalizer -> approved symbol -> wordmark. */
.launch-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,#59336c18,transparent 52%),var(--bg);overflow:hidden;pointer-events:auto;animation:launch-exit 3s ease-in-out both}
.launch-art{display:block;width:clamp(200px,56vw,232px);height:auto;overflow:visible;direction:ltr}
.launch-form{transform-origin:382.5px 456px;animation:launch-compose 3s cubic-bezier(.4,0,.2,1) both}
.launch-symbol{animation:launch-symbol 3s ease both}
.launch-wordmark{animation:launch-wordmark 3s ease both}
.launch-reveal{transform-box:fill-box;transform-origin:left center;animation:launch-reveal 3s cubic-bezier(.4,0,.2,1) both}
.launch-bar{transform-box:fill-box;transform-origin:center;animation:launch-beat 3s ease-in-out both}
.launch-bar:nth-child(2){animation-name:launch-beat-center}
.launch-bar:nth-child(3){animation-name:launch-beat-right}
@keyframes launch-compose{0%,40%{transform:translateX(935px) scale(1.28)}60%,100%{transform:translateX(0) scale(1)}}
@keyframes launch-symbol{0%,19%{opacity:0}30%,40%{opacity:1}47%,100%{opacity:0}}
@keyframes launch-wordmark{0%,40%{opacity:0}47%,100%{opacity:1}}
@keyframes launch-reveal{0%,40%{transform:scaleX(.302)}60%,100%{transform:scaleX(1)}}
@keyframes launch-beat{0%{opacity:0;transform:scaleY(.35)}5%{opacity:1}12%{transform:scaleY(1.4)}21%{transform:scaleY(.7)}30%,100%{opacity:1;transform:scaleY(1)}}
@keyframes launch-beat-center{0%{opacity:0;transform:scaleY(.45)}5%{opacity:1}12%{transform:scaleY(.7)}21%{transform:scaleY(1.15)}30%,100%{opacity:1;transform:scaleY(1)}}
@keyframes launch-beat-right{0%{opacity:0;transform:scaleY(.6)}5%{opacity:1}12%{transform:scaleY(2)}21%{transform:scaleY(.9)}30%,100%{opacity:1;transform:scaleY(1)}}
@keyframes launch-exit{0%,87%{opacity:1}100%{opacity:0}}
@media(max-width:365px){.feed-author{gap:5px;padding:10px}.feed-author .author-link{gap:6px}.feed-author .author-link b{font-size:11px}.feed-author .author-link small{max-width:109px}.feed-ustars span{font-size:9px}.feed-author>.feed-ustars{padding:4px 5px}.feed-author>.icon-btn{width:25px}.creator-metric{padding:17px 12px}.creator-metric>strong{font-size:25px}.creator-metric>p{font-size:12px}.header-actions .icon-btn{width:34px}.header-profile{margin-right:3px}.creator-choice{padding:9px;gap:6px}.creator-choice-emoji{font-size:26px}.profile-identity-line{padding-left:6px;padding-right:6px}}
@media(prefers-reduced-motion:reduce){.launch-screen{display:none}}

/* Additional prototype flows, matching the original visual language. */
.work-management{display:grid;gap:12px;font-size:14px;line-height:1.7}.work-management>.btn{justify-content:flex-start;min-height:46px;font-size:14px}.work-management .work-delete{color:var(--ink);border:1px solid #c94d68;background:color-mix(in srgb,#c94d68 14%,var(--surface))}.work-management .work-delete:focus-visible{outline:2px solid #c94d68;outline-offset:3px}.work-management .inline-actions{justify-content:flex-end;gap:10px}.work-management .dialog-intro{font-size:14px;margin:0}.work-management .meta{font-size:12px;margin:0}
.welcome-actions{display:grid;gap:12px;margin-top:26px}.welcome-actions .btn{width:100%;justify-content:center}.signup-page{position:relative}.language-disabled{position:absolute;left:0;top:12px;border:1px solid #544363;border-radius:20px;padding:6px 10px;background:#21192d;color:#b9a9cd;opacity:.55;direction:ltr}.about-program{text-align:center}.about-program p{line-height:1.9}.field select{width:100%}
/* Contribution media uses the same recorder and upload editor as original works. */
.contribution-media-options{min-inline-size:0;border:1px solid var(--line,#393047);border-radius:16px;padding:14px;margin:0 0 20px}
.contribution-media-options legend{font-size:.875rem;padding-inline:6px}
.contribution-media-options .inline-actions{display:flex;flex-wrap:wrap;gap:8px}
.contribution-media-options .btn{flex:1 1 130px;min-height:44px}
.contribution-media-options .meta{margin:10px 0 0}


/* Source: polish.css */
/* Preserve the original palette and phone layout; refine interaction only. */
:root{--ease-ui:cubic-bezier(.22,1,.36,1)}
.native-main>*{animation:none}
.native-main.view-enter>*{animation:screen-in .28s var(--ease-ui) both}
button{transition:transform .18s var(--ease-ui),background-color .2s,color .2s,border-color .2s;}
button:active{transform:scale(.97)}
.icon{stroke-width:1.8;vertical-align:middle}
.mobile-nav button:not([data-variant]){isolation:isolate;border-radius:14px}
.nav-selection{position:absolute;top:0;inset-inline:5px;height:34px;border-radius:12px;background:#a277ff14;border:1px solid #a277ff1c;z-index:-1;pointer-events:none}
.mobile-nav button:not([data-variant])[data-id=create] .nav-selection{display:none}
.mobile-nav button:not([data-variant]).active>.icon{stroke-width:2;color:#c6a4ff}
.mobile-nav button:not([data-variant]).active>span:last-of-type{color:#c6a4ff}
.mobile-nav button:not([data-variant]):active>.icon{transform:translateY(-2px)}
.mobile-nav .icon{transition:transform .2s var(--ease-ui),color .2s}
.filters,.tabs{scroll-padding-inline:8px;overscroll-behavior-x:contain;scrollbar-width:none}
.tabs{overflow-x:auto;flex-wrap:nowrap}
.tabs>.tab,.filters>.chip{flex-shrink:0;white-space:nowrap;min-height:42px}
.filters>.chip{scroll-snap-align:start}
.filters,.stories{scroll-snap-type:x proximity}
.chip.active,.tab.active{box-shadow:inset 0 0 0 1px #c5a4ff26}
.tab:focus-visible,.chip:focus-visible{outline-offset:-3px}
.dialog-head .icon-btn{width:44px;height:44px;margin-block:-7px;flex-shrink:0}
.dialog-head .icon-btn>.icon{width:20px;height:20px}
dialog{overscroll-behavior:contain}
dialog[open]{animation:sheet-refined-in .32s var(--ease-ui) both}
dialog[open]::backdrop{animation:backdrop-in .25s ease both}
dialog[open].is-closing{animation:sheet-refined-out .18s ease-in both;pointer-events:none}
dialog[open].is-closing::backdrop{animation:backdrop-out .18s ease-in both}
.saved>.icon-bookmark{fill:#a277ff30;color:#c5a4ff}
@media(hover:hover){.icon-btn:hover,.tab:not(.active):hover,.chip:not(.active):hover{background-color:#ffffff0b}.mobile-nav button:not([data-variant]):hover{color:#d4bbef}.story:hover .story-ring{transform:translateY(-2px)}}
.story-ring{transition:transform .2s var(--ease-ui)}
@keyframes sheet-refined-in{from{opacity:0;transform:translate(-50%,32px) scale(.985)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes sheet-refined-out{from{opacity:1;transform:translate(-50%,0)}to{opacity:0;transform:translate(-50%,24px)}}
@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes backdrop-out{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Source: bilingual.css */
/* Same visual system; supplied English URAB wordmark is the primary brand. */
.auth-brand>.brand-wordmark{width:92px;height:42px;border-radius:0;object-fit:contain;flex-shrink:0}
.native-brand>.brand-wordmark{width:86px;height:39px;border-radius:0;object-fit:contain}

.about-program>.brand-wordmark{width:180px;height:80px;object-fit:contain;border-radius:0}
.language-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:43px;min-height:36px;padding:5px 7px;border:1px solid #ffffff19;border-radius:10px;background:#ffffff08;color:var(--ink);font-size:11px;cursor:pointer;white-space:nowrap}
.language-toggle:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.auth-brand>.language-toggle{margin-inline-start:6px}
.auth-brand>span{font-size:8px;letter-spacing:.6px;margin-inline-start:auto;margin-inline-end:0}
.header-actions>.language-toggle{margin-inline-end:3px;min-width:40px;font-size:10px;padding:4px}
html[dir=ltr] .now-playing,html[dir=ltr] .identity-role,html[dir=ltr] .sms-banner,html[dir=ltr] .notification{ text-align:start }
html[dir=ltr] .header-profile{margin-right:0;margin-left:5px}
html[dir=ltr] .auth-back{margin-right:0;margin-left:-4px}
html[dir=ltr] .identity-role>i{left:auto;right:12px}
html[dir=ltr] .player .play-main{margin-right:0;margin-left:5px}
html[dir=ltr] .auth-heading h1{letter-spacing:-.7px;line-height:1.3}
html[dir=ltr] .auth-heading p{line-height:1.7}
html[dir=ltr] .identity-role b{font-size:12px}
html[dir=ltr] .mobile-nav button:not([data-variant]){font-size:9px}
html[dir=ltr] .tabs{overflow-x:auto}
html[dir=ltr] .tab{white-space:nowrap;flex-shrink:0}
html[dir=ltr] .social-actions{gap:8px}
html[dir=ltr] .social-actions button{font-size:10px}
html[dir=ltr] .social-actions .remix-link{font-size:9px}
html[dir=ltr] .settings-row>div{min-width:0;flex:1}
html[dir=ltr] .settings-row{gap:12px}
html[dir=ltr] .auth-primary .icon,html[dir=ltr] .auth-back .icon,html[dir=ltr] .detail-back .icon,html[dir=ltr] .feature-cta .icon{transform:scaleX(-1)}
[data-no-translate]{unicode-bidi:isolate}
html[dir=ltr] .author-link,html[dir=ltr] .author-link small,html[dir=ltr] .feed-title>button,html[dir=ltr] .profile-head-info>p,html[dir=ltr] .story-handle,html[dir=ltr] .creator-metric>strong{text-align:start}
html[dir=ltr] .feed-title{right:auto;left:18px}
html[dir=ltr] .feed-art .cover-label{right:auto;left:14px}
html[dir=ltr] .social-actions .remix-link,html[dir=ltr] .profile-identity-line .ustars-badge,html[dir=ltr] .creator-choice>i{margin-right:0;margin-left:auto}
html[dir=ltr] .branch:not(:last-child):before{right:auto;left:19px}
@media(max-width:365px){.native-header{padding-inline:12px}.native-brand>.brand-wordmark{width:74px}.auth-brand>.brand-wordmark{width:80px}.auth-brand>span{font-size:7px;letter-spacing:0}.header-actions>.language-toggle{min-width:35px}.header-actions .icon-btn{width:32px}}

.launch-copyright,.welcome-copyright{font-size:10px;line-height:1.7;font-weight:400;color:var(--muted);text-align:center}
.launch-copyright{position:absolute;bottom:24px;inset-inline:16px;margin:0}
.welcome-copyright{margin:18px 0 0}


/* Source: experience.css */
.saved-accounts{border-top:1px solid #ffffff15;padding-top:16px;margin-top:20px}.saved-accounts h3{font-size:13px}.saved-account{display:flex;align-items:center;gap:10px;width:100%;padding:11px;margin:7px 0;background:#a277ff0d;border:1px solid #a277ff24;border-radius:14px;text-align:start}.saved-account>span[dir]{margin-inline-start:auto;color:var(--lime);font-size:12px}.saved-account .avatar{flex-shrink:0}.saved-account>bdi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-button{color:var(--violet);flex-shrink:0}.auth-brand>.support-button{width:30px;min-width:30px;padding:4px}.auth-brand>.support-button .icon{width:19px;height:19px}.auth-brand>span{font-size:7px;letter-spacing:0}.header-actions .icon-btn{width:30px}.header-actions .header-profile{margin-inline-start:2px}.header-actions{gap:0}.file-input-hidden{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.file-input-hidden:focus-visible+*{outline:2px solid var(--lime)}
.urab-recorder{margin-top:18px;border:1px solid #b993ff55;border-radius:20px;padding:17px 13px;background:radial-gradient(ellipse at 85% 10%,#d9ff7125,transparent 65%),linear-gradient(140deg,#362348,#23172e);box-shadow:inset 0 1px #ffffff12;position:relative;overflow:hidden}.recorder-caption{font:700 8px 'Manrope',sans-serif;letter-spacing:1.5px;color:#c7b4dc;margin-bottom:12px}.urab-recorder>.sound-wave{height:42px;display:flex;justify-content:center;gap:4px;max-width:100%;margin:4px auto 14px}.urab-recorder>.sound-wave i{width:4px;background:linear-gradient(to top,var(--violet),var(--lime));border-radius:3px;opacity:.9}.urab-recorder.recording>.sound-wave i{animation:urab-record-wave .6s ease-in-out calc(var(--delay)*1) infinite alternate}.urab-recorder .record-row{display:flex;align-items:center;justify-content:center;gap:14px;margin:0}.urab-recorder [data-action=record]:not([data-variant]){border:0;background:var(--violet);color:#1c1029;padding:11px 16px;border-radius:14px}.urab-recorder.recording [data-action=record]:not([data-variant]){background:var(--lime)}
.urab-preview{display:flex;align-items:center;gap:12px;margin-top:13px;border-radius:17px;padding:12px;background:#17111f;border:1px solid #ffffff12}.preview-play{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:var(--lime);color:#1c1029;flex-shrink:0}.urab-preview>div{min-width:0;flex:1;text-align:start}.preview-label{display:block;font-size:11px;color:#c7b4dc}.urab-preview input{width:100%;accent-color:var(--violet);direction:ltr;min-height:24px}.urab-preview #preview-time{font-size:10px;color:var(--muted);display:block}.poem-file-box{padding:16px;border:1px dashed #b993ff70;border-radius:18px;margin-bottom:20px;background:#a277ff0b}.poem-file-box>bdi{display:block;margin:10px 0;font-size:12px;overflow-wrap:anywhere}.poem-file-box>.icon{color:var(--violet);vertical-align:middle;margin-inline-end:9px}.poem-file-box .btn{margin:4px}
.star-celebration{position:absolute;z-index:100;pointer-events:none;inset-inline:20px;top:25%;padding:20px;border:1px solid #c9a7ff55;border-radius:23px;text-align:center;color:var(--lime);background:#24162cf5;box-shadow:0 15px 70px #0008;animation:urab-welcome .3s ease-out}.star-celebration p{font-size:13px;line-height:1.9}.star-shower{height:70px;position:relative}.star-shower i{position:absolute;left:calc(5% + var(--n)*10%);top:20px;font-style:normal;font-size:20px;color:var(--violet);animation:urab-star 1.5s calc(var(--n)*.06s) ease-out both}.star-shower i:nth-child(even){color:var(--lime)}
.reward-total{font-size:26px;font-weight:700;color:var(--lime);text-align:center;margin-bottom:20px}.reward-list>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #ffffff12;font-size:12px}.reward-list b{color:var(--lime)}.email-demo-code{display:block;font-size:25px;letter-spacing:5px;color:var(--lime);padding:12px}.support-history article{margin:12px 0;padding:14px;border-radius:14px;background:#a277ff10;overflow-wrap:anywhere;font-size:12px}.support-history small{display:block;color:var(--lime);margin-top:9px;line-height:1.8}.document-text{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;line-height:2;font-size:13px}.pdf-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:0;background:#21172c;padding:8px 0;z-index:1}#pdf-canvas{display:block;max-width:100%;height:auto;margin:12px auto;background:white}
@keyframes urab-record-wave{from{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes urab-star{0%{opacity:0;transform:translateY(22px) scale(.3)}25%{opacity:1}100%{opacity:0;transform:translateY(-30px) rotate(70deg) scale(1.5)}}@keyframes urab-welcome{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.star-celebration,.star-shower i,.urab-recorder.recording>.sound-wave i{animation:none}.star-shower i{opacity:1}}
@media(max-width:365px){.native-brand>.brand-wordmark{width:65px}.header-actions .icon-btn{width:27px}.header-profile .avatar{width:28px;height:28px}.auth-brand{gap:5px}.auth-brand>.brand-wordmark{width:75px}.auth-brand>.language-toggle{margin-inline-start:0}.auth-brand>span{font-size:6px}.language-toggle{min-width:38px}}

.launch-support{position:absolute;top:25px;inset-inline-end:20px}

/* Compact browsing controls and community ranks. */
.native-header{direction:ltr}.header-actions{gap:8px}.account-menu-button{display:flex;align-items:center;gap:7px;background:#a277ff20;border:1px solid #a277ff40;border-radius:16px;padding:6px 9px;color:var(--ink)}.account-menu-button .avatar{width:28px;height:28px;min-width:28px}.account-menu-summary{display:flex;align-items:center;gap:14px;margin-bottom:20px}.account-menu-summary .avatar{width:52px;height:52px}.account-menu-items{display:grid;gap:9px}.account-menu-items .btn{justify-content:flex-start}.participant-rank{display:inline-flex;gap:4px;align-items:center;color:var(--lime);font-size:10px;white-space:nowrap;padding:4px 6px}.profile-identity-line{flex-wrap:wrap}.rank-table{margin:15px 0}.rank-table>div{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #ffffff10;font-size:11px}.rank-table .current{background:#a277ff25;color:var(--lime);border-radius:10px}.inbox-list{display:grid;gap:10px}.inbox-person{display:flex;width:100%;gap:12px;align-items:center;text-align:start;background:#a277ff12;border:1px solid #a277ff20;border-radius:18px;padding:14px;color:var(--ink)}.inbox-person>span{flex:1;min-width:0}.inbox-person small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px;margin-top:6px}.unread-message{color:var(--lime)}.player{transition:width .22s,height .22s,border-radius .22s}.player-size{flex-shrink:0}.player-minimized .player{width:230px;max-width:calc(100% - 32px);left:auto;right:16px;height:48px;min-height:48px;padding:5px 8px;border-radius:24px;gap:4px}.player-minimized .player .now-playing{gap:7px;min-width:0;flex:1}.player-minimized .player .now-playing img{width:30px;height:30px;border-radius:50%}.player-minimized .player .now-playing small,.player-minimized .player [data-action="next-track"]{display:none}.player-minimized .player .now-playing b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.player-minimized .player>.icon-btn{width:32px;height:32px;min-width:32px}.player-minimized .player-size svg{transform:rotate(180deg)}.player-minimized .native-main{padding-bottom:145px}@media(prefers-reduced-motion:reduce){.player{transition:none}}

/* Unavailable account services remain visible to guests without acting as links. */
.account-menu-items .btn:disabled{opacity:.42;cursor:not-allowed;box-shadow:none;transform:none;filter:none}
.account-menu-items .guest-account-note{font-size:13px;color:var(--muted);line-height:1.7;margin:10px 0 0}
/* Three community portraits crossfade behind the welcome actions. */
.welcome-backdrop{position:absolute;inset:0;z-index:-1;background:#20152d;overflow:hidden;pointer-events:none}.welcome-portrait{position:absolute;inset:0;opacity:0;animation:community-fade 18s linear infinite}.welcome-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 32%;animation:community-drift 18s ease-in-out infinite alternate}.welcome-portrait.portrait-0{opacity:1}.welcome-portrait.portrait-1{animation-delay:-12s}.welcome-portrait.portrait-2{animation-delay:-6s}.welcome-portrait span{position:absolute;top:29%;inset-inline-start:25px;display:grid;gap:5px;text-shadow:0 2px 12px #000;font-size:20px}.welcome-portrait small{font-size:11px;color:#fff}.welcome-shade{position:absolute;inset:0;background:linear-gradient(180deg,#10091d88 0%,#10091d05 25%,#10091d55 40%,#10091de8 62%,#10091dfa 100%)}.community-welcome .ios-status{background:transparent}.community-welcome .auth-main{background:transparent;z-index:1}.community-welcome .signup-page{min-height:100%;display:flex;flex-direction:column}.community-welcome .auth-brand{flex-shrink:0}.welcome-air{flex:1;min-height:175px}.community-welcome .auth-heading{margin-top:10px}.community-welcome .auth-heading h1{font-size:34px}.community-welcome .auth-heading p{color:#e5d9f0}.community-welcome .auth-brand>span{color:#fff}.community-welcome .welcome-actions{flex-shrink:0}.community-welcome .welcome-actions .outline,.community-welcome .welcome-actions .light{background:#21132cd9}.community-welcome .welcome-copyright{margin-top:12px}.community-welcome .auth-footnote{margin:10px 0 0}@keyframes community-fade{0%,27%{opacity:1}33%,94%{opacity:0}100%{opacity:1}}@keyframes community-drift{from{transform:scale(1.02) translateY(0)}to{transform:scale(1.09) translateY(-1%)}}@media(prefers-reduced-motion:reduce){.welcome-portrait,.welcome-portrait img{animation:none}.welcome-portrait.portrait-0{opacity:1}.welcome-portrait.portrait-1,.welcome-portrait.portrait-2{opacity:0}}@media(max-height:720px){.welcome-air{min-height:110px}.community-welcome .auth-heading h1{font-size:28px}}

/* Keep the welcome artwork still until the opening has finished. */
.intro-active .welcome-portrait,.intro-active .welcome-portrait img{animation-play-state:paused}

.avatar[data-presence]{position:relative;overflow:visible}.avatar[data-presence]>img{border-radius:inherit}.avatar[data-presence]::after{content:'';position:absolute;bottom:0;right:0;width:9px;height:9px;border-radius:50%;border:2px solid #21172e;background:#8c8797;z-index:2}.avatar[data-presence=online]::after{background:#65df99}.avatar[data-presence=busy]::after{background:#ffbc62}.presence-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#8c8797;flex-shrink:0}.presence-dot.online{background:#65df99}.presence-dot.busy{background:#ffbc62}.presence-status{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.presence-legend{display:flex;gap:16px;margin:12px 0;flex-wrap:wrap}.presence-options{display:grid;gap:10px;margin-top:18px}.presence-options .btn{justify-content:flex-start;gap:12px}.presence-options [aria-pressed=true]{border-color:var(--lime)}.presence-choice{margin:0 13px;font-size:11px}.creator-card .creator-info .name{overflow-wrap:anywhere}

.faq-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}.faq-categories .btn{white-space:normal;text-align:start;justify-content:flex-start;font-size:11px;min-height:68px;padding:10px;gap:8px}.faq-categories .selected{border-color:var(--lime);background:#a277ff20}.faq-categories .icon{flex-shrink:0}.faq-item{border-bottom:1px solid #ffffff18;padding:14px 0}.faq-item summary{cursor:pointer;font-size:12px;line-height:1.9;color:var(--ink)}.faq-item summary::marker{color:var(--lime)}.faq-item p{font-size:12px;line-height:2;color:var(--muted);padding-top:12px;white-space:pre-line}.faq-contact{display:grid;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #ffffff20;text-align:center;font-size:12px}.faq-contact a{font-size:12px}#faq-results{margin-top:10px}


/* Source: web.css */
/* URAB web preview: the existing application opens into a full browser canvas. */
.device-stage{padding:0;min-height:100dvh;display:block}
.phone-frame{width:100%;height:100dvh;padding:0;border-radius:0;background:none;box-shadow:none}
.phone-frame::before,.phone-frame::after,.ios-status,.home-indicator{display:none}
.phone-screen{border-radius:0;height:100dvh}
.welcome-backdrop{z-index:0}.community-welcome .auth-main{position:relative}
.web-preview-label{display:none}
@media(min-width:900px){
 :root{--web-rail:230px}
 body{font-size:16px;background:var(--bg)}
 .native-header{height:90px;padding:20px 40px;border-bottom:1px solid var(--line);background:var(--bg);z-index:35}
 .native-brand>.brand-wordmark{width:130px;height:48px;object-fit:contain}
 .header-actions{gap:18px}.account-menu-button{padding:8px 14px}.account-menu-button .avatar{width:34px;height:34px;min-width:34px}
 .signed-in .native-main{margin-inline-start:var(--web-rail);padding:34px clamp(28px,4vw,72px) 125px;scroll-padding-top:28px}
 .mobile-nav{position:absolute;inset-block:90px 0;inset-inline:0 auto;width:var(--web-rail);height:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;padding:35px 20px 120px;border:0;border-inline-end:1px solid var(--line);border-radius:0;background:#120e1b;backdrop-filter:none;z-index:31}
 .mobile-nav:before{display:none}
 .mobile-nav button,html[dir=ltr] .mobile-nav button{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:15px;width:100%;flex:none;min-height:54px;padding:12px 16px;font-size:15px;text-align:start}
 .mobile-nav button.active{background:#a277ff19;border:1px solid #a277ff2b}
 .mobile-nav button>span:last-of-type{font-size:15px}.mobile-nav .nav-selection{display:none}
 .mobile-nav .mobile-create{margin:0;width:32px;height:32px;border-radius:10px;box-shadow:none;transform:none}
 .mobile-nav .tab-dot{position:absolute;inset-inline-end:12px;top:24px}
 .signed-in .player{position:absolute;bottom:18px;inset-inline:calc(var(--web-rail) + 28px) 28px;height:68px;border-radius:18px;width:auto;max-width:none;padding:10px 18px;background:#21182df5}
 .signed-in.player-minimized .player{inset-inline:auto 28px;width:300px;height:52px;min-height:52px;max-width:calc(100% - var(--web-rail) - 56px);border-radius:28px}
 .player .now-playing b,.player-minimized .player .now-playing b{font-size:14px}.player .now-playing small{font-size:12px}
 .player .now-playing{flex:1}.player-minimized .native-main{padding-bottom:110px}
 .discover-greeting{margin:0 0 26px}.discover-greeting>p{font-size:16px}.discover-greeting h1{font-size:clamp(32px,3.2vw,48px);line-height:1.4}.discover-greeting>span{font-size:16px}
 .search{height:56px;max-width:760px;padding:12px 18px;border-radius:16px;margin-bottom:28px}.search input{font-size:16px}
 .stories{gap:24px;margin:0 0 36px;padding:4px 0 12px;overflow-x:auto}.story{flex-shrink:0;width:78px}.story-ring{width:74px;height:74px}.story .avatar{width:64px;height:64px}.story>span:last-child{font-size:12px;margin-top:9px}
 .section-title{margin:32px 0 18px}.section-title h2{font-size:22px}.section-title .text-btn{font-size:14px}
 .featured-carousel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;overflow:visible;margin:0;padding:0;scroll-snap-type:none}
 .featured-card{width:auto;min-width:0;height:350px;border-radius:24px;flex:auto}.feature-copy{inset-inline:20px;bottom:20px}.feature-title{font-size:28px}.feature-copy p{font-size:14px}.feature-copy small{font-size:12px}.feature-cta{font-size:12px}.feature-topline{font-size:12px}.carousel-hint{display:none}
 .filters{gap:10px;margin-bottom:24px}.chip{font-size:14px;padding:9px 18px;min-height:42px}
 .works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.work-card{margin:0;min-width:0}.feed-art{height:280px}.feed-title>button{font-size:24px}.author-link small{font-size:12px}.author-link b{font-size:14px}.social-actions button{font-size:13px}.work-caption,.work-card p{font-size:14px}
 .creators-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.creator-card{margin:0;min-width:0;padding:16px;border:1px solid var(--line);border-radius:18px;background:#191221}.creator-info{min-width:0}.creator-info .name{font-size:14px}.creator-info p{font-size:12px}.creator-card .follow{font-size:12px}.creator-card .avatar{width:46px;height:46px}.participant-rank{font-size:12px}.ustars-badge{font-size:12px}
 .experience-note{font-size:13px;margin-top:30px}.text-btn,.meta{font-size:14px}
 /* Welcome: editorial portrait on one side, a quiet entry panel on the other. */
 .community-welcome{background:#100c19}
 .community-welcome .welcome-backdrop{inset-block:20px;inset-inline:48% 20px;border-radius:30px;overflow:hidden}
 .community-welcome .welcome-portrait img{object-position:50% 28%}
 .community-welcome .welcome-portrait span{top:auto;bottom:70px;inset-inline-start:45px;z-index:2;font-size:38px;line-height:1.3}.community-welcome .welcome-portrait small{font-size:16px}
 .community-welcome .welcome-shade{background:linear-gradient(180deg,#130a2510 40%,#130a2560 70%,#130a25e0 100%)}
 .community-welcome .auth-main{padding:38px clamp(35px,5vw,85px);margin:0;width:48%;overflow-y:auto}
 .community-welcome .signup-page{max-width:560px;margin:auto;min-height:100%;justify-content:center}
 .community-welcome .auth-brand{margin-bottom:auto;gap:15px}.community-welcome .auth-brand>.brand-wordmark{width:130px;height:52px;object-fit:contain}.community-welcome .auth-brand>span{display:none}.community-welcome .language-toggle{font-size:14px;margin-inline-start:auto}.community-welcome .support-button{margin-inline-start:auto}
 .welcome-air{flex:0;min-height:clamp(35px,7vh,95px)}
 .community-welcome .auth-heading{margin:0 0 32px}.community-welcome .auth-heading .eyebrow{font-size:14px;color:var(--lime);letter-spacing:.5px;margin-bottom:24px}
 .community-welcome .auth-heading h1,html[dir=ltr] .community-welcome .auth-heading h1{font-size:clamp(42px,4.7vw,70px)!important;line-height:1.4;letter-spacing:-1.8px;margin-bottom:24px}
 .community-welcome .auth-heading p{font-size:18px;line-height:2;color:#b9adc9}
 .community-welcome .welcome-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
 .community-welcome .welcome-actions .btn{min-height:54px;font-size:15px}
 .community-welcome .welcome-actions [data-action=auth-guest]{grid-column:1/-1;grid-row:1;background:var(--lime);color:#16101f;border-color:var(--lime)}
 .community-welcome .welcome-actions [data-action=auth-register]{background:#a277ff26;color:#eadfff;border:1px solid #a277ff50}
 .community-welcome .auth-footnote{font-size:13px;text-align:start;margin-top:22px}.community-welcome .welcome-copyright{font-size:12px;margin-top:auto;padding-top:38px;text-align:start}
 .onboarding:not(.community-welcome) .auth-main{width:min(100%,620px);margin:0 auto;padding:35px 40px}.onboarding:not(.community-welcome) .auth-heading p{font-size:16px}.onboarding:not(.community-welcome) .auth-brand>span{font-size:12px}
 dialog{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;width:min(600px,calc(100vw - 48px))!important;max-height:85dvh!important;margin:0!important;border-radius:24px!important;padding:26px!important}
 dialog .dialog-head h2{font-size:22px}.faq-item summary,.faq-item p{font-size:16px}.faq-categories .btn{font-size:14px}
 #toast{bottom:100px;font-size:14px;max-width:550px}
 .launch-screen{border-radius:0}
 .profile-cover{max-height:300px}.creation-wrap{max-width:900px;margin:auto}.page-heading h1{font-size:32px}
}
@media(min-width:1600px){.signed-in .native-main{padding-inline:80px}.works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-card{height:420px}}
@media(min-width:900px) and (max-width:1150px){:root{--web-rail:185px}.mobile-nav{padding-inline:12px}.featured-carousel{gap:12px}.featured-card{height:300px}.feature-title{font-size:23px}.creators-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-welcome .auth-main{padding-inline:30px}}

.discovery-tabs{display:flex;gap:8px;overflow-x:auto;border-bottom:1px solid var(--line);margin:0 0 20px;padding-bottom:10px}.discovery-tabs .tab{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 16px;font-size:14px;white-space:nowrap}.discovery-tabs .tab.active{background:#a277ff22;color:var(--lime);border-radius:13px}.discovery-tabs .icon{width:18px;height:18px}.discovery-filters{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:24px}.discovery-filters label{display:grid;gap:6px;font-size:14px;flex:1;min-width:130px;max-width:280px}.discovery-filters select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #ffffff20;background:#21182e;color:var(--ink);border-radius:12px;font-size:14px}@media(min-width:900px){.discovery-tabs .tab{font-size:16px;padding:12px 24px}.discovery-filters{margin-top:24px}}


/* Source: landing.css */
/* The public introduction lives inside the existing welcome flow. */
.community-welcome .auth-main{width:100%;margin:0;padding:0;overflow-y:auto;background:#100c19;scroll-behavior:smooth}
.landing{width:100%;max-width:1440px;box-sizing:border-box;min-width:0;margin:auto;padding:28px clamp(20px,5vw,80px);color:#f6f0ff}
.landing p{font-size:17px;line-height:1.95;color:#c3b7ce;margin:16px 0}
.landing h1,.landing h2,.landing h3{margin:0;line-height:1.35}
.landing h1{font-size:clamp(42px,5.5vw,78px);letter-spacing:-1px}.landing h1 em{color:var(--lime);font-style:normal;display:block}
.landing h2{font-size:clamp(29px,3.3vw,46px)}.landing h3{font-size:23px}
.landing-header{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding-bottom:28px;border-bottom:1px solid #ffffff16}
.landing-header>img{width:115px;height:48px;object-fit:contain}.landing-header .landing-header-actions{display:flex;gap:14px;align-items:center;margin-inline-start:auto;flex-wrap:wrap}
.landing button{font-size:14px;min-height:44px}.landing-header .language-toggle{position:static;margin:0}.landing .btn{font-size:16px;min-height:52px;padding:12px 22px}.landing .landing-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.landing .landing-actions .btn:first-child{background:var(--lime);color:#15101f}
.landing-kicker{display:block;color:var(--lime);font-size:14px;margin-bottom:20px}
.landing-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center;padding:44px 0 64px}.landing-hero-copy{max-width:560px}.landing-hero-copy>p{max-width:490px}
.landing-portrait{position:relative;height:590px;max-height:70vh;border-radius:28px;overflow:hidden;background:#21162e}
.community-welcome .landing-portrait .welcome-backdrop{inset:0;border-radius:0;z-index:0}.community-welcome .landing-portrait .welcome-portrait span{top:auto;bottom:70px;inset-inline-start:28px;font-size:30px}.community-welcome .landing-portrait .welcome-portrait small{font-size:14px}.community-welcome .landing-portrait .welcome-shade{background:linear-gradient(180deg,transparent 45%,#100c19dd 100%)}
.landing-portrait-note{position:absolute;bottom:20px;inset-inline-start:28px;font-size:12px;color:#e2d8ea}
.landing-section{padding:68px 0;border-top:1px solid #ffffff16}.landing-section>p{max-width:700px}.landing-story{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.landing-step{position:relative;padding:25px;border:1px solid #a277ff40;border-radius:20px;background:#1e152b}.landing-step>span{font:500 14px Manrope,sans-serif;color:var(--lime)}.landing-step h3{margin-top:20px}.landing-step p{font-size:16px;margin-bottom:0}.landing-step .icon{width:26px;height:26px;color:#b58aff;float:inline-end}.landing-step:not(:last-child):after{content:'+';position:absolute;inset-inline-end:-17px;top:50%;z-index:1;color:var(--lime);background:#100c19;border-radius:50%;width:30px;text-align:center;font-size:23px}
.landing-example{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:#baabca}.landing-example strong{color:var(--lime);font-size:16px}
.landing-audiences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--urab-space-6);margin-block-start:var(--urab-space-6);min-width:0}.landing-audiences article{display:grid;align-content:start;gap:var(--urab-space-4);min-width:0}.landing-audience-copy{min-width:0;overflow-wrap:anywhere}.landing-audience-copy p{margin-block:var(--urab-space-2) 0}.landing-tags{display:flex;gap:var(--urab-space-2);flex-wrap:wrap;margin-block-start:var(--urab-space-6);padding-block-start:var(--urab-space-6);border-top:1px solid var(--line)}.landing-tags span{padding:8px 14px;border:1px solid #ffffff20;border-radius:30px;font-size:14px}
.landing-values{display:grid;grid-template-columns:1fr 1fr;gap:50px}.landing-values blockquote{margin:0;padding:30px;border-radius:24px;background:#a277ff16;font-size:clamp(25px,3vw,38px);line-height:1.7;color:#dbc8ff}.landing-name{margin-top:26px;max-width:720px}.landing-name summary{cursor:pointer;font-size:17px;padding:14px 0;color:var(--lime)}
.landing-finale{padding:50px;border-radius:28px;background:#241633;margin-bottom:45px}.landing-finale .landing-demo{font-size:14px;max-width:750px}.landing-footer{display:block;width:auto;max-width:100%;box-sizing:border-box;border-top:1px solid #ffffff16;padding:22px 0}.landing-footer p{font-size:12px;margin:0}.landing-footer-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:20px}.landing :focus-visible{outline:2px solid var(--lime);outline-offset:5px}
@media(max-width:750px){.landing{padding-inline:22px}.landing-header{gap:10px}.landing-header>img{width:88px}.landing-header-actions{gap:8px}.landing-hero{grid-template-columns:1fr;padding-top:32px;gap:32px}.landing-portrait{height:390px;max-height:none}.landing-section{padding:44px 0}.landing-story,.landing-audiences,.landing-values{grid-template-columns:1fr;gap:20px}.landing-step:not(:last-child):after{inset-inline-end:calc(50% - 15px);top:auto;bottom:-25px}.landing-finale{padding:26px}.landing h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){.community-welcome .auth-main{scroll-behavior:auto}}

/* A scroll-led collaboration story, followed by a moving community gallery. */
.landing.scroll-enhanced:before{content:'';position:fixed;inset:0 0 auto;height:3px;background:var(--lime);transform:scaleX(var(--read-progress,0));transform-origin:right;z-index:50;pointer-events:none}
html[dir=ltr] .landing.scroll-enhanced:before{transform-origin:left}
.landing-story-scene{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,70px);align-items:start;margin-top:40px}
.landing-story-visual{position:sticky;top:28px;height:min(66vh,620px);border-radius:28px;overflow:hidden;background:#241633}
.landing-story-photo{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.06);transition:opacity .7s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.landing-story-photo.is-current{opacity:1;transform:scale(1)}
.landing-story-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.landing-story-photo:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#100c19e8)}
.landing-story-photo figcaption{position:absolute;bottom:65px;inset-inline:28px;display:grid;gap:5px;z-index:1}.landing-story-photo figcaption b{font-size:32px}.landing-story-photo figcaption span{font-size:16px;color:#e3d5f2}
.landing-story-label{position:absolute;bottom:26px;inset-inline-start:28px;font:12px Manrope,sans-serif;letter-spacing:2px;color:var(--lime);z-index:2}
.landing-story-scene .landing-story{display:block;margin:0}.landing-story-scene .landing-step{min-height:42vh;display:flex;flex-direction:column;justify-content:center;margin-bottom:22px;padding:32px;transition:background .6s,border-color .6s,transform .6s}.landing-story-scene .landing-step:last-child{margin-bottom:0}
.landing-story-scene .landing-step:after{display:none}.landing-story-scene .landing-step .icon{margin-top:20px;width:32px;height:32px}.landing-story-scene .landing-step>span{font-size:24px}.landing-story-scene .landing-step.is-current{background:#342044;border-color:#b5ff7260;transform:translateY(-4px)}
.landing-audience-photo{aspect-ratio:1;min-width:0;position:relative;overflow:hidden;border-radius:64px 8px 32px 8px;background:#21172e}.landing-audiences article:nth-child(2) .landing-audience-photo{border-radius:8px 64px 8px 32px}.landing-audiences article:nth-child(3) .landing-audience-photo{border-radius:32px 8px 64px 8px}.landing-audience-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.landing-audience-photo span{position:absolute;bottom:20px;inset-inline-start:20px;background:#100c19bb;border:1px solid #ffffff30;border-radius:30px;padding:7px 14px;font:14px Manrope,sans-serif}
.landing.scroll-enhanced .landing-section>h2,.landing.scroll-enhanced .landing-section>p,.landing.scroll-enhanced .landing-audiences article,.landing.scroll-enhanced .landing-values,.landing.scroll-enhanced .landing-name,.landing.scroll-enhanced .landing-finale{opacity:.08;transform:translateY(42px);transition:opacity .85s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.landing.scroll-enhanced :is(.landing-section>h2,.landing-section>p,.landing-audiences article,.landing-values,.landing-name,.landing-finale).is-revealed{opacity:1;transform:translateY(0)}.landing.scroll-enhanced .landing-audiences article:nth-child(2){transition-delay:.1s}.landing.scroll-enhanced .landing-audiences article:nth-child(3){transition-delay:.2s}
.landing.scroll-enhanced .landing-finale:focus-within,.landing.scroll-enhanced .landing-name:focus-within{opacity:1;transform:none}
@media(max-width:750px){.landing-story-scene{grid-template-columns:1fr;gap:20px}.landing-story-visual{height:36vh;min-height:210px;top:0;z-index:3;box-shadow:0 18px 25px #100c1980}.landing-story-scene .landing-step{min-height:40vh;padding:25px}.landing-story-photo figcaption{bottom:46px}.landing-story-photo figcaption b{font-size:25px}.landing-story-label{bottom:16px}.landing-audiences{gap:var(--urab-space-6)}.landing-audiences article{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:var(--urab-space-4)}.landing-audience-photo span{bottom:8px;inset-inline-start:8px;padding:4px 8px;font-size:12px}.landing-audience-photo,.landing-audiences article:nth-child(2) .landing-audience-photo,.landing-audiences article:nth-child(3) .landing-audience-photo{border-radius:var(--urab-radius-art) 8px 16px 8px}}
@media(prefers-reduced-motion:reduce){.landing-story-visual{position:relative}.landing-story-photo,.landing-story-scene .landing-step{transition:none;transform:none}.landing-story-scene .landing-step{min-height:0}.landing-audience-photo img{transform:none}.landing-story-scene{align-items:start}}


/* Source: cinematic.css */
/* A full-bleed, four-scene introduction. All selectors stay inside the welcome page. */
.landing-cinematic{--landing-gutter:clamp(24px,7vw,112px);--lime:#D4FF58;--landing-violet:#A16CFA;width:100%;max-width:100%;padding:0;position:relative;background:#100D18}
.landing-cinematic .landing-header{position:absolute;inset:0 0 auto;z-index:8;padding:24px var(--landing-gutter);border:0;background:linear-gradient(#100c19d0,transparent)}
.landing-cinematic .landing-header>img{width:124px;height:50px}.landing-cinematic .landing-header-actions{gap:20px}.landing-cinematic .landing-header :is(.support-button,.language-toggle){min-width:44px;min-height:44px}.landing-cinematic .landing-header .outline{background:#100c1970;border-color:#ffffff50;color:#fff}.landing-cinematic .landing-header-explore{color:#fff;background:none}
.landing-cinematic .landing-film{position:relative;display:block;padding:0;margin:0;max-width:none}
.landing-film-stage{display:none}
.landing-film-chapter{position:relative;isolation:isolate;min-height:100svh;padding:150px var(--landing-gutter) 140px;display:flex;align-items:center;--scene-image:var(--scene-image-large);--scene-shade:linear-gradient(90deg,#100c1930,#100c19cb);background-image:var(--scene-shade),var(--scene-image);background-size:cover;background-position:50%;box-sizing:border-box}
.landing-cinematic .landing-chapter-copy{max-width:760px;position:relative;z-index:2}.landing-cinematic .landing-chapter-copy p{font-size:clamp(17px,1.5vw,20px);max-width:540px;color:#F4F0F8;line-height:1.9;text-shadow:0 2px 18px #100d1870}
.landing-cinematic .landing-chapter-copy h1{font-size:clamp(46px,5.45vw,82px);line-height:1.42;letter-spacing:-1.4px;font-weight:800;text-shadow:0 3px 30px #100d1840;text-wrap:balance}.landing-cinematic .landing-chapter-copy h1>span,.landing-cinematic .landing-chapter-copy h1>em{display:block}.landing-cinematic .landing-chapter-copy h2{font-size:clamp(48px,6.4vw,92px);max-width:650px;line-height:1.3;letter-spacing:-1.5px}.landing-cinematic .landing-chapter-copy .landing-kicker{color:var(--lime);font-size:13px;margin-bottom:22px;display:flex;align-items:center;gap:12px}.landing-cinematic .landing-chapter-copy .landing-kicker:before{content:'';display:block;width:28px;height:2px;background:var(--lime);flex:0 0 auto}
.landing-cinematic .landing-chapter-copy .landing-demo{font-size:13px;color:#dfd1eb;margin-top:18px}.landing-cinematic .landing-chapter-copy .outline{border:1px solid #ffffff60;background:#100c1955;color:white;backdrop-filter:blur(12px)}
.landing-cinematic .landing-actions .btn{border-radius:100px;padding-inline:28px;min-height:56px;transition:transform .25s,box-shadow .25s}.landing-cinematic .landing-actions .btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0004}
.landing-scroll-cue{display:flex;align-items:center;gap:18px;background:none;color:#fff;margin-top:35px;padding:0!important;font-size:14px!important}.landing-scroll-cue span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff50;border-radius:50%;font-size:20px}
.landing-scene-number{position:absolute;bottom:132px;inset-inline-end:var(--landing-gutter);font:500 13px Manrope,sans-serif;letter-spacing:3px;color:#f2e8ff}
.landing-cinematic .landing-body{max-width:1440px;margin:auto;padding:0 var(--landing-gutter)}.landing-cinematic .landing-section{padding-block:100px;border:0}.landing-cinematic .landing-section+.landing-section{border-top:1px solid #ffffff12}.landing-cinematic .landing-section>h2{font-size:clamp(34px,4.2vw,60px)}
.landing-cinematic .landing-story-visual{border-radius:8px 88px 8px 40px}.landing-cinematic .landing-story-scene .landing-step{border:0;border-bottom:1px solid #ffffff20;border-radius:0;background:none;padding:28px 0;min-height:24vh;opacity:.65}.landing-cinematic .landing-story-scene .landing-step.is-current{opacity:1;transform:none;background:none}.landing-cinematic .landing-story-scene .landing-step>span{font-size:clamp(30px,4vw,56px);color:#c1a0f5}.landing-cinematic .landing-story-scene .landing-step.is-current>span{color:var(--lime)}
.landing-cinematic .landing-values{align-items:center;gap:clamp(28px,5vw,70px)}.landing-cinematic .landing-values blockquote{padding:24px 0;padding-inline-start:clamp(20px,3vw,40px);border-inline-start:2px solid var(--landing-violet);border-radius:0;background:none;color:#251B36;font-size:clamp(30px,3.4vw,48px);line-height:1.5}.landing-values blockquote>span,.landing-values blockquote>strong{display:block}.landing-values blockquote>strong{color:#7040B6;font-weight:700}.landing-values blockquote>img{width:96px;height:110px;object-fit:contain;margin-top:28px}
.landing-cinematic .landing-section.landing-philosophy{margin-block:24px 70px;padding:clamp(28px,5vw,64px);background:#F4F0F8;color:#251B36;border-radius:8px 88px 8px 40px;border:0}.landing-philosophy .landing-kicker,.landing-philosophy .landing-name summary{color:#7040B6}.landing-philosophy p{color:#5C5267}.landing-philosophy .landing-philosophy-note{font-size:13px}.landing-philosophy .landing-name{border-top:1px solid #251b3620}.landing-philosophy :focus-visible{outline-color:#7040B6}
.landing-cinematic .landing-finale{position:relative;isolation:isolate;overflow:hidden;padding:70px 50px;border-radius:8px 64px 8px 32px;background:#21182F}.landing-cinematic .landing-finale:before{content:'';position:absolute;inset:0;z-index:-1;--finale-image:url('/assets/welcome-voice.webp');background:linear-gradient(90deg,#100d1880,#100d18eb),var(--finale-image) center 40%/cover;opacity:.75}.landing-cinematic .landing-finale p{color:#e6dcef}.landing-cinematic .landing-footer{margin-inline:var(--landing-gutter);padding-block:30px}

/* Progressive enhancement: the images stay pinned while real content scrolls. */
.landing-cinematic.scroll-enhanced .landing-film{display:grid;grid-template-columns:minmax(0,1fr)}
.landing-cinematic.scroll-enhanced .landing-film-stage{display:block;grid-area:1/1;position:sticky;top:0;align-self:start;height:100svh;overflow:hidden;background:#100c19}
.landing-film-images,.landing-film-image,.landing-film-shade{position:absolute;inset:0}.landing-film-image{opacity:0;clip-path:inset(8% 0 0 0);transform:scale(1.055);transition:opacity 1s ease,clip-path 1.2s cubic-bezier(.2,.7,.2,1),transform 1.5s cubic-bezier(.2,.7,.2,1)}.landing-film-image.is-current{opacity:1;clip-path:inset(0);transform:scale(1)}
.landing-film-image picture{display:contents}
.landing-film-image img{width:100%;height:100%;object-fit:cover;object-position:var(--scene-position,50%) 50%;transform:translateY(var(--scene-shift,0px)) scale(1.07)}
.landing-film-image[data-scene="0"]{--scene-position:42%}.landing-film-image[data-scene="1"]{--scene-position:60%}.landing-film-image[data-scene="2"]{--scene-position:42%}.landing-film-image[data-scene="3"]{--scene-position:65%}
.landing-film-shade{background:linear-gradient(0deg,#100c19d9,transparent 35%,#100c1933 85%),linear-gradient(90deg,#100c191a,#100c19bf 85%);pointer-events:none}
.landing-cinematic.scroll-enhanced .landing-film-chapters{grid-area:1/1;z-index:2;pointer-events:none;min-width:0}.landing-cinematic.scroll-enhanced .landing-film-chapter{background:none;min-height:100svh}.landing-cinematic.scroll-enhanced .landing-chapter-copy{pointer-events:auto;transform:translateY(var(--copy-shift,0px));opacity:var(--copy-opacity,1)}
.landing-film-nav{position:absolute;bottom:25px;inset-inline:var(--landing-gutter);display:flex;gap:26px;z-index:5}.landing-film-nav button{position:relative;display:flex;align-items:center;gap:12px;flex:1;color:#dfd8e9;background:none;text-align:start;padding:14px 0;min-width:0}.landing-film-nav button>span{font:12px Manrope,sans-serif;opacity:.7}.landing-film-nav button>b{font-size:15px;font-weight:500}.landing-film-nav button:after{content:'';position:absolute;inset:auto 0 0;height:2px;background:#ffffff35}.landing-film-nav button>i{position:absolute;inset:auto 0 0;height:2px;background:var(--lime);transform:scaleX(var(--chapter-progress,0));transform-origin:right;z-index:1}.landing-film-nav button[aria-current]{color:var(--lime)}
html[dir=ltr] .landing-film-shade{background:linear-gradient(0deg,#100c19d9,transparent 35%,#100c1933 85%),linear-gradient(90deg,#100c19bf 10%,#100c191a)}
html[dir=ltr] .landing-film-chapter{--scene-shade:linear-gradient(90deg,#100c19cb,#100c1930);background-image:var(--scene-shade),var(--scene-image)}html[dir=ltr] .landing-film-nav button>i{transform-origin:left}
html[dir=ltr] .landing-cinematic .landing-chapter-copy h1{font-size:clamp(42px,4.6vw,70px);line-height:1.18;letter-spacing:-.035em}
.landing-cinematic .landing-body .landing-philosophy p{color:#5C5267}.landing-cinematic .landing-philosophy .landing-values blockquote{color:#251B36;background:transparent}
/* The retained wide collage places its lead performer left of center. */
@media(max-width:979px){
 .landing-film-chapter:first-child{background-position:30% 50%}
 .landing-film-image[data-scene="0"]{--scene-position:30%}
}
@media(max-width:750px){
 .landing-cinematic .landing-finale:before{--finale-image:url('/assets/welcome-voice-small.webp')}
 .landing-cinematic{--landing-gutter:24px}.landing-cinematic .landing-header{padding-top:18px}.landing-cinematic .landing-header>img{width:90px}.landing-cinematic .landing-header-actions{gap:8px}.landing-header-explore{display:none}
 .landing-film-chapter{padding-top:116px;padding-bottom:120px;align-items:flex-end}.landing-cinematic.scroll-enhanced .landing-film-chapter{min-height:100svh}.landing-cinematic .landing-chapter-copy h1{font-size:clamp(33px,8.8vw,54px);line-height:1.45;letter-spacing:-.6px}.landing-cinematic .landing-chapter-copy h2{font-size:clamp(40px,10.5vw,64px);letter-spacing:-.5px}.landing-cinematic .landing-chapter-copy p{font-size:16px;line-height:1.8}.landing-cinematic .landing-chapter-copy .landing-kicker{font-size:12px;margin-bottom:14px}.landing-cinematic .landing-chapter-copy .landing-actions{gap:9px;margin-top:20px}.landing-cinematic .landing-actions .btn{font-size:14px;padding:12px 18px;min-height:50px}.landing-scroll-cue{margin-top:18px}.landing-scene-number{display:none}
 .landing-film-shade,html[dir=ltr] .landing-film-shade{background:linear-gradient(0deg,#100c19fa 2%,#100c19c9 30%,#100c1945 68%,#100c1960)}.landing-film-chapter,html[dir=ltr] .landing-film-chapter{--scene-image:var(--scene-image-small);--scene-shade:linear-gradient(0deg,#100c19ed,#100c1950);background-image:var(--scene-shade)}
 .landing-film-nav{gap:14px;bottom:20px}.landing-film-nav button{gap:7px}.landing-film-nav button>b{font-size:13px}.landing-film-nav button>span{font-size:10px}
 .landing-cinematic .landing-section{padding-block:60px}.landing-cinematic .landing-story-visual{border-radius:8px 48px 8px 24px}.landing-cinematic .landing-values{gap:24px}.landing-cinematic .landing-values blockquote{padding-block:15px;padding-inline-start:24px}.landing-cinematic .landing-finale{padding:38px 24px;border-radius:8px 48px 8px 24px}.landing-cinematic .landing-section.landing-philosophy{padding:28px 24px;border-radius:8px 48px 8px 24px;margin-block:0 48px} html[dir=ltr] .landing-cinematic .landing-chapter-copy h1{font-size:clamp(32px,8.7vw,50px);line-height:1.2}
}
@media(max-height:650px){.landing-film-chapter{padding-top:108px;padding-bottom:100px}.landing-cinematic .landing-chapter-copy .landing-kicker{margin-bottom:10px}.landing-cinematic .landing-chapter-copy p{font-size:14px;line-height:1.7}.landing-cinematic .landing-chapter-copy .landing-demo{font-size:11px}.landing-scroll-cue{margin-top:12px}}
@media(max-height:650px) and (min-width:751px){.landing-cinematic .landing-chapter-copy h1{font-size:52px}.landing-cinematic .landing-chapter-copy h2{font-size:54px}.landing-film-chapter{padding-top:108px}.landing-cinematic .landing-chapter-copy p{font-size:16px}}
@media(max-width:600px){
 .landing-cinematic{--landing-gutter:16px}
 .landing-cinematic .landing-header{flex-wrap:nowrap;gap:8px;padding-block:12px}
 .landing-cinematic .landing-header>img{width:76px;height:40px;flex:0 0 76px}
 .landing-cinematic .landing-header .landing-header-actions{flex-wrap:nowrap;gap:4px;min-width:0}
 .landing-cinematic .landing-header :is(.support-button,.language-toggle){width:44px;min-width:44px;height:44px;min-height:44px;padding:4px;margin:0;font-size:11px}
 .landing-cinematic .landing-header .btn{font-size:11px;min-width:0;min-height:44px;line-height:1.5;padding:8px;white-space:nowrap}
 .landing-cinematic .landing-chapter-copy .landing-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .landing-cinematic .landing-chapter-copy .landing-actions .btn{min-width:0;padding:10px 8px;font-size:12px;line-height:1.6;min-height:46px}
}
@media(max-width:600px) and (max-height:650px){
 .landing-cinematic .landing-film-chapter{padding-top:90px;padding-bottom:94px}
 .landing-cinematic .landing-chapter-copy h1{font-size:30px;line-height:1.4}
 html[dir=ltr] .landing-cinematic .landing-chapter-copy h1{font-size:30px;line-height:1.15}
 .landing-cinematic .landing-chapter-copy h2{font-size:34px;line-height:1.35}
 .landing-cinematic .landing-chapter-copy>p{font-size:13.5px;line-height:1.75;margin-block:12px}
 .landing-cinematic .landing-chapter-copy .landing-kicker{font-size:11px;margin-bottom:10px}
 .landing-cinematic .landing-chapter-copy .landing-actions{margin-top:16px}
 .landing-cinematic .landing-chapter-copy .landing-demo{font-size:10px;margin-top:12px;margin-bottom:0}
 .landing-cinematic .landing-scroll-cue{display:none}
 .landing-film-nav{gap:10px;bottom:16px}
}
@media(prefers-reduced-motion:reduce){.landing-cinematic .landing-film-chapter,html[dir=ltr] .landing-cinematic .landing-film-chapter{background-image:var(--scene-shade),var(--scene-image)}.landing-cinematic .landing-actions .btn{transition:none}.landing-cinematic .landing-actions .btn:hover{transform:none}.landing-cinematic .landing-story-scene .landing-step{opacity:1;min-height:0}.landing-cinematic .landing-film-chapter{min-height:100svh}.landing-scroll-cue{display:none}}


/* Source: app-welcome.css */
/* Packaged app only: a short, manually controlled introduction. */
.app-native.community-welcome .auth-main{width:100%;max-width:none;flex-basis:auto;padding:0!important}
.app-entry{--lime:#D4FF58;position:relative;isolation:isolate;min-height:100dvh;display:flex;flex-direction:column;padding:24px;overflow:hidden;box-sizing:border-box;background:#100D18;color:#F4F0F8}
.app-entry .welcome-backdrop{z-index:-1;inset:0;border-radius:0}.app-entry .welcome-shade{background:linear-gradient(0deg,#100c19 2%,#100c19d9 42%,#100c190a 82%,#100c1966)}
.app-entry .welcome-portrait span{top:22%;bottom:auto;inset-inline-start:24px;font-size:20px}.app-entry .welcome-portrait small{font-size:11px}
.app-entry-header,.app-welcome-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.app-entry-header button{min-width:44px;min-height:44px}.app-entry-header>img,.app-welcome-header>img{width:88px;height:36px;object-fit:contain}.app-entry-header>div,.app-welcome-header>div{display:flex;align-items:center;gap:8px}
.app-entry-copy{margin-top:auto;position:relative;padding-top:clamp(96px,24dvh,190px)}.app-entry-copy .eyebrow{color:#D4FF58;font-size:12px}.app-entry-copy h1{font-size:clamp(26px,7.2vw,32px);line-height:1.45;max-width:440px;margin:12px 0;letter-spacing:-.5px;text-wrap:balance}.app-entry-copy h1>span,.app-entry-copy h1>em{display:block}.app-entry-copy h1>em{color:#D4FF58;font-style:normal}.app-entry-copy p{font-size:15px;line-height:1.85;color:#EDE4F6;max-width:440px}.app-entry-actions{display:grid;gap:8px;margin:20px 0 0}.app-entry-actions .btn{width:100%;min-height:50px;border-radius:24px 8px 24px 8px}.app-entry-secondary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.app-entry .app-entry-secondary .btn{background:transparent;border:0;box-shadow:none}.app-entry-actions .text-btn{color:#eee4ff;min-height:44px;font-size:.875rem;padding:8px;border-radius:0}.app-entry-copy>small{display:block;line-height:1.6;font-size:11px;color:#c7bcd4}.app-entry>footer{display:grid;justify-items:center;gap:4px;font-size:10px;text-align:center;margin-top:12px;color:#C9BFD6}.app-entry>footer>.text-btn{font-size:.75rem;min-height:44px;color:#C9BFD6;padding:8px 12px}
dialog.app-welcome{--lime:#D4FF58;inset:0!important;transform:none!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#100D18;color:#F4F0F8;overflow:auto;box-sizing:border-box;animation:app-welcome-enter .7s ease both}
.app-welcome::backdrop{background:#100c19}.app-welcome-shell{position:relative;isolation:isolate;min-height:100%;display:flex;flex-direction:column;padding:22px 24px max(18px,env(safe-area-inset-bottom));box-sizing:border-box;touch-action:pan-y}
.app-welcome-header{z-index:3;flex-shrink:0}.app-welcome-header>img{width:88px}.app-welcome-header button{color:#fff;min-width:44px;min-height:44px}.app-welcome-skip{padding:8px 12px;background:#100d1860;border:1px solid #ffffff38;border-radius:30px;font-size:12px!important}.app-welcome-header .language-toggle{background:#100d1860}
.app-welcome-scenes{display:grid;flex:1;min-height:0;align-items:end;margin-top:clamp(130px,28vh,280px)}
.app-welcome-scene{grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s ease,visibility .7s;min-width:0}
.app-welcome-scene.is-current{opacity:1;visibility:visible;pointer-events:auto}
.app-welcome-photo{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#100c19}
.app-welcome-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#100c19 0%,#100c19ed 22%,#100c19b5 43%,#100c1910 76%,#100c1970)}
.app-welcome-photo img{width:100%;height:100%;object-fit:cover;object-position:36% center;transform:scale(1.07);transition:transform 1.8s cubic-bezier(.2,.6,.2,1)}
.is-current .app-welcome-photo img{transform:scale(1)}
[data-welcome-scene="2"] .app-welcome-photo img{object-position:62% center}
.app-welcome-photo .app-welcome-voice{position:absolute;inset:0;object-position:65% center;opacity:0}
.is-current .app-welcome-photo .app-welcome-voice{animation:app-welcome-voice 5s ease 1.2s both}
.app-welcome-copy{transform:translateY(22px);transition:transform .8s ease;max-width:500px;margin-inline:auto}
.is-current .app-welcome-copy{transform:translateY(0)}
.app-welcome-number{display:flex;align-items:center;gap:12px;color:var(--lime,#D4FF58);font:11px Manrope,sans-serif;letter-spacing:2px;margin-bottom:12px}.app-welcome-number:before{content:'';height:2px;width:32px;background:#A16CFA}
.app-welcome-copy h1{font-size:clamp(26px,7.2vw,32px);line-height:1.45;letter-spacing:-.6px;margin:0 0 14px;color:#F4F0F8;text-wrap:balance}
.app-welcome-copy p{font-size:.875rem;line-height:1.7;margin:0;color:#eee6f6}
.app-welcome-footer{position:relative;z-index:2;flex-shrink:0;width:100%;max-width:500px;margin:16px auto 0}
.app-welcome-progress{display:flex;justify-content:center;gap:6px}.app-welcome-progress button{width:44px;height:44px;background:none;padding:18px 6px}.app-welcome-progress span{display:block;height:4px;border-radius:8px;background:#ffffff45;transition:background .4s,transform .4s}.app-welcome-progress [aria-current] span{background:var(--lime,#d5ff56);transform:scaleX(1.2)}
.app-welcome-controls{display:flex;align-items:center;justify-content:space-between;gap:14px}.app-welcome-controls .btn{min-width:min(148px,50%);min-height:48px;border-radius:24px 8px 24px 8px}.app-welcome-controls .text-btn{color:#e8ddf2;min-height:48px}.app-welcome-controls button:disabled{opacity:.35;cursor:default}
.app-welcome-footer>p{font-size:10px;line-height:1.6;text-align:center;color:#bfb2cd;margin:16px 0 0}
.app-welcome :focus-visible{outline:2px solid var(--lime,#d5ff56);outline-offset:4px}
/* Reading direction is semantic and remains correct with reduced motion enabled. */
/* professional.css owns directional arrow mirroring, including reduced-motion mode. */
@keyframes app-welcome-enter{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@keyframes app-welcome-voice{0%,20%{opacity:0}100%{opacity:.7}}
@media(max-height:660px){.app-welcome-shell{padding:12px 20px}.app-welcome-scenes{margin-top:80px}.app-welcome-copy h1{font-size:26px}.app-welcome-copy p{font-size:14px;line-height:1.7}.app-welcome-number{margin-bottom:8px}.app-welcome-footer{margin-top:8px}.app-welcome-footer>p{margin-top:10px}.app-entry-copy{padding-top:100px}}
@media(orientation:landscape) and (max-height:600px){.app-welcome-scenes{margin-top:35px}.app-welcome-copy{max-width:600px}.app-welcome-copy h1{font-size:26px}.app-welcome-photo:after{background:linear-gradient(0deg,#100c19f5,#100c1970)}.app-welcome-footer{max-width:600px}.app-entry-copy{padding-top:60px}}
@media(prefers-reduced-motion:reduce){dialog.app-welcome,.app-welcome *, .app-welcome *:before{animation:none!important;transition:none!important;transform:none!important}.app-welcome-photo .app-welcome-voice{display:none}}


/* Source: themes.css */
/* Approved identity: semantic controls stay legible in every theme. */
:root{--button-primary:#A16CFA;--button-on-primary:#100D18;--bg:var(--urab-color-ink,#100D18);--surface:#191320;--surface-2:var(--urab-color-surface,#21182F);--ink:var(--urab-color-paper,#F4F0F8);--muted:var(--urab-color-muted,#C9BFD6);--violet:var(--urab-color-violet,#A16CFA);--lime:var(--urab-color-lime,#D4FF58);--line:#c9bfd61f;--accent-soft:#a16cfa16;--accent-line:#a16cfa40;--on-accent:#100d18;--on-lime:#100d18;--theme-input:#21182f;--theme-player:#21182ff7;--theme-nav:#100d18f5;--theme-good:#d4ff5812;--theme-danger:#ff548d20;--theme-danger-ink:#ff96bb}
:root[data-theme=light]{color-scheme:light;--bg:#f7f6fb;--surface:#fff;--surface-2:#efebf6;--ink:#251b36;--muted:#696075;--line:#35224724;--violet:#7040b6;--navy:#7040b6;--gold:#7040b6;--gold-light:#8254c4;--lime:#466d1b;--green:#466d1b;--pink:#b51d5a;--burgundy:#b51d5a;--accent-soft:#7040b610;--accent-line:#7040b640;--on-accent:#fff;--on-lime:#fff;--theme-input:#faf9fd;--theme-player:#fffffffa;--theme-nav:#f4f1faf5;--theme-good:#466d1b0f;--theme-danger:#b51d5a0d;--theme-danger-ink:#a21950}
:root[data-theme=saudi]{color-scheme:dark;--bg:#071e17;--surface:#0c2a20;--surface-2:#13392b;--ink:#f0f7f0;--muted:#adc5b6;--line:#d7ead921;--violet:#70d49f;--navy:#70d49f;--gold:#dfd08c;--gold-light:#eee0a7;--lime:#dfd08c;--green:#b6ddb4;--pink:#ed93a7;--burgundy:#ed93a7;--accent-soft:#70d49f16;--accent-line:#70d49f40;--on-accent:#052316;--on-lime:#231e0b;--theme-input:#092319;--theme-player:#12392df5;--theme-nav:#08271cf5;--theme-good:#dfd08c12;--theme-danger:#ed93a715;--theme-danger-ink:#f3a5b6}
.theme-picker{display:block;min-width:0;border:0;border-bottom:1px solid var(--line);padding:0 0 24px;margin-bottom:22px}
.theme-picker legend{font-size:18px;font-weight:600;color:var(--ink);padding:0}.theme-picker>p{color:var(--muted);margin:8px 0 18px;font-size:14px}
.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.theme-option{position:relative;display:flex;flex-direction:column;gap:7px;border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--surface);cursor:pointer;min-width:0;text-align:start}
.theme-option:has(input:checked){border:2px solid var(--violet);padding:11px;background:var(--accent-soft)}
.theme-option:focus-within{outline:2px solid var(--violet);outline-offset:3px}
.theme-option input{position:absolute;top:18px;inset-inline-end:18px;width:18px;height:18px;accent-color:var(--violet);z-index:1}
.theme-option b{font-size:14px;color:var(--ink)}.theme-option small{font-size:12px;line-height:1.7;color:var(--muted)}
.theme-swatch{display:grid;grid-template-columns:20px 1fr;gap:5px;height:75px;border-radius:9px;padding:12px;background:#0e0c16;border:1px solid #ffffff20;direction:ltr}
.theme-swatch i{background:#a16cfa;border-radius:4px}.theme-swatch i:first-child{grid-row:span 2}.theme-swatch i:nth-child(2){background:#201a2e}.theme-swatch i:last-child{width:60%;background:#d4ff58}
[data-theme-option=light] .theme-swatch{background:#f1ebdd;border-color:#100d1826}[data-theme-option=light] .theme-swatch i:first-child{background:#a16cfa}[data-theme-option=light] .theme-swatch i:nth-child(2){background:#100d18}[data-theme-option=light] .theme-swatch i:last-child{background:#d4ff58}
[data-theme-option=saudi] .theme-swatch{background:#071e17}[data-theme-option=saudi] .theme-swatch i:first-child{background:#70d49f}[data-theme-option=saudi] .theme-swatch i:nth-child(2){background:#13392b}[data-theme-option=saudi] .theme-swatch i:last-child{background:#dfd08c}
.avatar-picker{min-width:0;border:0;padding:0}.avatar-picker legend{font-size:15px;font-weight:600;color:var(--ink)}.avatar-picker>p{margin:8px 0 14px}.avatar-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
.avatar-options button{position:relative;padding:4px;border:2px solid transparent;border-radius:20px;background:var(--surface-2)}.avatar-options img{width:100%;height:auto;aspect-ratio:1;border-radius:15px}.avatar-options button[aria-pressed=true]{border-color:var(--violet);background:var(--accent-soft)}.avatar-options button>span{position:absolute;bottom:7px;inset-inline-end:7px;width:24px;height:24px;display:none;place-items:center;background:var(--violet);color:var(--on-accent);border-radius:50%}.avatar-options button[aria-pressed=true]>span{display:grid}.avatar-options .icon{width:16px;height:16px}.avatar-options button:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
@media(max-width:430px){.theme-options{gap:8px}.theme-option{padding:8px;border-radius:12px}.theme-option:has(input:checked){padding:7px}.theme-option b{font-size:13px}.theme-option input{top:14px;inset-inline-end:12px}.theme-swatch{padding:9px;grid-template-columns:14px 1fr;height:65px}}
@media(max-width:340px){.theme-options{grid-template-columns:1fr}.theme-option{display:grid;grid-template-columns:80px 1fr}.theme-swatch{grid-row:span 2}.theme-option input{top:auto;bottom:10px;inset-inline-end:10px}}

/* Shared interface surfaces, on both phone and desktop layouts. */
html[data-theme]:not([data-theme=default]) :where(body,#app,.phone-screen,.native-header){background:var(--bg);color:var(--ink)}
html[data-theme]:not([data-theme=default]) :is(.panel,.work-card,.creator-card,.opportunity-card,.project-row,.invitation,.stat-card,.creator-metric,.identity-role,.share-preview,.urab-preview,.preview-box){background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-theme]:not([data-theme=default]) :is(dialog:not(.app-welcome),.pdf-controls){background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-theme]:not([data-theme=default]) .mobile-nav{background:var(--theme-nav);border-color:var(--line)}
html[data-theme]:not([data-theme=default]) .player:where(:not(.mini-player)){background:var(--theme-player);border-color:var(--line)}
html[data-theme]:not([data-theme=default]) :is(.mobile-nav button:not([data-variant]),.social-actions button,.tab,.creator-info>p,.discover-greeting>p,.discover-greeting>span,.work-body>p,.profile-bio,.profile-head-info>p,.comment p,.lyrics,.preview-box p,.stat-card p,.creator-metric>p,.check-label,.auth-consent,.auth-footnote,.auth-brand>span,.otp-info,.sample-note,.share-hint,.share-private,.share-copy input,.recorder-caption,.preview-label,.full-seek>div,.full-volume,.audio-strip>.mono,.experience-note,.profile-work-caption>span:first-child,.followers-total,.form-step,.launch-center>p,.launch-copyright){color:var(--muted)}
html[data-theme]:not([data-theme=default]) :is(.field label,.field-label,.creator-identity>legend,.profile-identity-line>span:first-child,.followers-total>bdi){color:var(--ink)}
html[data-theme]:not([data-theme=default]) :is(.field input,.field textarea,.field select,.comment-form input,.phone-input,.otp-box,.search,.discovery-filters select,.share-copy){background:var(--theme-input);color:var(--ink);border-color:var(--line)}
html[data-theme]:not([data-theme=default]) .search input{color:var(--ink)}
html[data-theme]:not([data-theme=default]) :is(input,textarea)::placeholder{color:var(--muted);opacity:.8}
html[data-theme]:not([data-theme=default]) .phone-input>span{color:var(--muted);border-color:var(--line)}
html[data-theme]:not([data-theme=default]) :is(.btn.outline,.btn.light,.role-option,.chip,.follow.on){background:var(--surface);color:var(--ink);border-color:var(--line)}
/* Primary button contrast is defined on .btn itself; custom surface buttons retain their own foreground. */
html[data-theme]:not([data-theme=default]) :is(.auth-primary,.mobile-create){background:var(--button-primary);color:var(--button-on-primary)}
html[data-theme]:not([data-theme=default]) :is(.btn.gold,.play-main:where(:not(.mini-player > .play-main)),.cover-play,.preview-play,.identity-role>i,.creator-choice>i){color:var(--on-lime)}
html[data-theme]:not([data-theme=default]) :is(.chip.active,.message-bubble.mine){background:var(--violet);color:var(--on-accent)}
html[data-theme]:not([data-theme=default]) .message-bubble.mine>small{color:var(--on-accent);opacity:.8}
html[data-theme]:not([data-theme=default]) :is(.tab.active,.identity-role.selected,.role-option:has(input:checked),.mobile-nav button:not([data-variant]).active,.faq-categories .selected,.rank-table .current){background:var(--accent-soft);color:var(--violet);border-color:var(--accent-line)}
html[data-theme]:not([data-theme=default]) :is(.mobile-nav button:not([data-variant]).active>.icon,.mobile-nav button:not([data-variant]).active>span:last-of-type,.mobile-nav button:not([data-variant]):hover,.audio-label,.completed-tag,.feed-author>.icon-btn,.full-controls>.icon-btn:not(.play-main),.form-step.active,.otp-symbol>.icon){color:var(--violet)}
html[data-theme]:not([data-theme=default]) :is(.follow,.note,.mini-need,.status,.profile-role>span,.demo-feature,.saved-account,.inbox-person,.account-menu-button,.player-collab,.share-copy>button,.stat-icon,.creator-metric>span,.support-history article){background:var(--accent-soft);color:var(--violet);border-color:var(--accent-line)}
html[data-theme]:not([data-theme=default]) :is(.ustars-badge,.status.green,.collab-tag,.needed-tags span,.ustars-explainer>span){background:var(--theme-good);color:var(--lime);border-color:var(--accent-line)}
html[data-theme]:not([data-theme=default]) :is(.btn.danger,.profile-logout,.status.purple){background:var(--theme-danger);color:var(--theme-danger-ink);border-color:var(--theme-danger-ink)}
html[data-theme]:not([data-theme=default]) :is(.auth-error,.form-error){color:var(--theme-danger-ink)}
html[data-theme]:not([data-theme=default]) :is(.tabs,.message-bubble,.share-preview,.form-step>span){background:var(--surface-2);color:var(--ink)}
html[data-theme]:not([data-theme=default]) :is(.message-bubble>small,.dialog-intro){color:var(--muted)}
html[data-theme]:not([data-theme=default]) :is(.nav-selection,.empty,.branch-end,.upload-zone,.poem-file-box){background:var(--accent-soft);border-color:var(--accent-line)}
html[data-theme]:not([data-theme=default]) :is(.callout,.urab-recorder){background:linear-gradient(130deg,var(--surface-2),var(--surface));border-color:var(--accent-line)}
html[data-theme]:not([data-theme=default]) .urab-recorder [data-action=record]:not([data-variant]){color:var(--on-accent)}
html[data-theme]:not([data-theme=default]) .urab-recorder.recording [data-action=record]:not([data-variant]){color:var(--on-lime)}
html[data-theme]:not([data-theme=default]) :is(.sound-wave>i,.switch,.auth-step span){background:var(--muted)}
html[data-theme]:not([data-theme=default]) :is(.sound-wave>i.active,.auth-step span.active){background:var(--violet)}
html[data-theme]:not([data-theme=default]) .switch:checked{background:var(--violet)}
html[data-theme]:not([data-theme=default]) :is(.social-actions,.form-footer,.project-row>.inline-actions,.profile-stats,.settings-row,.thread-heading,.notification,.reward-list>div,.rank-table>div,.saved-accounts,.faq-item,.faq-contact){border-color:var(--line)}
html[data-theme]:not([data-theme=default]) :is(.row-progress,.mini-progress,.split-bar,.profile-work-tabs>.tab>span){background:var(--line)}
html[data-theme]:not([data-theme=default]) .creator-choice{background:var(--surface);color:var(--ink)!important;border-color:var(--line)}
html[data-theme]:not([data-theme=default]) .creator-choice:has(input:checked){background:var(--accent-soft);color:var(--violet)!important;border-color:var(--violet)}
html[data-theme]:not([data-theme=default]) .avatar[data-presence]::after{border-color:var(--surface)}
html[data-theme]:not([data-theme=default]) .avatar-empty{background:var(--surface-2);color:var(--muted);border-color:var(--line)}
html[data-theme]:not([data-theme=default]) :is(.icon-btn:hover,.dialog-head .icon-btn,.tab:not(.active):hover,.chip:not(.active):hover){background:var(--accent-soft)}
html[data-theme]:not([data-theme=default]) :is(.launch-screen,.star-celebration){background:radial-gradient(ellipse at center,var(--accent-soft),transparent),var(--bg);border-color:var(--accent-line)}
html[data-theme]:not([data-theme=default]) .launch-skip{background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-theme]:not([data-theme=default]) #toast{background:var(--ink);color:var(--bg);border-color:var(--line)}

/* Photos keep their original colors and readable captions in every theme. */
html[data-theme]:not([data-theme=default]) :is(.featured-card,.feed-art,.profile-cover,.story-slide,.landing-film,.landing-finale,.app-welcome,.app-entry){--lime:#d4ff58;--on-lime:#17200c;color:#fff}
html[data-theme=saudi] :is(.featured-card,.feed-art,.landing-film,.landing-finale,.app-welcome,.app-entry){--lime:#dfd08c;--on-lime:#231e0b}
html[data-theme]:not([data-theme=default]) :is(.feature-copy p,.feature-copy small,.story-body p){color:#e5d7ef}
html[data-theme]:not([data-theme=default]) :is(.feed-art .cover-play,.featured-card .cover-play){background:var(--lime);color:var(--on-lime)}
html[data-theme]:not([data-theme=default]) .profile-cover>.icon-btn{background:#16102177;color:white}
html[data-theme]:not([data-theme=default]) :is(.app-entry,.app-welcome,.landing-film,.landing-header,.landing-finale) .btn.outline{background:#100c1960;color:#fff;border-color:#ffffff50}
html[data-theme]:not([data-theme=default]) :is(.app-entry-header,.app-welcome-header,.landing-header) .language-toggle{color:#fff;background:#100c1960}
html[data-theme]:not([data-theme=default]) .landing-actions .btn:first-child{color:var(--on-lime)}
html[data-theme]:not([data-theme=default]) :is(.community-welcome .auth-main,.landing-cinematic,.landing){background:var(--bg)}
html[data-theme]:not([data-theme=default]) .landing-body{color:var(--ink)}
html[data-theme]:not([data-theme=default]) :is(.landing-body p,.landing-example,.landing-footer p){color:var(--muted)}
html[data-theme]:not([data-theme=default]) :is(.landing-section,.landing-footer,.landing-tags span,.landing-story-scene .landing-step){border-color:var(--line)}
html[data-theme]:not([data-theme=default]) .landing-story-scene .landing-step{color:var(--ink);background:transparent}
html[data-theme]:not([data-theme=default]) .landing-story-scene .landing-step>span{color:var(--violet)}
html[data-theme]:not([data-theme=default]) .landing-finale p{color:#e6dcef}
html[data-theme]:not([data-theme=default]) .landing-header{color:#fff}
html[data-theme]:not([data-theme=default]) .landing-film-chapter p{color:#f0e8f5}
html[data-theme]:not([data-theme=default]) .landing-finale .landing-demo{color:#e6dcef}
html[data-theme]:not([data-theme=default]) :is(.verified,.form-step.active>span,.story-ring>i){color:var(--on-accent)}
html[data-theme]:not([data-theme=default]) .skip-link{color:var(--on-lime)}
html[data-theme]:not([data-theme=default]) .player-art>span{color:white}

/* Light surfaces and image overlays have distinct foregrounds. */
html[data-theme=light] .landing-body :is(.landing-kicker,.landing-example strong,.landing-name summary){color:var(--violet)}
html[data-theme=light] .app-entry-actions .btn.text-btn{color:#f6f3ff;background:#100c1980;border-color:#ffffff60}
html[data-theme=light] .app-entry-actions .btn.text-btn:hover{background:#100c19c0}
html[data-theme=light] :is(.landing-audience-photo span,.landing-story-photo figcaption,.landing-story-label){color:#f6f3ff}
html[data-theme=light] :is(.field input,.field textarea,.field select,.phone-input,.otp-box,.search,.discovery-filters select){border-color:#8a7e99}
html[data-theme=light] :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
html[data-theme=light] .identity-role b{color:var(--ink)}
html[data-theme=light] .identity-role.selected b{color:var(--violet)}
html[data-theme=light] .identity-role small{color:var(--muted)}
html[data-theme=light] .landing-story-scene .landing-step{opacity:1}
html[data-theme=light] .landing-story-scene .landing-step.is-current{border-color:var(--violet)}
html[data-theme=light] :is(.landing-actions,.app-entry-actions) .btn:focus-visible{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 6px #251b36}

/* Light-theme utility controls must not inherit pastel foregrounds from dark artwork. */
html[data-theme=light] :is(.activity-heading>.icon-btn,.saved>.icon-bookmark,.landing-step .icon){color:var(--violet)}
html[data-theme=light] .landing-values blockquote{color:var(--ink);background:var(--accent-soft)}
html[data-theme=light] .community-welcome .auth-heading p{color:var(--muted)}
html[data-theme=light] .community-welcome .welcome-actions [data-action=auth-guest]{background:var(--lime);color:var(--on-lime);border-color:var(--lime)}
html[data-theme=light] .community-welcome .welcome-actions [data-action=auth-register]{background:var(--accent-soft);color:var(--violet);border-color:var(--accent-line)}


/* Source: inbox.css */
/* Conversation layout: fixed portraits, separate scroll areas and an unobstructed composer. */
.signed-in.messaging-screen .native-main{padding:0;overflow:hidden;display:flex;min-height:0;scrollbar-width:auto}
.messaging-screen>.player{display:none!important}
.messaging-screen .dm-shell{flex:1;display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);min-width:0;min-height:0;height:100%;color:var(--ink);animation:none}
.dm-shell button,.dm-picker button,.dm-options button{font:inherit;color:inherit;cursor:pointer}
.dm-shell button:focus-visible,.dm-picker button:focus-visible,.dm-shell input:focus-visible,.dm-shell textarea:focus-visible,.dm-history:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
.dm-sidebar{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--surface);border-inline-end:1px solid var(--line)}
.dm-sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:28px 24px 20px;gap:12px}
.dm-sidebar h1{font-size:28px;line-height:1.5;margin:3px 0 0;font-weight:650;letter-spacing:-.6px}
.dm-button{min-height:42px;border:1px solid var(--line);background:transparent;border-radius:12px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px!important;line-height:1.5;transition:background .18s,transform .18s;flex-shrink:0}
.dm-button:hover{background:var(--accent-soft)}
.dm-button.primary{background:var(--violet);color:var(--on-accent);border-color:transparent;font-weight:600}
.dm-button.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}
.dm-button.dm-icon-only{padding:10px;width:42px;height:42px;border-radius:14px}
.dm-icon-only>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.dm-button .icon{width:19px;height:19px;flex-shrink:0}
.dm-search{display:flex;align-items:center;gap:9px;margin:0 20px 18px;border:1px solid var(--line);background:var(--theme-input);border-radius:12px;padding:0 12px;min-height:46px;color:var(--muted);min-width:0}
.dm-search:focus-within{border-color:var(--violet)}
.dm-search .icon{width:17px;height:17px;flex-shrink:0}
.dm-search input{border:0;box-shadow:none;outline:none;background:transparent;color:var(--ink);padding:12px 0;margin:0;width:100%;min-width:0;font-size:14px;border-radius:0}
.dm-search input::placeholder{color:var(--muted);opacity:1}
.dm-filters{display:flex;gap:2px;padding:0 12px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.dm-filters button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:7px 7px;white-space:nowrap;font-size:12px;border:1px solid transparent;background:transparent;border-radius:9px;color:var(--muted)}
.dm-filters button[aria-pressed=true]{color:var(--violet);background:var(--accent-soft);border-color:var(--accent-line)}
.dm-filters button>span{font-size:12px;background:var(--surface-2);border-radius:5px;padding:0 4px}
.dm-rows{flex:1;min-height:0;overflow:auto;padding:8px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.dm-row{display:flex;align-items:center;gap:12px;padding:17px 12px;width:100%;min-width:0;border:1px solid transparent;border-radius:13px;background:transparent;text-align:start;transition:background .18s,border-color .18s;margin:2px 0}
.dm-row:hover{background:var(--accent-soft)}
.dm-row.selected{background:var(--accent-soft);border-color:var(--accent-line)}
.dm-row .avatar,.dm-person .avatar,.dm-picker .avatar{width:48px;height:48px;min-width:48px;max-width:48px;aspect-ratio:1;flex:0 0 48px;border-radius:50%}
.dm-row .avatar img,.dm-person .avatar img,.dm-picker .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;object-position:center 30%}
.dm-row-content{display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}
.dm-row-top,.dm-row-preview{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.dm-row-top>bdi{font-size:14px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.6}
.dm-row-top time{font-size:12px;color:var(--muted);white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}
.dm-row-preview>bdi{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);line-height:1.6}
.dm-row.unread .dm-row-preview>bdi{color:var(--ink)}
.dm-count{min-width:19px;height:19px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;background:var(--violet);color:var(--on-accent);font-size:12px;flex-shrink:0}
.dm-row-context{display:flex;align-items:center;gap:5px;color:var(--violet);font-size:12px}
.dm-row-context .icon{width:12px;height:12px;flex-shrink:0}
.dm-row-context>bdi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-sidebar-footer{display:flex;align-items:center;justify-content:center;gap:6px;padding:15px 20px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}
.dm-sidebar-footer .icon{width:14px;height:14px;color:var(--violet)}
.dm-sidebar-footer button{width:30px;height:30px;border-radius:50%;margin-inline-start:auto;background:var(--accent-soft)}
.dm-list-empty{text-align:center;padding:40px 18px;color:var(--muted)}
.dm-list-empty>.icon{width:28px;height:28px;color:var(--violet);margin-bottom:12px}
.dm-list-empty h3{font-size:15px;color:var(--muted);font-weight:400;margin-bottom:16px}
.dm-idle{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;text-align:center;padding:32px;background:radial-gradient(ellipse at 50% 38%,var(--accent-soft),transparent 65%)}
.dm-idle h2{font-size:18px;font-weight:400;line-height:1.7;color:var(--muted);margin:0 0 24px}
.dm-orbit{position:relative;width:130px;height:130px;margin-bottom:30px;display:grid;place-items:center;border:1px solid var(--accent-line);border-radius:50%}
.dm-orbit:after{content:'';position:absolute;inset:12px;border:1px dashed var(--accent-line);border-radius:50%}
.dm-orbit>span{width:68px;height:68px;display:grid;place-items:center;border-radius:24px;background:var(--accent-soft);color:var(--violet);transform:rotate(-8deg)}
.dm-orbit .icon{width:32px;height:32px;transform:rotate(8deg)}
.dm-orbit i{position:absolute;top:18px;inset-inline-start:12px;width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 7px var(--bg)}
.dm-orbit i:last-child{top:auto;bottom:9px;inset-inline-start:auto;inset-inline-end:20px;width:6px;height:6px;background:var(--violet)}
.dm-thread{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;background:var(--bg)}
.dm-thread-header{display:flex;align-items:center;gap:12px;padding:19px 24px;border-bottom:1px solid var(--line);min-height:89px;background:var(--surface);flex-shrink:0}
.dm-person{display:flex;align-items:center;gap:12px;background:transparent;text-align:start;min-width:0}
.dm-person>span:last-child{display:flex;flex-direction:column;gap:6px;min-width:0}
.dm-person bdi{font-size:15px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.dm-presence{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}
.dm-presence i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8b8695;flex-shrink:0}
.dm-presence[data-status=online] i{background:#4ac590}.dm-presence[data-status=busy] i{background:#edab54}
.dm-header-spacer{flex:1}.dm-thread-header .dm-back{display:none}
.dm-thread-context{padding:12px 24px;border-bottom:1px solid var(--line);flex-shrink:0}
.dm-work{display:flex;align-items:center;gap:12px;border:1px solid var(--accent-line);background:var(--surface);border-radius:12px;padding:10px;min-width:0;text-align:start}
.dm-work>img{width:50px;height:50px;flex:0 0 50px;border-radius:8px;object-fit:cover}
.dm-work-name{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;background:transparent;text-align:start}
.dm-work-name>small{font-size:12px;color:var(--violet);letter-spacing:.3px}
.dm-work-name>bdi{font-size:14px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.dm-work-name>span{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}
.dm-work-name .icon{width:11px;height:11px}
.dm-play{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:var(--accent-soft);color:var(--violet)!important}
.dm-play .icon{width:15px;height:15px}
.dm-history{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:flex-start;padding:20px 28px 28px;gap:12px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.dm-history>*{flex-shrink:0}
.dm-day{align-self:stretch;display:flex;align-items:center;justify-content:center;gap:12px;margin:5px 0 8px;color:var(--muted);font-size:12px}
.dm-day:before,.dm-day:after{content:'';height:1px;max-width:56px;flex:1;background:var(--line)}
.dm-message{max-width:min(82%,520px);min-width:90px;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:12px 16px;overflow-wrap:anywhere;animation:dm-arrive .2s ease both}
.dm-message.outgoing{align-self:flex-end;background:var(--accent-soft);border-color:var(--accent-line);border-end-end-radius:4px}
.dm-message.incoming{border-end-start-radius:4px}
.dm-message p{margin:0;font-size:16px;line-height:1.95;white-space:pre-wrap}
.dm-message-meta{display:flex;justify-content:flex-end;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin-top:6px;line-height:1.5}
.dm-message-meta .icon{width:12px;height:12px;color:var(--violet)}
.dm-message>.dm-work{margin-bottom:9px;min-width:210px}
.dm-conversation-start{margin:auto;align-self:center;text-align:center;padding:30px 10px}
.dm-conversation-start h3{font-size:16px;font-weight:400;color:var(--muted);margin:0}
.dm-compose{padding:14px 24px 18px;background:var(--bg);border-top:1px solid var(--line);flex-shrink:0;margin:0}
.dm-compose-box{display:flex;align-items:flex-end;gap:10px;padding:8px;background:var(--theme-input);border:1px solid var(--line);border-radius:16px}
.dm-compose-box:focus-within{border-color:var(--accent-line)}
.dm-compose-box .dm-button{border:0;color:var(--muted);background:var(--surface-2)}
.dm-compose textarea{flex:1;width:100%;min-width:0;min-height:42px;max-height:130px;resize:none;border:0;outline:0;border-radius:0;box-shadow:none;background:transparent;color:var(--ink);font:inherit;font-size:14px;line-height:1.85;padding:8px 0;margin:0}
.dm-compose textarea::placeholder{color:var(--muted);opacity:1}
.dm-send{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:var(--violet);color:var(--on-accent)!important}
.dm-send .icon{width:19px;height:19px}
.dm-send:disabled{opacity:.35;cursor:default}
.dm-compose-note{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;line-height:1.8;margin-top:9px}
.dm-draft-work{display:flex;align-items:center;gap:6px;margin-bottom:10px}.dm-draft-work>.dm-work{flex:1}
.dm-request{padding:20px 24px;background:var(--surface);border-top:1px solid var(--line);text-align:center;flex-shrink:0}
.dm-request p{font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:13px}
.dm-request>div{display:flex;align-items:center;gap:8px;justify-content:center}
.dm-picker{max-height:65dvh;display:flex;flex-direction:column;min-height:0}
.dm-picker>p{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:18px}
.dm-picker .dm-search{margin:0 0 12px;flex-shrink:0}
.dm-picker-results{overflow:auto;min-height:0;overscroll-behavior:contain}
.dm-picker-row{display:flex;align-items:center;gap:12px;padding:13px 6px;width:100%;background:transparent;border-bottom:1px solid var(--line);text-align:start}
.dm-picker-row:hover{background:var(--accent-soft)}
.dm-picker-row>img{width:48px;height:48px;border-radius:9px;flex-shrink:0;object-fit:cover}
.dm-picker-row>span:not(.avatar){min-width:0;flex:1;display:flex;flex-direction:column;gap:7px}
.dm-picker-row bdi{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-picker-row small{font-size:12px;color:var(--muted)}
.dm-picker-row>.icon{width:16px;height:16px;color:var(--violet);flex-shrink:0}
.dm-no-results{padding:22px;text-align:center;color:var(--muted);font-size:14px}
.dm-work-unavailable{padding:14px;color:var(--muted);font-size:12px}
.dm-options{display:grid;gap:10px}.dm-options .dm-button{justify-content:flex-start}
@keyframes dm-arrive{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:900px){.signed-in.messaging-screen .native-main{margin-inline-start:var(--web-rail);padding:0}.messaging-screen .home-indicator{display:none}}
@media(min-width:900px) and (max-width:1199px){.messaging-screen .dm-shell{grid-template-columns:280px minmax(0,1fr)}.dm-sidebar-heading{padding:22px 18px}.dm-filters,.dm-rows{padding-inline:10px}.dm-thread-header,.dm-thread-context,.dm-compose{padding-inline:16px}.dm-idle{padding:20px}}
@media(max-width:899px){
  .messaging-screen .dm-shell{display:block}.dm-sidebar{height:100%;border:0;padding-bottom:84px}.dm-idle{display:none}
  .dm-sidebar-heading{padding:24px 22px 18px}.dm-sidebar h1{font-size:28px}.dm-row{padding:17px 14px}.dm-row-top>bdi{font-size:14px}.dm-row-preview>bdi{font-size:14px}
  .dm-shell.has-thread .dm-sidebar{display:none}.dm-thread-header .dm-back{display:flex}.dm-thread-header{padding:12px 15px;min-height:74px;gap:9px}
  .dm-thread-header .dm-person .avatar{width:40px;height:40px;min-width:40px;max-width:40px;flex-basis:40px}.dm-person{gap:9px}.dm-person bdi{font-size:14px}
  .messaging-screen.thread-open>.native-header,.messaging-screen.thread-open>.mobile-nav,.messaging-screen.thread-open>.home-indicator{display:none}
  .dm-thread-context{padding:10px 16px}.dm-history{padding:16px 18px 24px}.dm-message{max-width:87%;padding:11px 13px}.dm-message p{font-size:16px}
  .dm-compose{padding:10px 12px max(12px,env(safe-area-inset-bottom))}.dm-compose-note{font-size:12px}.dm-compose-box{gap:7px}.dm-compose textarea{font-size:16px}
  .dm-sidebar-footer{padding:12px}.dm-request{padding:16px}.dm-character-count{display:none}
}
@media(max-width:359px){.dm-filters button{font-size:12px;padding:7px 8px}.dm-history{padding-inline:12px}.dm-message>.dm-work{min-width:185px}.dm-thread-header{padding-inline:10px;gap:6px}}
@media(prefers-reduced-motion:reduce){.dm-message{animation:none}.dm-shell button{transition:none}}

.dm-ambient[hidden]{display:none}.dm-ambient{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:var(--accent-soft);color:var(--violet)!important}.dm-ambient .icon{width:16px;height:16px}
@media(max-width:359px){.dm-filters{padding-inline:12px}.dm-filters button{padding-inline:7px;font-size:12px}.dm-compose-note{font-size:11px}.dm-thread-header .dm-button{width:36px;height:36px;min-height:36px;padding:8px}}
/* Local groups and file attachments keep the composer and empty states compact. */
.dm-group-entry{display:flex;gap:6px;padding:12px 16px 4px;flex-wrap:wrap}.dm-group-entry .dm-button{font-size:12px!important;padding:7px 10px;min-height:36px;color:var(--violet)}.dm-group-entry .icon{width:15px;height:15px}
.dm-group-avatar{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--violet)}.dm-group-avatar .icon{width:23px;height:23px}.dm-group-count{color:var(--muted);font-size:12px}
.dm-idle-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;max-width:470px}.dm-idle-actions .dm-button{color:var(--violet)}.dm-idle-actions .primary{color:var(--on-accent)}
.dm-group-form,.dm-group-directory,.dm-group-manage,.dm-group-review,.dm-attachment-picker{color:var(--ink);font-size:14px;line-height:1.7}.dm-group-form>label{display:grid;gap:8px}.dm-group-form input[name=name]{width:100%;min-width:0;min-height:46px;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--theme-input);color:var(--ink)}.dm-group-form fieldset{border:0;padding:0;margin:18px 0}.dm-group-form legend{color:var(--muted);font-size:13px;margin-bottom:8px}.dm-group-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;max-height:280px;overflow:auto}.dm-group-members>label{display:flex;align-items:center;gap:8px;min-height:52px;padding:6px;border-bottom:1px solid var(--line)}.dm-group-members input{appearance:auto;width:18px;height:18px;flex:0 0 18px;accent-color:var(--violet);margin:0}.dm-group-members .avatar{width:32px;height:32px;flex:0 0 32px}.dm-group-members bdi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.dm-group-error{color:var(--danger,#dc607d)}
.dm-local-note{font-size:12px!important;color:var(--muted)!important;line-height:1.8!important;margin:12px 0}.dm-group-directory-heading{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-bottom:16px}.dm-group-directory-heading p{margin:0;color:var(--muted)}.dm-group-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;padding:18px 0;border-top:1px solid var(--line)}.dm-group-card h3{font-size:16px;margin:0 0 3px}.dm-group-card p{font-size:12px;color:var(--muted);margin:0}.dm-group-card small{display:block;font-size:12px;color:var(--violet);margin-top:6px}.dm-group-card-actions{grid-column:2;display:flex;gap:6px;flex-wrap:wrap}.dm-group-card-actions .dm-button{font-size:12px!important;min-height:38px;padding:7px 12px;color:var(--violet)}.dm-group-member-list{display:flex;flex-wrap:wrap;gap:8px}.dm-group-member-list>span{padding:6px 12px;border-radius:999px;background:var(--accent-soft)}.dm-group-member-list small{color:var(--muted)}.dm-group-request{display:flex;gap:6px;align-items:center;padding-block:10px;border-block-end:1px solid var(--line)}.dm-group-request>bdi{flex:1}.dm-group-review .dm-button{margin:4px}
.dm-attachment-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dm-attachment-picker>.dm-button{position:relative;display:flex;flex-direction:column;gap:8px;min-height:84px;border-radius:16px;color:var(--violet);text-align:center;overflow:hidden;cursor:pointer;font-size:13px!important}.dm-attachment-picker>.dm-button:focus-within{outline:2px solid var(--violet);outline-offset:3px}.dm-file-input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;margin:0;padding:0}.dm-attachment-picker>p{grid-column:1/-1;font-size:12px;color:var(--muted);margin:6px 0 0}
.dm-file-drafts{display:grid;gap:6px;max-height:180px;overflow:auto}.dm-file-drafts:empty{display:none}.dm-file-draft{display:flex;align-items:center;gap:9px;padding:6px 8px;margin-bottom:6px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.dm-file-draft>img{width:42px;height:42px;object-fit:cover;border-radius:8px}.dm-file-draft>.icon{width:28px;height:28px;flex:0 0 28px;color:var(--violet)}.dm-file-draft>span{min-width:0;flex:1;display:flex;flex-direction:column}.dm-file-draft bdi{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-file-draft small{font-size:11px;color:var(--muted)}.dm-file-loading{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.dm-message-file{max-width:280px;min-width:140px}.dm-message-file+.dm-message-file{margin-top:8px}.dm-message-file>img{display:block;max-width:100%;width:auto;max-height:220px;object-fit:contain;border-radius:10px;margin-bottom:6px}.dm-file-download{display:flex;gap:8px;align-items:center;text-align:start;width:100%;color:var(--ink);background:transparent;padding:5px 0}.dm-file-download>.icon{width:20px;height:20px;flex:0 0 20px;color:var(--violet)}.dm-file-download>span{display:flex;flex-direction:column;min-width:0;flex:1}.dm-file-download bdi{font-size:13px;overflow-wrap:anywhere}.dm-file-download small{font-size:11px;color:var(--muted)}
@media(max-width:599px){.dm-group-directory-heading{align-items:flex-start;flex-direction:column;gap:8px}.dm-group-members{grid-template-columns:1fr;max-height:260px}.dm-group-card-actions{grid-column:1/-1}.dm-attachment-picker{gap:6px}.dm-attachment-picker>.dm-button{padding:8px 5px;font-size:12px!important}.dm-group-entry{padding-inline:12px}.dm-group-entry .dm-button{font-size:11px!important}.dm-file-drafts{max-height:128px}.dm-message-file{max-width:220px}}


/* Source: onboarding.css */
.progressive-page{max-width:620px;margin-inline:auto;padding-bottom:36px}
.onboarding-progress{display:flex;gap:12px;margin:26px 0;color:var(--muted);font-size:.875rem}
.onboarding-progress>span{flex:1;display:flex;align-items:center;gap:8px;border-top:3px solid var(--line);padding-top:12px}
.onboarding-progress>span.active{border-color:var(--violet);color:var(--ink)}
.onboarding-progress b{font-size:.875rem;font-variant-numeric:tabular-nums}
.onboarding-goals{display:grid;gap:12px;margin:24px 0}
.onboarding-goal{display:flex;align-items:center;gap:14px;text-align:start;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:20px;padding:20px;cursor:pointer;transition:border-color .18s,background .18s;width:100%}
.onboarding-goal.selected{border-color:var(--violet);background:color-mix(in srgb,var(--violet) 12%,var(--surface))}
.onboarding-goal b{display:block;font-size:1.1rem;line-height:1.6}
.onboarding-goal small{display:block;color:var(--muted);font-size:.9rem;line-height:1.7;margin-top:4px}
.goal-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--violet) 14%,transparent);color:var(--violet)}
.goal-check{margin-inline-start:auto;flex-shrink:0;color:var(--muted)}
.selected .goal-check{color:var(--violet)}
.progressive-page .auth-primary{width:100%;margin-top:22px}
.progressive-page>.text-btn{margin-block:14px;min-height:44px}
.progressive-page .identity-role{min-height:92px}
.progressive-page .genre-chips{display:flex;flex-wrap:wrap;gap:10px}
.progressive-page .genre-chips .chip{min-height:44px}
.progressive-page .auth-heading h1{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.4}
.progressive-page .auth-heading p{font-size:1rem;line-height:1.8}
.progressive-page :is(button,input):focus-visible,.profile-optional summary:focus-visible{outline:3px solid var(--violet);outline-offset:4px}
.listener-space{margin:24px 0;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}
.listener-space h2{font-size:1.3rem;margin:16px 0 8px}
.listener-space p,.profile-next-step p{color:var(--muted);line-height:1.8;margin-bottom:16px}
.profile-next-step{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;margin:20px 0;border:1px solid var(--line);border-radius:18px}
.profile-next-step p{margin:0;font-size:.9rem}
.profile-next-step button{flex-shrink:0}
.profile-optional summary{cursor:pointer;min-height:44px;padding-block:10px}
/* professional.css owns directional arrow mirroring, including reduced-motion mode. */
@media(max-width:420px){.onboarding-goal{padding:15px;gap:10px}.onboarding-goal b{font-size:1rem}.onboarding-progress{gap:8px}.profile-next-step{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.onboarding-goal{transition:none}}
/* Restored single-column authentication. Account and verification behavior stays current. */
.phone-screen.onboarding:not(.community-welcome)>.auth-main{width:100%;max-width:100%;margin:0;padding:0;overflow-y:auto;box-sizing:border-box;background:var(--bg)}
.auth-experience{width:100%;max-width:100%;min-height:100%;box-sizing:border-box;color:var(--ink);background:var(--bg)}
.auth-form-panel{width:100%;max-width:620px;min-width:0;margin-inline:auto;padding:35px 40px;box-sizing:border-box}
.auth-form-panel>.signup-page,.auth-form-panel>.otp-page,.auth-form-panel>.identity-page{width:100%;max-width:100%;min-width:0;margin:0;padding:0;box-sizing:border-box}
.auth-form-panel .auth-brand{display:flex;align-items:center;gap:9px;min-height:44px;margin:0 0 24px}
.auth-form-panel .auth-brand>.brand-wordmark{width:104px;height:42px;object-fit:contain;border-radius:0;margin-inline-end:auto}
.auth-form-panel .auth-brand :is(.support-button,.language-toggle){position:static;min-width:44px;min-height:44px;margin:0;color:var(--muted);background:transparent;border:1px solid var(--line);box-shadow:none}
.auth-form-panel .auth-back-link{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;min-height:44px;margin:0 0 10px;padding:8px 0;color:var(--violet);background:transparent;border:0}
.auth-form-panel .auth-heading{margin:5px 0 20px;text-align:start}
.auth-form-panel .auth-heading h1{font-size:31px;line-height:1.6;letter-spacing:-1px;margin:0;color:var(--ink);text-wrap:balance}
.auth-form-panel .auth-heading p{font-size:14px;color:var(--muted);line-height:1.9;margin:6px 0 0}
.auth-form-panel .field{margin-bottom:18px}.auth-form-panel .field>label,.auth-form-panel .otp-label{display:block;font-size:12px;color:var(--ink);margin-bottom:7px}
.auth-form-panel .field input{width:100%;min-width:0;min-height:49px;border:1px solid var(--line);border-radius:13px;padding:12px 14px;background:var(--theme-input,var(--surface));color:var(--ink);font-size:16px;box-sizing:border-box}
.auth-form-panel .phone-input{display:flex;direction:ltr;align-items:center;min-width:0;min-height:49px;border:1px solid var(--line);border-radius:13px;background:var(--theme-input,var(--surface))}
.auth-form-panel .phone-input>span{flex-shrink:0;padding-inline:11px;font-size:13px;border-inline-end:1px solid var(--line);color:var(--muted)}
.auth-form-panel .phone-input input{border:0;background:transparent;min-width:0;letter-spacing:1px;border-radius:0}
.auth-form-panel .phone-input:focus-within{outline:2px solid var(--violet);outline-offset:3px}
.auth-form-panel .auth-agreement{margin:18px 0 0;padding:0;background:transparent;border:0;border-radius:0}
.auth-form-panel .auth-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.8;color:var(--muted);margin:0;cursor:pointer}
.auth-form-panel .auth-consent input{flex:0 0 18px;width:18px;height:18px;min-height:0;margin:3px 0 0;accent-color:var(--violet)}
.auth-form-panel .agreement-link{display:block;min-height:44px;margin:0;padding:8px 0;color:var(--violet);font-size:12px;text-align:start;text-decoration:underline;text-underline-offset:4px}
.auth-form-panel .auth-primary{width:100%;min-height:52px;border-radius:15px;padding:13px 18px;justify-content:space-between;font-size:14px;background:var(--button-primary,var(--violet));color:var(--button-on-primary,var(--on-accent));box-shadow:none;margin-top:12px;border:1px solid transparent}
.auth-form-panel .auth-primary:hover{filter:brightness(1.07)}.auth-form-panel .auth-primary:active{filter:brightness(.94)}.auth-form-panel .auth-primary:disabled{opacity:.55;filter:none;cursor:default}
.auth-form-panel .auth-primary>.icon{width:18px;height:18px;order:2}
.auth-form-panel .auth-error{font-size:12px;color:var(--theme-danger-ink);line-height:1.8;min-height:0;margin:8px 0 12px}.auth-form-panel .auth-error:empty{margin:0}
.auth-form-panel .auth-footnote,.auth-form-panel .onboarding-save-note{display:flex;align-items:flex-start;justify-content:center;gap:7px;text-align:center;font-size:11px;line-height:1.8;margin-top:14px;color:var(--muted)}.auth-form-panel .auth-footnote>.icon{flex:0 0 14px;width:14px;height:18px}
.auth-form-panel .onboarding-progress{display:flex;gap:12px;margin:26px 0;font-size:12px}.auth-form-panel .onboarding-progress>span{min-width:0;flex:1;display:flex;align-items:center;gap:7px;border-top:3px solid var(--line);padding-top:12px;white-space:normal}.auth-form-panel .onboarding-progress>.active{border-color:var(--violet)}.auth-form-panel .onboarding-progress b{font-size:12px}.auth-form-panel .onboarding-progress b>.icon{width:14px;height:14px}
.auth-form-panel .onboarding-goals{gap:12px;margin:24px 0}.auth-form-panel .onboarding-goal{width:100%;padding:20px;gap:14px;border-radius:20px}.auth-form-panel .onboarding-goal b{font-size:16px;line-height:1.6}.auth-form-panel .goal-icon{width:44px;height:44px;border-radius:14px}.auth-form-panel .goal-icon>.icon{width:22px;height:22px}
.auth-form-panel .auth-step-actions{display:grid;gap:8px;margin-top:22px}.auth-form-panel .auth-step-actions>.text-btn{min-height:44px;color:var(--muted);background:transparent;font-size:12px}
.auth-form-panel .auth-profile-options{display:grid;gap:12px}.auth-form-panel .auth-profile-options>.btn{min-height:44px}
.auth-form-panel .identity-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.auth-form-panel .identity-role{min-width:0;min-height:92px;border-radius:18px;padding:15px 12px;background:var(--surface);border-color:var(--line);color:var(--ink);text-align:start}.auth-form-panel .identity-role b{font-size:14px;overflow-wrap:anywhere}.auth-form-panel .identity-role.selected{border-color:var(--violet);background:var(--accent-soft)}
.auth-form-panel .genre-title{margin:26px 0 12px}.auth-form-panel .genre-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.auth-form-panel .genre-chips .chip{min-height:44px;font-size:12px;padding:8px 13px}
.auth-form-panel .otp-page .auth-heading{text-align:center;margin-bottom:20px}.auth-form-panel .phone-destination{display:inline-block;font:15px Manrope,sans-serif;color:var(--ink);margin-top:12px;letter-spacing:1px}
.auth-form-panel .otp-label{text-align:center}.auth-form-panel .otp-row{display:flex;justify-content:center;direction:ltr;gap:12px;margin:18px 0 20px;width:100%;min-width:0}
.auth-form-panel .otp-box{flex:0 1 64px;width:64px;min-width:0;height:70px;padding:0;border:1.5px solid var(--line);border-radius:18px;background:var(--theme-input,var(--surface));color:var(--ink);font:600 29px Manrope,sans-serif;text-align:center;box-sizing:border-box;caret-color:var(--violet)}
.auth-form-panel .otp-box:focus{outline:2px solid var(--violet);outline-offset:3px;border-color:var(--violet)}.auth-form-panel .otp-box.invalid{border-color:var(--theme-danger-ink)}
/* The legacy incoming SMS notification floats above the screen, outside the form. */
.phone-screen>.sms-banner{position:absolute;z-index:50;inset-block-start:calc(51px + env(safe-area-inset-top,0px));inset-inline:12px;display:flex;align-items:center;gap:10px;width:calc(100% - 24px);max-width:440px;min-height:80px;margin-inline:auto;padding:12px;box-sizing:border-box;background:#e8dff5ed;backdrop-filter:blur(24px);color:#20152d;border:1px solid #ffffff66;border-radius:20px;box-shadow:0 12px 30px #0004;text-align:start;direction:inherit;cursor:pointer;animation:sms-in .5s cubic-bezier(.2,.8,.2,1) both}
.sms-banner .sms-app{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#52c465;color:white}.sms-banner .sms-app>.icon{width:21px;height:21px}
.sms-banner .sms-message{display:flex;flex:1;min-width:0;flex-direction:column;gap:1px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.sms-banner .sms-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.sms-banner .sms-heading b{font-size:12px}.sms-banner small{font-size:10px;color:#6b5b77}.sms-banner .sms-code{display:inline-block;font:800 14px Manrope,sans-serif;letter-spacing:2px;white-space:nowrap;color:#20152d}
.sms-banner:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.sms-banner:active{background:#e8dff5}
@keyframes sms-in{from{opacity:0;transform:translateY(-65px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.phone-screen>.sms-banner{animation:none}}
.auth-form-panel .otp-resend{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;margin:6px 0 0;font-size:12px;color:var(--muted)}.auth-form-panel .otp-resend button{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px;background:transparent;color:var(--violet)}.auth-form-panel .otp-resend button:disabled{color:var(--muted);opacity:1;cursor:default}
.auth-form-panel :is(button,input):focus-visible{outline:2px solid var(--violet);outline-offset:3px}
@media(max-width:850px){.auth-form-panel{max-width:620px;padding:17px 24px 35px}.auth-form-panel .auth-heading h1{font-size:30px}.auth-form-panel .auth-brand{margin-bottom:20px}}
@media(max-width:380px){.auth-form-panel{padding-inline:20px}.auth-form-panel .auth-heading h1{font-size:27px}.auth-form-panel .otp-row{gap:9px}.auth-form-panel .otp-box{flex-basis:56px;width:56px;height:64px}.auth-form-panel .onboarding-goal{padding:15px;gap:10px}.auth-form-panel .onboarding-goal b{font-size:14px}.auth-form-panel .onboarding-progress{gap:8px;font-size:11px}.auth-form-panel .auth-consent{font-size:11px}}


/* Source: creative-features.css */
.creative-tree{min-width:0}.tree-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.tree-viewport{overflow:auto;max-height:620px;min-height:260px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2);cursor:grab;margin:18px 0;overscroll-behavior:contain}.tree-viewport:active{cursor:grabbing}.tree-canvas{width:max-content;min-width:100%;padding:32px;box-sizing:border-box;direction:ltr}.tree-canvas ul{list-style:none;display:flex;justify-content:center;gap:24px;padding:28px 0 0;margin:0}.tree-canvas>ul{padding-top:0}.tree-canvas li{display:flex;align-items:center;flex-direction:column;position:relative}.tree-canvas li:before{content:'';height:28px;width:1px;background:var(--accent-line);position:absolute;top:-28px}.tree-canvas>ul>li:before{display:none}.tree-canvas li>ul{position:relative}.tree-canvas li>ul:before{content:'';position:absolute;top:0;inset-inline:12%;height:1px;background:var(--accent-line)}.tree-node{width:226px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);padding:10px;direction:rtl}.tree-node.on-path{border-color:var(--violet)}.tree-node.selected{outline:2px solid var(--violet);outline-offset:3px}.tree-node-select{display:flex;gap:10px;width:100%;text-align:start;color:inherit;background:none;padding:4px}.tree-node-select .avatar{flex:0 0 38px;width:38px;height:38px;min-width:38px}.tree-node-select span:last-child{min-width:0}.tree-node b{font-size:14px;display:block;overflow-wrap:anywhere}.tree-node small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.tree-node .text-btn{font-size:12px;min-height:40px}.tree-detail{padding:22px;border:1px solid var(--accent-line);border-radius:18px;background:var(--accent-soft)}.tree-detail h3{margin:8px 0}.tree-detail p{line-height:1.8;margin:10px 0;white-space:pre-wrap}.tree-detail .inline-actions{flex-wrap:wrap}.tree-list{display:grid;gap:8px;margin-block:16px}.tree-list button{display:flex;flex-direction:column;gap:8px;text-align:start;padding:16px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:var(--surface)}.tree-list button[aria-pressed=true]{border-color:var(--violet);background:var(--accent-soft)}.tree-list span{color:var(--muted);font-size:13px}.creative-tree button:focus-visible,.tree-viewport:focus-visible,.cover-presets button:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
.cover-editor{border:0;min-width:0;padding:0}.cover-editor legend{font-weight:600;margin-bottom:12px}.cover-preview{height:180px;border-radius:16px;overflow:hidden;background:var(--surface-2);margin-bottom:16px}.cover-preview img{width:100%;height:100%;object-fit:cover}.cover-editor input[type=range]{padding:0;min-height:32px;accent-color:var(--violet)}.cover-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}.cover-presets button{padding:3px;border:2px solid transparent;background:var(--surface-2);border-radius:12px;overflow:hidden}.cover-presets button[aria-pressed=true]{border-color:var(--violet)}.cover-presets img{width:100%;aspect-ratio:2;object-fit:cover;border-radius:7px}.creative-agent-card{display:flex;gap:22px;align-items:center;margin:36px 0;padding:28px;border:1px solid var(--accent-line);border-radius:22px;background:var(--surface);color:var(--ink)}.creative-agent-card h2{font-size:clamp(22px,3vw,34px);margin-block:12px}.creative-agent-card p{font-size:16px;color:var(--muted);line-height:1.9}.creative-agent-card .btn{flex-shrink:0}.agent-info p,.agent-info li{font-size:16px;line-height:1.9;margin-block:16px}.agent-info ul{padding-inline-start:24px}.agent-info .btn:disabled{opacity:.5;cursor:not-allowed}.lyrics{white-space:pre-wrap;line-height:2.2}
html[dir=ltr] .tree-node{direction:ltr}@media(max-width:650px){.creative-agent-card{flex-direction:column;align-items:flex-start;padding:22px}.cover-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.tree-detail{padding:16px}.tree-viewport{max-height:480px}.tree-toolbar .btn{min-height:44px}}
.work-credits{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.work-credit-list{display:flex;flex-wrap:wrap;gap:10px;margin-block:12px}
.work-credit-list>button{display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 10px;background:var(--surface,var(--bg));color:var(--ink);border:1px solid var(--line);border-radius:14px;text-align:start}
.work-credit-list .avatar{width:32px;height:32px;min-width:32px;max-width:32px;flex:0 0 32px}
.work-credit-list small,.work-credit-list bdi{display:block}.work-credit-list small{font-size:12px;color:var(--muted)}.work-credit-list bdi{font-size:14px}
.work-credit-list>button:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.tree-sheet-body .lyrics{white-space:pre-line;font-size:14px;line-height:1.9;margin-block:14px}


/* Source: player-refresh.css */
.player,.signed-in .player{border:1px solid var(--accent-line);background:linear-gradient(115deg,var(--accent-soft),transparent 60%),var(--theme-player);box-shadow:0 12px 36px #0003;padding-inline:12px;gap:5px}
.player .now-playing{max-width:none;text-align:start;gap:10px}
.player .now-playing img{flex-shrink:0;object-fit:cover;border:1px solid var(--accent-line)}
.player .now-playing>span{min-width:0}.player .now-playing b{font-size:14px}.player .now-playing small{font-size:12px;color:var(--muted)}
.player>.icon-btn{flex:0 0 40px;width:40px;height:44px;min-width:40px}.player .play-main{margin:0;background:var(--lime);color:var(--on-lime);border-radius:50%}
.playback-signal{display:flex;align-items:center;gap:8px;flex-shrink:0;color:var(--lime)}
.urab-bars{display:flex;align-items:center;justify-content:center;gap:3px;width:25px;height:26px;flex-shrink:0}
.urab-bars i{height:20px;width:4px;border-radius:3px;background:currentColor;transform:scaleY(.18)}
.is-playing .urab-bars i{animation:urab-playing .8s ease-in-out infinite alternate}.urab-bars i:nth-child(2){animation-delay:-.3s}.urab-bars i:nth-child(3){animation-delay:-.65s}.urab-bars i:nth-child(4){animation-delay:-.15s}
@keyframes urab-playing{0%{transform:scaleY(.25)}100%{transform:scaleY(1)}}
.player-state-label{font-size:12px;white-space:nowrap}.player .mute-control[aria-pressed=true],.full-player .mute-control[aria-pressed=true]{color:var(--pink);background:var(--theme-danger);border:1px solid currentColor;border-radius:12px}
.player.is-muted .playback-signal{color:var(--pink)}.player .mini-progress{height:3px}.player .mini-progress span{background:linear-gradient(90deg,var(--violet),var(--lime))}
.player-minimized .player,.signed-in.player-minimized .player{width:340px;height:60px;min-height:60px;border-radius:20px;padding:6px 10px;gap:5px}
.player-minimized .player .now-playing b{font-size:14px}.player-minimized .player .now-playing img{width:34px;height:34px;border-radius:11px}
.player-minimized .player>.icon-btn{width:40px;height:44px;min-width:40px}.player-minimized .player .playback-signal{display:flex}.player-minimized .player .player-state-label{display:none}
.full-volume{display:flex;align-items:center;gap:14px}.full-volume input{flex:1;min-width:0}.full-volume .mute-control{width:44px;height:44px;flex-shrink:0}
.about-urab section+section{margin-top:24px}.about-urab h3{color:var(--violet);font-size:20px}.about-urab p{font-size:16px;line-height:1.9;color:var(--muted)}
.cp-cover:after,.cover-preview:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 45%,color-mix(in srgb,var(--bg) 35%,transparent) 65%,color-mix(in srgb,var(--bg) 80%,transparent) 86%,var(--bg) 100%)}
.cover-preview{position:relative}.cp-intro .cp-avatar{isolation:isolate}
@media(max-width:600px){.player .player-state-label{display:none}.player .now-playing img{width:34px;height:38px}.player,.signed-in .player{padding-inline:8px;gap:3px}.player>.icon-btn{flex-basis:36px;width:36px;min-width:36px}.player-minimized .player>.icon-btn{flex-basis:40px}.player .urab-bars{width:22px;gap:2px}.player-minimized .player{max-width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.is-playing .urab-bars i{animation:none;transform:scaleY(.8)}.is-playing .urab-bars i:nth-child(even){transform:scaleY(.45)}}


/* Source: community-refresh.css */
/* Creative paths are a navigable diagram; all colors follow the selected theme. */
.wave-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start}.wave-tree .tree-viewport{margin:0;min-height:430px;max-height:680px;border:0;border-radius:24px;background:radial-gradient(ellipse at center,var(--accent-soft),transparent 70%),var(--surface-2);direction:ltr}.wave-canvas{position:relative;direction:ltr;min-width:0}.wave-connections{position:absolute;inset:0;overflow:visible;pointer-events:none}.wave-link{fill:none;stroke:var(--violet);stroke-width:2;opacity:.5}.wave-link.proposed{stroke-dasharray:6 7}.wave-link.on-path{stroke:var(--lime);stroke-width:3;opacity:1}.wave-node{position:absolute;width:170px;transform:translate(-50%,-48px);text-align:center;transition:opacity .25s;direction:rtl}.wave-node-select{display:flex;flex-direction:column;align-items:center;gap:7px;padding:0;width:100%;border:0;background:none;color:var(--ink);cursor:pointer}.wave-portrait{position:relative;display:block;width:88px;height:88px;border-radius:50%;padding:5px;background:var(--surface);border:1px solid var(--accent-line);box-shadow:0 10px 25px #0002;transition:transform .2s,border-color .2s}.wave-portrait>img,.wave-portrait>.avatar{width:100%;height:100%;min-width:0;object-fit:cover;border-radius:50%;display:flex}.wave-portrait .presence-dot{display:none}.wave-origin .wave-portrait{width:102px;height:102px;margin-top:-7px}.wave-role{position:absolute;bottom:-3px;inset-inline-end:-3px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--violet);color:var(--on-accent);border:3px solid var(--surface)}.wave-role .icon{width:15px;height:15px}.wave-node-select b{font-size:14px;line-height:1.5;max-width:170px;overflow-wrap:anywhere}.wave-node-select small{font-size:12px;color:var(--muted)}.wave-kind{font-size:11px;color:var(--muted)}.wave-node.selected .wave-portrait{outline:2px solid var(--lime);outline-offset:5px;transform:scale(1.04)}.wave-node-select:hover .wave-portrait{transform:translateY(-4px)}.wave-node.is-proposal .wave-portrait{border-style:dashed}.wave-add{position:absolute;top:20px;inset-inline-end:-7px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:var(--on-lime);box-shadow:0 4px 14px #0002}.wave-add .icon{width:19px;height:19px}.wave-fold{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:4px 10px;background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:20px;margin-top:5px;font-size:12px}.wave-fold .icon{width:13px;height:13px}.wave-tree.has-selection .wave-node:not(.on-path),.wave-tree.has-selection .wave-link:not(.on-path){opacity:.42}.wave-tree.has-selection .wave-node:hover,.wave-tree.has-selection .wave-node:focus-within{opacity:1}.wave-node.is-sounding .wave-portrait:before{content:'';position:absolute;inset:-9px;border:2px solid var(--lime);border-radius:50%;animation:wave-listening 1.8s ease-out infinite;pointer-events:none}@keyframes wave-listening{from{transform:scale(.95);opacity:.7}to{transform:scale(1.16);opacity:0}}
.wave-tree .wave-detail{background:var(--surface);border:0;border-inline-start:1px solid var(--line);border-radius:0;padding:20px;min-width:0}.wave-detail-person{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.wave-detail-person>.avatar{width:40px;height:40px;min-width:40px}.wave-detail-person b{display:block;color:var(--ink);margin-top:5px;font-size:14px}.wave-detail-actions{display:grid;gap:10px;margin-top:20px}.wave-detail .btn{font-size:14px;white-space:normal}.wave-tree .tree-hint{font-size:15px;line-height:1.8;color:var(--muted)}.wave-legend{display:flex;gap:20px;flex-wrap:wrap;margin-top:16px;color:var(--muted);font-size:12px}.wave-legend span{display:flex;align-items:center;gap:8px}.wave-legend i{width:25px;border-top:2px solid var(--violet)}.wave-legend .proposed{border-top-style:dashed}.wave-node button:focus-visible{outline:3px solid var(--violet);outline-offset:5px}.wave-tree .tree-list{margin:0}.wave-tree .tree-list button{display:grid;grid-template-columns:24px 1fr;align-items:center}.wave-tree .tree-list button span{grid-column:2}
.work-cover-editor{margin-bottom:24px;border:1px solid var(--accent-line);border-radius:18px;padding:16px;background:var(--accent-soft)}.work-cover-editor summary{display:flex;gap:10px;align-items:center;cursor:pointer;font-size:16px}.work-cover-fields{display:grid;grid-template-columns:160px 1fr;gap:20px;margin-top:20px}.work-cover-fields input[type=file]{max-width:100%;font-size:13px}.work-cover-crop{aspect-ratio:1;overflow:hidden;border-radius:18px;background:var(--surface)}.work-cover-crop img{width:100%;height:100%;object-fit:cover}.work-cover-fields label{display:block;margin-block:10px;font-size:14px}.work-cover-fields input[type=range]{width:100%;accent-color:var(--violet);padding:0;min-height:36px}.work-cover-final{width:110px;height:110px;object-fit:cover;border-radius:18px;float:inline-end;margin-inline-start:16px}.cover-editor output{float:inline-end;color:var(--violet);font-weight:700}.cp-cover>img,.cover-preview>img{transition:opacity .15s}
.dm-voice-composer:empty{display:none}.voice-draft{display:flex;align-items:center;gap:10px;border:1px solid var(--accent-line);border-radius:18px;background:var(--accent-soft);padding:12px;margin-bottom:10px;min-height:62px}.voice-draft>span[role=status]{flex:1;font-size:14px}.voice-draft bdi{font-size:13px;white-space:nowrap}.voice-record-dot{width:10px;height:10px;border-radius:50%;background:var(--pink);animation:voice-recording 1s alternate infinite}@keyframes voice-recording{to{opacity:.3}}.voice-wave{--voice-progress:0%;display:flex;gap:3px;align-items:center;justify-content:center;flex:1;height:32px;min-width:40px;overflow:hidden;background:linear-gradient(90deg,var(--lime) var(--voice-progress),var(--violet) var(--voice-progress));mask:none}.voice-wave i{width:3px;flex:1;max-width:4px;border-radius:3px;background:var(--muted)}.dm-voice-player{display:flex;align-items:center;gap:14px;min-width:min(250px,55vw);padding:5px 0;direction:ltr}.dm-voice-player .voice-wave{background:none;position:relative}.dm-voice-player .voice-wave i{background:var(--violet)}.dm-voice-player .voice-wave:after{content:'';position:absolute;inset:0;right:calc(100% - var(--voice-progress));background:var(--lime);opacity:.45;pointer-events:none}.dm-voice-player.is-playing .dm-play{background:var(--lime);color:var(--on-lime)}.voice-time{font-size:12px;min-width:32px}.voice-draft .voice-wave{background:none}.voice-draft .primary{white-space:nowrap}.voice-draft .dm-icon-only{flex-shrink:0}.dm-compose-box>[data-action=dm-voice-record]{color:var(--violet)}.dm-compose-box>[data-action=dm-voice-record]:disabled{opacity:.4;cursor:not-allowed}
html[dir=ltr] .wave-node{direction:ltr}@media(max-width:1050px){.wave-workspace{grid-template-columns:1fr}.wave-tree .wave-detail{border:0;border-top:1px solid var(--line);border-radius:18px}.wave-detail-actions{grid-template-columns:1fr 1fr}.wave-tree .tree-viewport{min-height:380px;max-height:500px}}@media(max-width:600px){.work-cover-fields{grid-template-columns:1fr}.work-cover-crop{width:150px;margin-inline:auto}.wave-detail-actions{grid-template-columns:1fr}.voice-draft{gap:6px;padding:8px}.voice-draft .voice-wave{max-width:70px}.voice-draft .dm-button{padding:7px}.dm-compose-box{gap:4px}.dm-compose-box>.dm-button{width:38px;min-width:38px}.dm-message{max-width:90%}}
@media(prefers-reduced-motion:reduce){.wave-node.is-sounding .wave-portrait:before,.voice-record-dot{animation:none}.wave-portrait,.cp-cover>img,.cover-preview>img{transition:none}}
.touch-crop{position:relative;overflow:hidden;background:var(--surface-2)}.touch-crop canvas{display:block;width:100%;height:100%;object-fit:contain;touch-action:none;cursor:grab}.touch-crop canvas:active{cursor:grabbing}.touch-crop canvas:focus-visible{outline:3px solid var(--violet);outline-offset:-4px}.crop-tools{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:4px;background:var(--theme-player);border:1px solid var(--accent-line);border-radius:24px;z-index:3;direction:ltr}.crop-tools button{display:grid;place-items:center;height:36px;min-width:36px;padding:4px 9px;color:var(--ink);background:transparent;border-radius:20px;font-size:14px;white-space:nowrap}.crop-tools button:hover{background:var(--accent-soft)}.photo-touch-wrap{width:240px;height:240px;margin:12px auto;border-radius:24px}.photo-touch-wrap canvas{border-radius:50%}.photo-touch-wrap:after{content:'';position:absolute;inset:0;border:1px solid var(--accent-line);border-radius:50%;pointer-events:none}.cover-preview canvas{opacity:var(--cover-opacity,1)}.work-cover-crop .crop-tools{bottom:4px}.work-cover-crop .crop-tools button{height:30px;min-width:30px;font-size:12px}.work-cover-crop.touch-crop{width:100%;min-width:160px}.work-cover-crop.touch-crop canvas{object-fit:cover}
/* Compact dock: portrait, live bars, mute, one circular play control, expand. */
.player:where(:not(.mini-player)) .play-main,.signed-in .player:where(:not(.mini-player)) .play-main,.player-minimized .player:where(:not(.mini-player)) .play-main{flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px;max-height:40px;aspect-ratio:1;border-radius:50%;padding:0;display:grid;place-items:center}
.player-minimized .player:where(:not(.mini-player)),.signed-in.player-minimized .player:where(:not(.mini-player)){width:224px;max-width:calc(100% - 32px);height:54px;min-height:54px;border-radius:28px;padding:6px 9px;gap:6px;box-shadow:0 6px 20px #0003}
.player-minimized .player:where(:not(.mini-player)) .now-playing{flex:0 0 32px;min-width:32px;padding:0;gap:0}.player-minimized .player:where(:not(.mini-player)) .now-playing img{width:32px;height:32px;border-radius:50%}.player-minimized .player:where(:not(.mini-player)) .now-playing>span{display:none}.player-minimized .player:where(:not(.mini-player)) .urab-bars{width:18px;gap:2px}.player-minimized .player:where(:not(.mini-player)) .urab-bars i{width:3px}.player-minimized .player:where(:not(.mini-player)) .playback-signal{flex:0 0 18px}.player-minimized .player:where(:not(.mini-player))>.mute-control{flex:0 0 36px;min-width:36px;width:36px;height:36px}.player-minimized .player:where(:not(.mini-player))>.player-size{flex:0 0 30px;min-width:30px;width:30px;height:36px}.player-minimized .player:where(:not(.mini-player)) [data-action=next-track]{display:none}.player-minimized .player:where(:not(.mini-player)) .mini-progress{inset-inline:14px;bottom:0;height:2px}
.cover-preview.touch-crop{height:auto;aspect-ratio:3}.cover-preview.touch-crop canvas{aspect-ratio:3}.photo-touch-wrap{grid-column:1/-1}.work-cover-final{float:none;display:block;margin:0 0 16px}
.wave-node-select b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:44px}


/* Source: professional.css */
/* Work surfaces own their geometry; album art is never a shallow portrait banner. */
/* Collaboration cards have explicit rows: work, needs, then author/actions.
   Geometry lives here; repeated actions use the canonical shared controls. */
.opportunity-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--urab-space-4);min-width:0;width:100%;max-width:100%;box-sizing:border-box;align-items:start}
.opportunity-grid .opportunity-card{display:grid;grid-template-columns:min(28%,120px) minmax(0,1fr);grid-template-areas:"cover content" "needs needs" "footer footer";gap:var(--urab-space-3) var(--urab-space-4);align-content:start;align-items:start;min-width:0;width:100%;max-width:100%;box-sizing:border-box;padding:var(--urab-space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--urab-radius-small);border-start-start-radius:var(--urab-radius-signature)}
.opportunity-grid .opportunity-cover{grid-area:cover;display:block;min-width:0;width:100%;height:auto;aspect-ratio:1;border:0;border-radius:3px;border-start-start-radius:18px;overflow:hidden;padding:0;background:var(--surface-2)}
.opportunity-grid .opportunity-cover img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.opportunity-grid .opportunity-content{grid-area:content;padding:0;min-width:0;display:grid;align-content:start;gap:var(--urab-space-2)}
.opportunity-grid .opportunity-title{display:grid;align-content:start;gap:var(--urab-space-1);min-width:0;width:100%;min-height:var(--urab-control-touch);padding:0;font-size:var(--urab-font-section);font-weight:500;line-height:1.5;overflow-wrap:anywhere;margin:0;text-align:start;background:transparent;color:var(--ink)}
.opportunity-grid .opportunity-title>bdi{display:block;min-width:0}
.opportunity-grid .opportunity-title>small{display:block;min-width:0;font-size:var(--urab-font-meta);font-weight:400;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.opportunity-grid .opportunity-description{font-size:var(--urab-control-font);line-height:1.75;margin:0;color:var(--muted);overflow-wrap:anywhere}
.opportunity-grid .opportunity-needs{grid-area:needs;display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--urab-space-2);min-width:0}
.opportunity-grid .opportunity-needs-label{font-size:var(--urab-font-meta);font-weight:400;line-height:1.5;color:var(--muted);margin:0}
.opportunity-grid .needed-tags{display:flex;flex-wrap:wrap;gap:var(--urab-space-1);min-width:0;margin:0}
.opportunity-grid .needed-tags span{font-size:var(--urab-font-meta);line-height:1.5;padding:var(--urab-space-1) var(--urab-space-2);border:1px solid var(--line);border-radius:var(--urab-radius-small);background:var(--surface-2);color:var(--ink);overflow-wrap:anywhere}
.opportunity-grid .opportunity-footer{grid-area:footer;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--urab-space-3);min-width:0;padding-block-start:var(--urab-space-3);border-block-start:1px solid var(--line)}
.opportunity-grid .opportunity-footer>.author-link{min-width:0;min-height:var(--urab-control-touch);padding:0;gap:var(--urab-space-2);font-size:var(--urab-font-meta);line-height:1.6;text-align:start;color:var(--ink)}
.opportunity-grid .opportunity-footer>.author-link .avatar{flex:none;width:36px;height:36px}
.opportunity-grid .opportunity-footer>.author-link>bdi{min-width:0;overflow-wrap:anywhere}
.opportunity-grid .opportunity-actions{display:flex;align-items:center;gap:var(--urab-space-2);min-width:0;margin:0}
.opportunity-grid .opportunity-actions>.btn{flex:0 0 auto;min-width:0}
.opportunity-grid :is(.opportunity-cover,.opportunity-title,.author-link):focus-visible{outline:var(--urab-control-focus-width) solid var(--urab-semantic-control-focus);outline-offset:var(--urab-control-focus-offset)}
@media(min-width:900px){.opportunity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.work-page{max-width:1100px;margin-inline:auto;min-width:0}
.work-page .detail-hero{display:grid;grid-template-columns:200px minmax(0,1fr);grid-template-rows:1fr auto;align-items:center;gap:12px 24px;margin:0 0 12px;padding:0}
.work-cover-mat{grid-row:1/span 2;min-width:0}
.work-page .detail-art{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;object-position:center;mask-image:none;border-radius:24px;background:var(--surface-2);margin:0}
.work-page .detail-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;margin:0;min-width:0;position:static}
.work-page .detail-info>h1{font-size:24px;line-height:1.45;font-weight:500;letter-spacing:normal;margin:0;overflow-wrap:anywhere}
.work-page .detail-info>.status{padding:0;background:none;color:var(--muted);font-size:.75rem;font-weight:400;line-height:1.5;border:0;border-radius:0}
.work-page .detail-info .byline{display:flex;align-items:center;flex-wrap:nowrap;font-size:12px;line-height:1.5;gap:6px;margin:0;min-width:0;max-width:100%}
.work-page .detail-info .byline .avatar{width:24px;height:24px;flex:0 0 24px}
.work-page .detail-info .byline button{font-size:12px;text-align:start;min-height:44px;white-space:normal;overflow-wrap:anywhere}
.work-page .work-primary-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:8px;margin:0;align-items:center}
.work-page .detail-hero .work-primary-actions>.btn{flex:0 1 auto;min-width:110px;min-height:44px;font-size:13px;padding:10px 16px;white-space:normal;line-height:1.5;border-radius:999px}
.work-page .work-primary-actions>.btn[aria-label],.work-page .work-primary-actions>.icon-btn{flex:0 0 44px;min-width:44px;width:44px;height:44px;padding:10px}
.work-page>.social-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;padding:4px 0;margin:0 0 8px;border-bottom:1px solid var(--line)}
.work-page>.social-actions button{flex:0 0 auto;min-width:44px;min-height:44px;padding:8px;gap:6px;font-size:12px}
.work-page .detail-columns{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.work-page .detail-columns>.panel{min-width:0;padding:0;border-radius:0}
.work-page .detail-columns>.panel>.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;overflow:visible;margin-bottom:16px}
.work-page .detail-columns .tab{white-space:normal;overflow-wrap:anywhere;min-width:0;min-height:44px;font-size:12px;padding:8px 5px;line-height:1.5}
.work-page .detail-side{display:flex;align-items:center;justify-content:space-between;gap:16px;position:static;order:-1}
.work-page .work-needs{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.work-page .detail-side h3{font-size:12px;line-height:1.5;font-weight:400;margin:0;color:var(--muted)}
.work-page .work-availability-chips{margin:0;gap:6px}
.work-page .detail-side>.icon-btn{width:44px;height:44px;flex:0 0 44px}
.work-tree-entry{width:100%;display:flex;align-items:center;gap:16px;text-align:start;background:var(--surface);color:var(--ink);padding:12px;border:1px solid var(--line);border-radius:6px;cursor:pointer}
.work-tree-entry>.tree-pattern{width:64px;height:48px;mask-size:128px 128px;mask-position:-32px -80px;opacity:.32}
.work-tree-entry>span:not(.brand-pattern){display:grid;grid-template-columns:20px minmax(0,1fr);gap:4px 8px;align-items:center;flex:1;min-width:0}
.work-tree-entry b{font-size:13px;font-weight:500;line-height:1.6}
.work-tree-entry small{grid-column:2;font-size:12px;color:var(--muted)}
.work-tree-entry .icon{width:20px;height:20px;flex:none;color:var(--violet)}
.work-tree-entry.is-empty{min-height:56px;padding:8px 12px;background:transparent}.work-tree-entry.is-empty .tree-pattern{display:none}.work-tree-entry.is-empty>span:not(.brand-pattern){display:flex;gap:8px}.work-tree-entry.is-empty small{margin-inline-start:auto}
.work-tree-entry:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
/* Keep transport visible before optional queue/detail content, including short windows. */
dialog[data-kind=player] .full-player .player-art{width:min(100%,300px,max(120px,calc(100dvh - 490px)));height:auto;aspect-ratio:1;margin:0 auto 18px}
dialog[data-kind=player] .player-art img{object-fit:contain;object-position:center}
dialog[data-kind=player] .full-track-title h2{font-size:22px;line-height:1.5;overflow-wrap:anywhere}
dialog[data-kind=player] .full-track-title>div{min-width:0}
dialog[data-kind=player] .full-track-title p{font-size:12px}
dialog[data-kind=player] .full-seek{margin:18px 0 12px}
dialog[data-kind=player] .full-controls{max-width:360px;width:100%;margin-inline:auto}
dialog[data-kind=player] .full-volume{max-width:360px;margin:12px auto 0}
dialog[data-kind=player] .sample-note{margin:12px 0;font-size:12px}
/* Account navigation: one compact identity header and four quiet groups. */
dialog[data-kind=account]{width:min(440px,calc(100vw - 24px));max-width:440px;padding:16px 20px;max-height:calc(100dvh - 24px);overflow-y:auto;border-radius:4px;border-start-start-radius:28px;box-sizing:border-box}
dialog[data-kind=account] .dialog-head{min-height:44px;margin:0 0 12px;padding:0;border:0}
dialog[data-kind=account] .dialog-head h2{font-size:16px;font-weight:500;line-height:1.5}
dialog[data-kind=account] .dialog-head .icon-btn{width:44px;height:44px}
.account-panel .account-menu-summary{display:flex;align-items:center;gap:12px;margin-bottom:0;padding:4px 0 12px;border-bottom:1px solid var(--line)}
.account-panel .account-menu-summary>div{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:4px;text-align:start}
.account-panel .account-menu-summary bdi{display:block;overflow-wrap:anywhere;font-size:15px;font-weight:600;line-height:1.6}
.account-panel .account-menu-summary>.avatar{flex:0 0 44px;width:44px;height:44px}
.account-panel .account-identity-caption{display:block;font-size:12px;color:var(--muted);line-height:1.6}
.account-panel .rank-badge{display:inline-flex;margin-top:4px;font-size:10px;min-height:0;padding:2px 7px}
.account-panel .language-toggle{flex-shrink:0;min-width:44px;min-height:44px;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:4px;font-size:12px;padding:6px}
.account-panel .account-menu-items{display:block}
.account-panel .account-group{padding:8px 0 4px;border-bottom:1px solid var(--line)}
.account-panel .account-group h3{font-size:12px;line-height:1.5;color:var(--muted);font-weight:400;padding:0;margin:0 0 4px}
.account-panel .account-group-links{display:grid;grid-template-columns:minmax(0,1fr);gap:2px}
.account-panel .btn.account-row{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:44px;border:0;border-radius:0;background:transparent;color:var(--ink);padding:8px 0;font-size:14px;line-height:1.5;text-align:start;box-shadow:none;white-space:normal}
.account-panel .account-row .icon{width:20px;height:20px;flex:0 0 20px;color:var(--violet)}
.account-panel .account-row span{min-width:0;overflow-wrap:anywhere}
.account-panel .account-row:hover:not(:disabled),.account-panel .account-row:focus-visible{background:var(--accent-soft)}
.account-panel .account-row:focus-visible{outline:2px solid var(--violet);outline-offset:-2px}
.account-panel .account-row:disabled{opacity:.45;cursor:not-allowed}
.account-panel .account-create:not(:disabled){background:var(--button-primary);color:var(--button-on-primary)}
.account-panel .account-create:not(:disabled) .icon{color:inherit}
.account-panel .account-create:not(:disabled):hover{background:var(--button-primary);filter:brightness(.96)}
.account-panel .account-signout{padding-top:4px;margin-top:8px;display:flex}
.account-panel .account-signout .account-row{width:auto;min-width:130px}
.account-panel .account-signout .account-row,.account-panel .account-signout .icon{color:var(--theme-danger-ink)}
.account-panel .guest-entry{margin-top:14px;gap:8px}
.account-panel .guest-entry>.text-btn{grid-column:1/-1;min-height:44px}
@media(max-width:359px){dialog[data-kind=account]{padding:12px!important}.account-panel .account-group-links{column-gap:4px}.account-panel .btn.account-row{font-size:11px;padding:8px 6px;gap:6px}}
@media(max-width:899px){.work-page .detail-hero{grid-template-columns:160px minmax(0,1fr);gap:12px 20px}}
@media(max-width:600px){
 .opportunity-grid .opportunity-card{grid-template-columns:min(28%,104px) minmax(0,1fr);gap:var(--urab-space-3);padding:var(--urab-space-3)}
 .opportunity-grid .opportunity-footer{grid-template-columns:minmax(0,1fr);gap:var(--urab-space-2)}
 .opportunity-grid .opportunity-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .work-page .detail-hero{grid-template-columns:120px minmax(0,1fr);gap:12px 16px;margin-bottom:8px}
 .work-cover-mat{grid-row:1}
 .work-page .detail-info>h1{font-size:20px}
 .work-page .work-primary-actions{grid-column:1/-1;display:flex;flex-wrap:nowrap;gap:8px;margin:0}
 .work-page .work-primary-actions>.btn:not([aria-label]){flex:1;min-width:0;padding:10px 6px;font-size:12px}
 .work-page .work-primary-actions .icon{width:18px;height:18px;flex:none}
 .work-page .work-tree-entry{gap:12px}
 .work-page .detail-side{gap:8px;padding-block:8px}
}
.signed-in .discovery-tabs{align-items:stretch}
@media(max-width:400px){.signed-in .discovery-tabs .tab{white-space:normal;overflow-wrap:anywhere;font-size:12px;padding:10px 4px}.signed-in .discovery-tabs .tab span{min-width:0}}
@media(max-width:360px){.work-page .detail-hero{grid-template-columns:104px minmax(0,1fr);gap:12px}.work-tree-entry>.tree-pattern{width:48px;height:48px}.work-tree-entry b{font-size:12px}}
/* One layout budget for navigation, playback and the scrolling page. */
.phone-screen.signed-in{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto auto;min-height:0}
.signed-in>.ios-status,.signed-in>.home-indicator{display:none!important}
.signed-in>.native-header{grid-row:1}
.signed-in>.native-main{grid-row:2;position:relative!important;inset:auto!important;min-height:0;overflow:auto;padding-bottom:28px!important;scroll-padding-bottom:28px}
.signed-in>.player:where(:not(.mini-player)),.signed-in.player-minimized>.player:where(:not(.mini-player)){grid-row:3;position:relative!important;inset:auto!important;transform:none!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0 16px 8px!important;height:74px!important;min-height:74px!important;display:flex!important;align-items:center;gap:10px;padding:9px 13px!important;border:1px solid var(--line);border-radius:20px!important;background:var(--theme-player,var(--surface-2));box-shadow:0 4px 18px #00000015;overflow:hidden}
.signed-in.player-minimized>.player:where(:not(.mini-player)){height:60px!important;min-height:60px!important;border-radius:16px!important;padding-block:5px!important}
.signed-in>.mobile-nav{grid-row:4;position:relative;inset:auto;height:74px;flex-shrink:0;box-sizing:border-box}
.signed-in .player:where(:not(.mini-player)) .now-playing{display:flex!important;align-items:center;gap:10px;flex:1 1 0!important;min-width:0!important;width:auto!important;overflow:hidden;text-align:start}
.signed-in .player:where(:not(.mini-player)) .now-playing>img{width:44px!important;height:44px!important;aspect-ratio:1;flex:0 0 44px!important;border-radius:12px!important;object-fit:cover}
.signed-in.player-minimized .player:where(:not(.mini-player)) .now-playing>img{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:10px!important}
.signed-in .player:where(:not(.mini-player)) .now-playing>span{display:block!important;min-width:0;overflow:hidden}
.signed-in .player:where(:not(.mini-player)) .now-playing b{display:block!important;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--ink)}
.signed-in .player:where(:not(.mini-player)) .now-playing small{display:block;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.signed-in.player-minimized .player:where(:not(.mini-player)) .now-playing small{display:none}
.signed-in .player:where(:not(.mini-player))>.icon-btn{flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:10px!important;border-radius:50%!important;aspect-ratio:1;display:grid!important;place-items:center}
.signed-in .player:where(:not(.mini-player)) .play-main,.full-player .full-controls>.play-main{background:var(--lime)!important;color:var(--on-lime,#20172b)!important;flex-shrink:0!important;aspect-ratio:1!important;border-radius:50%!important;opacity:1!important;box-shadow:none!important}
.full-player .full-controls>.play-main{width:64px!important;height:64px!important;min-width:64px;min-height:64px;padding:18px!important}
.signed-in .player:where(:not(.mini-player)) .playback-signal{flex:0 0 24px!important;min-width:24px;display:flex!important;align-items:center;justify-content:center}
.signed-in .player-state-label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.signed-in .player:where(:not(.mini-player)) .urab-bars{display:flex!important;width:21px;height:23px;gap:3px;align-items:center}
.signed-in .player:where(:not(.mini-player)) .urab-bars i{width:3px;background:var(--violet);border-radius:3px}
.signed-in .player:where(:not(.mini-player)).is-muted .mute-control{background:var(--accent-soft)!important;color:var(--violet)!important}
.player:where(:not(.mini-player)) .mini-progress{inset:auto 0 0!important;height:2px!important}
.signed-in.player-minimized .player:where(:not(.mini-player)) .player-size{display:none!important}
.signed-in .player:where(:not(.mini-player)) .player-size{flex-basis:32px!important;width:32px!important;min-width:32px!important;padding:7px!important}
.playback-queue{border-top:1px solid var(--line);padding-top:16px;margin:20px 0;text-align:start}
.playback-queue summary{cursor:pointer;color:var(--ink);font-weight:600;min-height:40px}
.queue-setting{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:12px}.queue-setting input{width:20px;height:20px;accent-color:var(--violet)}
.library-tracks{display:grid;gap:8px;max-width:1040px;margin:20px auto}
.library-track{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--line);border-radius:17px;background:var(--surface);color:var(--ink);min-width:0}
.library-track.is-playing{border-color:var(--violet);background:var(--accent-soft)}
.track-art{position:relative;width:56px;height:56px;flex:0 0 56px;border-radius:13px;overflow:hidden;padding:0}
.track-art img{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}
.track-art>.icon{position:absolute;inset:0;margin:auto;width:22px;height:22px;color:white}
.track-copy{flex:1;min-width:0;text-align:start;background:none;display:grid;gap:5px;padding:6px 0;color:var(--ink)}
.track-copy>bdi{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-copy small{color:var(--muted);font-size:12px}
.track-duration{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.library-track>.icon-btn{width:44px;height:44px;flex:0 0 44px;color:var(--muted)}.library-track>.icon-btn[aria-pressed=true]{color:var(--violet)}
.work-status-filter{display:flex;justify-content:flex-end;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin:6px 0}.work-status-filter select{width:auto;min-height:40px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);padding:6px 10px}
.discover-greeting{margin:8px 0 20px!important;display:flex;align-items:baseline;flex-wrap:wrap;column-gap:12px}
.discover-greeting>p{margin:0!important;font-size:13px!important}.discover-greeting h1{font-size:29px!important;margin:0!important}.discover-greeting>span{display:none}
.discovery-tabs .tab{flex:1;min-width:0;white-space:normal;line-height:1.5;padding:12px 6px;font-size:13px}
.filters{overflow:auto;scrollbar-width:thin;padding-bottom:8px;mask-image:linear-gradient(to right,transparent,#000 15px,#000 calc(100% - 15px),transparent)}
.feed-art{aspect-ratio:1!important;height:auto!important;max-height:none;width:calc(100% - 18px);max-width:280px;margin-inline:auto}.feed-title{pointer-events:none}.feed-title button{pointer-events:auto}.feed-title button{max-width:80%}
.work-body:empty{display:none}.work-body{padding-block:12px}.social-actions{border-top:1px solid var(--line);background:none!important}.social-actions button{min-height:40px}
.creation-studio-link{display:flex;justify-content:flex-end;margin-bottom:12px}.featured-select{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:12px;color:var(--muted)}.featured-select select{min-width:0;flex:1;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:8px}
.guest-entry{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 0 12px;border-bottom:1px solid var(--line)}
dialog[data-kind=profile]{max-width:660px;box-sizing:border-box}
.profile-edit-intro{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:16px}
.profile-edit-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:8px}
.profile-edit-tabs button{flex:1;min-width:0;min-height:46px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);font-size:13px;line-height:1.5;padding:8px}
.profile-edit-tabs button[aria-selected=true]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--violet)}
.profile-edit-tabs button:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.profile-edit-panel[hidden]{display:none!important}
.profile-edit-panel{gap:16px}
.profile-edit-panel>.btn{justify-self:start}
.profile-edit-panel .field{min-width:0;margin:0}
.profile-edit-panel input,.profile-edit-panel textarea{font-size:16px}
.profile-edit-panel textarea{resize:vertical;min-height:108px}
.profile-edit-panel :is(.avatar-picker,.cover-editor,.profile-photo-upload){padding:0;border:0;border-radius:0;background:none}
.profile-edit-panel :is(legend,.field-label){font-size:13px;font-weight:500;line-height:1.7;margin-bottom:10px}
.profile-edit-panel .meta{font-size:11px;line-height:1.7;margin:6px 0 10px;color:var(--muted)}
.profile-edit-panel :is(.avatar-picker,.cover-editor){padding-top:18px;border-top:1px solid var(--line)}
.profile-photo-upload-main{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center}
.profile-photo-sample{width:72px;height:72px;position:relative;border-radius:50%;overflow:hidden;background:var(--surface-2);border:1px solid var(--line)}
.profile-photo-sample img{width:100%;height:100%;object-fit:cover;display:block}
.profile-photo-sample img[hidden]{display:none}
.profile-photo-empty{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;color:var(--muted)}
.profile-photo-empty .icon{width:30px;height:30px}
.profile-photo-sample img:not([hidden])+.profile-photo-empty{display:none}
.profile-image-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0}
.profile-image-actions .file-input-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;border:0}
.profile-image-actions .file-choice{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:0;font-size:12px;cursor:pointer}
.profile-image-actions input:focus-visible+.file-choice{outline:2px solid var(--violet);outline-offset:2px}
.profile-edit-panel .avatar-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.profile-edit-panel .avatar-u-options{grid-template-columns:repeat(5,minmax(0,1fr))}
.profile-edit-panel .avatar-options button{width:100%;height:auto;min-height:44px;aspect-ratio:1;box-sizing:border-box;border-radius:50%;padding:3px;border:2px solid transparent;background:var(--surface-2);position:relative}
.profile-edit-panel .avatar-options button[aria-pressed=true]{border-color:var(--violet);box-shadow:none}
.profile-edit-panel .avatar-options img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.profile-edit-panel .avatar-options button>span{position:absolute;bottom:0;inset-inline-end:0;width:20px;height:20px;border-radius:50%;background:var(--violet);color:var(--on-accent);display:none;align-items:center;justify-content:center}
.profile-edit-panel .avatar-options button[aria-pressed=true]>span{display:flex}
.profile-edit-panel .avatar-options button>span .icon{width:12px;height:12px}
.avatar-more{margin-top:12px}.avatar-more summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.avatar-more summary:after{content:'+';font-size:18px}.avatar-more[open] summary:after{content:'−'}
.profile-edit-panel .cover-preview{height:auto;aspect-ratio:3;border-radius:12px;overflow:hidden;border:1px solid var(--line);margin:0 0 12px}
.profile-edit-panel .cover-preview img{width:100%;height:100%;object-fit:cover}
.cover-opacity-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}
.profile-edit-panel #cover-opacity{height:44px;min-height:44px;padding:0;accent-color:var(--violet)}
.profile-edit-panel .cover-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.profile-edit-panel .cover-presets button{min-width:0;width:100%;height:auto;border:1px solid var(--line);border-radius:10px;padding:3px;background:transparent;color:var(--muted);overflow:hidden;box-shadow:none}
.profile-edit-panel .cover-presets button[aria-pressed=true]{border-color:var(--violet);outline:1px solid var(--violet);color:var(--ink)}
.profile-edit-panel .cover-presets img{display:block;width:100%;height:auto;aspect-ratio:3;object-fit:cover;border-radius:7px}
.profile-edit-panel .cover-presets button>span{display:block;font-size:11px;line-height:1.5;padding:7px 4px;overflow-wrap:anywhere}
.profile-email-field>.btn{align-self:flex-start;margin:8px 0 0}
#profile-form>.form-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
#profile-form>.form-footer>.meta{flex:1;min-width:0;font-size:11px;line-height:1.6}
#profile-form>.form-footer>.btn{flex:0 0 auto}
@media(max-width:420px){.profile-edit-tabs button{font-size:11px;padding-inline:5px}.profile-edit-panel .avatar-options{gap:5px}.profile-edit-panel .avatar-more .avatar-options{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-photo-upload-main{grid-template-columns:56px minmax(0,1fr);gap:10px}.profile-photo-sample{width:56px;height:56px}#profile-form>.form-footer>.meta{flex-basis:100%;order:-1}.profile-image-actions .btn{padding-inline:10px}}
.discard-profile{padding:16px;border:1px solid var(--violet);border-radius:16px;background:var(--surface-2);margin-bottom:18px}.discard-profile p{margin-bottom:12px}.discard-profile button{margin:4px}
dialog.image-editor{position:fixed!important;inset:0!important;margin:auto!important;transform:none!important;width:min(720px,calc(100vw - 24px))!important;max-width:720px!important;height:max-content;max-height:calc(100dvh - 24px)!important;border-radius:26px!important;padding:24px!important;background:var(--bg);color:var(--ink);overflow:auto;box-sizing:border-box}
.image-editor h2{font-size:23px;margin:0 0 12px}.image-editor>p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:18px}.image-editor::backdrop{background:#080610d9;backdrop-filter:blur(12px)}
.image-crop-stage.touch-crop{height:auto!important;aspect-ratio:auto!important;overflow:visible!important;background:none!important;padding:0!important;display:flex;flex-direction:column;align-items:center;gap:16px;border:0!important}
.image-crop-stage.touch-crop canvas{width:100%!important;height:auto!important;max-height:48dvh;object-fit:contain;display:block;border-radius:16px;touch-action:none}.image-crop-stage.round-crop canvas{width:min(100%,360px)!important;border-radius:50%;aspect-ratio:1}
.image-crop-stage .crop-tools{position:static!important;inset:auto!important;transform:none!important;display:flex;justify-content:center;gap:10px;padding:0!important;background:none!important}.image-crop-stage .crop-tools button{width:auto;min-width:48px;height:46px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);color:var(--ink);font-size:17px;padding:8px 15px}
.image-editor-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.image-editor-actions .btn{min-height:46px}.crop-context{position:relative;height:105px;margin:20px 0 28px;overflow:visible;border-radius:15px;background:var(--bg)}.crop-context-cover{width:100%;height:100%;object-fit:cover;border-radius:15px}.crop-context:after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,var(--bg) 100%);pointer-events:none}.crop-context-avatar{position:absolute;inset-inline-start:18px;bottom:-12px;z-index:1;width:58px;height:58px}.crop-context-avatar .avatar{width:58px;height:58px;border:3px solid var(--bg)}
.file-choice{display:inline-flex;cursor:pointer;min-height:44px}.profile-edit-panel .photo-touch-wrap{display:none}
.wave-tree .tree-viewport{direction:ltr;height:460px;min-height:320px;max-height:none;background:radial-gradient(circle at 50% 40%,var(--accent-soft),transparent 65%),var(--surface-2);margin:0}
.tree-toolbar .btn,.tree-toolbar .text-btn{min-height:44px}.tree-toolbar{gap:5px}.tree-scale{margin-inline-start:auto}
.tree-expanded{position:fixed!important;inset:0!important;z-index:85!important;background:var(--bg);padding:22px;display:flex;flex-direction:column;gap:12px;overflow:auto;box-sizing:border-box}
.tree-expanded .wave-workspace{align-items:stretch!important}.tree-expanded .tree-viewport,.tree-expanded .tree-detail{width:100%;box-sizing:border-box}
.tree-expanded .tree-hint{margin:0}.tree-expanded .wave-workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.tree-expanded .tree-viewport{height:100%;min-height:260px}.tree-expanded .tree-detail{overflow:auto;min-height:0}.tree-expanded .wave-legend{margin:0}
.wave-node.is-sounding .wave-portrait{box-shadow:0 0 0 6px var(--accent-soft),0 0 30px var(--accent-soft);border-color:var(--lime)}
.feed-title button{width:max-content!important;max-width:calc(100% - 55px)!important;white-space:normal!important}.feed-title{width:calc(100% - 40px)!important}
@media(max-width:750px){.wave-tree .tree-viewport{height:350px;min-height:280px}.tree-expanded{padding:12px;gap:7px}.tree-expanded .wave-workspace{display:flex;flex-direction:column;gap:10px}.tree-expanded .tree-viewport{flex:1 0 260px;height:42dvh}.tree-expanded .tree-detail{flex:0 1 auto;max-height:34dvh;padding:15px}.tree-expanded .tree-detail h3{margin:5px 0}.tree-expanded .tree-detail p{font-size:12px;margin:7px 0}.tree-expanded .tree-detail .meta:last-child{display:none}.tree-expanded .tree-toolbar{margin-bottom:0}.tree-expanded .tree-hint{font-size:12px}.tree-expanded .wave-legend{font-size:10px}.wave-detail-person .avatar{width:32px;height:32px;flex:0 0 32px}}
.dm-messages{padding-inline:clamp(16px,4vw,60px)}.dm-bubble{max-width:min(75%,520px)!important}
.wave-portrait>.avatar,.wave-portrait>.avatar>img{width:100%!important;height:100%!important;max-width:none!important;aspect-ratio:1;object-fit:cover;display:block;flex:none!important}.wave-portrait .presence-dot{position:absolute}
.signed-in.messaging-screen{grid-template-rows:auto minmax(0,1fr) auto}.messaging-screen>.mobile-nav{grid-row:3}
@media(min-width:980px){.signed-in{grid-template-rows:auto minmax(0,1fr) auto!important}.signed-in>.mobile-nav{position:relative;inset:auto;height:auto;box-sizing:border-box}.signed-in>.player:where(:not(.mini-player)),.signed-in.player-minimized>.player:where(:not(.mini-player)){margin-inline-start:calc(var(--web-rail,230px) + 24px)!important;margin-inline-end:24px!important;max-width:1050px!important}.signed-in>.native-main{padding-top:24px}.player:where(:not(.mini-player)) .now-playing{max-width:none!important}}
@media(max-width:979px){.signed-in .player:where(:not(.mini-player)){gap:6px!important}.dm-bubble{max-width:86%!important}}
@media(max-width:520px){.signed-in>.player:where(:not(.mini-player)),.signed-in.player-minimized>.player:where(:not(.mini-player)){margin-inline:10px!important;margin-bottom:5px!important}.signed-in .player:where(:not(.mini-player)) .now-playing{gap:7px}.signed-in .player:where(:not(.mini-player)):not(:hover) .player-state-label{display:none}.signed-in .player:where(:not(.mini-player))>.icon-btn[data-action=next-track]{display:none!important}.signed-in>.mobile-nav{height:64px}.discover-greeting{display:block;margin-top:2px!important;margin-bottom:15px!important}.discover-greeting h1{font-size:25px!important}.discover-greeting>p{margin-bottom:4px!important}.library-track{gap:10px;padding:10px}.track-art{width:48px;height:48px;flex-basis:48px}.track-copy>bdi{font-size:13px}.signed-in.messaging-screen.thread-open{grid-template-rows:minmax(0,1fr)!important}.signed-in.messaging-screen.thread-open>.native-main{grid-row:1!important}}
@media(prefers-reduced-motion:reduce){.player:where(:not(.mini-player)).is-playing .urab-bars i{animation:none!important;height:12px}.player:where(:not(.mini-player)).is-playing .urab-bars i:nth-child(2){height:20px}}

.filters{scrollbar-width:none}.filters::-webkit-scrollbar{display:none}
@media(min-width:980px){.signed-in>.mobile-nav{grid-row:4;grid-column:1;inset:auto}.signed-in.messaging-screen>.mobile-nav{grid-row:3}}
.track-art>.icon{z-index:2;filter:drop-shadow(0 1px 3px #000)}.track-art>.icon-play{fill:white!important;stroke:white!important}.track-art>.icon-play path{fill:white!important;stroke:white!important}
.phone-screen.signed-in.messaging-screen>.player:where(:not(.mini-player)){display:none!important}.signed-in.messaging-screen>.native-main{padding-bottom:0!important}
html[dir=ltr] svg.icon-back,html[dir=ltr] svg.icon-arrow{transform:scaleX(-1)!important}
@media(min-width:980px){.dm-history,.dm-thread-context,.dm-compose{padding-inline:max(24px,calc((100% - 720px)/2))}}
.dm-work>.dm-play{order:1}.dm-work>.dm-work-name{order:2}
.track-art:has(.icon-play)::after{content:'';position:absolute;z-index:3;width:13px;height:17px;inset:0;margin:auto;background:white;clip-path:polygon(0 0,100% 50%,0 100%);filter:drop-shadow(0 1px 2px #000)}

.wave-tree .tree-viewport{position:relative;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;isolation:isolate}.wave-tree .wave-canvas{position:absolute;inset:0 auto auto 0;transform-origin:0 0;will-change:transform;zoom:1!important}.wave-tree .wave-canvas img{pointer-events:none;-webkit-user-drag:none}.wave-tree .tree-toolbar{position:relative;z-index:1}

/* The native host already reserves system-bar insets. Browsers reserve them once. */
@media(max-width:899px){
 .phone-screen.signed-in{--nav-safe-bottom:env(safe-area-inset-bottom,0px)}
 .phone-screen.signed-in.app-native{--nav-safe-bottom:0px}
 .signed-in>.mobile-nav{height:calc(64px + var(--nav-safe-bottom));min-height:0;padding:6px 8px calc(6px + var(--nav-safe-bottom));box-sizing:border-box;align-items:center;align-self:end}
 .mobile-nav button{height:50px;min-height:50px;line-height:1.3;gap:4px}
 .mobile-nav .mobile-create{margin-top:0;height:34px;width:42px}
 .work-card .feed-art{height:auto!important;aspect-ratio:1!important;max-height:none;max-width:240px;border-radius:13px}
 .work-card .cover-open img{object-fit:cover;object-position:center}
 .work-card .feed-title{bottom:14px;inset-inline-start:14px;inset-inline-end:70px;max-width:none}
 .work-card .feed-title>button{font-size:21px;line-height:1.45;letter-spacing:0;max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 .work-card .feed-title>small{font-size:8px;margin-bottom:3px}
 .work-card .feed-art .cover-play{left:auto;right:auto;inset-inline-end:14px;bottom:14px;width:44px;height:44px}
 .work-card .feed-author{padding:10px 12px}
 .work-card .audio-strip{padding:8px 14px 5px}
 .work-card .work-body{padding:6px 14px 9px}
 .work-card .collab-tag,.work-card .completed-tag{margin-top:5px}
 .works-grid{gap:14px}
}


/* Source: messaging-refresh.css */
/* Messaging has its own density scale; it must not inherit marketing typography. */
.phone-screen.signed-in.messaging-screen{grid-template-rows:auto minmax(0,1fr) auto!important}
.signed-in.messaging-screen>.native-main{padding:0!important;overflow:hidden;min-height:0;scroll-padding:0}
.signed-in.messaging-screen>.mobile-nav{grid-row:3;box-sizing:border-box}
.messaging-screen .dm-shell{height:100%;min-height:0;font-size:14px;font-weight:400;line-height:1.5}
.dm-sidebar{padding:0!important;overflow:hidden}
.dm-sidebar-heading{padding:16px 18px 10px;min-height:62px;flex-shrink:0}
.dm-sidebar h1{font-size:22px;line-height:1.4;margin:0;font-weight:600;letter-spacing:-.3px}
.dm-heading-actions{display:flex;align-items:center;gap:4px}
.dm-heading-actions .dm-info{border:0;background:transparent;color:var(--muted)}
.dm-button.dm-icon-only{width:44px;height:44px;min-height:44px;padding:12px;border-radius:14px}
.dm-heading-actions>.primary{width:40px;height:40px;min-height:40px;padding:10px;position:relative}
.dm-heading-actions>.primary:after{content:'';position:absolute;inset:-2px}
.dm-search{min-height:42px;margin:0 16px 8px;border-radius:13px;padding-inline:12px;flex-shrink:0}
.dm-search input{font-size:14px;line-height:1.5;padding:9px 0}
.dm-filters{padding:0 12px 9px;gap:2px;flex-shrink:0}
.dm-filters button{font-size:12px;line-height:1.5;min-height:36px;padding:7px 6px;border-radius:10px}
.dm-rows{padding:4px 8px max(8px,env(safe-area-inset-bottom));flex:1 1 0;min-height:0}
.dm-row{padding:10px;margin:0;gap:11px;min-height:72px;border-radius:12px}
.dm-row:active{transform:none;background:var(--accent-soft)}
.dm-row .avatar{width:44px;height:44px;min-width:44px;max-width:44px;flex:0 0 44px}
.dm-row-content{gap:3px}
.dm-row-top>bdi{font-size:14px;font-weight:600;line-height:1.5}
.dm-row-top time{font-size:11px;line-height:1.4}
.dm-row-preview>bdi{font-size:13px;line-height:1.5;font-weight:400}
.dm-row-context{font-size:11px;line-height:1.4;gap:4px}
.dm-row-context .icon{width:11px;height:11px}
.dm-row:not(.selected)+.dm-row:not(.selected){border-top-color:var(--line)}
.dm-thread-header{min-height:64px;padding:9px 16px;gap:8px}
.dm-thread-header .dm-person .avatar{width:38px;height:38px;min-width:38px;max-width:38px;flex-basis:38px}
.dm-person{gap:9px}.dm-person>span:last-child{gap:3px}
.dm-person bdi{font-size:14px;line-height:1.45}.dm-presence{font-size:11px;line-height:1.4}
.dm-thread-context{padding:7px 16px}
.dm-work{gap:9px;padding:7px 9px;border-radius:12px}
.dm-work>img{width:38px;height:38px;flex-basis:38px;border-radius:9px}
.dm-work-name{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:1px;align-items:center}
.dm-work-name>small{grid-column:1/-1;font-size:10px;line-height:1.4;letter-spacing:0}
.dm-work-name>bdi{font-size:13px;line-height:1.5;font-weight:500}
.dm-work-name>span{font-size:11px;line-height:1.5;white-space:nowrap}
.dm-play{width:36px;height:36px;flex-basis:36px;position:relative}
.dm-play:before{content:'';position:absolute;inset:-4px}
.dm-history{gap:8px;padding:12px 18px 16px}
.dm-history-intro{font-size:11px;line-height:1.5;margin-bottom:2px}
.dm-day{font-size:11px;margin:4px 0;line-height:1.5}
.dm-message{max-width:min(84%,480px);min-width:62px;padding:8px 11px;border-radius:15px}
.dm-message p{font-size:15px;font-weight:400;line-height:1.65;letter-spacing:0;margin:0}
.dm-message-meta{gap:5px;margin-top:3px;font-size:11px;line-height:1.4;min-height:14px}
.dm-message-meta .icon{width:11px;height:11px}.dm-demo-indicator{display:inline-flex;opacity:.7}
.dm-message:has(.dm-voice-player){width:min(236px,76%);max-width:76%;padding:8px 10px}
.dm-voice-player{width:100%;min-width:0;gap:9px;padding:0;min-height:36px}
.dm-voice-player .voice-wave{height:25px;gap:2px;min-width:35px}
.dm-voice-player .voice-wave i{max-height:23px!important;width:2px;max-width:3px}
.dm-voice-player .voice-time{font-size:11px;line-height:1.4;flex:0 0 auto;min-width:29px;font-variant-numeric:tabular-nums}
.dm-compose{padding:8px 14px max(10px,env(safe-area-inset-bottom))}
.dm-compose-box{gap:4px;padding:4px;border-radius:18px}
.dm-compose textarea{font-size:15px;font-weight:400;line-height:1.55;min-height:40px;max-height:110px;padding:8px 2px}
.dm-compose-box .dm-button.dm-icon-only{width:40px;height:40px;min-height:40px;padding:10px;border-radius:12px;position:relative;background:transparent}
.dm-compose-box .dm-button.dm-icon-only:after{content:'';position:absolute;inset:-2px}
.dm-send{width:40px;height:40px;flex-basis:40px;border-radius:13px;position:relative}
.dm-send:after{content:'';position:absolute;inset:-2px}
.dm-compose .icon{width:19px;height:19px}
.dm-info-copy p,.dm-options-note{font-size:14px;line-height:1.8;font-weight:400;color:var(--muted);margin-bottom:14px}
.dm-draft-work{margin-bottom:7px}.dm-message>.dm-work{min-width:0}
.voice-draft{font-size:13px;gap:7px;padding:8px;flex-wrap:wrap}
@media(max-width:899px){
 .phone-screen.signed-in.messaging-screen.thread-open{grid-template-rows:minmax(0,1fr)!important}
 .signed-in.messaging-screen.thread-open>.native-main{grid-row:1!important}
 .dm-thread-header{padding:8px 10px;min-height:60px}
 .dm-thread-context{padding:7px 12px}.dm-history{padding-inline:14px}
 .dm-compose{padding-inline:10px}.dm-message{max-width:86%}
 .dm-thread-context .dm-work-name>span{font-size:0;gap:0}.dm-thread-context .dm-work-name>span .icon{width:15px;height:15px}
 .dm-sidebar-heading{padding-top:12px;min-height:58px}
 .dm-shell.has-thread .dm-sidebar{display:none}
}
@media(min-width:900px){
 .phone-screen.signed-in.messaging-screen{grid-template-rows:auto minmax(0,1fr)!important}
 .messaging-screen .dm-shell{grid-template-columns:minmax(280px,330px) minmax(0,1fr)}
 .dm-history,.dm-thread-context,.dm-compose{padding-inline:max(20px,calc((100% - 720px)/2))}

}


/* Source: tree-explorer.css */
/* The map owns the space. Selection details overlay it only when requested. */
.work-page .detail-columns>.panel:has(>.creative-tree){padding:0;border:0;background:transparent;box-shadow:none}
.creative-tree.wave-tree{position:relative;isolation:isolate;min-width:0;overflow:visible;scroll-margin-block-start:12px}
.wave-tree .tree-toolbar{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;margin:0 0 10px;padding:0;position:relative;z-index:6}
.tree-toolbar-title{display:grid;gap:2px;font-size:.9375rem;font-weight:650;flex:1;min-width:0;line-height:1.5}
.tree-toolbar-title small{font-size:.75rem;font-weight:400;color:var(--muted);line-height:1.5}
.wave-tree .tree-control{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;aspect-ratio:1;padding:8px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);font-size:18px;line-height:1;cursor:pointer}
.wave-tree .tree-control .icon{width:19px;height:19px}
.creative-tree.wave-tree .btn.tree-fit-control{width:auto;aspect-ratio:auto;flex-basis:auto;font-size:.75rem;padding:8px 12px;border-radius:6px;border-start-start-radius:18px}
.tree-tools{position:relative;flex-shrink:0}.tree-tools summary{list-style:none}.tree-tools summary::-webkit-details-marker{display:none}
.tree-tools-menu{position:absolute;top:50px;inset-inline-end:0;width:min(240px,75vw);padding:7px;display:grid;gap:3px;border:1px solid var(--line);background:var(--surface);border-radius:6px;border-start-start-radius:20px;box-shadow:0 12px 35px #0004}
.tree-tools-menu .text-btn{width:100%;min-height:44px;text-align:start;justify-content:flex-start;font-size:.8125rem;padding:9px 12px;border-radius:6px}
.tree-tools-menu .text-btn:hover{background:var(--accent-soft)}
.wave-tree .wave-workspace{display:block!important;position:relative;min-height:0;overflow:hidden;container-type:inline-size;container-name:contribution-map;border:1px solid var(--line);border-radius:6px;border-start-start-radius:30px;border-end-end-radius:30px;background:var(--surface-2)}
.wave-tree .tree-viewport{height:clamp(380px,52dvh,520px);min-height:0!important;max-height:none!important;margin:0;border:0;border-radius:0;overflow:hidden;touch-action:none;overscroll-behavior:none;background:radial-gradient(ellipse at 70% 35%,var(--accent-soft),transparent 70%),var(--surface-2)}
.wave-tree.tree-single-origin .tree-viewport,.wave-tree.tree-single-origin .tree-list{height:340px}
.wave-tree.tree-single-origin.tree-impact .tree-viewport,.wave-tree.tree-single-origin.tree-impact .tree-list{height:364px}
.wave-tree .wave-canvas{position:absolute;left:0;top:0;will-change:transform;touch-action:none}
.wave-tree .tree-zoom-controls{position:absolute;inset-inline-start:auto;inset-inline-end:12px;top:12px;display:flex;flex-direction:column;align-items:center;gap:0;z-index:3;padding:2px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.tree-zoom-controls .tree-control{border:0;background:none;width:44px;height:44px;min-height:44px;flex-basis:44px}
.wave-tree .tree-scale{margin:0;font-size:.6875rem;line-height:1.5;font-variant-numeric:tabular-nums;color:var(--muted)}
.wave-tree .tree-detail{position:absolute;z-index:4;inset:auto 8px 8px;width:auto!important;max-height:calc(100% - 24px);min-height:0;margin:0;padding:0!important;border:1px solid var(--line);border-radius:6px;border-start-start-radius:22px;border-end-end-radius:22px;background:var(--surface);box-shadow:0 4px 14px #0002;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}
.wave-tree .tree-sheet-handle{width:auto;min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0;background:none;color:var(--ink);font-size:.75rem;border:0;touch-action:none;cursor:pointer}
.tree-sheet-handle>.icon{width:14px;height:14px;transition:transform .18s ease}
.tree-sheet-handle[aria-expanded=true]>.icon{transform:rotate(180deg)}
.tree-selection-bar{display:flex;align-items:center;gap:4px;padding:6px;flex-shrink:0;min-width:0}
.tree-selection-copy{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:none;color:var(--ink);text-align:start;padding:0;min-height:44px}
.tree-selection-copy>.avatar{width:32px!important;height:32px!important;min-width:32px;flex:0 0 32px!important;aspect-ratio:1;border-radius:50%}
.tree-selection-art{display:block;width:32px;height:32px;flex:0 0 32px;overflow:hidden;border-radius:8px;background:var(--surface-2)}
.tree-selection-art img{display:block;width:100%;height:100%;object-fit:contain}
.tree-selection-label{min-width:0;display:grid;gap:1px;flex:1}
.tree-selection-copy b{font-size:.8125rem;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tree-selection-copy small{font-size:.6875rem;line-height:1.5;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wave-tree .tree-selection-play{background:var(--accent-soft);color:var(--violet);border:1px solid var(--accent-line);border-radius:50%}
.creative-tree.wave-tree .btn.tree-contribute-quick{min-height:44px;font-size:.75rem;padding:8px 12px;border-radius:6px;border-start-start-radius:16px;white-space:nowrap;background:var(--accent-soft);color:var(--violet);border:1px solid var(--accent-line);flex-shrink:0}
.tree-sheet-body{padding:0 14px 14px;overflow:auto;overscroll-behavior:contain;min-height:0;border-top:1px solid var(--line)}
.tree-sheet-body[hidden]{display:none!important}
.wave-tree .tree-sheet-body p{font-size:13px;line-height:1.75;margin:10px 0;white-space:pre-wrap}
.wave-tree .tree-sheet-body p:empty{display:none}
.wave-tree .tree-sheet-body .meta{font-size:.75rem}
.wave-tree .wave-detail-actions{display:grid;gap:8px;margin:12px 0}
.wave-tree .wave-detail-actions .btn{min-height:44px;font-size:13px;padding:10px}
.wave-tree.sheet-hidden .tree-detail{display:none}
.wave-tree.sheet-open .tree-detail{max-height:calc(100% - 24px)}
.wave-tree .tree-list{height:clamp(380px,52dvh,520px);margin:0;padding:14px 12px 148px;overflow:auto;display:flex;flex-direction:column;gap:8px}
.tree-list>button{flex-shrink:0}
.wave-tree.tree-overview .wave-node-select small,.wave-tree.tree-overview .wave-kind{display:none}
.wave-tree .wave-node-select b{max-height:3.2em;overflow:hidden;line-height:1.6;font-size:.875rem}
.wave-tree .wave-node-select small{font-size:.75rem;line-height:1.6;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wave-tree .wave-kind{font-size:.6875rem;line-height:1.5}
.wave-tree .wave-link{stroke-width:2;opacity:.65;stroke-linecap:round}
.wave-tree .wave-link.on-path{stroke-width:2.75;opacity:1}
.wave-tree .wave-node-select{gap:6px}
.wave-tree .wave-portrait{box-shadow:none;border-width:1.5px;border-radius:50%;padding:0}
.wave-tree .wave-portrait>img,.wave-tree .wave-portrait>.avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}
.wave-tree .wave-origin.is-sounding .wave-portrait:before{border-radius:50%}
.wave-tree .wave-node.selected .wave-portrait{outline-width:2.5px;outline-color:var(--violet);outline-offset:5px;transform:none}
.wave-tree .wave-role{width:30px;height:30px;aspect-ratio:1}
.wave-tree .wave-add{width:44px;height:44px;aspect-ratio:1;inset-inline-end:4px;top:18px;z-index:2;background:var(--lime);color:var(--on-lime);border:1px solid var(--lime);border-radius:50%;box-shadow:none}
.wave-tree .wave-fold{min-height:44px;border:0;background:transparent;padding:4px 10px;font-size:.75rem}
.wave-tree.has-selection .wave-node:not(.on-path){opacity:.65}
.wave-tree.has-selection .wave-link:not(.on-path){opacity:.32}
.wave-tree .wave-node-select:focus-visible{outline:0}
.wave-tree .wave-node-select:focus-visible .wave-portrait{outline:3px solid var(--ink);outline-offset:8px}
.wave-tree .tree-list>button{border-radius:6px;border-start-start-radius:18px;line-height:1.6}
.wave-tree .tree-list>button[aria-pressed=true]{border-inline-start:3px solid var(--lime)}
/* Portal directly into the device viewport: no scrolling/transformed page ancestor. */
.phone-screen>.tree-expanded{position:absolute!important;inset:0!important;width:100%;height:100%;max-height:none;padding:8px!important;gap:0!important;display:flex;flex-direction:column;overflow:hidden!important;z-index:85!important;animation:none!important;transform:none!important;border-radius:0;background:var(--bg)}
.phone-screen>.tree-expanded .tree-toolbar{flex:0 0 44px;margin:0 0 8px}
.phone-screen>.tree-expanded .wave-workspace{flex:1 1 0;min-height:0;display:block!important}
.phone-screen>.tree-expanded .tree-viewport,.phone-screen>.tree-expanded .tree-list{width:100%;height:100%!important;min-height:0!important;max-height:none!important}
.phone-screen>.tree-expanded .tree-detail{flex:none}
@media(min-width:900px){.phone-screen>.tree-expanded{padding:12px!important}}
/* A phone preview on a desktop still needs a phone-sized drawer. */
@container contribution-map (min-width:700px){
 .wave-tree .tree-detail{inset-inline-start:auto;inset-inline-end:14px;width:320px!important;bottom:14px}
 .wave-tree.sheet-open .tree-detail{max-height:calc(100% - 28px)}
}
@media(prefers-reduced-motion:reduce){.wave-tree *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.tree-onboarding{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;margin:0 0 12px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;border-start-start-radius:18px;background:var(--surface);color:var(--muted);font-size:.75rem;line-height:1.7;text-align:start}
.tree-onboarding .icon{width:16px;height:16px;flex:0 0 16px}
.sheet-open .tree-onboarding{display:none}

/* Engagement changes the emphasis, never the geometry or creative lineage. */
.tree-mode-switch{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 12px;flex-shrink:0}
.tree-mode-switch button{min-height:44px;display:inline-flex;gap:6px;align-items:center;padding:8px 12px;border-radius:6px;border-start-start-radius:16px;background:transparent;color:var(--muted);border:1px solid var(--line);font-size:.8125rem;line-height:1.4}
.tree-mode-switch button[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--violet);color:var(--violet)}
.tree-mode-switch svg{width:16px;height:16px}.tree-mode-switch small{margin-inline-start:auto;color:var(--muted);font-size:.75rem}
.tree-impact .wave-portrait{outline:2px solid var(--violet);outline-offset:calc(3px + var(--impact-strength)*5px)}
.tree-impact .impact-leading .wave-portrait{outline:3px solid var(--gold)}
.wave-node .wave-impact-count{display:flex;justify-content:center;align-items:center;gap:4px;font-size:12px;color:var(--ink);margin-top:5px;white-space:nowrap;line-height:1.5}
.wave-impact-count svg{width:13px;height:13px}.impact-leading .wave-impact-count{color:var(--gold)}
.tree-impact .wave-fold{margin-top:5px}
.tree-impact .wave-kind{display:none}
.impact-detail{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}
.impact-detail p{font-size:12px;line-height:1.6;color:var(--muted)}
.impact-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.impact-stats>span{font-size:12px;line-height:1.5;border:1px solid var(--line);border-radius:12px;padding:10px;color:var(--muted)}
.impact-stats b{display:block;font-size:20px;color:var(--ink);font-weight:650;font-variant-numeric:tabular-nums}
.impact-lineage{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.impact-lineage button{display:grid;gap:2px;min-height:44px;text-align:start;color:var(--ink);background:var(--accent-soft);padding:7px 10px;border-radius:10px;font-size:12px}
.impact-lineage small{color:var(--muted);font-size:11px}
.impact-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--accent-soft);margin-bottom:18px;font-size:14px;line-height:1.6}
.impact-entry small{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.impact-entry .btn{flex-shrink:0;font-size:13px;min-height:44px}
@media(max-width:600px){.impact-entry{align-items:flex-start;flex-direction:column}.tree-mode-switch button{padding:8px;font-size:12px}.tree-toolbar-title small{display:none}}


/* Source: app-density.css */
/* Daily-use screens use a compact type scale; welcome and public storytelling keep their own scale. */
.native-brand-group{display:flex;align-items:center;gap:6px;min-width:0}
.native-brand-group .app-back{flex:0 0 40px;width:40px;height:44px;padding:10px;background:none;color:var(--ink)}
.signed-in .native-main{font-size:14px;line-height:1.65}
.signed-in .page-heading h1,.signed-in .page-heading h2,.signed-in .page-head h1,.signed-in .discover-greeting h1{font-size:20px!important;line-height:1.45;letter-spacing:0;font-weight:500}
.signed-in .section-title h2,.signed-in .section-title h3,.signed-in .panel>h3{font-size:16px;line-height:1.5}
.signed-in .detail-info h1{font-size:22px;line-height:1.5}
.signed-in .tabs .tab,.signed-in .chip{font-size:12px;line-height:1.45}
.signed-in .discovery-tabs .tab{padding:10px 6px;min-height:44px}
.signed-in .settings-row{padding:13px 14px;gap:14px}
.signed-in .settings-row h3,.signed-in .project-content h3{font-size:14px;line-height:1.5}
.signed-in .settings-row p,.signed-in .project-content p{font-size:12px;line-height:1.65}
.signed-in .settings-row .btn,.signed-in .project-content .btn{font-size:12px;min-height:40px}
.signed-in .detail-about,.signed-in .invitation p{font-size:14px;line-height:1.75}
.work-text-disclosure,.work-info-disclosure{border-top:1px solid var(--line);margin-block:12px}
.work-text-disclosure>summary,.work-info-disclosure>summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:10px;font-size:14px;font-weight:500;cursor:pointer;list-style:none}
.work-text-disclosure>summary::-webkit-details-marker,.work-info-disclosure>summary::-webkit-details-marker{display:none}
.work-text-disclosure>summary::after,.work-info-disclosure>summary::after{content:'';width:7px;height:7px;flex:0 0 7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-inline:4px;color:var(--muted)}
.work-text-disclosure[open]>summary::after,.work-info-disclosure[open]>summary::after{transform:rotate(225deg)}
.work-text-disclosure>summary:focus-visible,.work-info-disclosure>summary:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.work-text-disclosure .lyrics{margin-block:0 16px}.work-info-disclosure .work-credits{margin-block:0 16px}
.work-collaboration-summary>p{margin-top:12px}.work-availability-chips{display:flex;gap:6px;flex-wrap:wrap;margin-block:12px 16px}
.signed-in .search{height:42px;margin-bottom:14px}
.signed-in .filters{margin-bottom:12px}
.signed-in .discover-greeting{margin-bottom:12px!important}
.messaging-screen .dm-sidebar h1{font-size:20px!important;line-height:1.4}
.messaging-screen .dm-sidebar-heading{padding:9px 14px 7px;min-height:54px}
.messaging-screen .dm-search input{font-size:13px}
.messaging-screen .dm-filters button{font-size:12px;padding:6px;min-height:36px}
.messaging-screen .dm-row{padding:8px 9px;min-height:66px;gap:9px}
.messaging-screen .dm-row .avatar{width:40px;height:40px;min-width:40px;max-width:40px;flex-basis:40px}
.messaging-screen .dm-row-top>bdi{font-size:14px;font-weight:500}
.messaging-screen .dm-row-preview>bdi{font-size:12px;line-height:1.5}
.messaging-screen .dm-row-top time,.messaging-screen .dm-row-context{font-size:10px}
.messaging-screen .dm-thread-header{min-height:56px;padding:6px 10px;gap:4px}
.messaging-screen .dm-thread-header .dm-person .avatar{width:32px;height:32px;min-width:32px;max-width:32px;flex-basis:32px}
.messaging-screen .dm-person{min-width:0;gap:6px}.messaging-screen .dm-person>span:last-child{min-width:0}.messaging-screen .dm-person bdi{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.messaging-screen .dm-presence{font-size:10px}
.messaging-screen .dm-message{padding:7px 10px;border-radius:13px;min-width:50px}
.messaging-screen .dm-message p{font-size:14px!important;line-height:1.55!important;font-weight:400}
.messaging-screen .dm-message-meta{font-size:10px;line-height:1.3;min-height:13px;margin-top:2px}
.messaging-screen .dm-history{gap:7px;padding-block:10px}
.messaging-screen .dm-compose textarea{font-size:14px!important;line-height:1.5;max-height:104px;min-height:40px}
.messaging-screen .dm-message:has(.dm-voice-player){width:min(210px,76%);padding:6px 9px}
.messaging-screen .dm-voice-player{min-height:34px;gap:7px}
.messaging-screen .dm-voice-player .voice-wave{height:21px}
.messaging-screen .dm-voice-player .voice-wave i{max-height:20px!important}
.messaging-screen .dm-voice-player .voice-time{font-size:10px}
.messaging-screen .dm-thread-context{padding-block:5px}
.messaging-screen .dm-work-name>bdi{font-size:12px}
.messaging-screen .dm-work>img{width:32px;height:32px;flex-basis:32px}
@media(max-width:520px){
 .signed-in .native-header{padding-inline:12px;height:56px}
 .native-brand-group .brand-wordmark{max-width:90px}
 .signed-in .page-heading,.signed-in .page-head{margin-bottom:16px}
 .signed-in .detail-info h1{font-size:20px}
 .signed-in .settings-list{gap:9px}
 .messaging-screen .dm-compose{padding-block:6px}
}
/* iOS input focus zoom is avoided while message display remains compact. */
@supports(-webkit-touch-callout:none){.messaging-screen .dm-compose textarea,.messaging-screen .dm-search input{font-size:16px!important}}

.account-menu-items .btn{font-size:13px;min-height:44px}
.account-menu-summary bdi{font-size:14px}
body:has(.signed-in) dialog:not(:has(.full-player)) .dialog-head h2{font-size:20px;line-height:1.5}
body:has(.signed-in) dialog .dialog-intro{font-size:13px;line-height:1.7}

/* Identity on main sections; context and actions on deeper screens. */
.signed-in>.urab-header{height:60px;padding:6px 12px;gap:12px;box-sizing:border-box;border-bottom:1px solid var(--line)}
.urab-header[dir=rtl]{direction:rtl}.urab-header[dir=ltr]{direction:ltr}
.urab-header .native-brand-group{flex:1;gap:4px;overflow:hidden}
.urab-header .native-brand{min-height:48px;padding:0 4px;flex-shrink:0}
.urab-header .native-brand .brand-wordmark{width:88px;max-width:88px;height:40px;object-fit:contain;border-radius:0}
.urab-header .header-title{font-size:15px;font-weight:600;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0}
.urab-header .header-actions{gap:8px;flex-shrink:0}
.urab-header .icon-btn,.urab-header .app-back{width:48px;height:48px;min-width:48px;flex:0 0 48px;padding:12px;border-radius:50%;background:transparent;color:var(--ink);position:relative}
.urab-header .icon-btn>.icon{width:22px;height:22px}
html[data-theme] .urab-header .account-menu-button,.urab-header .account-menu-button{height:48px;min-width:56px;display:flex;justify-content:center;align-items:center;gap:4px;padding:5px 2px;background:transparent;color:var(--ink);border:0;border-radius:24px;box-shadow:none;flex-shrink:0}
.urab-header .account-menu-button .avatar,.urab-header .header-guest-avatar{width:32px;height:32px;min-width:32px;max-width:32px;flex:0 0 32px;aspect-ratio:1;border-radius:50%}
.urab-header .header-guest-avatar{display:grid;place-items:center;background:var(--accent-soft,#a277ff20);color:var(--violet)}
.urab-header .account-menu-button>.icon-down{width:12px;height:12px;color:var(--muted)}
.urab-header .notif-dot{width:7px;height:7px;top:10px;right:auto;inset-inline-end:9px;border:2px solid var(--bg)}
.urab-header .header-action-label{display:none}
.urab-header button:focus-visible{outline:2px solid var(--violet);outline-offset:1px}
@media(hover:hover){.urab-header .icon-btn:hover,html[data-theme] .urab-header .account-menu-button:hover{background:var(--accent-soft,#a277ff20)}}
.signed-in .discover-greeting{margin-top:4px!important;margin-bottom:12px!important}
.signed-in .discover-greeting>p{font-size:12px!important;color:var(--muted)}
.messaging-screen .dm-thread-header .dm-icon-only{width:48px;height:48px;min-width:48px;flex:0 0 48px}
@media(min-width:900px){
 .signed-in>.urab-header{height:72px;padding:12px 28px}
 .urab-header .native-brand .brand-wordmark{width:102px;max-width:102px}
 .urab-header .header-actions{gap:12px}
 .urab-header .header-title{font-size:16px}
 .urab-header .header-messages{width:auto;flex-basis:auto;display:flex;align-items:center;gap:8px;padding-inline:14px;border-radius:24px}
 .urab-header .header-action-label{display:inline;font-size:14px;font-weight:500}
}
@media(max-width:360px){.signed-in>.urab-header{padding-inline:8px;gap:4px}.urab-header .header-actions{gap:4px}.urab-header .native-brand .brand-wordmark{width:76px;max-width:76px}}


/* Source: native-experience.css */
/* Shared local demo journeys. Keep the content, not chrome, prominent. */
.native-listener,.native-creation-context{border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);padding:14px;margin:0 0 18px;font-size:13px;line-height:1.6}
.native-creation-context>span{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.native-path-actions,.native-creation-context{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.native-listener summary{cursor:pointer;font-size:14px;font-weight:650;min-height:44px;align-content:center}
.native-listener summary svg,.native-resume svg,.native-journey svg,.native-creation-context svg{width:18px;height:18px;vertical-align:middle;color:var(--violet);flex-shrink:0}
.native-listener p{font-size:13px;line-height:1.65;color:var(--muted);margin:10px 0}
.native-path-actions{margin:10px 0}
.native-path-actions .btn,.native-creation-context .btn,.native-listening-notes .btn,.native-follow-row .btn,.native-comparison .btn{min-height:44px;padding:8px 12px;font-size:12px;line-height:1.4;border-radius:12px}
.native-listening-notes article{padding:12px 0;border-top:1px solid var(--line)}
.native-listening-notes .text-btn{font-size:12px;max-width:100%;white-space:normal;text-align:start;min-height:44px}
.native-listening-notes p{color:var(--ink);overflow-wrap:anywhere}
.native-listening-notes small{display:block;color:var(--muted);font-size:11px}
.native-follow-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.native-follow-row>span{min-width:0;overflow-wrap:anywhere}.native-follow-row small{display:block;color:var(--muted)}
.native-comparison{font-size:13px;line-height:1.7}.native-comparison>p,.native-comparison article p{color:var(--muted);font-size:13px}
.native-comparison article{border:1px solid var(--line);border-radius:16px;padding:14px;margin-top:12px;background:var(--surface)}
.native-comparison article>bdi{font-size:15px;font-weight:650}.native-comparison article>div{display:flex;align-items:center;gap:10px}
.native-comparison .btn[aria-pressed="true"]{border-color:var(--violet);color:var(--violet)}
.native-comparison .dm-play{width:44px;height:44px;min-width:44px;flex:0 0 44px;border-radius:50%;padding:10px;border:1px solid var(--line);background:var(--surface);color:var(--violet)}
.native-comparison .dm-play svg{width:20px;height:20px}
.dm-thread-context:has(.native-journey){padding:6px 12px}
.native-journey{font-size:12px;line-height:1.5;color:var(--ink);border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.native-journey summary{cursor:pointer;min-height:44px;padding:9px 12px;display:flex;gap:7px;align-items:center}
.native-journey summary::after{content:'⌄';margin-inline-start:auto;color:var(--muted)}
.native-journey summary bdi{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;flex:1}
.native-journey summary small{font-size:10px;color:var(--muted);white-space:nowrap}
.native-journey>div{display:flex;gap:6px;padding:0 8px 8px;flex-wrap:wrap}
.native-journey .btn{font-size:11px;min-height:44px;padding:7px 10px;line-height:1.4;border-radius:10px}
.native-creation-context{justify-content:space-between;text-align:start}
@media(max-width:380px){.native-journey summary small{display:none}}

.messaging-screen .native-main{flex-direction:column}

/* A temporary continuation notice floats above content without reserving a row. */
.signed-in .native-resume{position:fixed;z-index:80;inset-block-start:calc(var(--workspace-header,60px) + 12px + env(safe-area-inset-top,0px));inset-inline:16px;display:grid;gap:8px;width:calc(100% - 32px);max-width:24rem;min-width:0;box-sizing:border-box;margin:0 auto;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);font-size:12px;line-height:1.5;box-shadow:0 8px 24px #0003}
.signed-in .native-resume[hidden]{display:none}
.signed-in .native-resume>span{display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}
.signed-in .native-resume>span>b{font-size:inherit;font-weight:600}
.signed-in .native-resume>div{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0;margin:0}
.signed-in .native-resume .btn{min-height:44px;max-width:100%;padding:6px 12px;font-size:11px;line-height:1.4;border-radius:999px;white-space:normal}
.signed-in .native-resume .btn:first-child{border-color:var(--violet);color:var(--ink);background:var(--surface)}
.signed-in .native-resume .btn:last-child{border-color:transparent;background:transparent;color:var(--muted)}
.signed-in .native-resume :focus-visible{outline:2px solid var(--violet);outline-offset:3px}

@media(min-width:900px){
 #dialog[data-kind="demo-compare"]{width:min(980px,calc(100vw - 48px));max-width:980px}
 .native-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
 .native-comparison>p{grid-column:1/-1;margin:0}
 .native-comparison article{margin:0;display:flex;flex-direction:column;padding:20px;min-width:0}
 .native-comparison article>div{margin-top:auto;padding-top:12px;flex-wrap:wrap}
 .native-comparison article p{font-size:14px}
 .native-resume{display:flex;align-items:center;justify-content:space-between;gap:16px}
 .native-resume>div{margin:0;flex-shrink:0}
}

.demo-agreement{font-size:14px;line-height:1.85;color:var(--ink)}
.demo-agreement section{padding:12px 0;border-bottom:1px solid var(--line)}
.demo-agreement h3{font-size:16px;margin:0 0 6px}.demo-agreement p{margin:0;color:var(--muted)}
.demo-agreement .agreement-version{font-size:12px;color:var(--violet)}
.signup-page .agreement-link{min-height:44px;margin:5px 0 12px}
.support-resources{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0 0 16px}
.support-resources>.btn{width:100%;min-width:0;min-height:46px;margin:0;padding:10px 14px;font-size:14px;line-height:1.5;white-space:normal;align-items:center;justify-content:center}
.auth-consent{align-items:flex-start;line-height:1.7;font-size:14px}
.auth-consent input{flex:0 0 20px;width:20px;height:20px;margin-top:3px;accent-color:var(--violet)}
#demo-agreement-form{position:sticky;bottom:0;padding:14px 0 0;background:var(--surface);border-top:1px solid var(--line)}
.note-timeline{padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:14px 0;color:var(--ink)}
.note-wave{height:92px;position:relative;background:var(--accent-soft);border-radius:12px;overflow:hidden;--note-position:0%}
.note-wave-svg{position:absolute;inset:8px 0;width:100%;height:76px;fill:var(--violet);opacity:.7}
.note-wave-renderer{position:absolute;inset:6px 0;pointer-events:none;opacity:.7}
.note-wave input[type="range"]{position:absolute;inset:0;width:100%;height:100%;margin:0;cursor:ew-resize;opacity:.01;z-index:4;direction:ltr}
.note-wave:focus-within{outline:2px solid var(--violet);outline-offset:3px}
.note-marker,.note-playhead{position:absolute;top:0;bottom:0;pointer-events:none;z-index:2}
.note-marker{left:var(--note-position);width:3px;background:var(--violet);transform:translateX(-50%)}
.note-marker::before{content:'';position:absolute;top:0;left:-4px;width:11px;height:11px;border-radius:50%;background:var(--violet)}
.note-playhead{left:0;width:1px;background:var(--ink);opacity:.75}
.note-ruler{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin:6px 0 12px;font-variant-numeric:tabular-nums}
.note-controls{display:flex;align-items:center;gap:12px;font-size:12px;flex-wrap:wrap}
.note-controls>span{display:grid;gap:2px;color:var(--muted)}
.note-controls>span:last-child{margin-inline-start:auto;color:var(--violet)}
.note-controls bdi{font-size:16px;font-weight:650;font-variant-numeric:tabular-nums}
.note-controls .dm-play{flex:0 0 44px;width:44px;height:44px;min-height:44px;border-radius:50%;background:var(--accent-soft);color:var(--violet);padding:10px}
.note-controls svg{width:20px;height:20px}
.note-wave-status{font-size:12px;line-height:1.5;color:var(--muted);margin:10px 0 0}


/* Source: help-center.css */
.help-center{font-size:14px;line-height:1.7;color:var(--ink)}
.help-center h3{font-size:15px;line-height:1.5;margin:20px 0 10px}.help-center p{margin:0 0 12px}.help-lead{color:var(--muted)}
.help-center .help-search{margin:16px 0;min-height:46px}.help-center .help-search input{font-size:14px;min-width:0}
.help-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 24px}
.help-tiles>.btn{min-height:64px;width:100%;margin:0;padding:12px;display:flex;gap:9px;align-items:center;justify-content:flex-start;text-align:start;font-size:13px;line-height:1.5;white-space:normal}
.help-tiles>.btn .icon{width:20px;height:20px;flex:0 0 20px;color:var(--violet)}
.help-center .faq-item{margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.help-center .faq-item summary{font-size:14px;line-height:1.6;min-height:48px;padding:13px 4px;cursor:pointer}
.help-center .faq-item p{font-size:14px;line-height:1.85;color:var(--muted);padding:0;margin:0 0 12px}
.help-answer{padding:0 4px 12px}.help-answer>.btn{font-size:13px;min-height:44px;margin:0}
.help-center .help-categories{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 8px}.help-categories>.btn{font-size:12px;line-height:1.5;min-height:44px;padding:8px 10px;margin:0;gap:6px}
.help-categories .icon{width:16px;height:16px;flex:0 0 16px}.help-categories .selected{border-color:var(--violet);color:var(--violet);background:var(--accent-soft)}
.help-center .text-btn{min-height:44px;font-size:13px;margin:0;padding:8px 4px}.help-center .help-back{margin:0 0 12px;gap:8px}
.help-contact{margin-top:24px;padding-top:4px;border-top:1px solid var(--line)}.help-contact .help-email{min-height:46px;width:100%;font-size:14px;margin:0 0 8px;gap:8px}
.help-center .help-caption,.help-version{font-size:12px;line-height:1.7;color:var(--muted)}.help-version{margin-top:24px;padding-top:12px;border-top:1px solid var(--line)}
.help-guide{list-style:none;padding:0;margin:16px 0;display:grid;gap:16px}.help-guide li{display:flex;align-items:flex-start;gap:12px}.help-step{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:10px;color:var(--violet);background:var(--accent-soft);font-weight:700}.help-guide h3{margin:0 0 6px}.help-guide p{color:var(--muted)}
.help-center .field{font-size:14px;gap:6px;margin-bottom:14px}.help-center select,.help-center textarea{font-size:14px;width:100%}.help-center textarea{min-height:110px}.help-center .support-history article{padding:12px;margin-top:10px;border-radius:12px}.help-center .support-history p{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 6px}.help-center .support-history small{font-size:12px;color:var(--muted)}
.help-center button:focus-visible,.help-center a:focus-visible,.help-center summary:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
@media(max-width:340px){.help-tiles{grid-template-columns:1fr}.help-tiles>.btn{min-height:48px}}

/* Icon-only public contacts, shared by the welcome footer and support. */
.platform-contacts{--contact-ink:var(--ink);--contact-muted:var(--muted);--contact-accent:var(--violet);display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding-block:12px;color:var(--contact-ink)}
.platform-contacts :is(.contact-social,.contact-email){display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;box-sizing:border-box;padding:10px;border-radius:6px;color:inherit;text-decoration:none;background:transparent}
.platform-contacts .contact-email>.icon,.contact-brand{flex:0 0 22px;width:22px;height:22px;color:inherit}
.contact-brand{background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain}
.contact-brand-instagram{mask-image:url('/assets/social/instagram-logo.svg')}.contact-brand-x{mask-image:url('/assets/social/x-logo.svg')}.contact-brand-tiktok{mask-image:url('/assets/social/tiktok-logo.svg')}.contact-brand-snapchat{mask-image:url('/assets/social/snapchat-logo.svg')}
.platform-contacts a:hover{color:var(--contact-accent);background:var(--accent-soft)}
.platform-contacts a:focus-visible{outline:2px solid var(--contact-accent);outline-offset:2px}


/* Source: work-access.css */
.access-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;margin:16px 0;border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:16px;color:var(--ink);font-size:13px;line-height:1.7}
.access-summary>div{display:flex;flex-wrap:wrap;gap:8px 20px;min-width:0}.access-summary span{display:flex;align-items:center;gap:7px}.access-summary .icon{width:17px;height:17px;color:var(--violet)}.access-summary small{flex-basis:100%;font-size:11px;color:var(--muted)}.access-summary>.btn{flex-shrink:0;min-height:44px;padding:8px;font-size:12px;color:var(--violet);background:transparent}
.access-editor{font-size:13px;line-height:1.85;max-width:640px;margin-inline:auto}.access-editor>p{margin:12px 0}.access-editor fieldset{min-width:0;border:1px solid var(--line);border-radius:16px;padding:12px;margin:18px 0}.access-editor legend{font-size:14px;font-weight:600;padding:0 8px}.access-editor .access-choice{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid transparent;border-radius:12px;cursor:pointer;min-height:60px}.access-choice:has(input:checked){background:var(--accent-soft);border-color:var(--accent-line)}.access-choice input{width:18px;height:18px;flex:0 0 18px;accent-color:var(--violet)}.access-choice span{display:grid;gap:3px}.access-choice b{font-size:13px}.access-choice small{font-size:11px;line-height:1.7}.access-editor details{margin-top:12px;padding:8px;border-top:1px solid var(--line)}.access-editor summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--violet)}
.access-view-people,.access-join-people{display:none}.access-editor fieldset:has(input[name=access-view][value=people]:checked) .access-view-people,.access-editor fieldset:has(input[name=access-join][value=people]:checked) .access-join-people{display:block}
.access-people{max-height:230px;overflow:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px}.access-people label{display:flex;align-items:center;gap:10px;padding:9px 6px;min-height:48px;cursor:pointer;border-radius:10px}.access-people label:has(input:checked){background:var(--accent-soft)}.access-people input{width:18px;height:18px;flex-shrink:0}.access-people span{display:grid;min-width:0}.access-people bdi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.access-people small{font-size:10px}.access-notice{padding:12px;background:var(--surface-2);border-radius:12px;color:var(--muted)}
.access-editor .form-footer{position:sticky;bottom:0;z-index:2;gap:10px;flex-wrap:wrap;background:var(--surface);padding:14px 0 max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--line);margin-top:20px}.access-editor .form-footer .btn{font-size:12px;min-height:44px}.access-editor .field{display:grid;gap:6px;font-size:12px}.access-editor select{background:var(--theme-input);color:var(--ink);border:1px solid var(--line);width:100%;min-height:44px;padding:10px;border-radius:12px;font-size:14px}.work-invitations{margin-bottom:24px}.work-invitations>h3{font-size:15px;margin-bottom:12px}.access-invitation h4{font-size:16px;margin:6px 0}.access-invitation .btn{min-height:44px;font-size:12px}.access-pick{color:var(--violet);font-size:11px;display:inline-flex;gap:6px;align-items:center}.access-pick .icon{width:15px;height:15px}
@media(max-width:600px){.access-summary{align-items:stretch;flex-direction:column;padding:12px;gap:4px;font-size:12px}.access-summary>div{gap:6px 14px}.access-summary>.btn{align-self:flex-start}.access-editor fieldset{padding:8px}.access-editor .access-choice{padding:10px}.access-editor .access-people{grid-template-columns:1fr 1fr}.access-editor .form-footer .btn{flex:1}.access-invitation{padding:14px}}


/* Source: creative-journey.css */
.listening-home{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;min-width:0}.listening-shelf{min-width:0;max-width:100%}.listening-shelf .section-title{margin:0 0 14px}.listening-shelf h2{font-size:1.2rem}.listening-rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:20px 16px;align-items:start;min-width:0}.listening-tile{min-width:0;display:grid;align-content:start;gap:4px}.listening-art{display:block;width:100%;aspect-ratio:1;border-radius:16px;overflow:hidden;position:relative;background:var(--surface)}.listening-art img{width:100%;height:100%;object-fit:cover}.listening-art>.icon{position:absolute;bottom:10px;inset-inline-end:10px;padding:10px;width:42px;height:42px;border-radius:50%;background:var(--lime,#ceff79);color:var(--on-lime,#1b122a);box-sizing:border-box}.listening-title{display:grid;text-align:start;gap:4px;width:100%;padding:10px 0 2px}.listening-title bdi{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;line-height:1.6;min-height:0;font-weight:650;font-size:.95rem}.listening-title small{font-size:.8rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.listening-tile .text-btn{font-size:.78rem;padding:6px 0;justify-content:flex-start;text-align:start;white-space:normal}.mood-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mood-card{padding:20px 14px;background:var(--surface);border:1px solid var(--line);border-radius:16px;justify-content:flex-start;text-align:start;color:var(--ink);min-height:68px}.artist-rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:20px 16px;align-items:start;min-width:0}.artist-rail button{min-width:0;display:grid;justify-items:center;align-content:start;gap:10px;font-size:.85rem;text-align:center}.artist-rail button>bdi{max-width:100%;overflow-wrap:anywhere}.artist-rail .avatar{width:72px;height:72px;aspect-ratio:1;flex:none}.creative-door{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.creative-door>div{flex:1;min-width:0}.creative-door p{color:var(--muted);font-size:.9rem;margin:6px 0 0}.story-credits{display:grid;gap:12px;margin:14px 0 22px}.story-credits button{display:flex;align-items:center;gap:12px;text-align:start}.story-credits span{display:grid;gap:4px}.story-credits small{color:var(--muted)}.journey-story>.inline-actions{margin-top:20px;flex-wrap:wrap}
.song-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px;min-width:0;align-items:start;list-style:none;padding:0;margin:0}
.song-grid .listening-tile{position:relative;min-width:0}
.song-grid .listening-caption{margin-top:8px}
.listening-status{position:absolute;inset-inline-start:8px;top:8px;max-width:calc(100% - 16px);padding:4px 7px;border-radius:6px;background:#15121ecc;color:#fff;font-size:10px;font-weight:600;line-height:1.4;pointer-events:none;white-space:nowrap}
.creator-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 16px}
.creator-view-toggle{display:flex;gap:2px;border:1px solid var(--line);border-radius:10px;padding:2px}
.creator-view-toggle .icon-btn{width:44px;height:44px;min-width:44px;border-radius:8px;background:transparent;color:var(--muted)}
.creator-view-toggle .icon-btn[aria-pressed=true]{color:var(--violet);box-shadow:inset 0 0 0 1px var(--violet)}
.creator-filter-menu{position:relative;margin:0}
.creator-filter-menu>summary{display:grid;place-items:center;width:44px;height:44px;list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:10px;color:var(--ink)}
.creator-filter-menu>summary::-webkit-details-marker{display:none}
.creator-filter-menu[open]>summary{color:var(--violet);border-color:var(--violet)}
.creator-filter-menu>.discovery-filters{position:absolute;z-index:50;inset-inline-start:0;top:calc(100% + 8px);display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:272px;max-width:calc(100vw - 32px);padding:16px;margin:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 12px 32px #0002}
.creator-filter-menu .discovery-filters label{display:grid;gap:6px;font-size:12px;color:var(--muted)}
.creator-filter-menu select{width:100%;min-height:44px;max-width:100%;color:var(--ink);background:var(--bg)}
.creator-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px;list-style:none;margin:0;padding:2px 0 0;min-width:0}
.creator-tile,.creator-detail-tile{min-width:0}
.creator-tile-link{display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;min-height:44px;padding:0;border:0;background:transparent;color:var(--ink);font:inherit;cursor:pointer}
.creator-portrait{display:block;width:min(100%,68px);aspect-ratio:1;margin-inline:auto;overflow:visible;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}
.creator-portrait>.avatar{display:flex;width:100%;height:100%;min-width:0;max-width:100%;flex-basis:auto;border-radius:50%}
.creator-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.creator-portrait.is-fallback{padding:0;background:transparent}
.creator-portrait.is-fallback img{object-fit:contain}
.creator-portrait .avatar>.avatar-brand-mark{width:54%;height:54%;object-fit:contain}
.creator-caption{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:100%;min-width:0;margin-top:2px;padding:0;border:0;background:transparent;color:var(--ink);text-align:center;cursor:pointer}
.creator-caption>bdi{max-width:100%;font-size:.75rem;font-weight:650;line-height:1.45;overflow-wrap:anywhere}
.creator-caption>small{font-size:.6875rem;line-height:1.4;color:var(--muted)}
.creator-gallery.is-detailed{grid-template-columns:minmax(0,1fr);gap:12px}
.creator-gallery.is-detailed .creator-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:4px 10px;align-items:center;padding:8px 0;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}
.creator-detail-photo{width:48px;height:48px;min-width:48px;padding:0;border:0;background:transparent;border-radius:50%;cursor:pointer;grid-row:auto}
.creator-gallery .creator-detail-photo>.avatar{width:48px;height:48px;min-width:48px;margin:0;border-radius:50%}
.creator-gallery .creator-info{min-width:0}
.creator-gallery .creator-info>.name{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;width:100%;min-height:44px;padding:0;max-width:100%;font-size:.8125rem;line-height:1.45;text-align:start;overflow-wrap:anywhere}
.creator-gallery .creator-info>.name>small{font-size:.6875rem;font-weight:400;line-height:1.5;color:var(--muted)}
.creator-gallery .creator-info>p{margin:4px 0;font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.creator-gallery .creator-card>.creator-bio{grid-column:1/-1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-size:.75rem;line-height:1.6;color:var(--muted)}
.creator-gallery .ustars-badge{min-height:44px}
.creator-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.creator-detail-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.creator-detail-footer>.follow{min-height:44px;max-width:100%;margin:0}
.creator-gallery .creator-card>.follow,.creator-gallery .creator-card>.btn{grid-column:2;justify-self:start;min-height:44px;margin:0;max-width:100%}
.creator-tile-link:focus-visible,.creator-detail-photo:focus-visible,.creator-filter-menu>summary:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
@media(max-width:600px){.creator-gallery .creator-portrait{width:min(100%,64px)}}
@media(min-width:700px){.creator-gallery:not(.is-detailed){grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.creator-gallery .creator-portrait{width:88px}}
@media(min-width:980px){.creator-gallery:not(.is-detailed){grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.creator-gallery .creator-portrait{width:96px}}
@media(min-width:520px){.song-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:700px){.song-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 16px}}
@media(min-width:980px){.song-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 18px}}
@media(min-width:1280px){.song-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
.match-space{display:grid;gap:18px}.match-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.match-card{border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;gap:12px}.match-person{display:flex;gap:12px;align-items:center}.match-person>div{flex:1;min-width:0}.match-person small{display:block;color:var(--muted);font-size:.8rem;line-height:1.5}.match-person .avatar{width:44px;height:44px;flex:none}.match-reason{font-size:.88rem;color:var(--ink);margin:0}.match-card .library-track{padding:8px 0}.match-card .library-track .track-art{width:42px;height:42px}.match-card .track-duration{font-size:.75rem}.journey-empty{padding:20px;border:1px dashed var(--line);border-radius:14px}.contribution-workspace{padding:18px;border:1px solid var(--line);border-radius:18px;margin:16px 0;background:var(--surface)}.contribution-workspace h2{font-size:1.05rem}.contribution-workspace summary{cursor:pointer;margin-bottom:12px;font-size:.9rem}.contribution-workspace>.inline-actions{margin:14px 0}.reference-lyrics{white-space:pre-wrap;max-height:180px;overflow:auto;padding:16px;background:var(--bg);border-radius:12px;line-height:1.8;font-size:.95rem;margin:12px 0}.review-reply{border-inline-start:3px solid var(--violet);padding:12px;margin:14px 0}.review-reply p{white-space:pre-wrap}#journey-review-audio{width:100%;margin:12px 0}.settings-row select{max-width:220px}.journey-story .inline-actions{gap:10px}.contribution-workspace .field{margin-top:14px}
@media(max-width:600px){.listening-home{gap:24px}.listening-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.listening-shelf h2{font-size:1.05rem}.listening-shelf .section-title{flex-wrap:wrap;gap:6px}.mood-grid{grid-template-columns:1fr}.mood-card{min-height:50px;padding:12px 14px}.creative-door{flex-wrap:wrap;padding:16px}.creative-door>div{flex-basis:calc(100% - 40px)}.creative-door>.btn{width:100%;white-space:normal}.match-fields{grid-template-columns:1fr}.match-card{padding:14px}.contribution-workspace{padding:14px}.settings-row:has(#journey-availability){flex-wrap:wrap}.settings-row select{max-width:100%}}

.listening-title,.artist-rail button,.story-credits button{background:transparent;border:0;color:var(--ink);font:inherit;cursor:pointer}.listening-title{min-width:0}.match-card .library-track{min-width:0}.native-listening-notes blockquote{border-inline-start:2px solid var(--violet);padding-inline-start:12px;margin:12px 0;color:var(--muted)}

.match-query>summary{cursor:pointer;font-size:.9rem;color:var(--muted);padding:6px 0 14px}.match-query>form{display:grid;gap:10px}.match-space .field{margin:0}.listening-art:focus-visible,.listening-title:focus-visible,.artist-rail button:focus-visible{outline:2px solid var(--violet);outline-offset:3px}

/* Contain intrinsic widths and keep related controls on a shared baseline. */
.phone-screen.signed-in{grid-template-columns:minmax(0,1fr)}
.signed-in>.native-main{min-width:0}
.listening-shelf .section-title,.contribution-workspace .section-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;text-align:start}
.listening-shelf .section-title>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
.listening-shelf .section-title>span{font-size:12px}
.match-space,.match-fields,.match-query,.journey-story,.contribution-workspace{min-width:0;max-width:100%}
.match-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.match-space .field,.contribution-workspace .field{min-width:0}
.match-space .field :is(input,select),.contribution-workspace select{min-width:0;max-width:100%;width:100%}
.library-tracks .section-title{flex-wrap:wrap;gap:8px 16px}
.library-track .track-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.track-duration{flex-shrink:0;direction:ltr}
.playlist-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-bottom:10px}
.playlist-entry .icon-btn{width:44px;height:44px;flex:none}
@media(max-width:600px){.match-fields{grid-template-columns:minmax(0,1fr)}.match-card .library-track{gap:8px}.match-card .track-duration{display:none}.playlist-entry{gap:4px}.playlist-entry .library-track{gap:8px;padding:8px}.playlist-entry .track-art{width:40px;height:40px;flex-basis:40px}}
@media(max-width:350px){.artist-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px}.artist-rail .avatar{width:64px;height:64px}}

.native-follow-row{flex-wrap:wrap}.native-follow-row>bdi{flex:1;min-width:0;overflow-wrap:anywhere}.native-follow-row>.btn{flex-shrink:0}
.playlist-entry>.library-track{margin:0}.playlist-entry>.icon-btn{background:transparent;color:var(--muted);padding:10px;min-width:44px}

.tabs.library-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;overflow:visible;min-width:0}.tabs.library-tabs .tab{min-width:0;white-space:normal;min-height:44px;padding:8px;line-height:1.5;text-align:center}
@media(max-width:600px){.tabs.library-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Keep form labels, controls and paired actions aligned without stretching checkboxes. */
.match-space .field,.match-fields .field{display:grid;gap:6px;align-content:start;font-size:14px;line-height:1.6;text-align:start}
.match-space .field :is(input,select),.match-fields .field :is(input,select){box-sizing:border-box;width:100%;min-width:0;min-height:48px;height:48px;margin:0;padding:10px 12px;font-size:14px;line-height:1.5;border-radius:12px}
.match-fields{align-items:start}
.match-space .check-label{display:flex;align-items:flex-start;gap:10px;width:100%;min-width:0;min-height:44px;padding:10px 0;font-size:14px;line-height:1.6;text-align:start}
.match-space .check-label input[type=checkbox]{flex:0 0 18px;width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;margin:2px 0 0;padding:0}
.match-space .check-label span{min-width:0;overflow-wrap:anywhere}
.match-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
.match-actions .btn,.match-card>.btn{min-width:0;min-height:44px;margin:0;padding:10px 14px;font-size:14px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.match-person .btn.icon-btn{flex:0 0 44px;width:44px;height:44px;min-height:44px;min-width:44px;padding:10px;border-radius:12px}
.match-person .text-btn{justify-content:flex-start;text-align:start;white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.6}
.match-person small{overflow-wrap:anywhere}
.match-space>p.meta{margin:0;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
@media(max-width:600px){.match-query>form{gap:12px}.match-actions{gap:8px}.match-actions .btn{padding:10px 8px}.match-space .field :is(input,select),.match-fields .field :is(input,select){font-size:16px}}


/* Source: design-tokens.css */
:root {
  --urab-space-1: 4px;
  --urab-space-2: 8px;
  --urab-space-3: 12px;
  --urab-space-4: 16px;
  --urab-space-6: 24px;
  --urab-font-body: 0.875rem;
  --urab-font-meta: 0.75rem;
  --urab-font-page: 1.375rem;
  --urab-font-section: 1.125rem;
  --urab-font-strong: 700;
  --urab-control-touch: 44px;
  --urab-control-icon: 20px;
  --urab-control-font: 13px;
  --urab-control-font-compact: 12px;
  --urab-control-font-weight: 500;
  --urab-control-line-height: 1.5;
  --urab-control-padding-block: 10px;
  --urab-control-padding-inline: 16px;
  --urab-control-padding-block-compact: 8px;
  --urab-control-padding-inline-compact: 12px;
  --urab-control-gap: 8px;
  --urab-control-border-width: 1px;
  --urab-control-focus-width: 2px;
  --urab-control-focus-offset: 3px;
  --urab-control-disabled-opacity: 0.45;
  --urab-control-transition: 150ms;
  --urab-control-shadow: none;
  --urab-control-pressed-shadow: inset 0 0 0 1px currentColor;
  --urab-color-violet: #A16CFA;
  --urab-color-lime: #D4FF58;
  --urab-color-coral: #FF7A90;
  --urab-color-cyan: #55DCCB;
  --urab-color-ink: #100D18;
  --urab-color-paper: #F1EBDD;
  --urab-color-muted: #C9BFD6;
  --urab-color-surface: #21182F;
  --urab-color-violet-deep: #7144BA;
  --urab-color-ink-muted: #63566F;
  --urab-radius-small: 6px;
  --urab-radius-art: 28px;
  --urab-radius-pill: 999px;
  --urab-radius-signature: 24px;
  --urab-layout-navigation-width: 640px;
  --urab-layout-recording-content-width: 640px;
  --urab-layout-browse-width: 1280px;
  --urab-layout-dock-width: 1040px;
  --urab-navigation-height: 60px;
  --urab-navigation-target: 50px;
  --urab-navigation-icon: 22px;
  --urab-navigation-label: 0.6875rem;
  --urab-navigation-create-width: 42px;
  --urab-navigation-create-height: 34px;
  --urab-navigation-create-radius: 13px;
  --urab-semantic-control-primary-background: var(--button-primary);
  --urab-semantic-control-primary-foreground: var(--button-on-primary);
  --urab-semantic-control-secondary-background: var(--accent-soft);
  --urab-semantic-control-secondary-foreground: var(--violet);
  --urab-semantic-control-secondary-border: var(--accent-line);
  --urab-semantic-control-ghost-foreground: var(--ink);
  --urab-semantic-control-destructive-background: var(--theme-danger);
  --urab-semantic-control-destructive-foreground: var(--theme-danger-ink);
  --urab-semantic-control-focus: var(--violet);
  --urab-semantic-control-hover-background: var(--accent-line);
}


/* Source: signature.css */
/* URAB: editorial music surfaces, open paths and one deliberate curved corner.
   State colors use theme tokens; artwork keeps its own photographic palette. */
:root{--signature-action:var(--lime);--signature-on:var(--on-lime);--signature-radius:6px;--signature-curve:28px}
:root[data-theme=light]{--signature-action:var(--lime);--signature-on:var(--on-lime)}
.icon{stroke-width:1.65}
.signed-in .btn:not([data-variant]){border-radius:var(--signature-radius);border-start-start-radius:18px;min-height:44px;box-shadow:none}
.signed-in .btn:is(.outline,.light){background:transparent}
.signed-in .btn.text-btn{border:0;border-radius:0;background:none}
.signed-in :is(.panel,.invitation,.project-row,.creator-card,.match-card,.contribution-workspace){border-radius:6px;box-shadow:none}
.signed-in :is(.tabs,.discovery-tabs){border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent!important;padding:0;gap:16px}
.signed-in :is(.tabs,.discovery-tabs)>.tab{position:relative;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;color:var(--muted);padding:11px 4px;min-height:44px}
.signed-in :is(.tabs,.discovery-tabs)>.tab.active{color:var(--violet)!important}
.signed-in :is(.tabs,.discovery-tabs)>.tab.active:after{content:'';position:absolute;bottom:-1px;inset-inline:4px;height:3px;border-radius:4px;background:var(--violet)}
.signed-in .search{border-radius:4px;border-start-start-radius:20px;box-shadow:none}
.signed-in :is(.field input,.field select,.field textarea,.discovery-filters select){border-radius:6px}
.signed-in .chip{border-radius:6px;padding-inline:14px}
.signed-in .creative-door{border:0;border-inline-start:2px solid var(--violet);border-radius:0;background:transparent;padding-block:10px}
.signed-in .listening-shelf .section-title h2{font-size:18px;font-weight:600;letter-spacing:0}
.signed-in .listening-art{border-radius:3px;border-start-start-radius:20px;background:var(--surface)}
.signed-in .listening-art img{object-fit:cover;object-position:50% 40%}
.signed-in .listening-art>.icon{background:var(--signature-action);color:var(--signature-on);width:40px;height:40px;padding:11px;inset-inline-end:8px;bottom:8px}
.signed-in .listening-title bdi{font-size:14px;line-height:1.6;font-weight:600;min-height:0}
.signed-in .listening-title small{font-size:12px}
.signed-in .listening-tile .text-btn{font-size:12px;font-weight:500;color:var(--violet)}
.signed-in .library-track{border-radius:0;border:0;border-bottom:1px solid var(--line);background:transparent;padding-block:12px}
.signed-in .library-track .track-art{border-radius:3px;border-start-start-radius:12px}

.signed-in .creator-card{border:0;border-bottom:1px solid var(--line)}
.signed-in .work-page .detail-art{border-radius:4px;border-start-start-radius:28px}
.signed-in .work-page .detail-columns>.panel{border:0;border-radius:0;background:transparent}
.signed-in .work-page .detail-side{border:0;border-block:1px solid var(--line);padding:12px 0}
.signed-in .work-primary-actions>.btn[data-action=play]{background:var(--accent-soft);color:var(--violet);border:1px solid var(--accent-line);border-radius:999px}
.signed-in .work-page .work-primary-actions>.btn[data-action=contribute]{background:var(--accent-soft);color:var(--violet);border:1px solid var(--accent-line);border-radius:999px}
.signed-in .settings-list{max-width:720px;margin:auto}
.signed-in .settings-row{padding-block:20px}
.signed-in .settings-row h3{font-size:15px;font-weight:500}
.signed-in .settings-row p{font-size:13px;line-height:1.8}
.signed-in .theme-option{border-radius:4px;border-start-start-radius:20px}

/* Multi-row textures use whole approved cells, never a line that reads like lettering. */
.brand-pattern{display:block;flex:none;width:144px;height:96px;background:var(--violet);mask:url('/assets/brand/rhythm-mask.svg') 0 0/384px 384px repeat;opacity:.4;pointer-events:none}
.signed-in .discover-greeting{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap;max-width:100%;margin:0 0 12px!important;min-height:32px}
.signed-in .discover-greeting h1{margin:0;font-weight:500;letter-spacing:0}

.signed-in .page-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.page-heading>div{flex:1 1 180px;min-width:0}



.signed-in .empty{background:transparent;border:0;padding:32px 16px}
.signed-in .empty h2,.signed-in .empty h3{font-size:14px;font-weight:400;color:var(--muted)}
.signed-in .empty p{font-size:13px;max-width:36ch;margin-inline:auto}
.header-guest-avatar img,.account-guest-avatar{width:32px;height:32px;display:block;border-radius:50%;background:#A16CFA;padding:6px;object-fit:contain;box-sizing:border-box}
.account-guest-avatar{width:44px;height:44px;flex:0 0 44px}
.demo-status{font:400 11px/1.5 Alexandria,sans-serif;min-width:44px;min-height:44px;padding:6px 2px;color:var(--muted);background:none;border:0;cursor:pointer}
@media(max-width:380px){.signed-in .discover-greeting{gap:8px}}
@media(min-width:980px){.signed-in .urab-header .native-brand .brand-wordmark{width:96px;max-width:96px}.signed-in .mobile-nav button:not([data-variant])>span:last-of-type{font-size:13px}.signed-in .search{max-width:none}}

/* A single identity, scaled for the real interface rather than a mock phone. */
html[data-theme=light] :is(.signed-in,.auth-brand,.about-program) img[src="/assets/brand/wordmark.svg"]{content:url('/assets/brand/wordmark-ink.svg')}
.signed-in .mobile-create{width:40px;height:40px;flex:0 0 40px;border-radius:50% 50% 50% 8px;background:var(--violet);color:var(--on-accent);box-shadow:none;margin-top:0}
.signed-in .player:where(:not(.mini-player)) .play-main{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;flex:0 0 44px!important;padding:12px!important;margin:0!important;aspect-ratio:1}
.signed-in .player:where(:not(.mini-player)) .play-main .icon{width:20px;height:20px}
.signed-in .player:where(:not(.mini-player))>.player-like,.full-track-actions>.icon-btn{flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:10px!important;display:grid;place-items:center;background:transparent;color:var(--ink);border-radius:50%}
.player-like .icon{width:22px;height:22px;fill:none}
.player-like[aria-pressed=true]{color:var(--violet)!important}
.player-like[aria-pressed=true] .icon{fill:currentColor}
.player-like:focus-visible{outline:2px solid var(--violet);outline-offset:-3px}
@media(max-width:520px){.signed-in .player:where(:not(.mini-player))>.mute-control{display:none!important}}
.signed-in .urab-header .native-brand .brand-wordmark{width:88px;max-width:88px;height:34px}
.signed-in .listening-art{border-start-start-radius:var(--urab-radius-art,28px);border-end-end-radius:12px}
.signed-in .resume-art{border-start-start-radius:12px}
.signed-in .resume-track{border-radius:4px;border-start-start-radius:18px;background:var(--surface);border-color:transparent}
.signed-in .resume-track[aria-pressed=true]{border-color:var(--violet)}
.signed-in .mobile-nav{background:var(--theme-nav)}
.signed-in .mobile-nav button:not([data-variant]).active{background:var(--accent-soft)}
.signed-in .discovery-tabs .tab.active:after{background:var(--violet);width:32px;inset-inline:50% auto;transform:translateX(50%)}
html[dir=ltr] .signed-in .discovery-tabs .tab.active:after{transform:translateX(-50%)}

/* Work card: the image never acts as a text background. */
.signed-in .work-card.signature-work{padding:18px;border:0;border-bottom:1px solid var(--line);border-radius:4px;border-start-start-radius:24px;background:var(--surface);color:var(--ink);overflow:visible;min-width:0}
.signature-work-main{display:grid;grid-template-columns:minmax(92px,160px) minmax(0,1fr);gap:20px;align-items:center}
.signature-art{display:block;aspect-ratio:1;width:100%;padding:0;border:0;border-radius:3px;border-start-start-radius:18px;overflow:hidden;background:var(--surface-2)}
.signature-art img{width:100%;height:100%;object-fit:contain;object-position:center}
.signature-work-copy{min-width:0;display:flex;flex-direction:column;gap:8px}
.signature-kind{color:var(--muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.signature-work-copy h3{margin:0;line-height:1.5}
.signature-title{display:block;width:100%;background:none;color:var(--ink);text-align:start;border:0;font:600 22px/1.5 Alexandria,sans-serif;overflow-wrap:anywhere;letter-spacing:0;padding:0}
.signature-artist{display:flex;align-items:center;gap:8px;text-align:start;border:0;background:none;color:var(--muted);font-size:12px;min-height:36px;width:fit-content;max-width:100%}
.signature-artist .avatar{width:26px;height:26px;flex:0 0 26px}
.signature-artist bdi{overflow-wrap:anywhere}
.signature-work-controls{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:6px}
.signature-work .btn.signature-listen{background:var(--accent-soft);color:var(--violet);min-height:44px;padding:8px 14px;border:1px solid var(--accent-line);border-radius:999px;font-size:13px;gap:7px}
.signature-work .signature-work-controls>.icon-btn{width:44px;height:44px;flex:0 0 44px}
.signature-work-context{margin-top:18px;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line)}
.signature-work-context .text-btn{min-height:44px;white-space:normal;text-align:start;font-size:12px;padding:6px 0}
.signature-work-context .text-btn .icon{width:19px;height:19px}
.signature-work>.social-actions{padding:0;border:0;gap:12px;justify-content:flex-start;margin:0}
.signature-work>.social-actions button{min-height:40px;flex:0 1 auto;font-size:12px;gap:6px}
.signature-work>.social-actions .icon{width:17px;height:17px}
.coop-side .signature-work{padding:12px}
.coop-side .signature-work-main{grid-template-columns:84px minmax(0,1fr);gap:12px}
.coop-side .signature-title{font-size:17px}
.coop-side .signature-work-controls{grid-column:1/-1}

/* Quiet account rows, with drawn controls rather than repeated filled buttons. */
html[dir=ltr] .icon-logout{transform:scaleX(-1)}

/* A compact transport rail: consistent circle, independent status and mute. */
.signed-in>.player:where(:not(.mini-player)),.signed-in.player-minimized>.player:where(:not(.mini-player)){border:0;border-block:1px solid var(--line);border-radius:4px!important;border-start-start-radius:18px!important;box-shadow:none;background:var(--surface);height:62px!important;min-height:62px!important;padding:8px 12px!important;gap:9px}
.signed-in.player-minimized>.player:where(:not(.mini-player)){height:54px!important;min-height:54px!important;padding-block:4px!important}
.signed-in .player:where(:not(.mini-player)) .now-playing>img{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:3px!important;border-start-start-radius:12px!important;object-fit:contain}
.signed-in.player-minimized .player:where(:not(.mini-player)) .now-playing>img{width:34px!important;height:34px!important;flex-basis:34px!important}
.signed-in .player:where(:not(.mini-player)) .play-main,.full-player .full-controls>.play-main{background:var(--signature-action)!important;color:var(--signature-on)!important}
.signed-in .player:where(:not(.mini-player)) .mini-progress{inset:0 0 auto!important;height:2px!important;background:transparent}
.signed-in .player:where(:not(.mini-player)) .mini-progress span{background:var(--violet)}
.signed-in .player:where(:not(.mini-player)).is-muted .mute-control{color:var(--theme-danger-ink)!important;background:var(--theme-danger)!important}
.signed-in .player:where(:not(.mini-player)).is-muted .urab-bars i{background:var(--violet)}
.signed-in .player:where(:not(.mini-player)) .now-playing small{display:block!important;font-size:11px}
.signed-in.player-minimized .player:where(:not(.mini-player)) .now-playing small{display:none!important}
.signed-in>.mobile-nav{border-top:1px solid var(--line);box-shadow:none}
.signed-in .mobile-nav button:not([data-variant]).active{border-radius:4px;border-start-start-radius:18px}
dialog:not(.app-welcome){border-radius:6px;border-start-start-radius:26px}
dialog :is(.field input,.field textarea,.field select){border-radius:10px}
dialog .btn:not(.text-btn):not(.account-row){border-radius:999px;min-height:44px;box-shadow:none}
dialog .help-nav button{border-radius:4px}

@media(min-width:980px){.signed-in>.player:where(:not(.mini-player)),.signed-in.player-minimized>.player:where(:not(.mini-player)){max-width:940px!important}.signed-in .discovery-tabs{max-width:none}}
@media(max-width:600px){.signed-in .listening-shelf .section-title h2{font-size:16px}.signature-work-main{grid-template-columns:108px minmax(0,1fr);gap:14px}.signature-title{font-size:20px}.signed-in .work-card.signature-work{padding:14px}.signature-work-copy{gap:4px}.signature-work-controls{gap:3px}.signature-work .btn.signature-listen{padding-inline:12px}.signed-in .work-page .detail-side{padding-inline-start:0;border-inline-start:0}.signed-in :is(.tabs,.discovery-tabs){gap:8px}.signed-in .player:where(:not(.mini-player)){gap:6px!important}}
@media(max-width:380px){.signature-work-main{grid-template-columns:88px minmax(0,1fr);gap:12px}.signature-title{font-size:18px}.signature-work-controls{margin-top:4px}.signature-work .btn.signature-listen{padding-inline:10px;font-size:12px}.signature-work-context{gap:6px}.signature-work-context .text-btn{font-size:11px}.signed-in .player:where(:not(.mini-player)) .now-playing{gap:6px}.signed-in .player:where(:not(.mini-player)) .now-playing b{font-size:12px}.signed-in :is(.tabs,.discovery-tabs){gap:4px}}

/* Content density: 4-unit rhythm. Shelves scroll inside their own bounds;
   recent plays and full result lists have separate, content-sized layouts. */
:root{--browse-gap:var(--urab-space-3,12px);--section-gap:var(--urab-space-6,24px);--browse-type:var(--urab-font-body,.875rem);--meta-type:var(--urab-font-meta,.75rem)}
.signed-in .listening-home{gap:var(--section-gap)}
.signed-in .listening-shelf .section-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:12px;margin:0 0 8px;min-height:32px}
.signed-in .listening-shelf .section-title h2{font-size:.9375rem;line-height:1.5;margin:0;font-weight:500;min-width:0}
.shelf-more{border:0;background:none;color:var(--violet);font-family:inherit;font-size:.75rem;font-weight:500;line-height:1.5;min-height:44px;padding:6px 0;flex-shrink:0;cursor:pointer}
.shelf-note{font-size:var(--meta-type);line-height:1.5;color:var(--muted);margin:-2px 0 10px}
.signed-in .listening-rail{display:grid;grid-auto-flow:column;grid-auto-columns:160px;grid-template-columns:none;gap:var(--browse-gap);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:2px 0 6px;max-width:100%;min-width:0}
.signed-in .listening-tile{display:flex;flex-direction:column;gap:6px;scroll-snap-align:start;min-width:0}
.signed-in .listening-art{padding:0;flex:none;aspect-ratio:1;border:0}
.signed-in .listening-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.signed-in .listening-art>.icon{width:36px;height:36px;padding:10px;inset-inline-end:8px;bottom:8px}
.listening-cover{position:relative;min-width:0;width:100%;aspect-ratio:1}
.listening-caption{display:block;min-width:0;width:100%}
.signed-in .listening-title{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:0;min-height:44px;min-width:0;text-align:start}
.signed-in .listening-title>bdi{display:block;font-size:var(--urab-font-body);line-height:1.5;font-weight:var(--urab-font-strong);min-height:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.signed-in .listening-title small,.signed-in .listening-title small bdi{display:block;font-size:var(--meta-type);font-weight:400;line-height:1.5;color:var(--muted);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:0}
.signed-in .listening-cover>.btn.story-shortcut{position:absolute;inset-inline-start:2px;bottom:2px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--urab-color-paper);padding:12px;width:44px;min-width:44px;min-height:44px;height:44px;isolation:isolate}
.listening-cover>.story-shortcut:before{content:"";position:absolute;inset:6px;background:color-mix(in srgb,var(--urab-color-ink) 75%,transparent);backdrop-filter:blur(8px);border:1px solid #ffffff30;border-radius:50%;z-index:-1}
.listening-cover>.story-shortcut:hover{color:var(--urab-color-cyan)}
.story-shortcut .icon{width:18px;height:18px}
.resume-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:640px}
.resume-track{display:flex;gap:8px;align-items:center;min-width:0;min-height:60px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--ink);text-align:start;cursor:pointer}
.resume-art{width:36px;height:36px;flex:0 0 36px;border-radius:4px;overflow:hidden}
.resume-art img{width:100%;height:100%;object-fit:contain;display:block}
.resume-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;justify-content:center}
.resume-copy>bdi{font-size:13px;line-height:1.5;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resume-copy small{font-size:12px;line-height:1.5;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resume-track[aria-pressed=true]{border-color:var(--violet);background:var(--accent-soft)}
.resume-track[aria-pressed=true] .resume-copy>bdi{color:var(--violet)}
.resume-track:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.signed-in .recent-shelf .section-title h2{font-size:14px;font-weight:500}
.signed-in .recent-shelf .section-title{margin-bottom:4px}
@media(max-width:340px){.resume-art{width:32px;height:32px;flex-basis:32px}.resume-track{gap:6px;padding:6px}}
.signed-in .mood-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.signed-in .btn.mood-card{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:48px;padding:8px;font-size:var(--meta-type);font-weight:400;line-height:1.5;white-space:normal;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:6px}
.signed-in .mood-card .icon{width:18px;height:18px;flex:none;color:var(--violet)}
.signed-in .mood-card[data-id=rhythm]{background:var(--accent-soft)}
.signed-in .artist-rail{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:76px;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:2px 0 8px}
.signed-in .artist-rail .avatar{width:60px;height:60px}
.signed-in .artist-rail button{gap:6px;font-size:var(--meta-type);line-height:1.5}
.signed-in .artist-rail button>bdi{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.shelf-results{display:grid;gap:0;min-width:0}
.signed-in .creative-door{gap:12px;padding:12px 16px}
.signed-in .creative-door b{font-size:var(--browse-type);font-weight:500}
.signed-in .creative-door p{font-size:var(--meta-type);line-height:1.6;margin-top:4px}
:is(.shelf-more,.story-shortcut,.resume-art,.resume-copy,.resume-play,.listening-rail,.artist-rail):focus-visible{outline:2px solid var(--violet);outline-offset:-2px}

/* The work and its contributors lead; pattern occupies its own full-cell strip. */
.collaboration-spotlight{display:grid;grid-template-columns:144px minmax(0,1fr) 144px;gap:16px;align-items:center;position:relative;overflow:hidden;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;border-start-start-radius:28px;padding:20px 24px 12px;margin:0}
.spotlight-copy{min-width:0;grid-column:2;grid-row:1}
.spotlight-kicker{display:block;font-size:.75rem;line-height:1.6;color:var(--muted)}
.spotlight-copy h2{font-size:1.25rem;line-height:1.5;margin:4px 0 8px;font-weight:500;letter-spacing:0}
.spotlight-people{display:flex;align-items:center;gap:5px;height:28px}
.spotlight-people .avatar{width:24px;height:24px;flex:0 0 24px;border:0}
.spotlight-people .avatar:after{display:none}.spotlight-people :is(.presence-dot,.presence-badge,.avatar-presence){display:none}
.spotlight-people>.icon{width:18px;height:18px;margin-inline-start:4px;color:var(--violet)}
.spotlight-link{display:flex;align-items:center;gap:8px;padding:4px 0;min-height:44px;background:none;border:0;color:var(--violet);text-align:start;font-size:.75rem;font-weight:400;line-height:1.5}
.spotlight-link .icon{width:18px;height:18px;flex:none}
.spotlight-art{grid-column:1;grid-row:1;padding:0;border:0;min-width:0;position:relative;overflow:hidden;aspect-ratio:1;width:100%;border-radius:4px;border-start-start-radius:28px;background:var(--surface-2)}
.spotlight-art img{display:block;width:100%;height:100%;object-fit:contain}
.spotlight-link:focus-visible,.spotlight-art:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
.collaboration-spotlight .spotlight-pattern{grid-column:3;grid-row:1;justify-self:end;width:96px;height:72px;mask-size:192px 192px;mask-position:-96px -144px;opacity:.22}
@media(max-width:600px){.collaboration-spotlight{grid-template-columns:112px minmax(0,1fr);gap:8px 16px;padding:16px 16px 8px}.spotlight-copy h2{font-size:1.125rem}.collaboration-spotlight .spotlight-pattern{grid-column:2;grid-row:2;justify-self:start;width:96px;height:48px;mask-size:128px 128px;mask-position:-64px -96px}.spotlight-art{border-start-start-radius:24px}}
@media(max-width:359px){.collaboration-spotlight{grid-template-columns:96px minmax(0,1fr);padding-inline:12px;gap:4px 8px}.spotlight-kicker{font-size:.6875rem}.spotlight-copy h2{font-size:1rem}}

/* A preference control, not a gallery of miniature screens. */
.signed-in .compact-theme-picker{padding:0 0 16px;margin:0 0 4px}
.signed-in .compact-theme-picker legend{font-size:.875rem;font-weight:500;line-height:1.5;margin-bottom:10px}
.signed-in .compact-theme-picker .theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:440px}
.signed-in .compact-theme-picker .theme-option{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:8px;min-height:48px;border:1px solid var(--line);border-radius:6px;background:transparent}
.signed-in .compact-theme-picker .theme-option:has(input:checked){padding:8px;border-color:var(--violet);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--violet)}
.signed-in .compact-theme-picker .theme-option input{position:absolute;top:0;inset-inline-end:0;width:1px;height:1px;min-height:0;margin:0;clip-path:inset(50%);overflow:hidden}
.signed-in .compact-theme-picker .theme-option:has(input:checked):after{content:'✓';position:absolute;top:3px;inset-inline-end:4px;font:600 10px/1 sans-serif;color:var(--violet)}
.signed-in .compact-theme-picker .theme-option b{font-size:.75rem;font-weight:500;line-height:1.5;min-width:0;overflow-wrap:normal;white-space:nowrap}
.signed-in .compact-theme-picker .theme-swatch{display:flex;flex:none;width:18px;height:18px;border-radius:50%;padding:3px;gap:0;overflow:hidden}
.signed-in .compact-theme-picker .theme-swatch i{flex:1;border-radius:0;width:auto;height:100%}
@media(max-width:359px){.signed-in .compact-theme-picker .theme-option{padding:6px 4px;gap:4px}.signed-in .compact-theme-picker .theme-option:has(input:checked){padding:6px 4px}.signed-in .compact-theme-picker .theme-swatch{width:14px;height:14px;padding:2px}}
.signed-in .settings-list .settings-row{gap:12px}
.signed-in .settings-list .settings-row>div{min-width:0;flex:1}
.signed-in .settings-list .settings-row>select{font:inherit;font-size:.8125rem;min-height:40px;max-width:100%;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);color:var(--ink);padding:8px 10px}
@media(max-width:600px){.signed-in .settings-row:has(#journey-availability){display:grid;grid-template-columns:1fr;gap:10px}.signed-in .settings-row #journey-availability{width:100%}.signed-in .settings-row .btn{padding-inline:10px;max-width:42%;font-size:.75rem;white-space:normal}}
.signed-in .profile-next-step{margin:0 0 12px;padding:8px 0;display:flex;flex-direction:row;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--line);border-radius:0}
.signed-in .profile-next-step p{font-size:.75rem;line-height:1.5;flex:1}
.signed-in .profile-next-step .btn{min-height:44px;padding:6px 8px;font-size:.75rem}
.signed-in .profile-work-caption{margin-block:8px 12px;font-size:.75rem}
.signed-in .coop-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start;max-width:1440px;margin-inline:auto}
.signed-in .coop-grid>div{min-width:0}
.signed-in .coop-grid:has(.dm-shell){grid-template-columns:minmax(0,1fr)}
.signed-in .coop-recommendations{display:block;margin:0;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.coop-recommendations header>span{display:block;color:var(--violet);font-size:.6875rem;margin-bottom:6px}
.coop-recommendations header h3{font-size:1rem;line-height:1.6;font-weight:500}
.coop-recommendations-list{display:grid;margin-top:12px}
.coop-recommendation{display:flex;align-items:center;gap:12px;padding:16px 0;min-width:0}
.coop-recommendation+.coop-recommendation{border-top:1px solid var(--line)}
.coop-recommendation-art{position:relative;width:64px;height:64px;flex:0 0 64px;background:var(--surface-2);border:0;border-radius:12px;padding:0;overflow:hidden}
.coop-recommendation-art img{width:100%;height:100%;object-fit:contain}
.coop-recommendation-art>span{position:absolute;inset:0;display:grid;place-items:center;background:#100d1828;color:#fff}
.coop-recommendation-art .icon{width:22px;height:22px;filter:drop-shadow(0 1px 3px #000)}
.coop-recommendation-copy{flex:1;min-width:0;display:grid;gap:3px;text-align:start}
.coop-recommendation-copy>button{min-height:44px;padding:2px 0;display:flex;align-items:center;text-align:start;background:none;color:var(--ink);font-size:.8125rem;line-height:1.6;overflow-wrap:anywhere}
.coop-recommendation-copy>span,.coop-recommendation-copy>small{font-size:.6875rem;color:var(--muted);line-height:1.6}
.coop-recommendation>.icon-btn{min-width:44px;width:44px;height:44px;padding:12px;flex:0 0 44px;color:var(--muted)}
.signed-in .header-inbox[aria-current=page]{color:var(--violet);background:var(--accent-soft);border-radius:50%}
@media(max-width:1100px){.signed-in .coop-grid{grid-template-columns:minmax(0,1fr);gap:20px}.coop-recommendations-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.coop-recommendation+.coop-recommendation{border-top:0}}
@media(max-width:600px){.signed-in .coop-recommendations{padding:16px}.coop-recommendations-list{grid-template-columns:minmax(0,1fr);gap:0}.coop-recommendation+.coop-recommendation{border-top:1px solid var(--line)}}

/* Account rows keep touch area, but the label and identity are visually compact. */

@media(max-width:979px){
 .signed-in>.native-main{padding-inline:16px;padding-top:12px}
 .signed-in>.urab-header{height:52px;padding:4px 12px}
 .signed-in .urab-header :is(.icon-btn,.app-back,.native-brand){min-height:44px;height:44px}
 .signed-in .discover-greeting{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px!important}
 .signed-in .discover-greeting h1{font-size:1.125rem!important;line-height:1.5;letter-spacing:0}
 .signed-in .discover-greeting>p{font-size:.75rem!important;margin:0!important}
 .signed-in .search{margin:0 0 8px;min-height:44px;height:auto;padding:8px 12px}
 .signed-in .search input{font-size:.875rem;line-height:1.5;height:auto;min-height:24px;padding:0}
 .signed-in .search-spark{font-size:18px;line-height:1}
 .signed-in .discovery-tabs{gap:4px;margin:0 0 16px;overflow:visible}
 .signed-in .discovery-tabs .tab{font-size:.8125rem;padding:8px 4px;min-height:44px;gap:6px}
 .signed-in .discovery-tabs .tab .icon{display:block;width:18px;height:18px;flex-shrink:0}
 .signed-in .listening-rail{grid-auto-columns:clamp(136px,38vw,176px);scrollbar-width:none}
 .signed-in :is(.listening-rail,.artist-rail)::-webkit-scrollbar{display:none}
 .signed-in>.mobile-nav{height:calc(60px + var(--nav-safe-bottom,0px));padding:4px 8px calc(4px + var(--nav-safe-bottom,0px))}
 .signed-in .mobile-nav button:not([data-variant]){height:50px;min-height:50px;gap:3px;font-size:.75rem}
 .signed-in .mobile-nav button:not([data-variant])>span:last-of-type{font-size:.6875rem;line-height:1.4}
 .signed-in .mobile-nav button:not([data-variant])>.icon{width:22px;height:22px}
}
@media(max-width:359px){.signed-in .urab-header .native-brand .brand-wordmark{width:68px;max-width:68px;height:28px}.signed-in .urab-header .header-actions{gap:4px}.signed-in .urab-header .header-actions>.icon-btn{width:44px;min-width:44px;flex-basis:44px}.signed-in .discovery-tabs .tab{font-size:.75rem;gap:4px}.signed-in .discovery-tabs .tab .icon{width:16px;height:16px}.signed-in .btn.mood-card{padding:10px 8px}.resume-track{gap:8px}}
@media(max-width:420px){.signed-in .discovery-tabs .tab{font-size:.75rem}.signed-in .discovery-tabs .tab span{overflow-wrap:normal;word-break:normal}html[dir=ltr] .signed-in .discovery-tabs .tab .icon{display:none}}
@media(min-width:980px){.signed-in .listening-rail{grid-auto-columns:176px}.signed-in .listening-home{max-width:1280px;display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.signed-in .listening-home>.listening-shelf{grid-column:1/-1}.signed-in .listening-home>.mood-grid{grid-template-columns:1fr;gap:12px}.collaboration-spotlight{grid-template-columns:112px minmax(0,1fr) 80px;padding:16px;gap:16px}.collaboration-spotlight .spotlight-pattern{grid-column:3;grid-row:1;justify-self:end;width:80px;height:112px;mask-size:128px 128px;mask-position:-64px -96px;opacity:.16}}
@media(min-width:1400px){.collaboration-spotlight{grid-template-columns:144px minmax(0,1fr) 144px}.collaboration-spotlight .spotlight-pattern{grid-column:3;grid-row:1;width:96px;height:96px;mask-size:192px 192px;mask-position:-96px -144px}}
/* The transport is the first screen; queue and volume expand only on demand. */
body dialog#dialog[data-kind=player]{width:420px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 24px);padding:16px 20px;bottom:12px;border-radius:24px 24px 12px 12px;overflow-y:auto}
body dialog#dialog[data-kind=player] .dialog-head{min-height:44px;margin:0 0 8px;padding:0}
body dialog#dialog[data-kind=player] .dialog-head h2{font-size:14px;line-height:1.5;font-weight:500;color:var(--muted)}
body dialog#dialog[data-kind=player] .dialog-head .icon-btn{width:44px;height:44px}
dialog[data-kind=player] .player-stage{display:flex;align-items:center;justify-content:center;gap:12px;margin:4px 0 16px;direction:ltr}
body dialog[data-kind=player] .full-player .player-art{width:clamp(112px,calc(100dvh - 450px),224px);max-width:calc(100vw - 128px);margin:0;aspect-ratio:1;flex-shrink:0;border-radius:4px;border-start-start-radius:32px;box-shadow:none}
dialog[data-kind=player] .cover-pulse{width:25px;display:flex;align-items:center;justify-content:center;gap:2px;height:64px;flex-shrink:0;color:var(--violet)}
.cover-pulse i{width:3px;height:44px;border-radius:3px;background:currentColor;transform:scaleY(.12);opacity:.45;animation:urab-cover-pulse 1100ms ease-in-out infinite alternate;animation-play-state:paused}
.cover-pulse i:nth-child(2){height:56px;animation-delay:-700ms}.cover-pulse i:nth-child(3){height:64px;animation-delay:-250ms}.cover-pulse i:nth-child(4){height:48px;animation-delay:-900ms}.cover-pulse i:nth-child(5){height:32px;animation-delay:-400ms}
.cover-pulse:last-child{transform:scaleX(-1)}.cover-pulse:last-child i{animation-duration:1300ms}
.full-player.is-playing .cover-pulse i{animation-play-state:running;opacity:.85}
.full-player:not(.is-playing) .cover-pulse i{animation:none;transform:scaleY(.12)}
@keyframes urab-cover-pulse{0%{transform:scaleY(.16)}35%{transform:scaleY(.65)}70%{transform:scaleY(.3)}100%{transform:scaleY(1)}}
body dialog[data-kind=player] .full-track-title{gap:8px;margin:0}
body dialog[data-kind=player] .full-track-title>div:first-child{min-width:0;flex:1;overflow-wrap:anywhere}
.full-track-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}
body dialog[data-kind=player] .full-track-title h2{font-size:20px;line-height:1.45;margin:0}
body dialog[data-kind=player] .full-track-title p{font-size:12px;line-height:1.5;margin:4px 0 0}
body dialog[data-kind=player] .full-seek{margin:8px 0 4px}
body dialog[data-kind=player] .full-seek input{height:24px;accent-color:var(--violet)}
body dialog[data-kind=player] input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}
body dialog[data-kind=player] input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--line);border-radius:3px}
body dialog[data-kind=player] input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-5.5px;background:var(--violet);border-radius:50%;border:0}
body dialog[data-kind=player] input[type=range]::-moz-range-track{height:3px;background:var(--line);border-radius:3px}
body dialog[data-kind=player] input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--violet);border-radius:50%;border:0}
body dialog[data-kind=player] .full-volume input[type=range]{height:24px}
body dialog[data-kind=player] .full-seek>div{margin:0;font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums}
body dialog[data-kind=player] .full-controls{padding:0;margin:4px auto 12px;max-width:320px}
body dialog[data-kind=player] .full-controls>.icon-btn{width:44px;height:44px;padding:10px}
body dialog[data-kind=player] .full-controls>.play-main{width:56px!important;height:56px!important;min-width:56px;min-height:56px;padding:16px!important}
body dialog[data-kind=player] .full-controls .icon{width:22px;height:22px}
.player-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch}
.player-secondary .player-save{display:contents}
body dialog[data-kind=player] .player-secondary :is(.btn,.player-collab){display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;margin:0;padding:8px;font-size:12px;line-height:1.5;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:8px}
.player-secondary .player-collab>svg{display:none}.player-secondary .player-collab>span{gap:6px}
.player-options{margin-top:8px;border-top:1px solid var(--line);font-size:14px}
.player-options>summary{cursor:pointer;min-height:44px;padding:12px 0;color:var(--muted);line-height:20px}
body dialog[data-kind=player] .full-volume{padding:0;margin:4px 0;max-width:none}
body dialog[data-kind=player] .sample-note{margin:8px 0;line-height:1.6}
body dialog[data-kind=player] .playback-queue{margin:8px 0 0;padding-top:8px}
@media(prefers-reduced-motion:reduce){.full-player .cover-pulse i{animation:none!important;transform:scaleY(.25)}.full-player.is-playing .cover-pulse i:nth-child(2n){transform:scaleY(.65)}}

/* Browsing transport stays quiet beside the shared primary Create action. */
.signed-in .listening-art>.icon{background:#15121ecc;color:#fff;width:28px;height:28px;padding:8px;box-shadow:0 1px 6px #0002;border:1px solid #ffffff45}
.signed-in .listening-art[aria-pressed=true]>.icon{color:var(--violet);border-color:var(--violet)}
.signed-in>.player:where(:not(.mini-player)),.signed-in.player-minimized>.player:where(:not(.mini-player)){background:linear-gradient(110deg,var(--accent-soft),transparent 80%),var(--theme-player);border:1px solid var(--accent-line);box-shadow:0 -4px 20px #0002}

/* Canonical Button / IconButton. Values come from design/tokens.json; variants
   are opt-in while legacy consumers are migrated in reviewed batches. */
.btn[data-variant]{
 --control-background:var(--urab-semantic-control-primary-background);
 --control-foreground:var(--urab-semantic-control-primary-foreground);
 --control-border:transparent;
 position:relative;display:inline-flex;align-items:center;justify-content:center;
 min-width:var(--urab-control-touch);min-height:var(--urab-control-touch);max-width:100%;height:auto;
 gap:var(--urab-control-gap);padding:var(--urab-control-padding-block) var(--urab-control-padding-inline);
 border:var(--urab-control-border-width) solid var(--control-border);border-radius:var(--urab-radius-pill);
 background:var(--control-background);color:var(--control-foreground);box-shadow:var(--urab-control-shadow);
 font:inherit;font-size:var(--urab-control-font);font-weight:var(--urab-control-font-weight);line-height:var(--urab-control-line-height);
 text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere;cursor:pointer;
 transition:background var(--urab-control-transition),border-color var(--urab-control-transition),box-shadow var(--urab-control-transition);
}
.btn[data-variant=secondary]{--control-background:var(--urab-semantic-control-secondary-background);--control-foreground:var(--urab-semantic-control-secondary-foreground);--control-border:var(--urab-semantic-control-secondary-border)}
.btn[data-variant=ghost]{--control-background:transparent;--control-foreground:var(--urab-semantic-control-ghost-foreground)}
.btn[data-variant=destructive]{--control-background:var(--urab-semantic-control-destructive-background);--control-foreground:var(--urab-semantic-control-destructive-foreground);--control-border:currentColor}
.btn[data-variant][data-size=compact]{font-size:var(--urab-control-font-compact);padding:var(--urab-control-padding-block-compact) var(--urab-control-padding-inline-compact)}
/* September navigation proportions: the full target contains a small filled mark
   and a label. The accent does not fill the entire navigation slot. */
.btn[data-variant][data-size=dock]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;min-width:var(--urab-control-touch);min-height:var(--urab-navigation-target);height:auto;padding:0 2px;border:0;border-radius:var(--urab-radius-small);background:transparent;color:var(--muted);font-size:var(--urab-navigation-label);line-height:1.4}
.btn[data-variant][data-size=dock]>.icon{width:var(--urab-navigation-create-width);height:var(--urab-navigation-create-height);padding:7px 11px;box-sizing:border-box;border-radius:var(--urab-navigation-create-radius);background:var(--control-background);color:var(--control-foreground)}
.btn[data-variant][data-size=dock]>.btn-label{font:inherit;line-height:inherit}

.btn[data-variant]>.icon{width:var(--urab-control-icon);height:var(--urab-control-icon);flex:none}
.btn[data-variant]>.btn-label{min-width:0}
.btn[data-variant].btn-icon{width:var(--urab-control-touch);height:var(--urab-control-touch);flex:0 0 var(--urab-control-touch);padding:var(--urab-space-2);aspect-ratio:1}
.btn[data-variant].btn-block{width:100%}
.btn[data-variant]:focus-visible{outline:var(--urab-control-focus-width) solid var(--urab-semantic-control-focus);outline-offset:var(--urab-control-focus-offset)}
@media(hover:hover){
 .btn[data-variant]:hover:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]){border-color:currentColor}
 .btn[data-variant=secondary]:hover:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]),.btn[data-variant=ghost]:hover:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]){background:var(--urab-semantic-control-hover-background)}
}
.btn[data-variant]:active{transform:none}
.btn[data-variant]:active:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]),.btn[data-variant][aria-pressed=true]{box-shadow:var(--urab-control-pressed-shadow)}
.btn[data-variant]:is(:disabled,[aria-disabled=true]){opacity:var(--urab-control-disabled-opacity);cursor:not-allowed;transform:none;box-shadow:var(--urab-control-shadow)}
.btn[data-variant][aria-busy=true]{cursor:progress}
.btn[data-variant][aria-busy=true]>.btn-label,.btn[data-variant][aria-busy=true]>.icon{opacity:0}
/* The spinner overlays retained content, so changing state cannot shift layout. */
.btn[data-variant]>.btn-spinner{position:absolute;inset:0;margin:auto;width:var(--urab-control-icon);height:var(--urab-control-icon);border:var(--urab-control-focus-width) solid currentColor;border-inline-end-color:transparent;border-radius:50%;opacity:0;pointer-events:none}
.btn[data-variant][aria-busy=true]>.btn-spinner{opacity:1;animation:urab-control-spin .8s linear infinite}
@keyframes urab-control-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.btn[data-variant]{transition:none}.btn[data-variant][aria-busy=true]>.btn-spinner{animation:none}}
/* Visible only before the application mounts or after an initial load failure.
   The retry action reuses the canonical Button above. */
.app-startup{box-sizing:border-box;min-block-size:100svh;display:grid;align-content:center;justify-items:center;gap:var(--urab-space-4);padding:var(--urab-space-6);text-align:center}
.app-startup p{margin:0}
.app-startup [hidden]{display:none}


/* Source: rights-ui.css */
/* Work agreements are part of the song, using URAB's existing theme and rhythm. */
.rights-space,.rights-form{color:var(--ink);font-size:.875rem;line-height:1.8;min-width:0;text-align:start}
.rights-space *,.rights-form *{box-sizing:border-box}
.rights-summary{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;border-block:1px solid var(--line);padding:8px 0;margin-block:12px;color:var(--muted);font-size:.75rem}
.rights-summary>span{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.rights-summary .icon{width:18px;height:18px;flex:none;color:var(--violet)}
.rights-summary .btn{flex:none;min-height:44px}
.rights-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;margin:18px 0 12px}
.rights-heading h3,.rights-heading h4{margin:0;font-size:1rem;font-weight:600}
.rights-heading p{margin:4px 0 0;color:var(--muted);font-size:.8125rem}
.rights-heading>div{min-width:0}
.rights-work-title{margin:0 0 8px;color:var(--muted);font-size:.8125rem;overflow-wrap:anywhere}
.rights-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--line);gap:2px 14px;margin-bottom:16px}
.rights-tabs>.btn.text-btn{font:inherit;line-height:1.6;min-width:44px;min-height:44px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);padding:8px 2px;box-shadow:none;cursor:pointer}
.rights-tabs>.btn.text-btn:hover{color:var(--ink);background:var(--accent-soft)}
.rights-tabs>.btn.text-btn[aria-current=page]{color:var(--violet);border-bottom-color:var(--violet);background:transparent;font-weight:500}
.rights-space :is(button,summary,a):focus-visible,.rights-form :is(button,input,select,textarea,summary):focus-visible{outline:2px solid var(--violet);outline-offset:3px}
.rights-space :is(p,h3,h4),.rights-form :is(p,h3,h4){overflow-wrap:anywhere}
.rights-space .btn,.rights-form .btn{font-size:.8125rem;white-space:normal;min-height:44px;max-width:100%;height:auto}
.rights-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-block:12px 4px}
.rights-actions .btn.text-btn{color:var(--violet);padding-inline:8px}
.rights-empty{padding:16px 0;color:var(--muted);max-width:60ch}
.rights-empty p{margin:4px 0 12px}
.rights-empty strong{color:var(--ink);font-weight:500}
.rights-note{font-size:.75rem;line-height:1.8;color:var(--muted);border-inline-start:2px solid var(--accent-line);padding-inline-start:12px;margin-block:12px}
.rights-note strong{color:var(--ink);font-weight:500}
.rights-status{display:inline-flex;align-items:center;gap:6px;color:var(--violet);font-size:.75rem;line-height:1.6;font-weight:500;overflow-wrap:anywhere}
.rights-status[data-tone=muted]{color:var(--muted)}
.rights-status[data-tone=warning]{color:var(--theme-danger-ink)}
.rights-row{display:flex;align-items:start;gap:12px;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}
.rights-row>div{min-width:0;flex:1}
.rights-row h4{margin:0 0 3px;font-size:.875rem;font-weight:500}
.rights-row p,.rights-row small{margin:3px 0;color:var(--muted);font-size:.75rem;display:block}
.rights-row>.icon{width:20px;height:20px;color:var(--violet);flex:none;margin-top:5px}
.rights-row>.btn{flex:none}
.rights-person{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.rights-person strong{font-weight:500}
.rights-meta{display:flex;gap:4px 14px;flex-wrap:wrap;color:var(--muted);font-size:.75rem;margin-block:6px}
.rights-details{border-bottom:1px solid var(--line);padding:0;margin:0}
.rights-details>summary{min-height:48px;cursor:pointer;padding:12px 2px;line-height:1.7;font-weight:500}
.rights-details>summary .rights-status{margin-inline-start:10px}
.rights-details[open]>summary{color:var(--violet)}
.rights-details>div{padding:0 2px 16px}
.rights-explainer{margin-bottom:12px}
.rights-explainer>summary{color:var(--violet);font-size:.8125rem}
.rights-process{display:grid;gap:12px;margin:0;padding-inline-start:22px;font-size:.8125rem}
.rights-process li{padding-inline-start:4px}
.rights-process li::marker{color:var(--violet);font-weight:600}
.rights-process strong{display:block;color:var(--ink);font-weight:500}
.rights-process span{display:block;color:var(--muted);font-size:.75rem;line-height:1.7}
.rights-facts{display:grid;grid-template-columns:minmax(88px,1fr) minmax(0,3fr);gap:8px 16px;font-size:.8125rem;margin:12px 0}
.rights-facts dt{color:var(--muted);margin:0}
.rights-facts dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap;min-width:0}
.rights-terms{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;border-inline-start:2px solid var(--accent-line);background:var(--accent-soft);font-size:.8125rem;border-radius:0 4px 4px 0}
.rights-timeline{list-style:none;padding:0;margin:8px 0}
.rights-timeline li{position:relative;padding:0 16px 16px 0;padding-inline:20px 0;border-inline-start:1px solid var(--line);margin-inline-start:4px;font-size:.8125rem;overflow-wrap:anywhere}
.rights-timeline li:before{content:'';position:absolute;inset-inline-start:-4px;top:8px;width:7px;height:7px;background:var(--violet);border-radius:50%}
.rights-timeline li:last-child{padding-bottom:0;border-color:transparent}
.rights-timeline small{display:block;color:var(--muted);font-size:.75rem}
.rights-form .field{margin-block:12px;font-size:.8125rem;min-width:0}
.rights-form .field :is(input,textarea,select){width:100%;max-width:100%;min-width:0;font:inherit;color:var(--ink);background:var(--theme-input);border:1px solid var(--line);border-radius:6px;padding:10px 12px;min-height:44px}
.rights-form .field textarea{resize:vertical;min-height:96px}
.rights-form .field small{display:block;color:var(--muted);font-size:.75rem;font-weight:400;line-height:1.7;margin-top:5px}
.rights-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.rights-form fieldset{border:0;border-top:1px solid var(--line);margin:16px 0;padding:12px 0;min-width:0}
.rights-form legend{font-size:.875rem;padding-inline-end:12px;font-weight:500}
.rights-choice{display:flex;align-items:start;gap:10px;padding:10px 0;min-height:44px;font-size:.8125rem;cursor:pointer}
.rights-choice>input{width:18px;height:18px;flex:none;margin-top:4px;accent-color:var(--violet)}
.rights-choice>span{min-width:0;overflow-wrap:anywhere}
.rights-choice small{display:block;color:var(--muted);font-size:.75rem;line-height:1.7}
.rights-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.rights-party-picker{max-height:240px;overflow:auto;overscroll-behavior:contain;padding-inline:4px}
.rights-error{color:var(--theme-danger-ink);font-size:.8125rem;margin:8px 0}
.rights-error:empty{display:none}
.rights-form [aria-invalid=true]{border-color:var(--theme-danger-ink)!important}
.rights-space button[disabled],.rights-form button[disabled]{cursor:default;opacity:.6}
.rights-danger{color:var(--theme-danger-ink)!important}
.rights-counts{display:flex;flex-wrap:wrap;gap:12px 20px;padding:12px 0;border-block:1px solid var(--line);margin:12px 0}
.rights-counts span{display:flex;flex-direction:column;font-size:.75rem;color:var(--muted)}
.rights-counts b{font-size:1rem;font-weight:500;color:var(--ink)}
.rights-caption{color:var(--muted);font-size:.75rem;margin-block:4px 8px}
.rights-node{border-top:1px solid var(--line);padding-top:10px;margin-top:12px}
.rights-node p{font-size:.75rem;color:var(--muted);margin:4px 0}
.rights-picker{max-height:260px;overflow:auto;overscroll-behavior:contain;border-block:1px solid var(--line);padding-block:4px}
.rights-space time,.rights-form time{unicode-bidi:isolate}
@media(max-width:520px){.rights-fields,.rights-people{grid-template-columns:minmax(0,1fr)}.rights-heading{flex-wrap:wrap}.rights-facts{grid-template-columns:minmax(76px,1fr) minmax(0,2.2fr);gap:8px 10px}.rights-summary{align-items:start}.rights-summary .btn{padding-inline:4px}.rights-row{gap:8px}.rights-tabs{gap:2px 4px}.rights-tabs>.btn.text-btn{font-size:.75rem;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.rights-space *,.rights-form *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Publishing has one next step. Work administration stays within reach. */
dialog:has(.rights-release){width:min(680px,calc(100vw - 32px));max-width:680px;max-height:calc(100dvh - 32px);overflow:auto}
dialog:has(.rights-release) .dialog-head{margin-bottom:12px;gap:10px}
dialog:has(.rights-release) .dialog-head h2{font-size:1rem;line-height:1.6}
dialog:has(.rights-release) .dialog-head>.icon-btn{width:44px;height:44px}
.rights-release{font-size:.8125rem;line-height:1.65}
.rights-release .release-work-heading{border-inline-start:3px solid var(--violet);padding-inline-start:10px;margin-block:0 10px}
.rights-release .release-kicker{font-size:.6875rem;color:var(--muted)}
.rights-release .release-work-heading h3{font-size:.9375rem;font-weight:600;line-height:1.6;margin:2px 0}
.rights-release .release-work-heading p{font-size:.75rem;color:var(--muted);margin:3px 0}
.rights-release .release-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0 0 20px;border-bottom:1px solid var(--line)}
.rights-release .release-steps li{display:flex;align-items:center;gap:7px;min-width:0;min-height:48px;padding:0 2px 10px;font-size:.75rem;color:var(--muted);border-bottom:2px solid transparent}
.rights-release .release-steps li>span{width:24px;height:24px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;flex:none;font-size:.6875rem;font-variant-numeric:tabular-nums}
.rights-release .release-steps .icon{width:14px;height:14px}
.rights-release .release-steps [aria-current=step]{color:var(--violet);border-bottom-color:var(--violet);font-weight:600}
.rights-release .release-steps [aria-current=step]>span{background:var(--violet);color:var(--bg);border-color:var(--violet)}
.rights-release .release-steps .is-complete>span{color:var(--violet);border-color:var(--violet)}
.rights-release h4{font-size:.875rem;font-weight:600;margin-block:8px}
.rights-release .release-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block:0 8px}
.rights-release .release-section-heading h4{margin:0}
.rights-release .release-section-heading .btn{padding-block:4px;padding-inline:6px;font-size:.75rem}
.rights-release .release-scope-facts{display:flex;flex-wrap:wrap;gap:12px 24px;background:var(--accent-soft);border-radius:8px;padding:12px;margin:8px 0 10px}
.rights-release .release-scope-facts>div{flex:1;min-width:100px}
.rights-release .release-scope-facts dt{font-size:.6875rem;color:var(--muted);margin-bottom:2px}
.rights-release .release-scope-facts dd{margin:0;font-size:.8125rem;font-weight:500;overflow-wrap:anywhere}
.rights-release .release-access-line{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--muted);margin-block:10px 14px}
.rights-release .release-access-line .icon{width:17px;height:17px;color:var(--violet)}
.rights-release .release-access-line strong{font-weight:500;color:var(--ink)}
.rights-release .release-caption{font-size:.75rem;color:var(--muted);line-height:1.7;margin-block:8px}
.rights-release .release-permission-list{border-block:1px solid var(--line);margin-block:14px}
.rights-release .release-permission-row{display:flex;align-items:start;gap:10px;padding:11px 0;min-height:64px}
.rights-release .release-permission-row+.release-permission-row{border-top:1px solid var(--line)}
.rights-release .release-permission-row>.icon{width:20px;height:20px;color:var(--violet);margin-top:4px}
.rights-release .release-permission-row>div{flex:1;min-width:0}
.rights-release .release-permission-row strong{font-size:.8125rem;font-weight:500;overflow-wrap:anywhere}
.rights-release .release-permission-row small{font-size:.6875rem;margin-inline-start:6px}
.rights-release .release-permission-row p{font-size:.75rem;line-height:1.65;color:var(--muted);margin:2px 0 0}
.rights-release .release-permission-row>.rights-status{font-size:.6875rem;flex:none;margin-top:3px}
.rights-release .release-blocker,.rights-release .release-ready{display:flex;align-items:start;gap:8px;padding:10px 12px;background:var(--accent-soft);border-radius:6px;margin-block:10px;color:var(--ink);font-size:.75rem}
.rights-release .release-blocker{border-inline-start:2px solid var(--theme-danger-ink)}
.rights-release .release-blocker>.icon,.rights-release .release-ready>.icon{width:18px;height:18px;flex:none;margin-top:3px}
.rights-release .release-blocker p{line-height:1.7}
.rights-release .rights-note{margin-block:10px;font-size:.6875rem}
.rights-release .rights-details>summary{font-size:.75rem;min-height:44px;padding-block:10px}
.rights-release .rights-details>div>p{font-size:.75rem;color:var(--muted)}
.rights-release .release-footer{display:flex;flex-wrap:wrap;gap:8px;margin-block:10px 0;padding-block:10px;background:var(--bg);border-top:1px solid var(--line)}
.rights-release .release-footer>.btn:first-child{flex:1;min-width:140px}
.rights-release .release-footer .btn{font-size:.8125rem;min-height:44px;padding-inline:16px}
.rights-release .release-footer>.text-btn{font-size:.75rem}
.rights-release .release-advanced{margin-top:16px;border-top:1px solid var(--line)}
.rights-release .release-history{margin-top:12px}
.rights-release .release-schedule{border:1px solid var(--line);border-inline-start:3px solid var(--violet);border-radius:6px;padding:12px;margin-block:14px}
.rights-release .release-schedule>h4{margin:0 0 4px}
.rights-release .release-schedule>p{font-size:.75rem;color:var(--muted)}
.rights-release .release-advanced .rights-tabs{border-bottom:0;margin:0;gap:2px 16px}
.rights-release .release-complete{text-align:center;padding:12px 0 16px}
.rights-release .release-complete>.icon{width:32px;height:32px;color:var(--violet);margin-bottom:8px}
.rights-release .release-complete h3{font-size:1.125rem;margin-bottom:6px}
.rights-release .release-complete p{font-size:.8125rem;color:var(--muted)}
@media(max-width:520px){
 dialog:has(.rights-release){width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:22px 16px 16px}
 .rights-release .release-work-heading{margin-bottom:12px}
 .rights-release .release-steps{gap:6px;margin-bottom:16px}
 .rights-release .release-steps li{font-size:.6875rem;gap:5px}
 .rights-release .release-scope-facts{gap:8px 12px;padding:10px}
 .rights-release .release-scope-facts>div{min-width:68px}
 .rights-release .release-scope-facts dd{font-size:.75rem}
 .rights-release .release-footer{gap:6px}
 .rights-release .release-footer .btn{padding-inline:12px}
 .rights-release .release-section-heading{gap:8px}
}
@media(max-width:360px){
 .rights-release .release-steps li{flex-direction:column;align-items:center;justify-content:start;gap:5px;text-align:center;padding-block:3px 9px;overflow-wrap:anywhere}
 .rights-release .release-steps li>span{width:22px;height:22px}
}


/* Source: workspace-design.css */
/* Shared browsing header: three destinations and one persistent Create action. */
.phone-screen.signed-in{--workspace-header:72px;--web-rail:0px}
.signed-in .icon{stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.signed-in>.native-header.urab-header{height:var(--workspace-header);min-height:var(--workspace-header);padding:12px max(24px,calc((100% - var(--urab-layout-browse-width))/2));gap:12px;border:0;border-bottom:1px solid var(--line);box-sizing:border-box;display:flex;align-items:center}
.signed-in .urab-header .native-brand-group{flex:1 1 auto;min-width:0;overflow:hidden;gap:4px}
.signed-in .urab-header .native-brand{padding:0;min-height:44px;height:44px}
.signed-in .urab-header .native-brand .brand-wordmark{content:url('/assets/brand/wordmark.svg');width:96px;max-width:96px;height:40px;object-fit:contain}
.signed-in .urab-header .header-actions{display:flex;align-items:center;gap:6px;margin-inline-start:auto}
html[data-theme] .signed-in .urab-header .account-menu-button{height:44px;width:44px;min-height:44px;min-width:44px;padding:6px;background:none;border:0;box-shadow:none}
.signed-in .urab-header :is(.account-menu-button .avatar,.header-guest-avatar){width:30px;height:30px;min-width:30px;max-width:30px;flex-basis:30px}
.signed-in .urab-header .header-actions>.icon-btn,.signed-in .urab-header .app-back{width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px;padding:12px}
.signed-in .urab-header .header-actions .icon{width:20px;height:20px}
.signed-in .urab-header .account-menu-button>.avatar:after{display:none}
.signed-in .urab-header .header-actions>.icon-btn{position:relative}
.signed-in .header-count{position:absolute;inset-block-start:1px;inset-inline-end:1px;display:grid;place-items:center;min-width:16px;height:16px;padding-inline:3px;box-sizing:border-box;border:1px solid var(--bg);border-radius:999px;background:var(--button-primary);color:var(--button-on-primary);font:700 10px/1 Manrope,sans-serif;white-space:nowrap;pointer-events:none}
.signed-in .page-heading{margin-bottom:24px;padding-bottom:0;border-bottom:0}
.signed-in :is(.page-heading,.page-head) h1{font-weight:500}
.signed-in .page-heading p{color:var(--muted);font-size:13px;line-height:1.8;max-width:65ch}
.signed-in :is(.field input,.field select,.field textarea){font-size:14px;line-height:1.65;padding:11px 12px}
.signed-in .field label{font-size:13px;margin-bottom:8px}
.signed-in :is(.panel,.contribution-workspace){border-color:var(--line)}
.signed-in :is(.btn,.chip,.icon-btn,.tab,.desktop-nav button,.mobile-nav button:not([data-variant])):focus-visible{outline:2px solid var(--violet);outline-offset:-2px}
@media(min-width:980px){
 .phone-screen.signed-in{grid-template-rows:auto minmax(0,1fr) auto auto!important}
 .signed-in>.native-header.urab-header{background:var(--bg);color:var(--ink)}
 .signed-in .urab-header.header-primary .app-back{display:none}
 .phone-screen.signed-in>.native-main{margin:0!important;padding:20px clamp(24px,3vw,48px) 26px!important;max-width:none;width:100%;box-sizing:border-box}
 .signed-in>.native-main>.urab-discover{max-width:var(--urab-layout-browse-width);margin-inline:auto}
 .signed-in>.native-main>:is(.work-page,.creator-profile,.settings-list,.support-hub){max-width:1440px;margin-inline:auto}
}
@media(max-width:979px){
 .phone-screen.signed-in{--workspace-header:60px}
 .signed-in>.native-header.urab-header{padding:6px 12px;gap:12px;background:var(--bg);color:var(--ink)}
 .signed-in .urab-header .native-brand-group{flex:1 1 auto}
 .signed-in .urab-header .native-brand .brand-wordmark{width:88px;max-width:88px;height:40px}
 .signed-in .urab-header .header-actions{gap:0;margin:0}
 .signed-in .urab-header .header-title{font-size:14px}
 .signed-in .urab-header.header-context .native-brand{display:none}
 .signed-in .urab-header.header-primary .app-back{display:none}
 .desktop-nav,.header-search{display:none}
 .phone-screen.signed-in>.native-main{margin:0!important;padding:16px 16px 24px!important;max-width:none;width:100%;box-sizing:border-box}
 .phone-screen.signed-in.messaging-screen>.mobile-nav{grid-row:3}
}
/* A mobile conversation owns the viewport; its back button returns to the inbox. */
@media(max-width:899px){.phone-screen.signed-in.messaging-screen.thread-open>:is(.native-header,.mobile-nav){display:none!important}}
@media(max-width:350px){.signed-in>.native-header.urab-header{padding-inline:10px}.phone-screen.signed-in>.native-main{padding-inline:10px!important}}
.phone-screen.signed-in.messaging-screen>.native-main{padding:0!important}
dialog .notification{align-items:flex-start;gap:10px;padding:12px 0;border-color:var(--line);color:var(--ink);text-align:start;border-radius:0;min-height:64px}
dialog .notification>div{flex:1;min-width:0}
dialog .notification>.avatar{flex:0 0 36px;width:36px;height:36px;min-width:36px}
dialog .notification h3{font-size:.8125rem;line-height:1.6;font-weight:600;overflow-wrap:anywhere}
dialog .notification p{font-size:.75rem;line-height:1.65;margin:3px 0;color:var(--muted);overflow-wrap:anywhere}
dialog .notification small{display:block;font-size:.6875rem;line-height:1.5;color:var(--muted)}
dialog .notification:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
/* Crop demo portraits inside the avatar, leaving the presence marker unclipped. */
.avatar>.avatar-focal-frame{position:relative;display:block;width:100%;height:100%;flex:0 0 100%;overflow:hidden;border-radius:inherit;isolation:isolate}
.avatar>.avatar-focal-frame>img{position:absolute;left:50%;top:50%;width:var(--avatar-focal-width);height:auto;max-width:none;max-height:none;object-fit:initial;object-position:initial;border-radius:0;transform:translate(var(--avatar-focal-x),var(--avatar-focal-y))}

/* The original five-position arrangement keeps Create in the center slot. */
.bottom-create-slot{display:flex;align-items:center;justify-content:center;min-width:0;max-width:100%;box-sizing:border-box}
.bottom-create-slot>.bottom-create{max-width:100%;min-width:44px}


/* Restore the compact five-slot footer; its row reserves the actual content height. */
.phone-screen.signed-in>.mobile-nav{grid-row:4;position:relative;inset:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;justify-content:stretch;gap:0;box-sizing:border-box;width:100%;max-width:var(--urab-layout-navigation-width);min-width:0;height:auto;min-height:calc(var(--urab-navigation-height) + var(--nav-safe-bottom,0px));padding:var(--urab-space-1) var(--urab-space-2) calc(var(--urab-space-1) + var(--nav-safe-bottom,0px));margin:0 auto;background:var(--theme-nav);color:var(--ink);border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;backdrop-filter:none}
.phone-screen.signed-in>.mobile-nav.without-create{grid-template-columns:repeat(4,minmax(0,1fr))}
.phone-screen.signed-in>.mobile-nav>button:not([data-variant]){position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;min-width:var(--urab-control-touch);min-height:var(--urab-navigation-target);height:auto;margin:0;padding:2px 1px;border:0;border-radius:var(--urab-radius-small);background:transparent;color:var(--muted);font-size:var(--urab-navigation-label);font-weight:400;line-height:1.4}
.phone-screen.signed-in>.mobile-nav>button:not([data-variant])>.icon{width:var(--urab-navigation-icon);height:var(--urab-navigation-icon);color:inherit;stroke-width:1.6}
.phone-screen.signed-in>.mobile-nav>button:not([data-variant])>span:last-of-type{color:inherit;font-size:var(--urab-navigation-label);line-height:1.4}
.phone-screen.signed-in>.mobile-nav>button:not([data-variant]).active{color:var(--violet);background:var(--accent-soft)}
.phone-screen.signed-in>.mobile-nav>button:not([data-variant]):hover{color:var(--ink);background:var(--accent-soft)}
.phone-screen.signed-in>.mobile-nav>button:not([data-variant]):focus-visible{outline:2px solid var(--violet);outline-offset:-2px}
.mobile-nav .nav-selection{display:none}
@media(max-width:979px){
 .phone-screen.signed-in>.mobile-nav{max-width:100%}
}
@media(max-width:899px){.phone-screen.signed-in.messaging-screen.thread-open>.mobile-nav{display:none}}
.phone-screen.signed-in.messaging-screen>.mobile-nav{grid-row:3}


/* Source: profile.css */
/* One identity, visible artwork and compact, provenance-aware work rows. */
.signed-in>.native-main>.creator-profile{max-width:1120px;margin-inline:auto;min-width:0}
.creator-profile .cp-cover{height:clamp(155px,22vw,265px);position:relative;overflow:hidden;border-radius:24px;background:var(--surface-2)}
.creator-profile .cp-cover>img{display:block;visibility:visible;width:100%;height:100%;object-fit:cover;object-position:center 45%}.creator-profile .cp-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0005,transparent 65%);pointer-events:none}
.creator-profile .cp-settings{position:absolute;inset-block-start:12px;inset-inline-end:12px;z-index:2;width:44px;height:44px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink)}
.creator-profile .cp-overview{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--urab-space-4);min-width:0;padding-block:var(--urab-space-4)}
.creator-profile .cp-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--urab-space-2) var(--urab-space-6);align-items:start;min-width:0;max-width:100%}
.creator-profile .cp-identity-line{display:flex;align-items:center;gap:var(--urab-space-3);min-width:0}
.creator-profile .cp-avatar{display:block;position:relative;flex:0 0 72px;width:72px;height:72px;padding:0;margin:0;border:0;border-radius:50%;background:var(--bg);cursor:pointer}
.creator-profile .cp-avatar .avatar.big{width:72px;height:72px;min-width:72px;flex-basis:72px;aspect-ratio:1;border:3px solid var(--bg);border-radius:50%}.creator-profile .cp-avatar img{border-radius:50%;object-fit:cover}
.creator-profile .cp-identity{min-width:0}.creator-profile .cp-name-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0}
.creator-profile .cp-name-row h1{display:flex;align-items:center;gap:9px;min-width:0;font-size:1.25rem;line-height:1.5;font-weight:600;margin:0;letter-spacing:0;overflow-wrap:anywhere}
.creator-profile .cp-name-row .verified{width:17px;height:17px;flex:none}.creator-profile .cp-name-row .verified .icon{width:12px;height:12px}
.creator-profile .cp-name-row h1>bdi{min-width:0;overflow-wrap:anywhere}.creator-profile .cp-rank{border:0;border-radius:20px;padding:3px 7px;min-height:44px;background:var(--accent-soft);color:var(--violet);cursor:pointer}.creator-profile .cp-rank .participant-rank{font-size:.75rem;padding:0;color:inherit}
.creator-profile .cp-handle{font-size:.75rem;color:var(--muted);text-align:start;margin:2px 0;width:fit-content}
.creator-profile .cp-specialty{display:flex;align-items:center;flex-wrap:wrap;gap:4px;color:var(--muted);font-size:.75rem;line-height:1.6;margin:4px 0 0}.creator-profile .cp-specialty>span+span:before{content:'·';margin-inline-end:6px}
.creator-profile .cp-description{grid-column:1;min-width:0;padding-inline-start:84px}.creator-profile .cp-bio{font-size:.875rem;line-height:1.7;color:var(--ink);margin:0;max-width:650px;overflow-wrap:anywhere}
.creator-profile .cp-location{display:flex;align-items:center;gap:5px;font-size:.75rem;color:var(--muted);margin-top:6px}.creator-profile .cp-location .icon{width:14px;height:14px}
.creator-profile .cp-appreciation{display:flex;align-items:center;flex-wrap:wrap;gap:var(--urab-space-3) var(--urab-space-6);margin-top:var(--urab-space-2);padding:0;border:0;width:100%;max-width:100%}.creator-profile .cp-followers{display:flex;align-items:baseline;gap:5px;font-size:.75rem;color:var(--muted)}.creator-profile .cp-followers>bdi{font-size:.875rem;font-weight:600;color:var(--ink)}
.creator-profile .cp-appreciation .ustars-badge{padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:.75rem;box-shadow:none;min-height:32px}.creator-profile .cp-appreciation .ustars-badge b{font-size:.875rem;font-weight:600}.creator-profile .cp-appreciation .ustars-badge .icon{color:var(--violet);width:16px;height:16px}
.creator-profile .cp-actions{grid-column:2;grid-row:1;align-self:start;display:flex;align-items:center;flex-wrap:wrap;gap:var(--urab-space-2);margin:0;max-width:100%;min-width:0}.creator-profile .cp-actions>.btn{flex:0 1 auto;min-width:0}
.creator-profile .cp-featured{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.7fr);align-items:center;justify-self:start;gap:var(--urab-space-4);min-width:0;width:100%;max-width:650px;margin:0;padding:var(--urab-space-3);border:1px solid var(--line);border-radius:var(--urab-radius-small);background:var(--surface)}.creator-profile .cp-featured:not(:has(.featured-select)){grid-template-columns:minmax(0,1fr)}.creator-profile .cp-featured-track{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--urab-space-3);min-width:0}.creator-profile .cp-featured-track>.eyebrow{display:block;font-size:var(--urab-font-meta);letter-spacing:0;color:var(--muted);margin:0}
.creator-profile .cp-featured .library-track{padding:0;border:0;background:none;gap:10px}.creator-profile .cp-featured .track-art{width:56px;height:56px;flex-basis:56px;border-radius:3px;border-start-start-radius:12px}
.creator-profile .featured-select{display:flex;align-items:center;gap:var(--urab-space-2);padding:0;margin:0;border:0;font-size:var(--urab-font-meta);color:var(--muted);min-width:0}.creator-profile .featured-select select{min-width:0;width:100%;flex:1;min-height:44px;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--urab-radius-small);padding:8px;font-size:var(--urab-font-meta)}
.creator-profile .cp-work-section{border-top:1px solid var(--line);padding-top:0}.creator-profile .cp-work-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--urab-space-2) var(--urab-space-4);margin-bottom:var(--urab-space-4);min-width:0}.signed-in .creator-profile .profile-work-tabs{margin:0;gap:var(--urab-space-6);justify-content:flex-start;overflow:visible;border:0;min-width:0}.signed-in .creator-profile .profile-work-tabs>.tab{flex:0 1 auto;gap:8px;min-height:48px;padding:10px 4px;font-size:.8125rem;white-space:normal;line-height:1.5}
.creator-profile .profile-work-tabs .tab>span{background:var(--accent-soft);border-radius:4px;min-width:22px;text-align:center;padding:1px 5px;font-size:.6875rem}.creator-profile .profile-work-caption{display:flex;justify-content:flex-end;margin:0;font-size:var(--urab-font-meta)}.creator-profile .profile-work-caption .status{padding:3px 6px;border:0;background:none}
.creator-profile .cp-works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.cp-work-card{min-width:0;padding:14px;border:1px solid var(--line);border-radius:4px;border-start-start-radius:20px;background:var(--surface);color:var(--ink)}.cp-piece-main{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center}
.cp-piece-art{display:block;aspect-ratio:1;width:100%;padding:0;border:0;border-radius:3px;border-start-start-radius:14px;overflow:hidden;background:var(--surface-2);cursor:pointer}.cp-piece-art img{display:block;width:100%;height:100%;object-fit:contain}
.cp-piece-copy{min-width:0}.cp-piece-kind{display:block;font-size:.6875rem;line-height:1.6;color:var(--violet)}.cp-piece-copy h3{margin:4px 0;font-size:1rem;line-height:1.6}.cp-piece-copy h3>button{display:block;width:100%;border:0;background:none;color:var(--ink);font:inherit;font-weight:650;text-align:start;padding:0;overflow-wrap:anywhere;cursor:pointer}
.cp-piece-author{font-size:.6875rem;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}.cp-piece-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:6px}.cp-piece-actions .icon-btn{width:44px;min-width:44px;height:44px;min-height:44px;padding:10px 8px;background:none;color:var(--muted);border:0;border-radius:4px}.cp-piece-actions .icon-btn[aria-pressed=true]{color:var(--violet)}
.cp-listen{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--accent-line);border-radius:5px;background:var(--accent-soft);color:var(--violet);font:500 .75rem/1.5 Alexandria,sans-serif;cursor:pointer}.cp-listen>.icon{width:16px;height:16px;flex:none}
.cp-piece-context{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:8px;border-top:1px solid var(--line);color:var(--muted);font-size:.6875rem;line-height:1.7;min-width:0}.cp-piece-context>button{display:flex;align-items:center;gap:7px;min-width:0;min-height:44px;padding:3px 0;background:none;color:var(--violet);border:0;font:inherit;text-align:start;cursor:pointer;overflow-wrap:anywhere}.cp-piece-context>button .icon{width:15px;height:15px;flex:none}.cp-piece-context>span{text-align:end}
.creator-profile .cp-statistics,.creator-profile .cp-following{border:1px solid var(--line);border-radius:18px;background:var(--surface);margin-top:16px;padding:0 14px}.creator-profile :is(.cp-statistics,.cp-following)>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;min-height:48px;padding:14px 0;font-size:.875rem;font-weight:500;color:var(--ink)}.creator-profile :is(.cp-statistics,.cp-following)>summary::-webkit-details-marker{display:none}.creator-profile :is(.cp-statistics,.cp-following)>summary .icon{width:16px;height:16px;color:var(--muted)}.creator-profile :is(.cp-statistics,.cp-following)[open]>summary .icon{rotate:180deg}
.creator-profile .cp-statistics .creator-activity{margin:0;padding:0 0 16px;border:0}.creator-profile .cp-statistics .activity-heading h2{display:none}.creator-profile .cp-statistics .activity-heading{justify-content:flex-end;margin:0 0 8px}.creator-profile .cp-following .creators-grid{padding-bottom:16px}.creator-profile :is(button,summary,select):focus-visible{outline:2px solid var(--violet);outline-offset:3px}.creator-profile .empty{grid-column:1/-1}
@media(min-width:980px){.creator-profile .cp-cover{height:200px}}
@media(max-width:979px){.creator-profile .cp-cover{height:132px;border-radius:6px;border-start-start-radius:22px}.creator-profile .cp-works-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.creator-profile .cp-intro{grid-template-columns:minmax(0,1fr);gap:var(--urab-space-3)}.creator-profile .cp-description{grid-column:1;padding:0}.creator-profile .cp-actions{grid-column:1;grid-row:auto}.creator-profile .cp-featured{grid-template-columns:minmax(0,1fr);gap:var(--urab-space-3)}.creator-profile .cp-featured-track{grid-template-columns:minmax(0,1fr);gap:var(--urab-space-1)}.creator-profile .cp-works-grid{gap:var(--urab-space-3)}.creator-profile .cp-piece-main{grid-template-columns:min(30%,104px) minmax(0,1fr)}.creator-profile .cp-featured .track-art{width:48px;height:48px;flex-basis:48px}}
@media(max-width:359px){.creator-profile .cp-work-card{padding:10px}.creator-profile .cp-piece-main{gap:10px}.creator-profile .cp-piece-actions{gap:0}.creator-profile .cp-listen{padding-inline:8px}.creator-profile .cp-piece-context{align-items:flex-start}}


/* Source: home-design.css */
/* Pre-identity discovery: search, three browse tabs and the complete song grid.
   Current filters/search/directory behavior is retained inside this old layout. */
.urab-discover,.urab-discover>section{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}
.urab-discover-top{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"search filters" "sections sections";align-items:center;gap:8px 12px;margin-bottom:24px;min-width:0;padding:0;background:transparent;border:0;border-radius:0}
.urab-discover .discover-greeting{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.urab-discover-top>.search{grid-area:search;display:flex;align-items:center;gap:10px;min-width:0;width:100%;min-height:44px;height:auto;margin:0;padding:0 12px;border:1px solid var(--line);border-radius:var(--urab-radius-small);background:var(--surface);color:var(--muted);box-sizing:border-box}
.urab-discover-top>.search input{width:100%;min-width:0;min-height:44px;height:44px;padding:0;border:0;background:transparent;color:var(--ink);font-size:var(--urab-font-body)}
.urab-discover-top>.search input::placeholder{color:var(--muted)}
.urab-discover-top>.search>.icon{width:20px;height:20px;flex:none}
.discovery-sections{grid-area:sections;display:flex;align-items:center;gap:16px;min-width:0;max-width:100%;padding-inline:16px;scroll-padding-inline:16px;overflow-x:auto;border-bottom:1px solid var(--line)}
.discovery-sections button{position:relative;flex:1 0 auto;display:flex;justify-content:center;align-items:center;min-height:44px;padding:8px 4px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:var(--urab-font-body);white-space:nowrap}
.discovery-sections button.active{color:var(--violet);border-bottom-color:var(--violet)}
.discovery-sections button:focus-visible{outline:2px solid var(--violet);outline-offset:-2px}
.urab-listen-filters{grid-area:filters;margin:0;min-width:0}
.urab-listen-filters>summary{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;min-height:44px;padding:0;border:1px solid var(--line);border-radius:var(--urab-radius-small);font-size:var(--urab-font-meta);color:var(--ink);background:transparent;cursor:pointer;list-style:none;box-sizing:border-box}
.urab-listen-filters>summary::-webkit-details-marker{display:none}
.urab-listen-filters>summary>.icon{width:20px;height:20px;flex:none}
.urab-listen-filters>summary:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.urab-listen-filters[open]>summary{color:var(--violet);border-color:var(--violet)}
.listen-filter-panel{position:absolute;z-index:50;inset-inline-end:0;top:48px;width:min(480px,100%);max-width:100%;max-height:60dvh;overflow-y:auto;box-sizing:border-box;padding:16px;border:1px solid var(--line);border-radius:var(--urab-radius-small);background:var(--surface);box-shadow:0 8px 24px #0003}
.listen-filter-panel .work-status-filter{margin:0 0 12px;color:var(--ink)}
.listen-filter-panel .filters{flex-wrap:wrap}
.urab-discover .filters{max-width:100%;padding-inline:16px;scroll-padding-inline:16px;box-sizing:border-box}
.urab-discover #discovery-panel{padding-block:0 12px}
.urab-discover-top>.creator-toolbar{grid-area:filters;display:flex;justify-content:flex-end;gap:4px;margin:0;min-width:0}
.urab-discover-top .creator-filter-menu{position:static}
.urab-discover-top .creator-filter-menu>.discovery-filters{inset-inline-start:auto;inset-inline-end:0;max-height:60dvh;overflow-y:auto}
.urab-discover-top>.opportunity-filters{grid-area:filters;display:flex;align-items:center;gap:0;margin:0;min-width:0}
.urab-discover .opportunity-filters>label{display:block;min-width:0;margin:0;font-size:var(--urab-font-meta)}
.urab-discover .opportunity-filters select{width:auto;max-width:100%;min-width:0;min-height:44px}
/* Preserve the later activity dialogs and their actions. */
.home-activity-history{font-size:var(--urab-font-body);color:var(--ink)}
.home-activity-history .urab-home-activity-list{display:grid;gap:8px;list-style:none;padding:0}
.urab-home-activity-entry{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);min-width:0}
.urab-home-activity-person,.urab-home-overflow{display:grid;place-items:center;min-width:44px;min-height:44px;background:transparent;color:var(--ink);border:0}
.urab-home-activity-copy{flex:1;min-width:0;min-height:44px;text-align:start;background:transparent;color:var(--ink);border:0}
.urab-home-activity-copy small{display:block;color:var(--muted)}
.home-project-contributors{display:grid;gap:8px}
.home-project-contributors>button{display:flex;align-items:center;gap:12px;min-height:44px;background:transparent;color:var(--ink);border:0;text-align:start}
.home-project-contributors>button>span:not(.avatar){flex:1;min-width:0}
.home-project-contributors small{display:block;color:var(--muted)}
@media(max-width:979px){
 .urab-discover-top{gap:8px;margin-bottom:8px}
}

/* Shelves scroll inside their own bounds; end cards retain usable edge space. */
.urab-discover .listening-rail,.urab-discover .artist-rail{padding-inline:16px;scroll-padding-inline:16px;box-sizing:border-box;list-style:none;margin:0}


/* Source: mini-player-design.css */
/* Compact legacy transport; current waveform and native media actions remain. */
.phone-screen.signed-in:where(:not(.messaging-screen))>.player.mini-player{
 --player-ink:var(--ink);--player-muted:var(--muted);
 --player-wave-base:var(--muted);--player-wave-played:var(--violet);--player-wave-focus:var(--violet);--player-wave-thumb:var(--ink);
 grid-row:3;position:relative;inset:auto;transform:none;display:grid;grid-template-columns:minmax(0,220px) minmax(44px,1fr);grid-auto-flow:column;grid-auto-columns:44px;align-items:center;direction:ltr;
 box-sizing:border-box;width:calc(100% - 48px);max-width:var(--urab-layout-dock-width);min-width:0;margin:0 auto var(--urab-space-3);height:auto;min-height:62px;padding:var(--urab-space-2) var(--urab-space-3);gap:var(--urab-space-1);
 background:var(--surface-2);color:var(--ink);border:1px solid var(--accent-line);border-radius:var(--urab-radius-small);box-shadow:none;isolation:isolate;overflow:visible;backdrop-filter:none;transition:none;
}
.signed-in .player.mini-player .now-playing{display:flex;align-items:center;gap:var(--urab-space-2);min-width:0;width:100%;max-width:none;min-height:44px;padding:0;color:var(--ink);background:transparent;border:0;border-radius:var(--urab-radius-small);direction:ltr;text-align:start}
.signed-in .player.mini-player .now-playing>img{width:40px;height:40px;flex:0 0 40px;aspect-ratio:1;border-radius:var(--urab-radius-small);object-fit:contain;object-position:center;border:0;background:var(--urab-color-ink)}
.signed-in .player.mini-player .now-playing>span{display:block;min-width:0;overflow:hidden}
.signed-in .player.mini-player .now-playing b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:var(--urab-font-body);font-weight:500;line-height:1.5;text-align:start}
.signed-in .player.mini-player .now-playing small{display:block;color:var(--muted);font-size:var(--urab-font-meta);line-height:1.5;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.signed-in .player.mini-player>.icon-btn{position:relative;display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;max-width:none;max-height:none;padding:var(--urab-space-3);margin:0;color:var(--ink);background:transparent;border:0;border-radius:50%;aspect-ratio:1;box-shadow:none}
.signed-in .player.mini-player>.icon-btn>.icon{width:20px;height:20px}
.signed-in .player.mini-player>.play-main{color:var(--ink);background:var(--accent-soft);border:1px solid var(--line)}
.signed-in .player.mini-player>.play-main>.icon{color:inherit}
.signed-in .player.mini-player>.play-main::before{content:none}
.signed-in .player.mini-player>:is(.player-like,.mute-control){display:none}
.signed-in .player.mini-player.is-muted>.mute-control{display:grid;color:var(--ink);background:color-mix(in srgb,var(--urab-color-ink) 12%,transparent)}
.signed-in .player.mini-player.is-muted{--player-wave-base:color-mix(in srgb,var(--urab-color-ink) 40%,var(--urab-color-paper));--player-wave-played:var(--muted)}
.signed-in .player.mini-player .player-size .icon{transform:none}
.signed-in .player.mini-player button:hover{box-shadow:none;background:var(--accent-soft)}
.signed-in .player.mini-player>.play-main:hover{background:var(--accent-soft)}
.signed-in .player.mini-player button:active{box-shadow:inset 0 0 0 1px currentColor}
.signed-in .player.mini-player button:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.signed-in .player.mini-player button:disabled{opacity:var(--urab-control-disabled-opacity);cursor:default}
.signed-in .player.mini-player .playback-signal{position:relative;display:flex;align-items:center;min-width:44px;max-width:none;width:100%;height:44px;margin:0;color:var(--ink)}
.player.mini-player .player-state-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.signed-in .player.mini-player .mini-progress{display:none}
@media(max-width:979px){
 .phone-screen.signed-in:where(:not(.messaging-screen))>.player.mini-player{width:calc(100% - 24px);max-width:calc(100% - 24px);grid-template-columns:minmax(0,1fr) minmax(44px,.45fr);margin:0 auto var(--urab-space-2);min-height:62px;padding:var(--urab-space-2);gap:var(--urab-space-1)}
 .signed-in .player.mini-player>:is(.player-like,.mute-control,.player-size,.player-queue),.signed-in .player.mini-player.is-muted>.mute-control{display:none}
 .signed-in .player.mini-player .now-playing>img{width:36px;height:36px;flex-basis:36px}
}
@media(max-width:350px){.phone-screen.signed-in:where(:not(.messaging-screen))>.player.mini-player{gap:2px}.signed-in .player.mini-player .now-playing{gap:var(--urab-space-1)}}
@media(prefers-reduced-motion:reduce){.player.mini-player{transition:none}}

/* Native ranges share the recorded waveform; the audio owner handles seeking. */
:is(.mini-player,.full-player) urab-mini-wave{display:block;position:relative;height:44px;min-height:44px;width:100%;direction:ltr}
:is(.mini-player,.full-player) .mini-wave-plot{position:absolute;inset:6px 0;pointer-events:none}
:is(.mini-player,.full-player) :is(.mini-wave-base,.mini-wave-played){position:absolute;inset:0;display:block}
:is(.mini-player,.full-player) urab-mini-wave svg{width:100%;height:100%;display:block}
:is(.mini-player,.full-player) .mini-wave-base{fill:var(--player-wave-base,#777280)}
:is(.mini-player,.full-player) .mini-wave-played{fill:var(--player-wave-played,#a16cfa);clip-path:inset(0 calc(100% - var(--wave-progress,0%)) 0 0)}
:is(.mini-player,.full-player) .mini-wave-baseline{position:absolute;inset:15px 0 auto;height:1px;background:var(--player-wave-base,#777280)}
.signed-in .player.mini-player .playback-signal{height:44px}
.player.mini-player urab-mini-wave{height:44px}
.player.mini-player .mini-wave-plot{inset:10px 0}
:is(.mini-player,.full-player) urab-mini-wave .wave-seek-control,body dialog[data-kind=player] .full-seek .wave-seek-control{position:absolute;inset:0;display:block;box-sizing:border-box;width:100%;height:44px;min-height:44px;min-width:0;margin:0;padding:0;background:transparent;border:0;border-radius:4px;appearance:none;-webkit-appearance:none;cursor:ew-resize;touch-action:none;direction:ltr;accent-color:#a16cfa;box-shadow:none;outline:none}
:is(.mini-player,.full-player) .wave-seek-control::-webkit-slider-runnable-track,body dialog[data-kind=player] .wave-seek-control::-webkit-slider-runnable-track{height:32px;background:transparent}
:is(.mini-player,.full-player) .wave-seek-control::-webkit-slider-thumb,body dialog[data-kind=player] .wave-seek-control::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:4px;height:32px;margin:0;border:0;border-radius:2px;background:transparent}
:is(.mini-player,.full-player) .wave-seek-control::-moz-range-track{height:32px;background:transparent}
:is(.mini-player,.full-player) .wave-seek-control::-moz-range-thumb{width:4px;height:32px;border:0;border-radius:2px;background:transparent}
:is(.mini-player,.full-player) urab-mini-wave:focus-within{outline:2px solid var(--player-wave-focus,#d4ff58);outline-offset:2px;border-radius:3px}
:is(.mini-player,.full-player) urab-mini-wave:focus-within .wave-seek-control::-webkit-slider-thumb,:is(.mini-player,.full-player) urab-mini-wave:hover .wave-seek-control::-webkit-slider-thumb{background:var(--player-wave-thumb,#f1ebdd)}
:is(.mini-player,.full-player) urab-mini-wave:focus-within .wave-seek-control::-moz-range-thumb{background:var(--player-wave-thumb,#f1ebdd)}
:is(.mini-player,.full-player) .wave-seek-control:disabled{cursor:default}

/* Expanded player: one recording, genuine seek controls, optional queue. */
body dialog#dialog[data-kind=player]{--ink:#f1ebdd;--muted:#b9b0c5;--violet:#a16cfa;--lime:#d4ff58;--line:#f1ebdd24;width:420px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px 24px;background:#100d18!important;color:#f1ebdd!important;border:1px solid #f1ebdd24;border-radius:18px;box-shadow:0 22px 90px #0007;bottom:12px;overflow-y:auto}
body dialog#dialog[data-kind=player]:before{display:none}
body dialog#dialog[data-kind=player] .dialog-head{position:sticky;top:0;z-index:4;margin:0 0 12px;min-height:44px;background:#100d18;box-shadow:0 -28px 0 #100d18}
body dialog#dialog[data-kind=player] .dialog-head h2{font-size:12px;color:#b9b0c5}
body dialog#dialog[data-kind=player] .icon-btn{color:#e3dbea;min-width:44px;min-height:44px;border-radius:50%;background:transparent}
body dialog#dialog[data-kind=player] :is(button,input,summary):focus-visible{outline:2px solid #d4ff58;outline-offset:2px}
body dialog#dialog[data-kind=player] .full-player{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
body dialog#dialog[data-kind=player] .full-player-visual{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:224px;margin-inline:auto}
body dialog#dialog[data-kind=player] .full-player .player-art{width:clamp(112px,calc(100dvh - 450px),224px);max-width:100%;border-radius:6px;aspect-ratio:1;margin:0;background:#21172c;box-shadow:none}
body dialog#dialog[data-kind=player] .player-art>img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.full-player-kicker{font:10px 'Manrope',sans-serif;letter-spacing:.18em;color:#a16cfa}
body dialog#dialog[data-kind=player] .full-player-main{min-width:0}
body dialog#dialog[data-kind=player] .full-track-title{gap:8px;align-items:center}
body dialog#dialog[data-kind=player] .full-track-title h2{font-size:1.125rem;line-height:1.5;color:#f1ebdd}
body dialog#dialog[data-kind=player] .full-track-title p{font-size:11px;color:#b9b0c5}
body dialog#dialog[data-kind=player] .full-track-actions{gap:0}
body dialog#dialog[data-kind=player] .full-track-actions .icon{width:20px;height:20px}
body dialog#dialog[data-kind=player] .player-like.liked{color:#ff8aaa;background:#ff8aaa13}
body dialog#dialog[data-kind=player] .full-seek{margin:16px 0 8px}
body dialog#dialog[data-kind=player] .full-seek .full-time{font-size:11px;color:#b9b0c5;margin-top:2px;display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}
body dialog#dialog[data-kind=player] .full-controls{max-width:340px;padding:0;margin:0 auto;gap:4px}
body dialog#dialog[data-kind=player] .full-controls>.icon-btn{height:44px;width:44px;min-width:44px;min-height:44px;padding:11px;border:0}
body dialog#dialog[data-kind=player] .full-controls>.play-main{height:56px!important;width:56px!important;background:#d4ff58!important;color:#100d18!important;box-shadow:none!important;border-radius:50%!important}
body dialog#dialog[data-kind=player] .full-controls>[aria-pressed=true]{color:#d4ff58;background:#d4ff5810}
body dialog#dialog[data-kind=player] .full-quick-seek{display:flex;align-items:center;justify-content:center;gap:8px;margin:5px 0 12px}
body dialog#dialog[data-kind=player] .full-quick-seek>span{font-size:10px;line-height:1.6;text-align:center;color:#b9b0c5}
body dialog#dialog[data-kind=player] .full-quick-seek>.icon-btn{display:flex;align-items:center;justify-content:center;gap:1px;width:44px;height:44px;padding:5px;font:10px 'Manrope',sans-serif;flex-shrink:0}
body dialog#dialog[data-kind=player] .full-quick-seek .icon{width:13px;height:13px}
body dialog#dialog[data-kind=player] .full-quick-seek .icon{transform:none!important}
body dialog#dialog[data-kind=player] .player-secondary :is(.btn,.player-collab){color:#c9aaff;border:1px solid #a16cfa44;background:#a16cfa0c;border-radius:999px;font-size:11px;min-height:44px}
body dialog#dialog[data-kind=player] .player-options{grid-column:1/-1;margin-top:0;border-top:1px solid #f1ebdd24}
body dialog#dialog[data-kind=player] .player-options>summary{display:flex;align-items:center;gap:8px;color:#b9b0c5;font-size:12px;min-height:44px;padding:10px 0;list-style:none}
body dialog#dialog[data-kind=player] .player-options>summary::-webkit-details-marker{display:none}
body dialog#dialog[data-kind=player] .player-options>summary>.icon{width:17px;height:17px}
body dialog#dialog[data-kind=player] .player-options>summary>.icon:last-child{margin-inline-start:auto}
body dialog#dialog[data-kind=player] .full-volume{padding:0;margin:6px 0;gap:10px}
body dialog#dialog[data-kind=player] .full-volume input[type=range]{height:44px}
body dialog#dialog[data-kind=player] .sample-note{font-size:10px;color:#b9b0c5;line-height:1.8;text-align:start;margin:10px 0}
.player-spectrum{width:100%;max-width:280px;display:grid;gap:8px}
.player-spectrum-bars{height:42px;display:flex;align-items:end;justify-content:center;gap:3px;direction:ltr;overflow:hidden}
.player-spectrum-bars i{--level:0;display:block;width:4px;max-width:calc((100% - 93px)/32);height:100%;min-height:2px;background:#a16cfa;border-radius:3px 3px 0 0;transform-origin:bottom;transform:scaleY(max(.035,var(--level)));transition:transform 70ms linear}
.player-spectrum-bars i:nth-child(3n){background:#d4ff58}
.player-spectrum[data-state=unavailable] .player-spectrum-bars,.player-spectrum[data-state=reduced] .player-spectrum-bars{opacity:.3}
/* Classic equalizer: three vertical faders, a shared neutral line, one reset. */
body dialog#dialog[data-kind=player] .player-mixer{padding:10px 0 4px;border-top:1px solid #f1ebdd24}
.player-mixer .mixer-heading{display:flex;align-items:center;justify-content:flex-end;gap:8px}
body dialog#dialog[data-kind=player] [data-mixer-reset]{font:inherit;font-size:11px;line-height:1.4;min-height:44px;padding:6px 12px;border:1px solid #a16cfa44;border-radius:999px;background:#a16cfa0c;color:#c9aaff;box-shadow:none}
.player-mixer .mixer-bands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:420px;margin:14px auto 8px}
.player-mixer .mixer-band{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:6px;min-width:0;min-height:0}
.player-mixer .mixer-band>span:first-child{display:grid;gap:2px;text-align:center;font-size:12px;color:#f1ebdd}
.player-mixer .mixer-band small{font:9px 'Manrope',sans-serif;color:#b9b0c5}
.player-mixer .mixer-fader{position:relative;display:block;width:68px;height:132px;padding-left:24px;direction:ltr}
.player-mixer .mixer-fader:before{content:'';position:absolute;top:6px;bottom:6px;left:44px;width:4px;background:#594d65;border-radius:4px;pointer-events:none}
.player-mixer .mixer-fader:after{content:'';position:absolute;top:50%;left:24px;right:0;height:1px;background:#c9aaff80;pointer-events:none}
.player-mixer .mixer-scale{position:absolute;top:1px;bottom:1px;left:0;width:18px;display:flex;flex-direction:column;justify-content:space-between;text-align:right;color:#b9b0c5;font:9px 'Manrope',sans-serif;font-variant-numeric:tabular-nums;pointer-events:none}
.player-mixer .mixer-scale i{font-style:normal;line-height:12px}
body dialog#dialog[data-kind=player] .mixer-fader input[type=range]{position:relative;z-index:1;display:block;writing-mode:vertical-lr;direction:rtl;appearance:none;-webkit-appearance:none;width:44px;height:132px;min-width:44px;min-height:0;padding:0;margin:0;border:0;border-radius:4px;box-shadow:none;background:transparent;cursor:ns-resize;touch-action:none}
body dialog#dialog[data-kind=player] .mixer-fader input::-webkit-slider-runnable-track{width:44px;height:100%;background:transparent;border:0}
body dialog#dialog[data-kind=player] .mixer-fader input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;margin-left:8px;width:28px;height:14px;border:1px solid #a99bb8;border-radius:3px;background:linear-gradient(#d9d0e2 0 40%,#766587 40% 55%,#d9d0e2 55%);box-shadow:0 2px 5px #0005}
body dialog#dialog[data-kind=player] .mixer-fader input::-moz-range-track{width:44px;height:100%;background:transparent;border:0}
body dialog#dialog[data-kind=player] .mixer-fader input::-moz-range-thumb{width:28px;height:14px;border:1px solid #a99bb8;border-radius:3px;background:linear-gradient(#d9d0e2 0 40%,#766587 40% 55%,#d9d0e2 55%);box-shadow:0 2px 5px #0005}
.player-mixer [data-mixer-value]{font:10px 'Manrope',sans-serif;font-variant-numeric:tabular-nums;color:#c9aaff;white-space:nowrap;text-align:center}
.player-mixer .mixer-balance{display:grid;grid-template-columns:60px minmax(0,1fr) 60px;align-items:center;gap:12px;width:100%;max-width:420px;min-height:44px;margin:8px auto 0;font-size:11px;color:#f1ebdd}
.player-mixer .mixer-balance-control{position:relative;display:flex;align-items:center;gap:8px;min-width:0}
.player-mixer .mixer-balance-control:after{content:'';position:absolute;left:50%;top:15px;height:14px;width:1px;background:#c9aaff80;pointer-events:none}
.player-mixer .mixer-balance-control small{font:10px 'Manrope',sans-serif;color:#b9b0c5}
body dialog#dialog[data-kind=player] .mixer-balance input[type=range]{position:relative;z-index:1;min-width:0;width:100%;height:44px;padding:0;margin:0;accent-color:#a16cfa;border:0;box-shadow:none;background:transparent;cursor:ew-resize}
.player-mixer .mixer-status{margin:8px 0 0;font-size:10px;color:#b9b0c5;line-height:1.7}
.player-mixer .mixer-status[hidden]{display:none}
.player-mixer :disabled{opacity:.45;cursor:default}
@media(max-width:659px){.player-spectrum{max-width:208px;gap:4px}.player-spectrum-bars{height:28px;gap:2px}.player-spectrum-bars i{width:3px}.player-mixer .mixer-bands{gap:8px}.player-mixer .mixer-balance{grid-template-columns:45px minmax(0,1fr) 48px;gap:8px}}
@media(prefers-reduced-motion:reduce){.player-spectrum-bars i{transition:none}}
body dialog#dialog[data-kind=player] .playback-queue{padding-top:10px;margin-top:10px;border-top:1px solid #f1ebdd24}
body dialog#dialog[data-kind=player] .playback-queue>summary{font-size:12px;min-height:44px;cursor:pointer}
body dialog#dialog[data-kind=player] .queue-setting{font-size:11px;color:#b9b0c5;display:flex;align-items:center;gap:8px;min-height:44px}
body dialog#dialog[data-kind=player] .player-queue-tracks{max-height:min(42dvh,320px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#665876 #100d18;padding:0 3px 0 0}
body dialog#dialog[data-kind=player] .playback-queue .library-track{display:grid;grid-template-columns:44px minmax(0,1fr) auto 44px;align-items:center;gap:8px;min-width:0;min-height:58px;margin:0;padding:6px 0;background:transparent;color:#f1ebdd;border:0;border-bottom:1px solid #f1ebdd24;border-radius:0;box-shadow:none}
body dialog#dialog[data-kind=player] .playback-queue .library-track[aria-current=true]{background:#a16cfa12;border-inline-start:2px solid #a16cfa;padding-inline-start:6px}
body dialog#dialog[data-kind=player] .playback-queue .track-art{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:4px;padding:0;background:#21182f}
body dialog#dialog[data-kind=player] .playback-queue .track-art img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:brightness(.6)}
body dialog#dialog[data-kind=player] .playback-queue .track-art>.icon{width:18px;height:18px;color:#fff;fill:none!important;stroke:currentColor!important}
body dialog#dialog[data-kind=player] .playback-queue .track-art>.icon-play path{fill:none!important;stroke:currentColor!important}
body dialog#dialog[data-kind=player] .playback-queue .track-art:after{display:none}
body dialog#dialog[data-kind=player] .playback-queue .track-copy{display:grid;align-content:center;gap:2px;min-width:0;min-height:44px;padding:0;background:transparent;color:#f1ebdd;text-align:start}
body dialog#dialog[data-kind=player] .playback-queue .track-copy>bdi{font-size:13px;line-height:1.5;font-weight:500;color:#f1ebdd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body dialog#dialog[data-kind=player] .playback-queue .track-copy>small{font-size:11px;line-height:1.5;color:#c9bfd6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body dialog#dialog[data-kind=player] .playback-queue .track-copy>:is(bdi,small){text-align:left}
html[dir=rtl] body dialog#dialog[data-kind=player] .playback-queue .track-copy>:is(bdi,small){text-align:right}
body dialog#dialog[data-kind=player] .playback-queue .track-duration{font-size:10px;line-height:1.5;color:#c9bfd6;font-variant-numeric:tabular-nums;min-width:28px;text-align:center}
body dialog#dialog[data-kind=player] .playback-queue .library-track>.icon-btn{width:44px;height:44px;min-width:44px;min-height:44px;padding:12px;color:#c9bfd6;background:transparent;border:0;border-radius:50%}
body dialog#dialog[data-kind=player] .playback-queue .library-track>.icon-btn .icon{width:18px;height:18px}
body dialog#dialog[data-kind=player] .playback-queue .library-track>.icon-btn[aria-pressed=true]{color:#d4ff58}
body dialog#dialog[data-kind=player] .playback-queue .library-track>:is(button:hover,button:focus-visible){background:#ffffff0a}

@media(max-width:659px){
 body dialog#dialog[data-kind=player]{width:430px;padding:14px 18px}
 body dialog#dialog[data-kind=player] .full-player{grid-template-columns:minmax(0,1fr);gap:12px}
 body dialog#dialog[data-kind=player] .full-player .player-art{width:clamp(96px,calc(100dvh - 515px),208px);max-width:70%}
 body dialog#dialog[data-kind=player] .full-player-visual{gap:8px}
 body dialog#dialog[data-kind=player] .full-track-title h2{font-size:18px}
 body dialog#dialog[data-kind=player] .full-seek{margin:8px 0}
}
@media(max-width:659px) and (max-height:650px){
 body dialog#dialog[data-kind=player]{padding:8px 14px}
 body dialog#dialog[data-kind=player] .dialog-head{margin-bottom:4px}
 body dialog#dialog[data-kind=player] .full-player{gap:8px}
 body dialog#dialog[data-kind=player] .full-player-kicker{display:none}
 body dialog#dialog[data-kind=player] .full-quick-seek{margin:0 0 6px}
 body dialog#dialog[data-kind=player] .player-options{margin-top:6px}
}


/* Source: search-design.css */
/* Search feedback belongs to the results; every card uses a real route. */
.search-result-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0 16px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.search-result-summary p{margin:0;color:var(--ink);font-size:14px;line-height:1.7}
.search-result-summary small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.search-result-summary .btn{flex-shrink:0;min-height:44px}
.search-creators-grid{margin-bottom:22px}
@media(max-width:500px){.search-result-summary{gap:8px}.search-result-summary p{font-size:12px}.search-result-summary small{font-size:10px;max-width:25ch}.search-result-summary .btn{padding:6px 10px;font-size:11px}}


/* Source: creation-design.css */
/* Draft preparation has one next step; detailed licenses remain optional. */
.signed-in .creation-flow{width:100%;max-width:980px;margin-inline:auto;color:var(--ink);font-size:.875rem;line-height:1.7}
.creation-flow *{box-sizing:border-box}
.creation-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 18px}
.creation-header h1{font-size:1.5rem;line-height:1.5;margin:0;font-weight:600}
.creation-eyebrow{font-size:.6875rem;letter-spacing:.06em;margin:0 0 4px;color:var(--violet)}
.creation-header>.btn{flex:none}
.creation-header>.btn:not([data-variant]){font-size:.75rem;min-height:44px}
.creation-flow .form-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:0 0 20px;border-bottom:1px solid var(--line)}
.creation-flow .form-step{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;padding:8px 4px 12px;margin:0;color:var(--muted);font-size:.8125rem;border-bottom:2px solid transparent;min-width:0}
.creation-flow .form-step:after{display:none}
.creation-flow .form-step>span{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;margin:0;background:var(--surface-2);border:1px solid var(--line);font-size:.6875rem;color:var(--muted)}
.creation-flow .form-step>span>.icon{width:14px;height:14px}
.creation-flow .form-step.active{color:var(--ink);border-bottom-color:var(--violet)}
.creation-flow .form-step.active>span{color:var(--bg);background:var(--violet);border-color:var(--violet)}
.creation-flow #create-form{padding:20px 24px;margin:0;border:1px solid var(--line);border-radius:var(--urab-radius-small);background:var(--surface);min-width:0}
.creation-step-heading{margin-bottom:18px}
.creation-step-heading h2{font-size:1.125rem;line-height:1.5;font-weight:600;margin:0 0 4px}
.creation-step-heading p{font-size:.8125rem;color:var(--muted);margin:0;max-width:75ch}
.creation-flow .form-grid{gap:12px 16px}
.creation-flow .field{margin:0 0 12px;min-width:0}
.creation-flow .field :is(input,select,textarea){font-size:.875rem;min-height:44px;padding:9px 12px;width:100%;border-radius:6px}
.creation-flow .field label{font-size:.8125rem;margin:0 0 5px}
.creation-flow .field textarea{min-height:138px;resize:vertical}
.creation-details,.creation-flow .work-cover-editor{border:0;border-block:1px solid var(--line);border-radius:0;padding:0;margin:12px 0;background:none}
.creation-details>summary,.creation-flow .work-cover-editor>summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-size:.8125rem;font-weight:500;padding:8px 0;list-style:none;color:var(--ink)}
.creation-details>summary::-webkit-details-marker{display:none}
.creation-details>summary:after{content:'+';color:var(--violet);margin-inline-start:auto;font-size:1rem;font-weight:400}
.creation-details[open]>summary:after{content:'−'}
.creation-details>summary small{font-size:.6875rem;color:var(--muted);font-weight:400}
.publication-advanced-actions{display:flex;flex-wrap:wrap;gap:var(--urab-space-2);padding-block-end:var(--urab-space-3);min-width:0}
.publication-advanced-actions>.btn{max-width:100%;white-space:normal}
.creation-flow .role-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}
.creation-flow .role-option{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;min-height:44px;padding:8px;font-size:.75rem;border:1px solid var(--line);border-radius:6px;background:transparent}
.creation-flow .role-option input{position:static;opacity:1;width:16px;height:16px;flex:none;accent-color:var(--violet);margin:0}
.creation-flow .role-option>.icon{width:16px;height:16px;margin:0}
.creation-note,.creation-storage-note{color:var(--muted);font-size:.75rem;line-height:1.8;margin:8px 0 12px}
.creation-storage-note{margin-top:16px}
.creation-content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.creation-content-grid.is-text{grid-template-columns:minmax(0,1fr)}
.creation-flow .upload-zone{padding:16px;text-align:start;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;min-width:0}
.creation-flow .upload-zone h3{font-size:.9375rem;margin:0 0 4px;overflow-wrap:anywhere}
.creation-flow .upload-zone>p{font-size:.75rem;color:var(--muted);margin:0 0 12px}
.creation-media-actions{display:grid;gap:12px;min-width:0}
.creation-media-actions .urab-recorder{margin:0;padding:var(--urab-space-4);border:1px solid var(--accent-line);border-radius:var(--urab-radius-small);background:var(--surface-2);box-shadow:none;min-width:0;overflow:visible}
.creation-media-actions .recorder-status{display:flex;align-items:center;justify-content:space-between;gap:var(--urab-space-2);font-size:var(--urab-font-meta);line-height:1.6;color:var(--muted);margin-bottom:var(--urab-space-3);min-width:0}
.recorder-status #record-state{min-width:0;overflow-wrap:anywhere}
.recorder-status #record-timer{font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;color:var(--ink)}
.creation-media-actions .record-row{display:flex;align-items:center;justify-content:flex-start;margin:0;gap:var(--urab-space-3);flex-wrap:wrap}
.creation-media-actions .record-row>.btn{max-width:100%;flex:none}
.creation-media-actions .record-discard[hidden]{display:none}
.creation-media-actions .record-hint{font-size:.6875rem;line-height:1.7;color:var(--muted);margin:9px 0 0}
.creation-media-actions .urab-recorder.recording #record-state{color:var(--ink)}
.creation-media-actions .urab-recorder.recording #record-state:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pink);margin-inline-end:6px}
.creation-upload-choice{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 8px;min-width:0}
.creation-upload-choice>span{font-size:.75rem;color:var(--ink)}
.creation-upload-choice>.btn{grid-column:2;grid-row:1/3}
.creation-upload-choice>.btn:not([data-variant]){min-height:44px;font-size:.75rem;padding:8px 10px;white-space:normal}
.creation-upload-choice>small{grid-column:1;font-size:.625rem;line-height:1.5;color:var(--muted)}
.creation-upload-choice>[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}
.creation-file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.creation-upload-choice:focus-within>.btn{outline:2px solid var(--violet);outline-offset:2px}
.creation-sample{margin-bottom:0}
.creation-sample>summary{font-size:.75rem}
.creation-flow .urab-preview{display:grid;gap:7px;margin:14px 0 4px;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);min-width:0}
.creation-flow .urab-preview .preview-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.creation-flow .urab-preview .preview-label{font-size:.75rem;color:var(--ink)}
.creation-flow .urab-preview #preview-time{font-size:.6875rem;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}
.creation-flow .urab-preview .preview-controls{display:flex;align-items:center;gap:12px;min-width:0}
.creation-flow .urab-preview .preview-controls button.preview-play{display:flex;align-items:center;justify-content:center;gap:6px;width:auto;min-width:88px;height:auto;min-height:44px;padding:7px 10px;border:1px solid var(--accent-line);border-radius:6px;background:var(--accent-soft);color:var(--violet);font-size:.75rem;line-height:1.5;flex:none}
.creation-flow .urab-preview .preview-controls button.preview-play[aria-pressed=true]{background:var(--violet);border-color:var(--violet);color:var(--on-accent)}
.creation-flow .urab-preview .preview-controls button.preview-play>.icon{width:16px;height:16px}
.creation-flow .urab-preview #preview-seek{min-width:0;flex:1;width:0;min-height:44px;margin:0;accent-color:var(--violet);direction:ltr}
/* The one optional capture setting stays with the existing recorder. */
.recording-option{display:inline-flex;align-items:center;gap:var(--urab-space-2);min-height:var(--urab-control-touch);margin:0;cursor:pointer;font-size:var(--urab-font-meta);color:var(--ink)}
.recording-option input{width:18px;height:18px;margin:0;accent-color:var(--violet);flex:none}
.recording-option:focus-within{outline:var(--urab-control-focus-width) solid var(--violet);outline-offset:var(--urab-control-focus-offset);border-radius:var(--urab-radius-small)}
.recording-option:has(input:disabled){opacity:var(--urab-control-disabled-opacity);cursor:default}

/* Focused audio step: one content axis and one review surface. Canonical
   buttons own their appearance; these rules only place their controls. */
.phone-screen.recording-editor{grid-template-rows:minmax(0,1fr)}
.phone-screen.recording-editor>.native-main{grid-row:1;margin-inline-start:0;padding-block-start:var(--urab-space-6);padding-inline:var(--urab-space-4);scroll-padding-top:var(--urab-space-4)}
.signed-in .creation-flow.is-audio-step{max-width:var(--urab-layout-recording-content-width)}
.creation-flow.is-audio-step .creation-header{margin-block:0 var(--urab-space-4);align-items:center}
.creation-flow.is-audio-step .creation-header>div{min-width:0}
.creation-flow.is-audio-step .creation-header h1{overflow-wrap:anywhere}
.creation-flow.is-audio-step #create-form{padding:0;border:0;border-radius:0;background:transparent}
.creation-flow.is-audio-step .creation-step-heading{margin-block:var(--urab-space-4)}
.creation-flow.is-audio-step .creation-step-heading h2{margin:0}
.creation-flow.is-audio-step .form-steps{margin-block-end:var(--urab-space-4)}
.creation-flow.is-audio-step .form-step{gap:var(--urab-space-2);font-size:var(--urab-font-meta);padding-inline:0}
.recording-reference{display:flex;align-items:center;justify-content:space-between;gap:var(--urab-space-3);min-width:0;margin-block:0 var(--urab-space-4);padding:var(--urab-space-3);border:1px solid var(--line);border-radius:var(--urab-radius-small);background:var(--surface);color:var(--ink)}
.recording-reference>div{display:flex;align-items:center;gap:var(--urab-space-2);min-width:0;font-size:var(--urab-font-body)}
.recording-reference>div>.icon{width:var(--urab-control-icon);height:var(--urab-control-icon);flex:none;color:var(--violet)}
.recording-reference bdi{min-width:0;overflow-wrap:anywhere}
.recording-reference>.btn{flex:none;max-width:50%}
.creation-audio{display:grid;gap:var(--urab-space-4);min-width:0}
.recording-review,.recording-clip{min-width:0}
.recording-clip{padding:var(--urab-space-4);border:1px solid var(--accent-line);border-radius:var(--urab-radius-small);background:var(--surface-2)}
.recording-clip h3{margin:0 0 var(--urab-space-3);font-size:var(--urab-font-body);font-weight:600;line-height:1.7;overflow-wrap:anywhere;color:var(--ink)}
.creation-flow.is-audio-step .recording-clip .urab-preview{margin:0;padding:0;border:0;border-radius:0;background:transparent;gap:var(--urab-space-2)}
.creation-flow.is-audio-step .recording-clip .preview-heading{justify-content:flex-end}
.creation-flow.is-audio-step .recording-clip .preview-controls{gap:var(--urab-space-3)}
.creation-audio[data-capture-state=review] .creation-media-actions{grid-template-columns:minmax(0,1fr) auto;gap:var(--urab-space-3);align-items:center;padding-block-end:var(--urab-space-4);border-bottom:1px solid var(--line)}
.creation-flow.is-audio-step .creation-audio[data-capture-state=review] .urab-recorder{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.creation-audio[data-capture-state=review] .recorder-status{display:none}
.creation-audio[data-capture-state=review] .creation-upload-choice{display:flex;align-items:center;justify-content:flex-start}
.creation-audio[data-capture-state=review] .record-row{gap:var(--urab-space-2)}
.creation-audio[data-capture-state=recording] .recorder-status,.creation-audio[data-capture-state=processing] .recorder-status{flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:var(--urab-font-body);margin-block-end:var(--urab-space-4)}
.creation-audio[data-capture-state=recording] #record-timer{font-size:1.5rem;line-height:1.5}
.creation-audio[data-capture-state=recording] .record-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--urab-space-2)}
.creation-audio[data-capture-state=recording] .record-row>[data-action=record]{grid-column:1;grid-row:1;width:100%;min-width:0}
.creation-audio[data-capture-state=recording] .record-row>.record-discard{grid-column:2;grid-row:1;width:100%;min-width:0}
.creation-audio[data-capture-state=recording] .record-row>.recording-option{grid-column:1/-1;grid-row:2;justify-content:center;min-width:0}
.creation-audio[data-capture-state=processing] #record-timer{display:none}
.creation-flow.is-audio-step .creation-details,.creation-flow.is-audio-step .work-cover-editor{margin:0;border-block-start:0;border-block-end:1px solid var(--line)}
.creation-flow.is-audio-step .recording-optional>.creation-writing{padding-block:var(--urab-space-2)}
.creation-flow.is-audio-step .recording-optional .creation-details{border-block-end:0}
.creation-flow.is-audio-step .creation-storage-note{margin-block:var(--urab-space-3);font-size:var(--urab-font-meta)}
.creation-flow.is-audio-step .form-footer{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--urab-space-2);position:static;margin:var(--urab-space-4) 0 0;padding:var(--urab-space-4) 0 0;background:transparent}
.creation-flow.is-audio-step .form-footer>[data-action=form-next]{width:100%;min-width:0}
.creation-flow.is-audio-step .form-footer>.inline-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--urab-space-2);width:100%;min-width:0}
.creation-flow.is-audio-step .form-footer .inline-actions>.btn{width:100%;min-width:0}
.creation-flow.is-audio-step [hidden]{display:none}

.creation-flow .work-cover-fields{grid-template-columns:128px minmax(0,1fr);gap:16px;padding-block:8px 12px}
.creation-flow .work-cover-crop{width:128px;max-width:100%;aspect-ratio:1}
.creation-flow .work-cover-fields .meta{font-size:.75rem}
.creation-preview{display:flex;gap:16px;align-items:center;margin:0 0 12px;min-width:0}
.creation-preview .work-cover-final{width:80px;height:80px;max-width:80px;flex:none;object-fit:cover;border-radius:5px;margin:0}
.creation-preview>div{min-width:0}
.creation-preview h3{font-size:1.125rem;line-height:1.5;margin:3px 0;overflow-wrap:anywhere}
.creation-preview p,.creation-preview-type{font-size:.75rem;color:var(--muted);margin:0}
.creation-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.875rem;max-height:240px;overflow:auto;padding-inline:2px}
.creation-needs{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.creation-flow .access-summary{margin:14px 0;padding:10px 0;background:none;border:0;border-block:1px solid var(--line);border-radius:0;font-size:.8125rem}
.creation-flow .access-summary .text-btn{font-size:.75rem;min-height:44px}
.creation-flow .creation-ack{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:10px 0;margin:8px 0;font-size:.8125rem;color:var(--ink)}
.creation-ack input{width:18px;height:18px;flex:none;margin:3px 0 0;accent-color:var(--violet)}
.creation-flow #create-error:not(:empty){padding:10px;border-inline-start:2px solid var(--pink);margin:8px 0}
.creation-flow .form-footer{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;position:static;margin:16px 0 0;padding:12px 0 0;background:var(--surface);border-top:1px solid var(--line)}
.creation-flow .form-footer .inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:auto;flex:0 1 auto}
.creation-flow .form-footer .btn:not([data-variant]){font-size:.8125rem;min-height:44px;padding:8px 16px;white-space:normal}
.creation-flow .form-footer>[data-action=form-next]{min-width:160px;width:auto;flex:0 0 auto}
.creation-flow :is(button,input,select,textarea,summary):focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.creation-recovery .creation-header p{max-width:620px;font-size:.875rem;color:var(--muted)}
.recovery-list{display:grid;gap:12px}
.recovery-entry{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-inline-start:3px solid var(--violet);border-radius:6px 18px 6px 6px}
.recovery-entry>div{min-width:0}
.recovery-entry h2{font-size:1rem;line-height:1.5;margin:0;overflow-wrap:anywhere}
.recovery-entry p{margin:5px 0 0;color:var(--muted);font-size:.75rem;line-height:1.7}
.recovery-entry .recovery-excerpt{white-space:pre-wrap;overflow-wrap:anywhere;max-width:58ch;color:var(--ink)}
.recovery-entry .inline-actions{display:flex;flex:none;gap:8px;flex-wrap:wrap;max-width:280px}
.recovery-entry .btn,.recovery-start .btn{min-height:44px;font-size:.8125rem;white-space:normal}
.recovery-start{padding:20px 0}.recovery-start p{margin:8px 0;font-size:.75rem}
@media(max-width:659px){.recovery-entry{padding:14px;gap:12px;align-items:stretch;flex-direction:column}.recovery-entry .inline-actions{max-width:none}.recovery-entry .inline-actions .btn{flex:1;padding:8px 10px}.creation-recovery .creation-header{flex-wrap:wrap}.creation-recovery .creation-header>div{flex:1 1 210px}}
@media(max-width:659px){
 .creation-header{gap:8px;margin:0 0 12px;align-items:flex-start}
 .creation-header h1{font-size:1.25rem}
 .creation-header>.btn{max-width:125px}
 .creation-header>.btn:not([data-variant]){padding:7px 10px;font-size:.6875rem}
 .creation-flow .form-steps{margin-bottom:12px}
 .creation-flow .form-step{font-size:.6875rem;gap:5px;padding-inline:1px}
 .creation-flow .form-step>span{width:21px;height:21px;flex-basis:21px;font-size:.625rem}
 .creation-flow #create-form{padding:14px 12px}
 .creation-step-heading{margin-bottom:14px}
 .creation-step-heading h2{font-size:1rem}
 .creation-step-heading p{font-size:.75rem}
 .creation-flow .form-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .creation-flow .role-options{grid-template-columns:repeat(2,minmax(0,1fr))}
 .creation-content-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .creation-preview{gap:10px}
 .creation-preview .work-cover-final{width:60px;height:60px;max-width:60px}
 .creation-preview h3{font-size:1rem}
 .creation-flow .work-cover-fields{grid-template-columns:80px minmax(0,1fr);gap:10px}
 .creation-flow .work-cover-crop{width:80px}
 .creation-flow .work-cover-fields input{max-width:100%}
 .creation-flow .form-footer{display:grid;grid-template-columns:1fr;gap:8px;padding-top:10px}
 .creation-flow .form-footer>.inline-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}
 .creation-flow .form-footer .btn{width:100%;min-width:0}
 .creation-flow .form-footer .btn:not([data-variant]){padding:8px 10px;font-size:.75rem}
 .creation-flow .access-summary{align-items:flex-start;gap:4px}
 .phone-screen.recording-editor>.native-main{padding-block-start:var(--urab-space-4)}
 .creation-flow.is-audio-step .creation-header{gap:var(--urab-space-2);align-items:flex-start}
 .creation-flow.is-audio-step .creation-header h1{font-size:1.25rem}
 .creation-flow.is-audio-step .form-step{font-size:var(--urab-font-meta);gap:var(--urab-space-1)}
 .creation-flow.is-audio-step .form-step>span{width:24px;height:24px;flex-basis:24px}
 .creation-audio[data-capture-state=review] .creation-media-actions{grid-template-columns:minmax(0,1fr)}
 .creation-audio[data-capture-state=review] .creation-upload-choice{justify-content:flex-start}
 .recording-reference{flex-wrap:wrap}
 .recording-reference>div{flex:1 1 160px}
 .recording-reference>.btn{max-width:100%}
}

/* Context remains readable without adding another publishing step. */
.auth-return-context,.contribution-relation{padding:12px 14px;margin:12px 0;border-inline-start:3px solid var(--violet);background:var(--accent-soft);border-radius:8px;font-size:.8125rem;line-height:1.7}
.contribution-relation p{margin:6px 0}.contribution-copy{white-space:pre-wrap}