/* 0.7: true workspace panels, role-aware chrome and responsive member scenes. */
.header{height:auto;min-height:100px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;padding:22px 4vw;gap:24px}.header .brand{text-decoration:none}.main-nav{position:static;transform:none;justify-content:center;gap:27px;min-width:0}.tools{justify-content:flex-end;gap:10px;min-width:0}.tools #accountButton{max-width:110px}.tools .round .icon{width:20px}.header .language-switch{flex:none}.audience-btn{display:inline-flex;align-items:center;gap:8px}#audienceButton{font-size:12px}#audienceButton .icon{width:14px}.scene.discovery .position{--photo-w:clamp(300px,29vw,390px)}.scene.gallery:not(.connected) .position{--photo-w:clamp(290px,25vw,360px)}.scene.connected .position{width:235px;left:calc(50% - 335px)}.foot{flex-wrap:wrap}.foot>div{flex-wrap:wrap}.page-overlay{position:relative;inset:auto;z-index:5;display:block;padding:20px 4vw 50px;backdrop-filter:none;background:none;min-height:calc(100dvh - 100px)}.page-overlay .sheet{width:min(1180px,100%);max-width:1180px;max-height:none;margin:0 auto;padding:32px 36px;overflow:visible;box-shadow:0 15px 50px #08091b22;border-radius:18px;background:#fbfbfe}.page-overlay .sheet-head .language-switch{display:none}.page-overlay .sheet-head>span{font-size:10px}.page-overlay .sheet-head{margin-bottom:24px}.page-overlay .sheet h2{font-size:36px}.page-overlay .sheet p{font-size:14px}.page-overlay .sheet .small{font-size:12px}.page-overlay .check{font-size:13px!important}.page-overlay .input,.page-overlay select,.page-overlay textarea{font-size:14px}.page-overlay .label{font-size:13px}.page-overlay .full{max-width:100%}.page-overlay .sheet .member-list{max-width:850px}.page-overlay .thread-row small{max-width:none}.page-overlay .chat-log{height:51dvh;max-height:600px;min-height:300px;padding:25px 10px}.page-overlay .chat-compose{padding-top:15px;border-top:1px solid #dedbe6}.page-overlay .chat-compose input{min-height:50px}.page-overlay .sheet .chat-log .bubble{max-width:75%;font-size:14px}.account-columns{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:48px;align-items:start}.account-main,.account-media{min-width:0}.account-media{border-left:1px solid #e6e2ef;padding-left:30px}.account-media>h3:first-child{margin-top:14px}.account-media .upload-list{display:flex;flex-wrap:wrap;gap:16px}.account-media .upload-item{max-width:100%;flex:1 1 175px;gap:11px}.account-media .upload-item>img{width:85px;height:108px}.account-main .check span{overflow-wrap:anywhere}.account-media input[type=file]{font-size:13px!important;width:100%;max-width:100%;padding:10px}.review-notice{border-color:#e5d7b1;background:#fff7e4!important}.review-notice p{margin:7px 0 12px!important}.sheet .form-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sheet .form-pair>*{min-width:0}body[data-surface=workspace] #app,body[data-surface=auth] #app{min-height:0}body[data-surface=workspace] #scene,body[data-surface=auth] #scene,body[data-surface=workspace] .foot,body[data-surface=auth] .foot{display:none}body[data-surface=auth] .main-nav,body[data-surface=auth] .mobile-nav,body[data-role=guest] .main-nav,body[data-role=guest] .mobile-nav{display:none}.auth-overlay{position:relative;inset:auto;padding:12px 22px 45px;z-index:5;display:flex;align-items:flex-start;min-height:calc(100dvh - 100px);backdrop-filter:none;background:none}.auth-overlay .sheet{width:min(630px,100%);max-height:none;overflow:visible;padding:32px 36px;box-shadow:0 20px 70px #0b0c2444}.auth-overlay .sheet-head .language-switch{display:none}body[data-panel=signup] .auth-overlay .sheet{width:min(720px,100%)}body[data-panel=chat] .page-overlay .sheet{max-width:1000px}body[data-panel=circle] .page-overlay .sheet,body[data-panel=inbox] .page-overlay .sheet{max-width:1080px}body[data-role=guest] .header{grid-template-columns:auto 1fr}.scene-hint{max-width:100%}.main-nav button{white-space:nowrap}.node-copy strong{overflow-wrap:anywhere}
@media(max-width:1150px){.header{padding:18px 25px;gap:18px}.brand{font-size:43px}.main-nav{gap:18px}.main-nav button{font-size:12px}.tools{gap:8px}.tools #accountButton{max-width:88px;font-size:11px}#audienceButton{font-size:11px}.account-columns{gap:27px}.account-media{padding-left:23px}.page-overlay .sheet{padding:29px}.header .language-switch button{min-width:31px;padding:6px}.tools .round{width:37px;height:37px}}
@media(max-width:950px){.header{grid-template-columns:auto 1fr;gap:15px;min-height:117px;padding:17px 25px 12px}.main-nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:36px}.tools{grid-column:2;grid-row:1}.page-overlay{padding:16px 22px 40px}.account-columns{grid-template-columns:1fr 1fr;gap:24px}.account-media{padding-left:22px}.scene.connected .position{left:calc(50% - 285px);width:210px}.scene{height:calc(100svh - 125px - var(--floor))}.auth-overlay{min-height:calc(100dvh - 100px)}body[data-surface=auth] .header,body[data-role=guest] .header{min-height:85px}}
@media(max-width:760px){.header{min-height:82px;grid-template-columns:auto 1fr;padding:17px 18px;gap:10px}.header .brand{font-size:36px}.main-nav{display:none}.tools{gap:7px}.tools #accountButton{font-size:10px;max-width:75px;padding:8px 9px}.tools .language-switch button{min-width:28px;min-height:30px;font-size:10px;padding:5px 6px}.tools .round{width:32px;height:32px}.tools .round .icon{width:17px}.tools #audienceButton{font-size:10px;padding:8px 9px}.tools #audienceButton .icon{display:none}.scene.discovery .position{--photo-w:min(66vw,310px)}.scene.gallery:not(.connected) .position{--photo-w:min(64vw,285px)}.scene.connected .position{left:18px;top:70px;transform:none;width:calc(37vw - 18px);max-width:170px}.scene{height:calc(100svh - 82px - var(--floor));min-height:520px}.route-panel{left:44vw;right:17px;max-width:51vw}.node{gap:8px}.node-copy{padding:9px 10px;min-width:0;width:calc(100% - 42px)}.node-copy strong{font-size:11px}.node-copy small{font-size:9px}.node .avatar,.node .self{width:37px;height:37px}.node:not(:last-child):after{left:18px}.route-panel h2{font-size:23px}.route-panel .primary{font-size:10px;padding:10px;min-width:0}.page-overlay{padding:10px 13px 92px;min-height:calc(100dvh - 82px)}.page-overlay .sheet{padding:23px 20px;border-radius:15px;max-height:none}.page-overlay .sheet h2{font-size:30px}.page-overlay .sheet p{font-size:13px}.page-overlay .sheet .small{font-size:11px}.account-columns{display:block}.account-media{border-left:0;padding-left:0;border-top:1px solid #e4e0ed;margin-top:30px;padding-top:20px}.page-overlay .input,.page-overlay select,.page-overlay textarea,.auth-overlay .input,.auth-overlay textarea,.auth-overlay select{font-size:16px!important}.account-media input[type=file]{font-size:12px!important}.page-overlay .thread-row{gap:11px}.page-overlay .thread-row small{white-space:normal;line-height:1.6;overflow-wrap:anywhere}.page-overlay .chat-log{height:46dvh;min-height:260px;padding:18px 0}.page-overlay .sheet .chat-log .bubble{max-width:90%;font-size:13px}.page-overlay .sheet-head{gap:9px}.page-overlay .sheet-head>span{font-size:8px;letter-spacing:.05em}.page-overlay .sheet-head .round{width:33px;height:33px}.auth-overlay{padding:7px 14px 28px;min-height:calc(100dvh - 82px)}.auth-overlay .sheet{padding:25px 21px;border-radius:16px}body[data-surface=workspace] #app .mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:15;background:#151529f5;border-top:1px solid #ffffff15;min-height:65px;padding:11px 27px calc(11px + env(safe-area-inset-bottom));color:#e9e5f8;backdrop-filter:blur(12px)}body[data-surface=workspace] .mobile-nav .understudy{display:none}body[data-surface=workspace] .mobile-nav button{font-size:10px}.page-overlay .form-pair{gap:0 12px}.foot{padding:14px 20px;gap:10px}.foot>div{gap:12px}}
@media(max-width:410px){.header{padding:15px 13px}.header .brand{font-size:32px}.tools #accountButton{max-width:58px}.tools{gap:5px}.tools #audienceButton{font-size:9px;padding:7px}.tools .round{width:28px;height:28px}.page-overlay{padding:6px 9px 90px}.page-overlay .sheet{padding:22px 17px}.auth-overlay .sheet{padding:23px 19px}.route-panel{left:44vw;right:12px;max-width:52vw}.node{gap:5px}.node-copy{padding:8px;width:calc(100% - 32px)}.node .avatar,.node .self{width:30px;height:30px}.node:not(:last-child):after{left:14px}.node-copy strong{font-size:10px}.node-copy small{font-size:8px}.route-panel h2{font-size:21px}.scene.connected .position{left:15px;width:calc(37vw - 15px)}.scene.connected .picture-name h1{font-size:20px}.scene.connected .picture-name h1 span{font-size:16px}.account-media .upload-item{flex-basis:145px}}

@media(max-width:760px){.tools #audienceButton:not([hidden]){display:inline-flex;justify-content:center;min-width:30px;width:30px;height:30px;font-size:0!important;padding:7px!important}.tools #audienceButton .icon{display:block;width:15px;height:15px}}
@media(max-width:410px){.tools #accountButton{max-width:48px}}


/* 0.8 Pearl workspace refinement */
.page-overlay .sheet,.auth-overlay .sheet{background:#FFFEFD!important;border:1px solid #FFFFFF!important;box-shadow:0 22px 70px #5E667C1C!important}
.account-media{border-left-color:#E2E6EF}.review-notice{background:#FFF7E8!important;border-color:#F0D7AA!important}
@media(max-width:760px){.account-media{border-top-color:#E2E6EF}.page-overlay .chat-compose{border-top-color:#E2E6EF}}