@font-face{font-family:Artab;src:url('/artab/fonts/Manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--bg:#10110f;--surface:#181916;--line:#ffffff12;--muted:#96998d;--text:#f0f0e9;--yellow:#f3d464;--gold:#bfa258;--green:#a5bf8b;--radius:18px;font-family:Artab,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button,a{transition:background .2s,color .2s,transform .2s,border-color .2s}a{color:inherit;text-decoration:none}button{color:inherit;background:none;border:0}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px) scale(.985)}:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2{font-weight:600;letter-spacing:-.055em}h1{font-size:48px;line-height:1.12}h2{font-size:26px}h3{font-size:17px;font-weight:600;letter-spacing:-.025em}p{line-height:1.7;color:var(--muted)}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}small{font-size:11px;color:var(--muted)}.mono,.eyebrow{font-family:Consolas,monospace;text-transform:uppercase;font-size:10px;letter-spacing:2px}.eyebrow{color:var(--gold);display:flex;align-items:center;gap:9px}.dot{width:5px;height:5px;background:var(--yellow);border-radius:50%;display:inline-block}.brand{display:flex;align-items:center;gap:10px}.brand img{width:35px;height:35px}.brand strong{font-size:29px;letter-spacing:-2px;line-height:1}.brand .brand-sub{font-size:8px;letter-spacing:2px;color:var(--muted);display:block;margin-top:7px}.brand-dot{color:var(--yellow)}.btn{min-height:44px;padding:12px 19px;border:1px solid var(--line);background:#ffffff04;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:600}.btn:hover{background:#ffffff0b;border-color:#ffffff30}.btn.primary{background:var(--yellow);color:#1a1b13;border-color:var(--yellow)}.btn.primary:hover{background:#ffe18a;box-shadow:0 5px 22px #dfb94b18}.btn.small{min-height:35px;padding:8px 12px;font-size:11px}.btn.full{width:100%}.btn.ghost{background:transparent;border-color:transparent}.btn.danger{color:#e9aaa1}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--yellow);font-size:12px;padding:5px 0}.text-link .icon{width:16px}.icon-btn{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.muted{color:var(--muted)}.gold{color:var(--yellow)}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.stack{display:grid;gap:16px}.pill{border:1px solid var(--line);border-radius:20px;padding:5px 9px;font-size:10px;color:#c3c5b9;display:inline-flex;gap:5px;align-items:center}.pill.highlight{background:#f3d46412;border-color:#d2b1532b;color:var(--yellow)}.badge-demo{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#dacb9a;border:1px solid #c6ae632c;border-radius:4px;padding:3px 5px;background:#181810a6}.empty{padding:60px 25px;text-align:center;border:1px dashed #ffffff17;border-radius:var(--radius);background:#ffffff01}.empty .icon{width:32px;height:32px;color:var(--gold);margin-bottom:16px}.empty p{max-width:420px;margin:10px auto 22px}.skip{position:fixed;top:-100px;background:var(--yellow);color:black;z-index:50;padding:12px}.skip:focus{top:10px}.initial{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;color:var(--muted)}.loader{width:22px;height:22px;border:2px solid #f3d46425;border-top-color:var(--yellow);border-radius:50%;animation:spin 1s linear infinite}
/* Entry: a quiet studio, one clear action. */
.entry{min-height:100svh;padding:30px 5vw;display:flex;flex-direction:column;background:radial-gradient(ellipse at 25% 55%,#95814313,transparent 45%),#10110f;position:relative;overflow:hidden}.entry:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#c4a55f04 1px,transparent 1px),linear-gradient(90deg,#c4a55f04 1px,transparent 1px);background-size:70px 70px;pointer-events:none}.entry-header{display:flex;align-items:center;justify-content:space-between;position:relative}.entry-main{width:min(1120px,100%);margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center;padding:65px 0}.entry-copy h1{font-size:clamp(44px,5.3vw,73px);max-width:590px;line-height:1.03;margin:22px 0}.entry-copy h1 em{font-style:normal;color:var(--yellow)}.entry-copy>p{max-width:370px;font-size:14px}.entry-graphic{height:220px;position:relative;max-width:460px;margin:30px 0 15px;display:flex;align-items:center;justify-content:center}.orbit{width:170px;height:170px;border:1px solid #d9b14c4d;border-radius:50%;position:absolute;transform:rotateX(60deg) rotateZ(-28deg);box-shadow:0 0 30px #e7c04710,inset 0 0 30px #d6b24608}.orbit:nth-child(2){width:250px;height:250px;transform:rotateX(60deg) rotateY(22deg) rotateZ(55deg)}.orbit:nth-child(3){width:340px;height:340px;transform:rotateX(60deg) rotateY(-20deg) rotateZ(-10deg)}.orb{width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 30% 27%,#fff7cd,#d5b969 22%,#76602e 48%,#1b190f 75%);box-shadow:inset -8px -10px 20px #000b,0 12px 55px #d5ad351c;position:relative;animation:float 7s ease-in-out infinite}.orb:after{content:'';position:absolute;inset:8px;border:1px solid #fff3;border-radius:50%;border-bottom-color:transparent;transform:rotate(-40deg)}.float-tag{position:absolute;background:#1c1e18dc;border:1px solid #d2c48c29;border-radius:24px;padding:9px 14px;font-size:11px;backdrop-filter:blur(10px);box-shadow:0 10px 30px #0003}.float-tag.one{left:7%;top:23%;animation:float 8s ease-in-out infinite}.float-tag.two{right:0;bottom:19%;animation:float 6s ease-in-out infinite reverse}.entry-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:9px;letter-spacing:1.5px;color:#7d8175}.auth-card{padding:32px;background:#191a16d9;border:1px solid #ffffff11;border-radius:22px;box-shadow:0 24px 80px #0003;position:relative;max-width:450px;width:100%;justify-self:end}.auth-card h2{font-size:28px;margin:22px 0 8px}.auth-card>p{font-size:12px;margin-bottom:25px}.auth-tabs{display:flex;padding:4px;background:#10110f;border:1px solid var(--line);border-radius:10px}.auth-tabs button{flex:1;border-radius:7px;padding:11px;font-size:12px;color:var(--muted)}.auth-tabs button.active{background:#2c2e24;color:var(--text)}label.field{display:grid;gap:8px;font-size:11px;color:#d1d3c7;font-weight:500}.field input,.field textarea,.field select,.search input{width:100%;border:1px solid #ffffff17;border-radius:9px;background:#10110e;color:var(--text);padding:13px;outline:none;transition:border-color .2s,box-shadow .2s}.field input:focus,.field textarea:focus,.field select:focus,.search:focus-within{border-color:#d3b859;box-shadow:0 0 0 3px #d2b1530b}.field textarea{resize:vertical;min-height:95px}.field input::placeholder,.search input::placeholder{color:#64685d}.field small{font-size:10px;font-weight:400}.auth-form{display:grid;gap:16px}.auth-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin:-3px 0 3px}.auth-divider{display:flex;align-items:center;gap:15px;color:#666b5e;font-size:9px;margin:22px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}.auth-bottom{text-align:center;font-size:10px;line-height:1.7;color:var(--muted);margin-top:19px}.form-error{color:#efb4a6;font-size:12px;line-height:1.6}.form-error:empty{display:none}.password-wrap{position:relative}.password-wrap input{padding-right:45px}.password-wrap button{position:absolute;right:8px;top:8px;width:30px;height:30px;color:var(--muted)}
/* App frame */
.shell{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:100svh}.sidebar{border-right:1px solid var(--line);padding:30px 20px 20px;position:fixed;inset:0 auto 0 0;width:205px;background:#11120f;display:flex;flex-direction:column;z-index:10}.sidebar .brand{margin:0 10px 49px}.nav-caption{font-size:8px;letter-spacing:2px;color:#686c60;padding-left:12px;margin-bottom:15px}.nav{display:grid;gap:5px}.nav button{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:9px;font-size:11px;color:#9b9e92;text-align:left;min-height:44px}.nav button:hover{background:#ffffff05;color:var(--text)}.nav button.active{background:#f2d36212;color:var(--yellow)}.nav button.active:after{content:'';width:4px;height:4px;background:var(--yellow);border-radius:50%;margin-left:auto}.nav .icon{width:18px;height:18px}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-note{padding:16px 13px;border:1px solid #c7b05b19;border-radius:12px;background:linear-gradient(135deg,#a88a2910,transparent);margin-bottom:20px}.sidebar-note .icon{color:var(--gold);width:22px;height:22px}.sidebar-note p{font-size:10px;line-height:1.6;margin-top:9px}.sidebar-note strong{font-size:11px;font-weight:500}.sidebar-footer{border-top:1px solid var(--line);padding:18px 8px 0;font-size:9px;color:#6c7163;display:flex;justify-content:space-between}.workspace{grid-column:2;min-width:0}.topbar{height:89px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.breadcrumb{font-size:11px;color:#b7bbac;display:flex;align-items:center;gap:15px}.breadcrumb span{color:#565c4e}.top-actions{display:flex;align-items:center;gap:17px}.top-actions .badge-demo{font-size:8px;padding:5px 8px}.user-switch{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:18px;text-align:left}.user-switch strong{display:block;font-size:11px;font-weight:500}.user-switch small{font-size:9px}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(130deg,#d8be6e,#363c2c);border:1px solid #fff2;color:#171b13;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;object-fit:cover;flex-shrink:0}.avatar.large{width:74px;height:74px;font-size:23px;box-shadow:0 0 0 5px #181916}.avatar.xl{width:98px;height:98px;font-size:30px}.main{padding:32px 38px 36px;max-width:1600px;margin:auto;animation:enter .4s ease-out}.greeting{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.greeting h1{font-size:28px;letter-spacing:-1.3px}.greeting p{font-size:11px;margin-top:7px}.greeting .pill{font-size:9px}.hero{border:1px solid #d0b65b27;border-radius:20px;background:radial-gradient(ellipse at 80% 45%,#c9a64b18,transparent 55%),linear-gradient(115deg,#20221a,#171912 70%);position:relative;overflow:hidden;padding:36px;min-height:269px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;margin-bottom:25px}.hero:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#d5c17922 .7px,transparent .7px);background-size:13px 13px;mask-image:linear-gradient(90deg,transparent 30%,black);pointer-events:none}.hero-copy{position:relative;z-index:2}.hero h2{font-size:clamp(31px,3.1vw,47px);line-height:1.08;margin:16px 0 14px;max-width:520px;letter-spacing:-2px}.hero h2 span{color:var(--yellow)}.hero p{font-size:11px;max-width:300px;margin-bottom:22px}.hero .btn{font-size:11px;min-height:41px}.hero-art{position:absolute;right:0;top:0;bottom:0;width:46%;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}.hero-art .orb{width:112px;height:112px}.hero-art .orbit{width:190px;height:190px}.hero-art .orbit:nth-child(2){width:290px;height:290px}.hero-art .orbit:nth-child(3){width:380px;height:380px}.orbit-dot{width:39px;height:39px;border:1px solid #b19a5e65;background:#252820;display:grid;place-items:center;color:#cab36e;border-radius:13px;position:absolute;box-shadow:0 10px 30px #0004;animation:float 6s ease-in-out infinite}.orbit-dot.d1{left:12%;top:20%;transform:rotate(-12deg)}.orbit-dot.d2{right:14%;top:18%;animation-delay:-2s}.orbit-dot.d3{right:12%;bottom:15%;animation-delay:-4s}.orbit-dot.d4{left:8%;bottom:18%;animation-delay:-1s}.orb-symbol{position:absolute;width:48px;height:48px;opacity:.7;transform:rotate(-13deg);color:#fff1bd}.hero-corner{position:absolute;right:20px;bottom:17px;font-size:8px;letter-spacing:2px;color:#8d866a;z-index:3}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 246px;gap:26px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:4px 0 17px;gap:12px}.section-heading h2{font-size:20px;letter-spacing:-.7px}.section-heading p{font-size:10px;margin-top:6px}.section-heading .text-link{font-size:10px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:9px 13px;border:1px solid #ffffff12;border-radius:7px;font-size:10px;color:#919688;display:flex;align-items:center;gap:6px}.chip .icon{width:13px;height:13px}.chip.active{background:var(--yellow);border-color:var(--yellow);color:#202216}.chip:hover{border-color:#c9b26260;color:var(--text)}.chip.active:hover{color:#202216}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;padding-left:12px;min-width:200px;max-width:280px;background:#141510}.search .icon{width:15px;color:#7c8371}.search input{border:0;background:transparent;padding:11px;font-size:11px;box-shadow:none!important}.artists-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.artist-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#191a16;position:relative;transition:transform .3s,border-color .3s,box-shadow .3s;min-width:0}.artist-card:hover{transform:translateY(-4px);border-color:#cbb56852;box-shadow:0 12px 35px #0003}.cover{height:112px;position:relative;overflow:hidden;background-color:#4a4533;background-image:radial-gradient(ellipse at 10% 100%,#0b1512,transparent 80%),linear-gradient(120deg,#69624b,#2b3026);isolation:isolate}.cover:before{content:'';position:absolute;width:140px;height:140px;border:30px solid #cfc6a040;border-radius:50%;right:-18px;top:-45px;transform:rotate(-30deg);box-shadow:0 0 0 1px #fff1,0 0 0 20px #9a8b6412,inset 0 0 40px #0006;z-index:-1}.cover:after{content:'';position:absolute;width:170px;height:160px;right:30px;top:30px;border:1px solid #eee5;transform:rotate(-35deg);border-radius:50%;z-index:-1}.cover.silver{background-image:linear-gradient(120deg,#2e3537,#78817b)}.cover.rose{background-image:linear-gradient(120deg,#604f4b,#b0937c)}.cover.olive{background-image:linear-gradient(120deg,#3c4734,#8c925b)}.cover.blue{background-image:linear-gradient(120deg,#29383b,#6a9091)}.cover.copper{background-image:linear-gradient(120deg,#5c4230,#ad7850)}.cover.violet{background-image:linear-gradient(120deg,#3b3545,#8b7b91)}.cover .cover-image{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-1}.cover .badge-demo{position:absolute;right:10px;top:10px;background:#12150dc9}.cover .cover-number{position:absolute;bottom:15px;right:15px;font-size:37px;font-weight:200;letter-spacing:-3px;color:#ffffff42}.artist-body{padding:0 16px 16px}.artist-identity{display:flex;justify-content:space-between;align-items:end;margin-top:-22px;position:relative;margin-bottom:11px}.artist-identity .avatar{width:47px;height:47px;box-shadow:0 0 0 4px #191a16;font-size:13px}.availability{font-size:8px;color:#abbfa0;display:flex;align-items:center;gap:5px;margin-bottom:2px}.availability:before{content:'';width:4px;height:4px;background:#a9bd8c;border-radius:50%}.artist-body h3{font-size:15px}.artist-role{color:#a5aa9a;font-size:10px;margin:5px 0 11px}.artist-tags{display:flex;gap:5px;flex-wrap:wrap}.artist-tags .pill{font-size:8px;padding:4px 7px}.match-reason{font-size:9px;color:#c6b66f;margin:13px 0 12px;display:flex;gap:6px;align-items:start;line-height:1.5;min-height:26px}.match-reason .icon{width:12px;height:12px;margin-top:1px}.artist-actions{display:flex;gap:7px}.artist-actions .btn{flex:1;font-size:9px;min-height:34px;padding:8px}.artist-actions .btn.primary{background:#f3d46414;color:var(--yellow);border-color:#c6ae6430}.artist-actions .btn.primary:hover{background:var(--yellow);color:#181c10}.artist-actions .icon-btn{border-radius:7px;width:34px;height:34px}.artist-actions .icon{width:15px;height:15px}.side-panel{border:1px solid var(--line);background:#181a15;border-radius:14px;padding:19px;margin-bottom:17px}.side-panel h3{font-size:13px;margin:8px 0}.side-panel>p{font-size:10px;line-height:1.7}.side-panel .panel-icon{width:33px;height:33px;display:grid;place-items:center;border:1px solid #d0b05c25;border-radius:10px;color:var(--yellow);background:#c6ac5c0a}.side-panel .btn{margin-top:16px;width:100%;font-size:10px;min-height:36px;padding:9px}.mini-stat{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:10px;color:#979d8b}.mini-stat:last-child{border-bottom:0;padding-bottom:0}.mini-stat strong{font-size:18px;font-weight:500;color:var(--text)}.progress{height:4px;background:#ffffff0a;border-radius:10px;margin:15px 0 9px;overflow:hidden}.progress span{height:100%;display:block;background:var(--yellow);border-radius:10px}.small-note{font-size:9px;line-height:1.6;color:#7d856f}.app-footer{display:flex;align-items:center;justify-content:space-between;margin-top:34px;padding-top:18px;border-top:1px solid var(--line);font-size:8px;letter-spacing:1px;color:#5f6758}.mode-switch{display:flex;gap:2px;border:1px solid var(--line);border-radius:7px;padding:3px;background:#151611}.mode-switch button{padding:7px 10px;font-size:9px;color:#8e9781;border-radius:5px}.mode-switch button.active{background:#303225;color:#e5d498}.discovery-note{display:flex;align-items:center;gap:9px;font-size:10px;color:#979e8c;margin:20px 0;padding:13px;border:1px solid var(--line);border-radius:9px}.discovery-note .icon{width:17px;color:var(--gold)}
/* Profile, settings, groups and onboarding */
.page-title{margin-bottom:28px;display:flex;justify-content:space-between;align-items:center}.page-title h1{font-size:34px}.page-title p{margin-top:8px;font-size:12px}.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px}.form-panel{border:1px solid var(--line);background:#181a15;border-radius:16px;padding:26px}.form-panel h3{margin:0 0 7px}.form-panel>p{font-size:11px;margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.span-two{grid-column:1/-1}.select-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.select-option{display:inline-flex;position:relative}.select-option input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.select-option span{padding:10px 13px;border:1px solid #ffffff1b;border-radius:9px;font-size:11px;color:#929b85;transition:all .2s}.select-option input:checked+span{background:#f3d46414;border-color:#baa04d80;color:var(--yellow)}.select-option input:focus-visible+span{outline:2px solid var(--yellow);outline-offset:2px}.selection-label{font-size:12px;color:#dadfce}.profile-preview{position:sticky;top:28px;height:max-content;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#181a15}.profile-preview .cover{height:160px}.profile-preview .content{padding:0 22px 22px}.profile-preview .avatar{margin-top:-35px;position:relative;margin-bottom:19px}.profile-preview h2{font-size:25px}.profile-preview p{font-size:11px;margin:12px 0 18px}.theme-picker{display:flex;gap:10px;margin:12px 0}.theme-swatch{width:29px;height:29px;border-radius:50%;border:3px solid #191a15;outline:1px solid #fff2;cursor:pointer}.theme-swatch.active{outline:2px solid var(--yellow)}.upload-row{display:flex;gap:10px;flex-wrap:wrap}.upload-label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:1px dashed #d8c87545;padding:13px;font-size:10px;border-radius:9px;color:#c7c8b4}.upload-label input{width:1px;height:1px;opacity:0;position:absolute}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 0}.toggle-row label{font-size:12px}.toggle-row p{font-size:10px}.toggle-row input{width:36px;height:20px;accent-color:var(--yellow)}.onboarding{min-height:100svh;background:radial-gradient(ellipse at 70% 30%,#c4a85109,transparent 60%);padding:30px max(5vw,20px)}.onboarding .brand{margin-bottom:40px}.onboarding-inner{max-width:940px;margin:auto}.onboarding h1{font-size:40px;margin:18px 0 12px}.onboarding-sub{font-size:12px;margin-bottom:30px}.steps{display:flex;gap:26px;margin:30px 0}.step{font-size:10px;color:#6f7764;display:flex;align-items:center;gap:9px}.step span{height:25px;width:25px;display:grid;place-items:center;border:1px solid #ffffff18;border-radius:50%}.step.active{color:var(--yellow)}.step.active span{background:var(--yellow);color:#171b0e}.step.done{color:#c9cabb}.onboarding-actions{display:flex;justify-content:space-between;margin-top:25px}.step-content{animation:enter .3s}.info-line{display:flex;gap:10px;padding:14px;border:1px solid #cfb65c2b;background:#c5ab4e07;border-radius:9px;font-size:11px;color:#b9bda9;line-height:1.7}.info-line .icon{color:var(--gold);width:17px;flex-shrink:0;margin-top:2px}.connection-list{display:grid;gap:13px}.connection-row{padding:18px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;gap:17px;background:#181a15}.connection-row .details{flex:1}.connection-row p{font-size:10px}.connection-row h3{font-size:14px;margin-bottom:5px}.connection-row .actions{display:flex;gap:9px}.collab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.collab-card{padding:23px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(ellipse at top right,#c6a9570d,transparent),#181a15;text-align:left}.collab-card:hover{border-color:#c3ad5b70}.collab-card h3{font-size:20px;margin:27px 0 8px}.collab-card p{font-size:11px;min-height:36px}.avatar-stack{display:flex;margin-top:22px;align-items:center}.avatar-stack .avatar{margin-right:-8px;border:3px solid #181a15}.avatar-stack>span:last-child{font-size:10px;color:#939d84;margin-left:20px}.collab-room{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:25px}.chat{border:1px solid var(--line);border-radius:15px;background:#151712;display:flex;flex-direction:column;min-height:420px}.chat-title{padding:20px;border-bottom:1px solid var(--line);font-size:12px}.messages{padding:24px;display:flex;flex-direction:column;gap:20px;flex:1;max-height:430px;overflow:auto}.message{max-width:85%;align-self:flex-start;background:#23271c;padding:14px 16px;border-radius:2px 12px 12px 12px;white-space:pre-wrap;overflow-wrap:anywhere}.message.mine{align-self:flex-end;background:#333221;border-radius:12px 2px 12px 12px}.message strong{font-size:10px;color:var(--yellow)}.message p{font-size:12px;color:#d0d6c3;margin:6px 0}.message small{font-size:8px}.chat-form{display:flex;gap:10px;border-top:1px solid var(--line);padding:15px}.chat-form input{flex:1;min-width:0;background:#20231a;border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--text)}.member-row{display:flex;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.member-row strong{font-size:11px}.member-row small{display:block;font-size:9px;margin-top:4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-card{border:1px solid var(--line);background:#181a15;padding:25px;border-radius:15px}.settings-card h3{margin:15px 0 10px}.settings-card p{font-size:12px;margin-bottom:20px}.settings-card .icon{color:var(--gold)}.recovery-code{font-family:Consolas,monospace;background:#10120d;padding:15px;border:1px dashed #c4a75680;border-radius:8px;color:var(--yellow);overflow-wrap:anywhere;font-size:16px;line-height:1.8;letter-spacing:1px;user-select:all;margin:20px 0}.subheading{font-size:12px;color:#a7b094;margin:26px 0 13px}.mobile-brand{display:none}
dialog{color:var(--text);background:#1b1e16;border:1px solid #c6b05b40;border-radius:20px;max-width:580px;width:calc(100% - 36px);padding:0;box-shadow:0 35px 100px #0008;max-height:90svh;overflow:auto}dialog::backdrop{background:#060804ba;backdrop-filter:blur(8px)}dialog[open]{animation:enter .25s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:21px}.modal-content{padding:25px}.modal-content p{font-size:12px}.modal-content .cover{height:145px;border-radius:10px;margin-bottom:-33px}.modal-content .avatar.large{position:relative;margin:0 20px 20px}.modal-content .profile-bio{font-size:13px;margin:17px 0}.modal-content .artist-tags{margin:14px 0}.modal-content .btn.full{margin-top:22px}.invite-list{max-height:350px;overflow:auto}.invite-item{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.invite-item>div{flex:1}.invite-item strong{font-size:12px}.invite-item p{font-size:10px}.toast-show{opacity:1!important;transform:translate(-50%,0)!important}#toast{pointer-events:none;position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);max-width:min(480px,90vw);padding:15px 22px;background:#2b3022;border:1px solid #a9a05f60;border-radius:12px;color:#eee9d0;font-size:12px;z-index:100;box-shadow:0 10px 30px #0004;opacity:0;transition:opacity .2s,transform .2s;text-align:center}.pulse{animation:pulse 2.8s ease-in-out infinite}.page-loading{padding:70px;text-align:center}.page-loading .loader{display:inline-block}.demo-banner{font-size:10px;border:1px solid #ccb35424;border-radius:9px;padding:11px 14px;color:#b8b090;background:#cfb45208;margin-bottom:20px;display:flex;align-items:center;gap:9px}.demo-banner .icon{width:15px;color:var(--gold)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.4}}
@media(min-width:1550px){.hero{min-height:320px}.cover{height:145px}.artist-body{padding:0 20px 20px}.artists-grid{gap:20px}.artist-body h3{font-size:18px}.artist-role{font-size:12px}}
@media(max-width:1200px){.shell{grid-template-columns:180px minmax(0,1fr)}.sidebar{width:180px;padding:25px 13px}.sidebar .brand{margin-left:7px}.topbar{padding:0 25px}.main{padding:27px 25px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 220px;gap:19px}.artists-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:29px}.hero h2{font-size:38px}.hero-art{width:44%}.hero-art .orbit:nth-child(3){width:300px;height:300px}.hero-art .orbit:nth-child(2){width:235px;height:235px}.hero-art .orbit-dot.d1{left:3%}.collab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.dashboard-grid{grid-template-columns:1fr}.dashboard-aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dashboard-aside .side-panel:last-child{display:none}.artists-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h2{font-size:34px}.hero-art{opacity:.7}.hero p{max-width:240px}.topbar{height:76px}.profile-layout{grid-template-columns:1fr}.profile-preview{display:none}.collab-room{grid-template-columns:1fr}.collab-room>aside{order:-1}.collab-room .member-row{display:inline-flex;border:0;margin-right:15px}.entry-main{gap:5%}.entry-copy h1{font-size:48px}.entry-graphic{transform:scale(.8);transform-origin:left center}.auth-card{padding:25px}.greeting .pill{display:none}.top-actions{gap:10px}.top-actions .badge-demo{display:none}}
@media(max-width:760px){.shell{display:block;padding-bottom:76px}.sidebar{position:fixed;inset:auto 0 0;width:100%;height:70px;padding:0 10px;background:#14160ff5;backdrop-filter:blur(15px);border-right:0;border-top:1px solid #fff1;z-index:15}.sidebar .brand,.sidebar .nav-caption,.sidebar-bottom{display:none}.nav{display:flex;height:100%;align-items:center;justify-content:space-around;gap:1px}.nav button{display:flex;flex-direction:column;gap:5px;padding:9px 5px;font-size:8px;flex:1;min-width:0}.nav button.active{background:none}.nav button.active:after{display:none}.nav .icon{width:21px;height:21px}.topbar{height:70px;padding:0 20px}.breadcrumb{display:none}.mobile-brand{display:flex}.mobile-brand .brand-sub{display:none}.mobile-brand .brand img{width:27px;height:27px}.mobile-brand .brand strong{font-size:25px}.top-actions .user-switch{border:0;padding:0}.user-switch>div{display:none}.top-actions .icon-btn{display:none}.top-actions .btn{padding:9px 12px;font-size:10px;min-height:36px}.main{padding:24px 20px}.greeting{margin-bottom:22px}.greeting h1{font-size:26px}.greeting p{font-size:10px;max-width:260px}.hero{padding:26px 22px;min-height:275px;border-radius:15px;display:block}.hero h2{font-size:35px;max-width:300px;letter-spacing:-1.7px}.hero p{max-width:220px;font-size:10px;margin-bottom:19px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.hero-art{right:-80px;top:30px;width:60%;opacity:.45}.hero-art .orb{width:87px;height:87px}.hero-art .orbit-dot{display:none}.hero-corner{display:none}.hero-copy{max-width:85%}.artists-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.artist-body{padding:0 12px 13px}.artist-body h3{font-size:14px}.artist-role{font-size:9px}.cover{height:100px}.artist-tags .pill{font-size:8px;padding:4px 6px}.artist-actions .btn{font-size:9px}.artist-identity .avatar{width:40px;height:40px;font-size:12px}.availability{font-size:7px}.match-reason{font-size:8px;min-height:25px}.dashboard-aside{gap:12px}.side-panel{padding:17px}.section-heading h2{font-size:19px}.toolbar{gap:14px}.search{max-width:none;width:100%;order:2}.chip{font-size:9px;padding:9px 11px}.section-heading .text-link{font-size:9px}.app-footer{font-size:7px;gap:10px;line-height:1.8}.entry{padding:25px 24px}.entry-main{display:flex;flex-direction:column;padding:40px 0;gap:30px}.entry-copy{width:100%}.entry-copy h1{font-size:45px;max-width:400px}.entry-copy>p{font-size:12px;max-width:360px}.entry-graphic{display:none}.entry-copy .eyebrow{font-size:9px;margin-top:10px}.auth-card{justify-self:auto;max-width:none;padding:25px}.entry-header .mono{display:none}.entry-foot{font-size:7px;gap:10px}.page-title h1{font-size:29px}.page-title{align-items:start;gap:15px}.page-title .btn{font-size:10px;white-space:nowrap}.page-title p{font-size:10px}.form-grid{grid-template-columns:1fr}.form-panel{padding:21px}.form-grid .span-two{grid-column:auto}.onboarding{padding:25px 20px}.onboarding h1{font-size:33px}.onboarding .brand{margin-bottom:30px}.steps{gap:15px}.step{font-size:8px;gap:6px}.steps .step span{width:22px;height:22px}.settings-grid{grid-template-columns:1fr}.collab-grid{grid-template-columns:1fr}.connection-row{padding:15px;flex-wrap:wrap}.connection-row .actions{width:100%;padding-left:53px}.connection-row .btn{font-size:10px}.messages{padding:18px}.chat-form{padding:12px}.chat-form .btn{padding:10px}.chat-form input{font-size:12px}.profile-layout{gap:16px}.mode-switch button{font-size:8px;padding:6px 8px}.recovery-code{font-size:13px}#toast{bottom:86px}.modal-content{padding:22px}.modal-header{padding:18px 22px}.greeting .mode-switch{align-self:start;margin-top:3px}.empty{padding:40px 20px}}
@media(min-width:761px){.topbar{height:76px}.main{padding-top:25px}.greeting{margin-bottom:22px}.hero{padding:25px 30px;min-height:240px}.hero h2{font-size:38px;margin:12px 0}.hero p{margin-bottom:17px}.float-tag{display:inline-flex;align-items:center;gap:6px}}
@media(max-width:760px){.artist-body h3{font-size:15px}.artist-role{font-size:11px;line-height:1.6;min-height:34px}.artist-tags .pill{font-size:10px}.artist-actions .btn{font-size:11px;min-height:40px}.artist-actions .icon-btn{height:40px;width:36px}.match-reason{font-size:10px;min-height:45px}.availability{font-size:8px}.chip{font-size:11px}.nav button{font-size:10px}.hero-art{pointer-events:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* V0.2 — central menu, progressive disclosure, compact controls. */
:root{--bg:#0c0d0b;--surface:#151611;--yellow:#efd270;--gold:#bba15b;--radius:8px}
.minimal-shell{display:flex;flex-direction:column;min-height:calc(100svh - 16px);margin:8px;border:1px solid #c4a25236;position:relative;background-color:#0c0d0b;background-image:linear-gradient(#bca65404 1px,transparent 1px),linear-gradient(90deg,#bca65404 1px,transparent 1px);background-size:32px 32px;padding-bottom:0}
.minimal-shell:before{content:'';position:fixed;inset:0;border:5px solid #ae9149;pointer-events:none;z-index:25}
.game-header{display:flex;justify-content:space-between;align-items:center;padding:19px 30px;min-height:75px;border-bottom:1px solid #c6ac5c15;background:#0c0d0bd9;gap:16px}
.home-brand{padding:0;text-align:left}.home-brand .brand img{width:25px;height:25px;border-radius:5px}.home-brand .brand strong{font-size:24px;letter-spacing:-1.5px}.home-brand .brand-sub{display:none}.header-login{display:flex;align-items:center;gap:10px;text-transform:uppercase;font-size:12px;letter-spacing:1.5px;color:#e6e5d8;padding:9px 2px}.header-login:hover{color:var(--yellow)}.game-account{display:flex;align-items:center;gap:9px;font-size:11px}.game-account .avatar{width:29px;height:29px;font-size:10px}
.minimal-shell>.main{width:100%;max-width:1160px;padding:38px 30px 48px;flex:1;margin:0 auto}.minimal-shell>.lobby-main{display:grid;place-items:center;min-height:0;padding:45px 24px 70px;max-width:none}.lobby{width:min(480px,100%);text-align:center;animation:enter .5s ease-out}.lobby-wordmark{margin-bottom:42px;position:relative}.lobby-overline{display:block;font-family:Consolas,monospace;font-size:10px;letter-spacing:7px;color:#80744c;margin-left:7px}.lobby h1{font-size:120px;font-weight:800;letter-spacing:-10px;line-height:1.05;margin-top:12px}.lobby h1 span{color:var(--yellow)}.lobby-controls{display:grid;gap:9px}.match-launch{display:flex;align-items:center;justify-content:center;gap:17px;width:100%;min-height:88px;border:1px solid #d4b65d;background:linear-gradient(105deg,#b49a491a,#e2c36c08);border-radius:3px;position:relative;overflow:hidden;color:var(--yellow)}.match-launch:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 5px #d4b65d05;pointer-events:none}.match-launch strong{font-size:21px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.match-launch>.icon{width:20px;margin-left:auto;margin-right:23px;transition:translate .25s}.match-symbol{margin-left:23px;color:#c5ad66}.match-symbol .icon{width:23px;height:23px;transition:rotate .4s}.match-launch:hover{background:#c9ac4d1c;box-shadow:0 0 30px #bea0460b}.match-launch:hover .match-symbol .icon{rotate:45deg}.match-launch:hover>.icon{translate:4px 0}.lobby-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.lobby-shortcuts button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;border:1px solid #cec5a133;background:#17181277;border-radius:3px;min-height:98px;color:#b9bcad}.lobby-shortcuts button .icon{width:26px;height:26px;color:#c2b278;transition:transform .25s}.lobby-shortcuts button span{font-size:10px;letter-spacing:1.6px;text-transform:uppercase}.lobby-shortcuts button:hover{background:#c9ac4d0a;border-color:#cfb05d8c;color:var(--yellow)}.lobby-shortcuts button:hover .icon{transform:translateY(-3px)}
.game-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:54px;padding:10px 25px;border-top:1px solid #c6ac5c15;background:#0c0d0bdd}.game-footer nav{display:flex;align-items:center;gap:21px}.game-footer button,.game-footer a{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#929585;min-height:32px;padding:4px 0}.game-footer .icon{width:14px;height:14px}.game-footer .active,.game-footer button:hover,.game-footer a:hover{color:var(--yellow)}.game-footer .version{font:9px Consolas,monospace;color:#676e59;display:flex;align-items:center;gap:10px;letter-spacing:1px;white-space:nowrap}
.minimal-shell .page-title{margin-bottom:27px;align-items:center}.minimal-shell .page-title h1{font-size:28px;letter-spacing:-1px}.minimal-shell .page-title p:empty{display:none}.discovery-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.discovery-controls .search{width:220px;max-width:220px}.minimal-shell .artists-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.minimal-shell .artist-card{border-radius:8px;background:#151710}.minimal-shell .artist-card .cover{height:78px}.minimal-shell .artist-card .cover-number{display:none}.minimal-shell .artist-body{padding:0 16px 16px}.minimal-shell .artist-body h3{font-size:15px}.minimal-shell .artist-role{font-size:10px;min-height:27px;margin-bottom:8px}.minimal-shell .match-reason{min-height:0;font-size:10px;margin:15px 0}.minimal-shell .artist-tags .pill{font-size:9px}.minimal-shell .artist-actions .btn{font-size:11px;min-height:38px}.minimal-shell .artist-actions .icon-btn{height:38px}.minimal-shell .btn{border-radius:5px}.minimal-shell .chip{border-radius:4px}.minimal-shell .search{border-radius:5px}.minimal-shell .demo-banner{background:transparent;border:0;padding:0;font-size:10px;margin:0 0 18px;color:#9a8e65}.minimal-shell .empty{background:transparent;border:0;padding:75px 25px}.minimal-shell .empty h2{font-size:22px;margin-bottom:24px}.minimal-shell .empty h3{margin-bottom:15px}.minimal-shell .empty p:empty{display:none}.minimal-shell .collab-card{border-radius:8px}.minimal-shell .collab-card h3{margin-top:22px}.minimal-shell .collab-card p:empty{display:none}.minimal-shell .settings-card{border-radius:8px;background:#14160f}.minimal-shell .settings-card small{display:block;margin-top:17px;font-size:10px;line-height:1.6}.minimal-shell .settings-card h3{margin-bottom:20px}.minimal-shell .form-panel{border-radius:8px}.minimal-shell .form-panel h3{margin-bottom:22px}.minimal-shell .profile-preview{border-radius:8px}.minimal-shell .connection-row{border-radius:8px}.minimal-shell .chat,.minimal-shell .side-panel{border-radius:8px}.minimal-shell .auth-main{display:grid;place-items:center;padding:35px 20px;min-height:0}.compact-auth{justify-self:center;max-width:380px;padding:28px;background:#14160f;border:1px solid #c0a45730;border-radius:8px;box-shadow:none}.compact-auth h2{font-size:25px;margin:24px 0}.compact-auth .auth-tabs button{font-size:12px}.compact-auth .auth-tabs{border-radius:5px}.compact-auth .field input{border-radius:5px}.compact-auth .text-link{font-size:11px}.auth-form .btn.full{margin-top:6px}
.onboarding{min-height:100svh;background:#0c0d0b;border:5px solid #ae9149}.onboarding .brand-sub{display:none}.onboarding-inner{max-width:750px}.onboarding h1{font-size:34px}.onboarding .form-panel{border-radius:8px;padding:25px}.onboarding .steps{margin:24px 0}.onboarding .form-error{margin-top:14px}.onboarding-actions .btn{border-radius:5px}.selection-label{font-size:12px}.onboarding .select-option span{border-radius:5px}.onboarding .info-line{font-size:10px}.onboarding .field textarea{min-height:75px}.game-footer~#toast{bottom:70px}
@media(max-width:1000px){.minimal-shell .artists-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.minimal-shell .collab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.minimal-shell{margin:6px;min-height:calc(100svh - 12px)}.minimal-shell:before{border-width:4px}.game-header{min-height:64px;padding:14px 19px}.home-brand .brand strong{font-size:23px}.game-account span:not(.avatar){display:none}.header-login{font-size:10px;letter-spacing:1px}.game-header .badge-demo{font-size:8px}.minimal-shell>.main{padding:26px 18px 32px}.minimal-shell>.lobby-main{min-height:0;padding:40px 23px 60px}.lobby-wordmark{margin-bottom:33px}.lobby h1{font-size:91px;letter-spacing:-7px}.lobby-overline{font-size:9px;letter-spacing:5px}.match-launch{min-height:76px;gap:9px}.match-launch strong{font-size:15px;letter-spacing:.6px}.match-symbol{margin-left:16px}.match-symbol .icon{width:20px;height:20px}.match-launch>.icon{margin-right:14px;width:17px}.lobby-shortcuts{gap:7px}.lobby-shortcuts button{min-height:85px;gap:12px}.lobby-shortcuts button .icon{width:24px;height:24px}.lobby-shortcuts button span{font-size:9px;letter-spacing:1px}.game-footer{padding:9px 15px;gap:10px;min-height:55px}.game-footer nav{gap:15px}.game-footer button,.game-footer a{font-size:8px;letter-spacing:.5px;gap:5px}.game-footer .icon{width:12px;height:12px}.game-footer .version{font-size:8px;gap:6px}.minimal-shell .page-title h1{font-size:25px}.minimal-shell .page-title .btn{font-size:10px}.discovery-controls{flex-wrap:wrap;gap:15px}.discovery-controls .search{width:100%;max-width:none}.discovery-controls .chips{gap:6px}.discovery-controls .chip{font-size:9px;padding:9px}.minimal-shell .artists-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.minimal-shell .artist-body{padding:0 11px 14px}.minimal-shell .artist-card .cover{height:68px}.minimal-shell .artist-body h3{font-size:14px}.minimal-shell .artist-role{font-size:10px;min-height:33px}.minimal-shell .artist-tags .pill{font-size:9px;padding:4px 6px}.minimal-shell .match-reason{font-size:9px;min-height:24px;margin:12px 0}.minimal-shell .artist-actions{gap:5px}.minimal-shell .artist-actions .btn{font-size:10px;padding:7px;min-height:40px}.minimal-shell .artist-actions .icon-btn{height:40px;width:32px;flex-shrink:0}.minimal-shell .availability{font-size:7px}.minimal-shell .collab-grid{grid-template-columns:1fr}.minimal-shell .auth-main{padding:30px 16px;min-height:0}.compact-auth{padding:23px}.onboarding{padding:24px 20px}.onboarding h1{font-size:29px}.onboarding .form-panel{padding:20px}.onboarding .steps{gap:13px}#toast{bottom:70px}.minimal-shell .profile-preview{display:none}}
@media(max-width:370px){.game-footer .version{display:none}.game-footer nav{justify-content:space-between;width:100%}.lobby h1{font-size:80px}.match-launch strong{font-size:13px}.match-launch>.icon{width:14px}.match-launch{gap:7px}.lobby-shortcuts button span{font-size:8px}.minimal-shell .artists-grid{grid-template-columns:1fr}.minimal-shell .artist-body h3{font-size:17px}}

/* V0.3 — approved brush identity and handwritten typography. */
@font-face{font-family:ArtabHand;src:url('/artab/fonts/Kalam-Regular.woff2') format('woff2');font-style:normal;font-weight:400 600;font-display:swap}
@font-face{font-family:ArtabHand;src:url('/artab/fonts/Kalam-Bold.woff2') format('woff2');font-style:normal;font-weight:700 900;font-display:swap}
@font-face{font-family:ArtabMarker;src:url('/artab/fonts/PermanentMarker.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap}
:root{font-family:ArtabHand,Arial,sans-serif;--yellow:#f2ce54;--gold:#c9a83e}
body{font-size:16px;line-height:1.5}button,input,select,textarea{font-family:inherit}
h1,h2,h3,.btn,.chip,.text-link,.header-login,.auth-tabs button,.lobby-shortcuts button,.match-launch strong,.game-footer button,.game-footer a{font-family:ArtabMarker,ArtabHand,cursive;font-weight:400;letter-spacing:.02em}
.brand .brush-brand,.home-brand .brand .brush-brand{width:112px;height:56px;object-fit:contain;border-radius:0}
.game-header{padding-top:8px;padding-bottom:8px}.lobby h1{margin:6px -24px 0;line-height:0;letter-spacing:0}.brush-wordmark{display:block;width:100%;height:auto;object-fit:contain}.lobby-wordmark{margin-bottom:20px}.lobby-overline{font-family:ArtabHand,Arial,sans-serif;font-size:12px;letter-spacing:5px;color:#bca96d}.match-launch strong{font-size:21px;letter-spacing:.5px}.lobby-shortcuts button span{font-size:13px;letter-spacing:.5px}
.mono,.eyebrow,.game-footer .version{font-family:ArtabHand,Arial,sans-serif}.game-footer button,.game-footer a{font-size:11px;letter-spacing:.2px}.game-footer .version{font-size:10px}.game-account{font-size:14px}.header-login{font-size:14px}.minimal-shell .page-title h1{font-size:29px;letter-spacing:0}.minimal-shell .artist-body h3{font-size:17px;letter-spacing:0}.minimal-shell .artist-role{font-size:13px;line-height:1.5;min-height:39px}.minimal-shell .artist-tags .pill{font-size:12px}.minimal-shell .match-reason{font-size:12px}.minimal-shell .artist-actions .btn{font-size:11px}.availability{font-size:10px}.badge-demo{font-size:10px;letter-spacing:.3px}.minimal-shell .demo-banner{font-size:13px}.pill{font-size:12px}.search input{font-size:15px}.minimal-shell .chip{font-size:11px}
label.field,.selection-label{font-size:15px}.field input,.field textarea,.field select{font-size:16px;line-height:1.5}.field small,.minimal-shell .settings-card small,.onboarding .info-line{font-size:12px}.select-option span{font-size:14px}.compact-auth h2,.onboarding h1{letter-spacing:0}.compact-auth .auth-tabs button{font-size:14px}.compact-auth .text-link{font-size:12px}.form-error{font-size:14px}.form-panel h3{letter-spacing:0}.steps .step{font-size:12px}.message p,.chat-form input{font-size:16px}.message small{font-size:11px}.member-row small{font-size:12px}.recovery-code{font-family:ArtabHand,Arial,sans-serif;font-size:18px;letter-spacing:1px}.profile-preview h2{letter-spacing:0}.initial{font-family:ArtabHand,Arial,sans-serif}
@media(max-width:760px){.brand .brush-brand,.home-brand .brand .brush-brand{width:90px;height:45px}.game-header{padding-top:7px;padding-bottom:7px}.lobby h1{margin:6px -14px 0}.lobby-wordmark{margin-bottom:23px}.lobby-overline{font-size:11px;letter-spacing:4px}.minimal-shell>.lobby-main{padding-top:30px;padding-bottom:50px}.match-launch strong{font-size:16px;letter-spacing:0}.lobby-shortcuts button span{font-size:11px;letter-spacing:0}.game-footer nav{gap:12px}.game-footer button,.game-footer a{font-size:9px;letter-spacing:0}.game-footer .version{font-size:9px}.game-footer{padding-left:13px;padding-right:13px}.minimal-shell .page-title h1{font-size:25px}.minimal-shell .artist-body h3{font-size:15px}.minimal-shell .artist-role{font-size:12px;min-height:36px}.minimal-shell .artist-tags .pill{font-size:11px}.minimal-shell .match-reason{font-size:11px}.minimal-shell .availability{font-size:8px}.minimal-shell .artist-actions .btn{font-size:10px}.discovery-controls .chip{font-size:10px;padding:8px}.minimal-shell .page-title .btn{font-size:11px}.onboarding h1{font-size:28px}.steps .step{font-size:10px}}
@media(max-width:370px){.match-launch strong{font-size:14px}.lobby-shortcuts button span{font-size:10px}.minimal-shell .artist-body h3{font-size:18px}.minimal-shell .artist-role{min-height:0}.game-footer nav{gap:10px}}
@media(min-width:761px){.minimal-shell>.lobby-main{padding:20px 24px 30px}}

/* V0.4 — original graffiti wall. Fixed decorative layer; no video or canvas loop. */
body{background:#090a09;isolation:isolate}#app{position:relative;z-index:1}
.artab-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict;background:#090a09}
.wall-texture{position:absolute;inset:-12px;background:center/cover no-repeat url('/artab/artab-wall-desktop.webp');opacity:.68;transform-origin:center;animation:wall-breathe 32s ease-in-out infinite alternate;will-change:transform}
.wall-shade{position:absolute;inset:0;background:linear-gradient(180deg,#090a0918,#090a0900 20%,#090a0900 82%,#090a0926),radial-gradient(ellipse at center,#090a093b 10%,transparent 72%)}
.wall-strokes{position:absolute;top:0;height:100%;width:clamp(100px,18vw,280px);overflow:hidden}.strokes-left{left:0}.strokes-right{right:0}
.draw-stroke{stroke:#b3afa0;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;opacity:0;animation:wall-draw 26s ease-in-out infinite}.ink-one{stroke-width:7;animation-delay:-5s}.ink-two{stroke-width:2;animation-delay:-16s}.ink-three{stroke:#d4ad4b;stroke-width:5;animation-delay:-22s}.strokes-right .ink-one{animation-delay:-18s}.strokes-right .ink-two{animation-delay:-9s}.strokes-right .ink-three{animation-delay:-2s}
@keyframes wall-breathe{from{transform:translate3d(-3px,2px,0) scale(1.012)}to{transform:translate3d(4px,-3px,0) scale(1.025)}}
@keyframes wall-draw{0%,10%{stroke-dashoffset:100;opacity:0}16%{opacity:.2}38%,72%{stroke-dashoffset:0;opacity:.2}88%,100%{stroke-dashoffset:0;opacity:0}}
.minimal-shell{background:none}.onboarding{background:transparent}.game-header{background:#090a09c9}.game-footer{background:#090a09d4;padding-right:70px}.minimal-shell .lobby-shortcuts button{background:#151610dc}.match-launch{background:linear-gradient(105deg,#282316eb,#15150fe8)}.compact-auth,.minimal-shell .settings-card,.minimal-shell .form-panel,.minimal-shell .side-panel,.minimal-shell .chat,.minimal-shell .connection-row,.minimal-shell .collab-card{background-color:#14160ff5}
.motion-toggle{position:fixed;z-index:26;right:23px;bottom:17px;width:34px;height:34px;padding:8px;border:1px solid #c4a25230;border-radius:4px;background:#10110fd9;color:#c4ad6e;display:grid;place-items:center}.motion-toggle:hover{border-color:#c4a25285;background:#252315}.motion-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.play-mark{display:none}.artab-motion-paused .pause-mark{display:none}.artab-motion-paused .play-mark{display:block}
.artab-motion-paused .artab-backdrop *,.artab-page-hidden .artab-backdrop *{animation-play-state:paused!important}
@media(max-width:760px){.wall-texture{background-image:url('/artab/artab-wall-mobile.webp');opacity:.57;inset:-8px}.wall-strokes{width:18vw;opacity:.7}.motion-toggle{right:16px;bottom:17px;width:32px;height:32px}.game-footer{padding-right:57px}.game-footer nav{gap:11px}.wall-shade{background:linear-gradient(90deg,transparent,#090a0938 22%,#090a0938 78%,transparent)}}
@media(prefers-reduced-motion:reduce){.artab-backdrop *{animation:none!important;transform:none!important;will-change:auto}.draw-stroke{stroke-dashoffset:0;opacity:.1}.motion-toggle{display:none}}
/* V0.5 — translucent studio panels and an in-place connection hub. */
@font-face{font-family:ArtabPoster;src:url('/artab/fonts/BarlowCondensed-Regular.woff2') format('woff2');font-weight:400 500;font-display:swap}
@font-face{font-family:ArtabPoster;src:url('/artab/fonts/BarlowCondensed-Semibold.woff2') format('woff2');font-weight:600 900;font-display:swap}
@font-face{font-family:ArtabInk;src:url('/artab/fonts/UnderSubway.ttf') format('truetype');font-weight:400 900;font-display:swap}
:root{font-family:ArtabPoster,Arial,sans-serif;--glass:linear-gradient(135deg,#e7ddc91c,#ddd2a70a 70%);--glass-line:#e7ddc938;--muted:#b6b5a8}
body{font-size:17px}h1,h2,.match-launch strong{font-family:ArtabInk,ArtabPoster,sans-serif;font-weight:400;letter-spacing:.015em}h3,.btn,.chip,.text-link,.header-login,.auth-tabs button,.game-footer button,.game-footer a,.mono,.eyebrow,.lobby-overline,.game-account,.recovery-code{font-family:ArtabPoster,Arial,sans-serif}h3{font-weight:600;letter-spacing:.02em}.btn,.chip,.auth-tabs button{font-size:15px;font-weight:600}.text-link{font-size:15px}.eyebrow{font-size:11px;letter-spacing:2px}.lobby-overline{font-size:12px;letter-spacing:5px}.game-footer button,.game-footer a{font-size:12px}.header-login{font-size:14px}.minimal-shell .page-title h1{font-size:28px}.minimal-shell .artist-body h3{font-family:ArtabPoster,Arial,sans-serif;font-size:20px;font-weight:600}.minimal-shell .artist-role{font-size:15px}.minimal-shell .artist-tags .pill{font-size:13px}.minimal-shell .match-reason{font-size:13px}.minimal-shell .artist-actions .btn{font-size:14px}.field input,.field textarea,.field select{font-family:ArtabPoster,Arial,sans-serif;font-size:18px}.field small,.minimal-shell .settings-card small{font-size:13px}.select-option span{font-size:16px}.badge-demo{font-size:10px;font-weight:400}.compact-auth .auth-tabs button{font-size:16px}.compact-auth .text-link{font-size:14px}.modal-content p{font-size:16px}.modal-content .profile-bio{font-size:17px}
.minimal-shell{margin:16px;min-height:calc(100svh - 32px);border:1px solid #d5c48b3b;border-radius:8px}.minimal-shell:before{display:none}.game-header,.game-footer{background:#c8c1a908;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.game-header{padding:10px 26px;gap:25px;border-radius:8px 8px 0 0;border-bottom:1px solid #e2d8b51c}.game-footer{border-radius:0 0 8px 8px;border-top:1px solid #e2d8b51c}.header-nav{display:flex;gap:5px;margin-left:auto;margin-right:auto}.header-nav button{font-size:15px;letter-spacing:.6px;text-transform:uppercase;padding:10px 18px;border-radius:24px}.header-nav button:hover{background:#ffffff12;color:var(--yellow)}
.studio-panel,.minimal-shell .artist-card,.minimal-shell .settings-card,.minimal-shell .form-panel,.minimal-shell .side-panel,.minimal-shell .chat,.minimal-shell .connection-row,.minimal-shell .collab-card,.compact-auth,.profile-preview,.onboarding .form-panel{background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #fff1,0 12px 40px #0002;border-radius:5px}
.minimal-shell .artist-card .cover{opacity:.65}.minimal-shell .chat-title{background:#ffffff05}.minimal-shell .chat-form{background:#ffffff05}.field input,.field textarea,.field select,.search,.chat-form input{background:#080b0873;border-color:#ffffff26}.field input:focus,.field textarea:focus,.field select:focus{background:#0d100cb0}.btn{border-radius:4px;background:#ffffff07;border-color:#e2d8b52b}.btn.primary{background:#e6c45426;border-color:#e4c05d73;color:#ffe28b}.btn.primary:hover{background:#e6c45440;color:#fff0b5}.btn:disabled{opacity:.6}.select-option input:checked+span,.chip.active{background:#d8bb552d;color:#ffe49a;border-color:#d4b65588}.select-option span{background:#ffffff06;border-color:#ffffff20}.auth-tabs{background:#0002;border-color:#ffffff26;border-radius:30px}.auth-tabs button{border-radius:25px}.auth-tabs button.active{background:#e2c66a22;color:var(--yellow)}
.minimal-shell>.lobby-main{padding:32px 32px 45px;display:flex;align-items:center;justify-content:center}.studio-home{width:100%;max-width:1180px;display:grid;grid-template-columns:minmax(200px,240px) minmax(300px,1fr) minmax(190px,220px);gap:34px;align-items:center}.studio-panel{padding:24px}.studio-panel h2{font-family:ArtabPoster,Arial,sans-serif;font-size:26px;letter-spacing:-.4px;line-height:1.1}.panel-heading{display:flex;gap:12px;align-items:center;margin:28px 0 20px}.panel-heading>.icon{color:var(--yellow);width:24px;height:24px}.studio-panel>p{font-size:20px;line-height:1.4;margin:20px 0 30px;color:#d3d0c0}.studio-panel>small{display:block;margin-top:13px;color:#c0bc9c}.studio-center{text-align:center;min-width:0}.studio-center h1{margin:12px -20px 24px;line-height:0}.studio-center .brush-wordmark{width:100%;height:auto}.studio-center .match-launch{min-height:68px;max-width:330px;margin:auto;background:linear-gradient(120deg,#e5cc7930,#ccba7810);border-color:#f0d78c6b;border-radius:32px;backdrop-filter:blur(10px)}.match-launch strong{font-size:22px;letter-spacing:1px}.match-launch>.icon{margin-left:auto}.match-symbol{margin-right:auto}.studio-caption{display:block;font-size:10px;letter-spacing:3px;color:#b1aa8c;margin-top:17px}.studio-shortcuts{padding-bottom:10px}.studio-shortcuts>.eyebrow{margin-bottom:26px}.studio-shortcuts button{display:flex;align-items:center;width:100%;gap:13px;padding:23px 0;border-top:1px solid #ffffff1a;text-align:left;font-size:21px}.studio-shortcuts button>.icon:first-child{color:#cfbf85}.studio-shortcuts button>.icon:last-child{margin-left:auto;width:16px;color:#b7b29b}.studio-shortcuts button:hover{color:var(--yellow)}
.search-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:16px 0}.search-pair>div+div{border-left:1px solid #ffffff20;padding-left:20px}.search-pair small{display:block;font-size:10px;letter-spacing:1.4px;color:#c6bd97;margin-bottom:7px}.search-pair strong{font-size:17px;font-weight:500;line-height:1.3;display:block}.my-search-panel .search-pair{grid-template-columns:1fr;gap:16px;margin-bottom:28px}.my-search-panel .search-pair>div+div{border-left:0;padding-left:0;border-top:1px solid #ffffff19;padding-top:16px}
dialog{background:linear-gradient(135deg,#302e22d9,#121710e0);border:1px solid #dfd7b44f;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:8px}dialog::backdrop{background:#080a0866;backdrop-filter:blur(3px)}#connect-panel{width:min(1020px,calc(100% - 64px));max-width:1020px;max-height:calc(100svh - 70px);padding:0;overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 100px #0008}.hub-header{padding:25px 28px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.hub-header .eyebrow{font-size:9px;margin-bottom:6px}.hub-header h2{font-size:30px}.hub-tabs{margin:0 28px 24px;padding:4px;display:flex;border:1px solid #d0cba137;border-radius:30px;width:fit-content;background:#ffffff06;gap:4px}.hub-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 23px;min-height:44px;border-radius:24px;color:#c6c7b8;font-size:16px;white-space:nowrap}.hub-tabs button[aria-selected=true]{background:#e9d17f26;color:#ffe69a;box-shadow:inset 0 0 0 1px #e9d17f39}.hub-tabs button .icon{width:17px}.hub-tabs button:focus-visible{outline-offset:1px}#hub-content{padding:0 28px 28px}.hub-empty{padding:40px 20px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:15px}.hub-empty p{font-size:16px;max-width:400px}.hub-empty h3{font-size:25px}.hub-empty>.icon{color:var(--yellow);width:32px;height:32px}.saved-search{border:1px solid #dfce8b34;padding:22px;background:#ebdba40a;border-radius:5px}.saved-search h3{font-size:22px;margin-top:9px}.saved-search>p{margin-top:12px}.saved-search .btn.small{font-size:14px}.saved-search>.row{flex-wrap:wrap;gap:15px}.saved-search .row .row{gap:8px}.instant-fields{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:22px 0}.instant-fields fieldset{border:0;padding:0;margin:0;min-width:0}.instant-fields legend{font-size:18px;font-weight:600;margin-bottom:13px}.instant-fields .select-group{gap:7px}.instant-fields .select-option span{padding:8px 10px;font-size:15px}.instant-fields+.form-error{margin-bottom:12px}#instant-form>.row{gap:16px;flex-wrap:wrap}#instant-form small{font-size:13px}.hub-section{margin:27px 0 15px}.hub-section h3{font-size:20px}.hub-artists{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hub-artist{padding:19px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:13px;background:#ffffff06;border:1px solid #ffffff20;border-radius:5px}.hub-artist .avatar{width:40px;height:40px}.hub-artist h3{font-family:ArtabPoster,Arial,sans-serif;font-size:21px;line-height:1.3}.hub-artist .badge-demo{vertical-align:middle;margin-left:3px;font-size:8px}.hub-artist .search-pair{margin:14px 0;gap:12px}.hub-artist .search-pair>div+div{padding-left:12px}.hub-artist .search-pair strong{font-size:15px}.hub-artist .search-pair small{font-size:9px;letter-spacing:1px}.hub-artist-info>p{font-size:16px;margin-top:7px}.hub-artist-info>small{font-size:14px}.match-caption{display:flex;align-items:center;gap:7px;font-size:13px;color:#d8c78d;margin-top:12px}.match-caption .icon{width:14px;height:14px}.hub-artist-actions{grid-column:2;display:flex;align-items:center;gap:17px;margin-top:1px}.hub-artist-actions .btn{padding:8px 15px;min-height:38px;font-size:14px}.hub-artist-actions .text-link{font-size:14px}.hub-toolbar{display:flex;gap:14px;margin-bottom:22px}.hub-toolbar .search{width:100%;max-width:none;flex:1;order:0}.hub-toolbar input{font-size:17px}.hub-toolbar select{border:1px solid #ffffff26;background:#12181099;color:var(--text);padding:9px 13px;border-radius:5px;font-size:16px;max-width:45%}#connect-panel .demo-banner{background:transparent;border:0;padding:0;margin-bottom:19px;font-size:13px}.motion-toggle{right:30px;bottom:29px}.onboarding{border:0}.onboarding .brand{margin-bottom:24px}.onboarding-inner{padding:24px;background:#12150c22;border:1px solid #ffffff20;border-radius:5px;backdrop-filter:blur(9px)}
@media(max-width:1000px){.studio-home{grid-template-columns:minmax(180px,210px) minmax(270px,1fr);gap:24px}.studio-center{grid-column:2;grid-row:1/3}.studio-shortcuts{grid-column:1}.studio-shortcuts button{padding:15px 0}.studio-shortcuts>.eyebrow{margin-bottom:14px}.studio-panel{padding:20px}.studio-center h1{margin-left:-10px;margin-right:-10px}.studio-caption{letter-spacing:2px}.panel-heading{margin:20px 0 15px}}
@media(max-width:760px){.minimal-shell{margin:8px;min-height:calc(100svh - 16px);border-radius:6px}.game-header{padding:8px 14px;gap:12px}.header-nav{display:none}.minimal-shell>.lobby-main{padding:24px 16px 30px;display:block}.studio-home{display:flex;flex-direction:column;gap:20px}.studio-center{order:0;width:100%;max-width:420px;padding:15px 0 8px}.studio-center h1{margin:0 -3px 10px}.studio-center .match-launch{min-height:60px;max-width:300px}.match-launch strong{font-size:21px}.studio-center .lobby-overline{font-size:11px;letter-spacing:4px}.studio-caption{font-size:10px;margin-top:12px}.studio-panel{width:100%;padding:20px}.my-search-panel{order:1}.studio-shortcuts{order:2;display:flex;flex-wrap:wrap;gap:0;padding:17px 9px}.studio-shortcuts>.eyebrow{width:100%;padding-left:10px;margin:0 0 14px}.studio-shortcuts button{width:33.33%;border-top:0;padding:12px 4px;gap:9px;flex-direction:column;font-size:17px;text-align:center}.studio-shortcuts button+button{border-left:1px solid #ffffff1c}.studio-shortcuts button>.icon:last-child{display:none}.studio-panel h2{font-size:24px}.panel-heading{margin:14px 0}.studio-panel>p{font-size:18px;line-height:1.3;margin:12px 0 18px}.my-search-panel .search-pair{grid-template-columns:1fr 1fr;margin:17px 0}.my-search-panel .search-pair>div+div{border-top:0;border-left:1px solid #ffffff20;padding:0 0 0 16px}.game-footer button,.game-footer a{font-size:11px}.motion-toggle{right:18px;bottom:18px}.game-footer nav{gap:14px}.minimal-shell .page-title h1{font-size:25px}.minimal-shell .artist-body h3{font-size:18px}.minimal-shell .artist-role{font-size:14px}.minimal-shell .artist-actions .btn{font-size:13px}.minimal-shell .match-reason{font-size:12px}.minimal-shell .artist-tags .pill{font-size:12px}#connect-panel{width:calc(100% - 20px);max-height:calc(100svh - 24px);border-radius:8px}.hub-header{padding:19px 18px 16px}.hub-header h2{font-size:28px}.hub-tabs{margin:0 17px 19px;width:calc(100% - 34px);gap:2px}.hub-tabs button{flex:1;font-size:15px;padding:9px 10px;gap:7px}.hub-tabs .icon{width:15px}#hub-content{padding:0 17px 20px}.saved-search{padding:17px}.saved-search>.row{align-items:flex-start}.saved-search h3{font-size:21px}.saved-search .eyebrow{font-size:9px}.instant-fields{grid-template-columns:1fr;gap:22px}.instant-fields .select-option span{font-size:15px}.hub-artists{grid-template-columns:1fr}.hub-artist{padding:16px;gap:11px}.hub-artist h3{font-size:21px}.hub-artist .search-pair strong{font-size:16px}.hub-toolbar{flex-direction:column;gap:10px}.hub-toolbar select{max-width:100%;width:100%;font-size:16px}.hub-toolbar input{font-size:17px}.hub-empty{padding:25px 5px}.hub-empty h3{font-size:23px}.search-pair{gap:12px}.search-pair>div+div{padding-left:12px}.search-pair strong{font-size:16px}.compact-auth h2{font-size:25px}.onboarding-inner{padding:16px}.onboarding h1{font-size:26px}.onboarding{padding:23px 15px}}
@supports not (backdrop-filter:blur(1px)){.studio-panel,.compact-auth,.minimal-shell .form-panel,.minimal-shell .artist-card{background:#171a14ed}dialog{background:#161a13f5}}

html:has(dialog[open]){overflow:hidden}.hub-header{position:sticky;top:0;z-index:2;background:#202317df;backdrop-filter:blur(14px)}.dialog-notice{position:sticky;top:0;z-index:5;margin:0;padding:12px 22px;background:#3c381eea;color:#ffe69a;border-bottom:1px solid #d7c78b44;font-size:16px}

/* Persistent stage and compact folding panels. */
#screen-panel{width:min(1120px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 100px);padding:0;border:1px solid #e2ce8c40;border-radius:18px;background:linear-gradient(135deg,#272820dd,#121510f2);backdrop-filter:blur(22px);color:var(--text);box-shadow:0 28px 100px #0008;overflow:auto;transform-origin:center}
#screen-panel::backdrop{background:#0005;backdrop-filter:blur(2px)}
.screen-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:10px 22px;background:#191d17e8;border-bottom:1px solid #ffffff16;backdrop-filter:blur(16px)}
.overlay-main{width:100%;max-width:none;padding:24px;margin:0;min-height:250px}.overlay-main .onboarding{padding:0;min-height:0}.overlay-main .onboarding-inner{margin:0 auto}.overlay-main .auth-card{margin:12px auto;max-width:440px}
.hall-home-links{display:grid;gap:20px;margin:28px 0}.hall-home-links button{display:flex;text-align:left;gap:9px}.hall-home-links button .icon:last-child{margin-left:auto}.collab-hub-links{display:flex;gap:8px;padding:0 28px 16px}.network-nav{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #ffffff18}.network-nav .btn.primary{margin-left:auto}.social-feed{max-width:620px;margin:auto;display:grid;gap:20px}.social-post{border:1px solid #ffffff20;border-radius:14px;background:#20241b8c;overflow:hidden;text-align:left}.social-post header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;gap:10px}.post-author{display:flex;gap:12px;text-align:left;align-items:center}.post-author span{display:grid;gap:3px}.post-author small{color:#aaa}.post-media{width:100%;max-height:550px;object-fit:contain;display:block;background:#0004}.post-caption{white-space:pre-wrap;overflow-wrap:anywhere;margin:17px 20px;font-size:19px;line-height:1.45}.music-link{display:flex;gap:12px;margin:15px 20px;padding:16px;border:1px solid #d1b76c50;border-radius:10px;color:#e6ca73;align-items:center}.music-link .icon:last-child{margin-left:auto}.social-post footer{display:flex;gap:24px;padding:14px 20px;border-top:1px solid #ffffff12}.social-post footer button{display:flex;align-items:center;gap:7px}.liked{color:#ecc65f!important}.social-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.social-gallery .post-media{height:220px;object-fit:cover}.social-gallery header{padding:12px}.social-gallery .post-caption{font-size:17px}.social-gallery footer{flex-wrap:wrap;gap:10px}.story-strip{display:flex;gap:18px;overflow:auto;padding:0 0 20px}.story-circle{min-width:74px;display:flex;align-items:center;flex-direction:column;gap:7px}.story-circle .avatar,.story-circle>.icon{width:58px;height:58px;border:2px solid #d6b655;border-radius:50%;padding:3px}.story-circle>.icon{padding:15px}.feed-controls{margin-bottom:20px}.social-profile{margin:16px 0 30px;border:1px solid #ffffff22;border-radius:16px;overflow:hidden;background:#171c15aa}.social-profile-info{padding:24px}.social-profile-info>p{max-width:620px}.profile-actions{margin-top:22px;flex-wrap:wrap}.comment-list{display:grid;gap:16px;margin-bottom:20px;max-height:48vh;overflow:auto}.comment-list article{border-bottom:1px solid #ffffff22;padding-bottom:12px}.ranking-list{display:grid;gap:10px;margin-top:25px}.ranking-list button{display:flex;align-items:center;gap:18px;padding:18px;border:1px solid #ffffff20;border-radius:12px;text-align:left;background:#ffffff06}.ranking-list button>strong:last-child{margin-left:auto;font-size:26px;color:#e2c36b}.rank-number{font-size:25px;color:#aaa}.store-intro{min-height:480px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:15px;padding:30px}.store-intro h1{font-size:clamp(30px,5vw,58px)}.coin-orbit{font-family:ArtabInk;font-size:65px;border:2px solid #c4a550;border-radius:50%;width:115px;height:115px;display:grid;place-items:center;color:#edd183;box-shadow:inset 0 0 0 7px #c4a55025,0 0 80px #b58c2420}.coin-balance{font-size:40px}.coin-balance span{font-size:22px;color:#b6b9ac}.store-intro small{max-width:320px}.connection-row{text-align:left}.network-nav .chip{min-height:42px}.social-profile .row{flex-wrap:wrap}
@media(max-width:760px){#screen-panel{width:calc(100vw - 18px);max-height:calc(100dvh - 28px);border-radius:13px}.overlay-main{padding:18px 14px}.screen-bar{padding:8px 14px}.social-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.social-gallery .post-media{height:150px}.social-gallery .post-author .avatar{display:none}.social-gallery .post-caption{margin:10px;font-size:16px}.social-gallery .music-link{margin:10px;padding:8px}.social-gallery footer{padding:10px}.network-nav{gap:6px}.network-nav .chip{padding:8px 10px}.network-nav .btn.primary{margin-left:0}.collab-hub-links{padding:0 16px 14px}.store-intro{padding:20px 0;min-height:400px}}

.fda-link{gap:12px}.fda-link img{width:75px;height:32px;object-fit:contain}.fda-logo-preview{width:180px;margin:10px auto}.merge-field{border:1px solid #ffffff25;border-radius:10px;padding:16px;display:grid;gap:10px}.merge-field label{display:flex;gap:12px;padding:10px;border-radius:8px;background:#ffffff07}.merge-field label span{display:grid;gap:6px;overflow-wrap:anywhere;min-width:0}.merge-field input{width:18px;flex-shrink:0}.merge-field small{white-space:pre-wrap;max-height:130px;overflow:auto}.merge-field legend{padding:0 8px;color:#dfc478}

.merge-image{max-width:150px;max-height:90px;object-fit:contain}.social-feed .empty{padding:35px 15px}#network-content>.empty{padding:40px 20px}

#screen-panel[open],#connect-panel[open],#modal[open]{animation:none}