:root{--ink: #292723;--muted: #79746c;--accent: #e86628;--line: #e8e4dd}body{background:#f5f3ef}body:after{opacity:.3}button,a,select{touch-action:manipulation}:focus-visible{outline:2px solid #c2410c;outline-offset:4px}.minimal-app{height:auto;min-height:100dvh;overflow:visible}.workspace-nav{position:relative;justify-content:flex-end;width:min(1160px,calc(100% - 96px));margin:32px auto 0}.workspace-nav .glass-nav{padding:6px;background:#fffefbb8;border:1px solid rgba(255,255,255,.9);box-shadow:0 2px 20px #30281e04;gap:3px}.workspace-nav button{width:auto;height:40px;gap:7px;padding:0 13px;border-radius:24px;color:#746f66}.workspace-nav button:hover{background:#eeebe4;color:var(--ink)}.nav-label{font-size:11px;font-weight:400}.workspace-main{width:min(1160px,calc(100% - 96px));margin:auto;padding:65px 0 100px;flex:1;display:flex;align-items:center}.workspace-layout{display:grid;grid-template-columns:1fr 460px;width:100%;align-items:center;gap:88px}.workspace-heading{padding-bottom:50px}.workspace-heading h1{font-size:clamp(72px,7.7vw,110px);font-weight:500;line-height:1.03;letter-spacing:-.06em!important;color:var(--ink)}.workspace-heading h1>span:first-child{min-width:0!important;overflow:hidden;padding-right:8px}.workspace-heading h1 .text-orange-600{color:var(--accent)}.workspace-heading h1>span:last-child{color:var(--ink)}.workspace-heading>p{max-width:290px;margin-top:26px;font-size:14px;font-weight:400;line-height:1.8;color:#787269;letter-spacing:0}.connection-console{overflow:hidden;border-radius:26px;background:#fffefbf0;border:1px solid #ffffff;box-shadow:0 28px 90px -34px #3e362c35,0 2px 6px #3e362c03;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.connection-tabs{display:flex;margin:10px;padding:4px;gap:4px;background:#f0eee9;border-radius:18px}.connection-tabs button{display:flex;flex:1;align-items:center;justify-content:center;gap:9px;min-height:48px;border-radius:14px;font:500 13px Outfit,sans-serif;color:#827c72;transition:background .2s,color .2s,box-shadow .2s}.connection-tabs button>svg{width:16px;height:16px}.connection-tabs button[aria-pressed=true]{background:#fffefa;color:#332d24;box-shadow:0 2px 6px #35291d0c}.connection-tabs button[aria-pressed=true]>svg{color:var(--accent)}.connection-tabs button:hover{color:#c44f19}.minimal-app .console-panel{padding:20px 30px 30px;background:transparent;border:none;box-shadow:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none;cursor:default;gap:22px}.console-panel[data-visible=false]{display:none}.console-panel-heading{min-height:34px;align-items:center}.console-panel-heading>div:first-child>div:first-child,.console-panel-heading>div:nth-child(2),.console-panel-heading h3{display:none}.console-panel-heading p{color:#6d685f;font-size:13px}.console-panel-heading>div:first-child{gap:0}.console-panel .presence{padding:14px 16px;border:1px solid #ece8df;border-radius:14px;background:#f8f7f2;gap:12px}.console-panel .presence-header{min-height:24px}.console-panel .presence-count{font-size:20px;font-weight:500}.console-panel .presence-label{font-size:10px;color:#777268}.console-panel .presence-loc-btn{background:transparent;color:#97613e;font-size:10px;padding:6px 0 6px 8px}.console-panel .presence-band{height:74px;border:0;border-radius:0;background:transparent;box-shadow:none}.console-panel .presence-empty{color:#8a8378;font-size:10px}.console-panel .presence-band-line{background:#e8e4da}.console-controls{display:flex;flex-direction:column;gap:16px}.console-controls>*,.friend-controls>*{margin-top:0!important}.console-panel .room-selector{min-height:58px;padding-inline:16px;border:1px solid var(--line)!important;background:#fffefa!important;border-radius:12px}.room-selector:hover{border-color:#c2b6a5!important}.room-selector>span:first-child{font-size:19px}.console-panel .duration-control{justify-content:space-between;gap:24px;padding:0 1px}.duration-control>span{font-size:11px;font-weight:400;color:#777268}.duration-control>div{padding:4px;gap:3px;border-radius:12px;background:#f0eee8}.duration-control button{border:none;border-radius:8px;font-size:11px;font-weight:400;min-height:34px;background:transparent;color:#777268}.duration-control .dur-btn-active{background:#fffefa;color:#292723;box-shadow:0 1px 5px #33291c12}.console-panel .btn-orange{min-height:54px;border-radius:12px;justify-content:space-between;padding:15px 20px;margin-top:3px!important;background:#e86628;color:#fffaf5!important;box-shadow:0 5px 14px #dc6a2520;font-size:14px;font-weight:500;transition:background .2s,box-shadow .2s}.console-panel .btn-orange:hover{transform:none;background:#d95518;box-shadow:0 6px 18px #dc6a2530}.console-panel .btn-orange:active{transform:translateY(1px)}.friend-panel{min-height:438px}.friend-controls{gap:24px}.friend-controls .input-glass{min-height:66px;border-radius:12px;background:#f8f7f2;border:1px solid var(--line);font-size:22px;color:var(--ink)}.friend-controls .input-glass::placeholder{color:#8a8378;font-size:13px}.friend-controls .share-code{min-height:82px;border-radius:12px;border:1px dashed #d8cbb8!important;background:#faf5ec!important}.share-code .text-amber-600{color:#b35d2b;font-size:24px;font-weight:500}.share-code .copy-badge{border:0;background:transparent;color:#81694f}.share-code .text-stone-400{color:#8a7864;font-size:9px}.friend-controls .btn-orange{margin-top:auto!important}.streak-pill{display:inline-flex;align-items:center;gap:5px;padding-inline:6px;font:500 11px Rubik,sans-serif;color:#c2410c}.minimal-loading{padding:48px 16px;text-align:center;color:#57534e}.minimal-loading-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:12px 22px;border-radius:24px;background:#fffaf5;color:#57534e;z-index:60;font-size:12px}@media(max-width:1100px){.workspace-layout{grid-template-columns:1fr 420px;gap:40px}.workspace-heading h1{font-size:78px}.workspace-nav,.workspace-main{width:calc(100% - 64px)}}@media(max-width:850px){.workspace-layout{grid-template-columns:1fr 390px;gap:24px}.workspace-heading h1{font-size:63px}.workspace-nav button{padding-inline:9px}.minimal-app .console-panel{padding-inline:22px}}@media(max-width:767px){.workspace-main{width:min(460px,calc(100% - 36px));padding:clamp(28px,calc(12svh - 52px),64px) 0 20px;margin-inline:auto;align-items:flex-start}.workspace-layout{grid-template-columns:1fr;gap:clamp(16px,3svh,26px)}.workspace-heading{padding:0 5px}.workspace-heading h1{font-size:clamp(52px,8.5svh,68px);line-height:.98}.workspace-heading>p{max-width:none;margin-top:10px;font-size:12px}.connection-console{border-radius:22px}.connection-tabs{margin:8px;border-radius:15px}.connection-tabs button{min-height:44px;border-radius:11px;font-size:12px}.minimal-app .console-panel{padding:8px 22px 18px;gap:12px}.console-panel-heading{min-height:24px}.console-panel .presence{padding:8px 12px;gap:4px}.console-panel .presence-loc-btn{min-height:44px}.console-panel .presence-band{height:clamp(28px,5svh,44px)}.console-controls{gap:12px}.console-panel .room-selector{min-height:52px}.duration-control button{min-height:44px}.friend-panel{min-height:0}.friend-controls{gap:16px}.ambient-wash{background:linear-gradient(140deg,#faf8f5eb,#faf8f5a6)!important}.minimal-app>.fixed.bottom-3{position:static;text-align:center;padding-bottom:16px;color:#777268}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(min-width:768px)and (max-width:900px){.workspace-main{width:min(560px,calc(100% - 64px));padding-top:56px}.workspace-layout{grid-template-columns:minmax(0,1fr);gap:36px}.workspace-heading{padding-bottom:0}.workspace-heading h1{font-size:76px}.workspace-heading>p{max-width:none;margin-top:18px}}.workspace-layout>*{min-width:0}@property --glass-open{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.breathing-scene{isolation:isolate}.breathing-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background:#ece9e1}.breathing-video,.breathing-tint,.breathing-frost{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.breathing-video{object-fit:cover;filter:saturate(.45) brightness(1.12)}.breathing-tint{background:linear-gradient(110deg,#faf8f5f0,#faf8f5c7 48%,#faf8f57a)}.breathing-frost{--glass-open: 0%;background:#f7f5f0db;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);-webkit-mask-image:radial-gradient(ellipse at 28% 46%,transparent max(0%,calc(var(--glass-open) - 12%)),#000 var(--glass-open));mask-image:radial-gradient(ellipse at 28% 46%,transparent max(0%,calc(var(--glass-open) - 12%)),#000 var(--glass-open))}[data-arrival=waiting] .breathing-tint{opacity:.3}[data-arrival=opening] .breathing-frost{animation:glass-reveal 6.4s cubic-bezier(.45,0,.2,1) both}@keyframes glass-reveal{0%,4%{--glass-open: 0%;opacity:1}42%,62%{--glass-open: 92%;opacity:1}to{--glass-open: 110%;opacity:0}}[data-arrival=opening] .breathing-tint{animation:glass-settle 6.4s cubic-bezier(.45,0,.2,1) both}@keyframes glass-settle{0%,55%{opacity:.3}to{opacity:1}}.workspace-heading h1>.breathing-words{display:inline-grid;vertical-align:bottom;padding-block:.035em;margin-block:-.035em}.breathing-word{grid-area:1 / 1;opacity:0;transform:translateY(.16em);filter:blur(5px);transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1),filter .65s cubic-bezier(.22,1,.36,1)}.breathing-word[data-active=true]{opacity:1;transform:translateY(0);filter:blur(0)}[data-motion=paused] .breathing-frost,[data-motion=paused] .breathing-tint{animation-play-state:paused}@media(max-width:767px){.breathing-tint{background:linear-gradient(140deg,#faf8f5eb,#faf8f5a6)}.breathing-frost{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.breathing-scene .breathing-frost{-webkit-mask-image:radial-gradient(ellipse at 30% 20%,transparent max(0%,calc(var(--glass-open) - 12%)),#000 var(--glass-open));mask-image:radial-gradient(ellipse at 30% 20%,transparent max(0%,calc(var(--glass-open) - 12%)),#000 var(--glass-open))}}@media(prefers-reduced-motion:reduce){.breathing-scene .breathing-frost{display:none;animation:none!important}.breathing-scene .breathing-tint{animation:none!important;opacity:1}.breathing-word{transition:none!important;transform:none;filter:none}}