html,body,#root{background:#fffdf7;width:100%;min-width:280px;height:100%;margin:0;font-family:Roboto,Arial,sans-serif}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:#073f49;overflow:hidden}button,input,select,textarea{font:inherit}button{touch-action:manipulation}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #167d86}p{line-height:1.5}#root>.together-app{isolation:isolate;max-width:520px;height:100dvh;margin:auto;position:relative}.native-scroll{overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-width:thin;-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow:hidden auto}.home{padding:calc(18px + env(safe-area-inset-top,0px)) 18px calc(20px + env(safe-area-inset-bottom,0px));min-height:100%}.brand-row{margin-bottom:15px}.intro h1{font-size:32px}.need-grid{gap:10px}.need-tile{height:auto;min-height:124px}.person strong{max-width:125px}.person{height:70px}.native-overlay{z-index:100;background:#073f4960;position:fixed;inset:0}.native-sheet{z-index:101;color:#073f49;background:#fffdf7;border-radius:24px 24px 0 0;outline:none;flex-direction:column;width:min(100%,540px);height:min(86dvh,820px);max-height:calc(100dvh - 16px);font-family:Roboto,Arial,sans-serif;display:flex;position:fixed;bottom:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 -5px 30px #073f4914}.native-sheet-header{border-bottom:1px solid #e3e9e0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px 12px;display:flex}.native-sheet-header h2{margin:0;font-size:23px;line-height:1.2}.native-close{color:#073f49;background:#edf5e8;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.native-sheet>.sheet-content{min-height:0;padding:14px 22px calc(24px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.native-sheet>.sheet-content .sheet-close{display:none}.sheet-content input:not([type=checkbox]){font-size:16px}.native-sheet .sheet-content.is-large{font-size:19px}.welcome-intro{text-align:center;padding:18px 4px}.welcome-intro>svg{color:#ef966d;margin:0 auto 15px}.welcome-intro h2{margin:0 0 12px;font-size:29px}.welcome-intro p{color:#60777c;font-size:15px}.welcome-choice small{margin-top:4px;font-size:12px;font-weight:400;display:block}.welcome-choice{min-height:72px;text-align:left!important;padding:16px!important;display:block!important}.sample-banner{color:#6d551b;background:#fff2d3;border-radius:11px;justify-content:space-between;align-items:center;gap:8px;margin:4px 0 14px;padding:10px 12px;font-size:12px;display:flex}.sample-banner button{color:#073f49;background:0 0;border:0;min-height:36px;font-size:12px;font-weight:700;text-decoration:underline}.setup-summary{color:#60777c;background:#edf5e8;border-radius:12px;margin:12px 0;padding:12px;font-size:13px}.install-steps{padding-left:23px;font-size:15px;line-height:1.7}.install-steps li{margin:10px 0}.retry-session{margin-top:12px}.native-sheet .invite-code .share-pairing{margin-top:10px}.native-sheet .eyebrow{letter-spacing:1px}.help-line{color:#60777c;margin-top:10px;font-size:12px;line-height:1.6}.native-sheet .private-label{color:#60777c;margin-top:12px;font-size:12px;display:block}.large-text .home{padding-inline:16px}.large-text .need-tile{min-height:150px}.large-text .intro h1{font-size:34px}.native-scroll .connect-link{min-height:44px}.native-sheet button,.native-sheet a{touch-action:manipulation}.native-sheet button:focus-visible{outline-offset:2px;outline:3px solid #167d86}@media (width>=700px){body{background:#f2f4ec}#root>.together-app{border-left:1px solid #dce5df;border-right:1px solid #dce5df;box-shadow:0 0 60px #073f4907}.home{padding-top:26px}.need-tile{min-height:140px}}@media (prefers-reduced-motion:no-preference){.native-sheet[data-state=open]{animation:.18s ease-out sheet-appear}.native-overlay[data-state=open]{animation:.18s ease-out overlay-appear}@keyframes sheet-appear{0%{opacity:.7;bottom:-30px}to{opacity:1;bottom:0}}@keyframes overlay-appear{0%{opacity:0}to{opacity:1}}}.native-scroll .urgent-button{z-index:3;position:sticky;bottom:12px;box-shadow:0 7px 0 7px #fffdf7}.native-sheet{bottom:var(--keyboard-offset,0px);height:min(86dvh,calc(var(--visual-height,100dvh) - 12px),820px);max-height:calc(var(--visual-height,100dvh) - 12px)}.home:has(.sample-banner)>.connect-link{display:none}.native-scroll .urgent-button{box-shadow:none}
