:root{color-scheme:light;background:#f6f5ef;color:#25291f;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}body{background:#f6f5ef;min-height:100dvh;-webkit-text-size-adjust:100%;padding-top:env(safe-area-inset-top)}button,input,textarea,select,a{-webkit-tap-highlight-color:transparent}button{min-height:44px;background:#c7f350;color:#25291f;font-size:14px}button:disabled{opacity:.5}.secondary{background:#eae6f2;color:#574b6c}.danger{background:#f4d4d9;color:#7d283b}input,textarea,select{font-size:16px!important;line-height:1.5;background:#fff;color:#25291f;border-color:#d6d9cc;min-height:48px;border-radius:13px}input::placeholder,textarea::placeholder{color:#8a8e81}input[type=checkbox]{accent-color:#739827;min-height:20px}label{color:#51594a;font-size:13px}h1,h2,h3{color:#25291f;overflow-wrap:anywhere}a{color:#556d2c}.muted,.fine{color:#777d6c}.eyebrow{color:#718a41}.auth-shell{position:relative;background:#fcfcf8;max-width:470px;border:1px solid #e0e2d7;border-radius:28px;padding:33px;margin:50px auto 30px;box-shadow:0 16px 50px #30382008}.auth-logo{width:66px;height:66px;border-radius:19px}.auth-shell h1{font-size:37px;line-height:1.2;margin:19px 0 15px;letter-spacing:-1.6px}.auth-shell>.muted{font-size:14px}.auth-tabs{padding:5px;border-radius:15px;background:#efeee7;gap:5px}.auth-tabs button{flex:1;border-radius:11px;font-size:13px}.auth-tabs button.secondary{background:transparent;color:#727869}.auth-shell label{font-size:13px}.auth-shell .fine{font-size:11px}.auth-shell .check{font-size:12px}.auth-shell #auth-submit{background:#c7f350;margin-top:7px;min-height:50px}.auth-shell #auth-status{font-size:13px;color:#a3334a}.auth-shell fieldset{border:0}main#app{max-width:1020px;padding:30px 28px 40px}#app>header{gap:10px;flex-wrap:wrap;border-bottom:1px solid #e0e2d5;padding-bottom:18px}header .logo{height:42px;width:42px;border-radius:13px}header h1{font-size:26px;margin:0;letter-spacing:-1px}header h1 small{background:#ece7f5;color:#716387;font-size:8px}#connection{font-size:11px;color:#6a795b}#notice{background:#e9eedf;border-color:#dce5cc;color:#59694a;font-size:12px;border-radius:12px}nav{background:#f6f5eff0;backdrop-filter:blur(18px);padding:8px 0 14px;border-bottom:1px solid #e0e2d5;gap:5px}nav button{color:#7d8271;padding:12px 16px;font-size:12px;display:flex;align-items:center;gap:7px;justify-content:center}nav button.active{background:#e5edcc;color:#3e521b}.tab-icon{width:19px;height:19px;flex-shrink:0}#social-panel{padding-top:9px;min-height:58dvh}.social-card{background:#fff;border:1px solid #e0e2d6;border-radius:20px;padding:22px;box-shadow:0 3px 10px #27351a03}.social-card h3{font-size:17px}.person p{font-size:12px;color:#777d6c;line-height:1.7}.person h3{font-size:16px}.fallback{background:linear-gradient(135deg,#e5daf4,#d8e8bc);color:#675276}.avatar{border-radius:17px}.tags span{background:#f0edf5;color:#746481;font-size:11px}.card-actions{gap:7px}.card-actions button{min-height:40px;font-size:11px;background:#e9eedb;color:#4f652e}.card-actions button.secondary{background:#f1edf5;color:#80718e}.post-body{font-size:15px;line-height:1.8}.social-card small{color:#7d826e;background:#f2f1e9}.dm-log{background:#eeede5;border:1px solid #dfdfd4;height:45dvh;overscroll-behavior:contain}.bubble{background:#fff;color:#353c2b;border-radius:18px 18px 18px 4px;font-size:14px}.bubble.mine{background:#d9e9b2;border-radius:18px 18px 4px 18px}.bubble small{color:#6f7b60;background:transparent}.bubble button{background:#f1ede8;color:#88776d;min-height:28px}.dm-compose{padding-bottom:8px}.dm-compose button{min-width:62px}#app footer{color:#89917e;font-size:10px;border-color:#e0e2d5;line-height:1.9}#app .hero h2{font-size:40px;line-height:1.2;letter-spacing:-1.7px}#app .hero p{color:#858b79;font-size:14px}#app form#create{background:#eae6f2;border:1px solid #dcd4e7;padding:22px}#start{background:#c7f350;color:#25291f}#rooms .room{background:#fff;border-color:#dce1d3}#rooms .room p{color:#7a826e}#rooms .room button{background:#e8eedc;color:#4e652e}#count{color:#7d856f}#messages{background:#eeede5;color:#48513a}#chat{padding-bottom:10px}.controls button{font-size:12px}.discovery select{background:#fff;color:#56604c;border-color:#d6d9cc}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9275b5;outline-offset:3px}.ios-help-trigger{margin:16px 0 0;padding:8px 0;background:none;border:0;min-height:40px;text-align:left;font-size:12px;color:#7b6b91;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.ios-help{width:calc(100% - 32px);max-width:440px;border:1px solid #e1e3d5;border-radius:24px;background:#fafbf5;color:#28321e;padding:26px;box-shadow:0 10px 70px #0003}.ios-help::backdrop{background:#1a251b88;backdrop-filter:blur(5px)}.ios-help h2{font-size:25px;line-height:1.4;margin:15px 0}.ios-help p,.ios-help li{font-size:14px;line-height:1.8;color:#6e7861}.ios-help ol{padding-left:22px}.ios-help li{margin-bottom:10px}.ios-help-close{float:right;border-radius:50%;background:#eeeee3;min-height:34px;width:34px;padding:0}.ios-install-banner{margin:0 auto;background:#e6e0ef;border-bottom:1px solid #d6cce2;padding:12px 18px;display:flex;gap:10px;align-items:center;font-size:11px;line-height:1.6;max-width:1020px}.ios-install-banner button{font-size:11px;background:#fff;white-space:nowrap;min-height:36px;padding:8px 12px}.ios-install-banner .dismiss-install{padding:5px;background:none;font-size:18px}.offline-strip{position:fixed;top:env(safe-area-inset-top);left:0;right:0;padding:12px 20px;background:#f5dab7;color:#6c4824;font-size:12px;text-align:center;z-index:1000}.offline-strip[hidden]{display:none!important}@media(max-width:900px){main#app{padding:20px 18px calc(100px + env(safe-area-inset-bottom))}#app>header{gap:8px}header h1 small{display:none}header #logout{min-height:36px;padding:8px 11px;font-size:10px;margin-left:auto}#connection{width:auto;margin-left:auto;font-size:10px}#app>nav{position:fixed;top:auto;bottom:0;left:0;right:0;margin:0;z-index:30;padding:9px 5px calc(9px + env(safe-area-inset-bottom));background:#fafbf6f2;border-top:1px solid #dde1d1;border-bottom:0;gap:0;overflow:visible;box-shadow:0 -6px 25px #2e3d1c05;display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}#app>nav button{flex-direction:column;gap:5px;padding:6px 1px;min-height:50px;font-size:9px;font-weight:500;border-radius:11px;background:none;position:relative}#app>nav button.active{color:#526e25;background:#eaf0db}nav .tab-icon{width:21px;height:21px}#unread:not(:empty){position:absolute;top:2px;right:9px;padding:2px 4px;border-radius:10px;background:#806093;color:white;font-size:8px}.auth-shell{margin:22px auto;width:calc(100% - 30px);padding:27px 24px}.auth-shell h1{font-size:34px}#app .hero{padding:18px 0 25px}#app .hero h2{font-size:35px}#social-panel{margin:18px 0;min-height:60dvh}.social-card{padding:18px;margin:14px 0}.social-card .person{align-items:flex-start}.social-card .person h3{line-height:1.6}.social-card .card-actions button{font-size:11px}#app>footer{margin-top:30px}#app section{margin:20px 0}.dm-log{height:42dvh}#live .video-wrap{border-radius:15px}video{max-height:52dvh}.live-heading h2{font-size:20px}.live-heading{flex-wrap:wrap}.ios-install-banner{font-size:10px;padding:10px 15px}.ios-install-banner span{flex:1}.ios-help{padding:24px}.ios-help h2{font-size:23px}}@media(display-mode:standalone){.ios-install-banner,.ios-help-trigger{display:none}.auth-shell{margin-top:max(22px,env(safe-area-inset-top))}body{overscroll-behavior-y:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:900px){#app>nav{grid-template-columns:repeat(var(--tab-count,6),minmax(0,1fr))}#app>nav button{font-size:9px}}