:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--sheet:#f1f3f6;--text:#111318;--muted:#707986;--line:#e6e9ee;--blue:#2aabee;--blue-dark:#08c;--green:#10a37f;--chat:#dceaf7;--own:#dff7c6;--shadow:0 18px 44px #0f14192e;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--text);margin:0;overflow:hidden}body{position:fixed;inset:0}button,input,textarea{font:inherit}button{cursor:pointer}.app,.screen,.sheet-page,.login,.loading{background:var(--bg);width:100vw;height:100dvh;overflow-x:hidden}.screen,.sheet-page{-webkit-overflow-scrolling:touch;overflow-y:auto}.brand-mark{color:#111318;background:#f1f3f6;border-radius:24px;place-items:center;width:74px;height:74px;margin:0 auto;font-size:42px;font-weight:800;display:grid}.login,.loading{padding:max(46px, calc(env(safe-area-inset-top) + 22px)) 16px max(28px, env(safe-area-inset-bottom));overflow-y:auto}.login h1,.loading p{text-align:center;margin:28px 0 10px;font-size:42px;font-weight:850;line-height:1.05}.login p{text-align:center;color:var(--muted);margin:0 0 54px;font-size:22px}.login-form{gap:24px;display:grid}.login label{color:var(--text);gap:8px;font-size:18px;font-weight:650;display:grid}.login input,.create-form input,.new-search input{width:100%;min-height:60px;color:var(--text);background:#fff;border:1.5px solid #c9d0da;border-radius:18px;outline:0;padding:0 18px;font-size:18px}.error{color:#c02626;background:#ffe9e9;border-radius:16px;padding:12px 14px;font-weight:650}.primary,.secondary{border:1.5px solid #111318;border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:60px;font-size:18px;font-weight:800;display:flex}.primary{color:#fff;background:#111318}.primary:disabled{opacity:.45}.secondary{color:var(--text);background:#fff}.divider{color:var(--text);align-items:center;gap:22px;margin:34px 0;font-size:20px;display:flex}.divider span{background:var(--line);flex:1;height:1px}.list-hero{z-index:10;padding:max(54px, calc(env(safe-area-inset-top) + 26px)) 16px 14px;background:linear-gradient(#b8ebd4f0,#fffffff5 82%,#fff0);grid-template-columns:56px 1fr 56px;align-items:center;gap:10px;display:grid;position:sticky;top:0}.list-hero h1{text-align:center;margin:0;font-size:30px;font-weight:850}.round,.icon-btn{color:var(--text);background:#f1f3f6f2;border:0;border-radius:999px;place-items:center;display:inline-grid}.round{width:56px;height:56px;box-shadow:0 8px 22px #0f141914}.round.small{width:50px;height:50px;box-shadow:none}.round.mini{width:46px;min-width:46px;height:46px}.search,.new-search{min-height:56px;color:var(--muted);background:#f1f3f6;border-radius:28px;align-items:center;gap:12px;margin:0 16px 22px;padding:0 18px;display:flex}.search input,.new-search input{min-height:0;color:var(--text);background:0 0;border:0;padding:0}.verify-banner{width:calc(100% - 32px);min-height:68px;color:var(--text);text-align:left;background:#fff8df;border:0;border-radius:22px;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:10px;margin:-4px 16px 16px;padding:10px 14px;display:grid;box-shadow:0 8px 22px #0f141912}.verify-banner span{gap:2px;min-width:0;display:grid}.verify-banner strong{font-size:16px;font-weight:850}.verify-banner em{color:#6f6040;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-style:normal;line-height:1.25;display:-webkit-box;overflow:hidden}.chips{gap:10px;padding:0 16px 16px;display:flex;overflow-x:auto}.chip{min-height:38px;color:var(--text);background:#fff;border:1.5px solid #c9d0da;border-radius:999px;flex:none;padding:0 18px;font-size:16px;font-weight:650}.chip.active{color:#fff;background:#111318;border-color:#111318}.room-list{padding-bottom:max(112px, calc(env(safe-area-inset-bottom) + 92px))}.room-row,.suggest-row{width:100%;min-height:82px;color:var(--text);text-align:left;background:0 0;border:0;grid-template-columns:62px 1fr auto;align-items:center;gap:12px;padding:8px 16px;display:grid}.room-row:active,.suggest-row:active{background:#f1f3f6}.avatar{color:#db80ff;background:#31007a;border-radius:50%;place-items:center;font-size:28px;font-weight:850;display:grid;position:relative;overflow:visible}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar i{background:#7d8791;border:3px solid #fff;border-radius:50%;width:15px;height:15px;position:absolute;bottom:-1px;right:-1px}.avatar i.online{background:var(--green)}.room-main{border-bottom:1px solid var(--line);align-content:center;gap:4px;min-width:0;min-height:66px;display:grid}.room-top{align-items:center;gap:8px;min-width:0;display:flex}.room-top strong,.suggest-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:820;line-height:1.14;overflow:hidden}.room-top em{color:var(--muted);margin-left:auto;font-size:14px;font-style:normal}.room-last,.suggest-row em{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-style:normal;line-height:1.24;display:-webkit-box;overflow:hidden}.badge{color:#fff;text-align:center;background:#5abe63;border-radius:999px;min-width:24px;height:24px;padding:0 8px;font-size:12px;line-height:24px}.bottom-nav{left:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:40;width:min(76vw,346px);height:66px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);background:#ffffffe6;border-radius:36px;gap:6px;padding:6px;display:flex;position:fixed;transform:translate(-50%)}.bottom-nav button{color:var(--muted);background:0 0;border:0;border-radius:30px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.bottom-nav button.active{color:var(--text);background:#eef1f5}.room-screen{background:var(--chat);grid-template-rows:auto 1fr auto;display:grid}.room-header{z-index:20;min-height:calc(68px + env(safe-area-inset-top));padding:max(10px, env(safe-area-inset-top)) 12px 10px;border-bottom:1px solid var(--line);background:#fffffff0;grid-template-columns:50px 46px minmax(0,1fr) 42px 42px 42px;align-items:center;gap:8px;display:grid;box-shadow:0 4px 18px #0f141914}.room-header .back{width:50px;height:50px}.room-title{gap:2px;min-width:0;display:grid}.room-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:850;overflow:hidden}.room-title span{color:var(--muted);font-size:13px}.icon-btn{color:#68717d;background:0 0;width:42px;height:42px}.timeline{-webkit-overflow-scrolling:touch;padding:14px 12px 18px;overflow:hidden auto}.message{align-items:flex-end;gap:8px;margin:6px 0;display:flex}.message.mine{justify-content:flex-end}.bubble{background:#fff;border-radius:18px;max-width:min(76vw,520px);padding:8px 11px 6px;position:relative;box-shadow:0 1px 2px #0f14191f}.mine .bubble{background:var(--own);border-bottom-right-radius:6px}.theirs .bubble{border-bottom-left-radius:6px}.bubble b{color:#b00062;margin-bottom:3px;font-size:14px;font-weight:850;display:block}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);margin:0;font-size:17px;line-height:1.28}.bubble time{float:right;color:#0f14197a;margin:3px 0 0 8px;font-size:11px;line-height:1}.composer{padding:10px 12px max(10px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff5;align-items:flex-end;gap:8px;display:flex}.composer textarea{resize:none;min-width:0;min-height:46px;max-height:124px;color:var(--text);background:#f1f3f6;border:0;border-radius:24px;outline:0;flex:1;padding:11px 16px;font-size:18px;line-height:1.24}.send{background:var(--blue-dark);color:#fff;border:0;border-radius:50%;place-items:center;width:46px;min-width:46px;height:46px;display:grid}.sheet-page{padding:max(22px, calc(env(safe-area-inset-top) + 12px)) 16px max(28px, env(safe-area-inset-bottom));background:var(--sheet)}.sheet-header{grid-template-columns:88px 1fr 88px;align-items:center;margin-bottom:22px;display:grid}.sheet-header.left{grid-template-columns:58px 1fr;gap:12px}.sheet-header h1{text-align:center;margin:0;font-size:28px;font-weight:850}.sheet-header.left h1{text-align:left;font-size:clamp(34px,9vw,48px);line-height:1.05}.new-search{background:#fff;margin:0 0 34px}.new-search button{color:var(--blue-dark);background:0 0;border:0}.action-card,.space-row{width:100%;min-height:70px;color:var(--text);text-align:left;background:#fff;border:0;border-radius:24px;grid-template-columns:44px 1fr 24px;align-items:center;gap:12px;margin:0 0 16px;padding:0 18px;font-size:21px;display:grid}.sheet-page h2{color:var(--muted);margin:32px 0 12px;font-size:19px}.suggestions{background:#fff;border-radius:24px;overflow:hidden}.suggest-row{border-bottom:1px solid var(--line);grid-template-columns:56px minmax(0,1fr)}.suggest-row:last-child{border-bottom:0}.suggest-row span{gap:2px;min-width:0;display:grid}.create-form{gap:16px;display:grid}.select-card{width:100%;min-height:60px;color:var(--text);text-align:left;background:#fff;border:1.5px solid #c9d0da;border-radius:18px;align-items:center;gap:12px;padding:0 18px;font-size:18px;display:flex}.hint{color:#5d6673;margin:-4px 0 4px;font-size:18px;line-height:1.35}.toggle-row{grid-template-columns:62px 1fr;align-items:center;gap:12px;font-size:20px;font-weight:800;display:grid}.toggle-row input{appearance:none;background:#cbd2dc;border-radius:999px;width:54px;height:30px}.toggle-row input:after{content:"";background:#111318;border-radius:50%;width:26px;height:26px;margin:2px;transition:transform .16s;display:block}.toggle-row input:checked{background:var(--green)}.toggle-row input:checked:after{transform:translate(24px)}.spaces{padding-bottom:max(112px, calc(env(safe-area-inset-bottom) + 92px))}.space-row{border-bottom:1px solid var(--line);background:0 0;border-radius:0;grid-template-columns:54px 1fr;width:calc(100% - 32px);margin-inline:16px}.info-panel{z-index:80;padding:max(22px, calc(env(safe-area-inset-top) + 12px)) 18px;background:#fff;align-content:start;justify-items:center;gap:16px;display:grid;position:fixed;inset:0}.info-panel .round{justify-self:end}.info-panel h1{text-align:center;margin:0;font-size:30px}.info-panel p{color:var(--muted);margin:0}.verify-panel{z-index:90;-webkit-backdrop-filter:blur(14px);background:#0f141959;align-items:end;padding:16px;display:grid;position:fixed;inset:0}.verify-panel>.round{top:max(18px, env(safe-area-inset-top));z-index:1;position:absolute;right:16px}.verify-card{max-height:calc(100dvh - max(42px, env(safe-area-inset-top)) - 34px);padding:28px 18px max(18px, env(safe-area-inset-bottom));box-shadow:var(--shadow);background:#fff;border-radius:32px;gap:16px;display:grid;overflow-y:auto}.verify-card h1{margin:0;font-size:30px;line-height:1.05}.verify-card p{color:#4d5663;margin:0;font-size:17px;line-height:1.35}.verify-status{color:#4d5663;background:#eef1f5;border-radius:18px;padding:12px 14px;font-size:15px;font-weight:700}.sas-box{gap:12px;display:grid}.sas-emoji{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.sas-emoji span{background:#f4f6f8;border-radius:16px;justify-items:center;gap:4px;min-height:74px;padding:8px 4px;display:grid}.sas-emoji b{font-size:28px}.sas-emoji em{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;overflow:hidden}.sas-decimal{text-align:center;background:#f4f6f8;border-radius:20px;padding:18px;font-size:30px;font-weight:850}.logout{z-index:1;opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;bottom:8px;right:8px}@media (width>=769px){.app,.login,.loading{border-left:1px solid var(--line);border-right:1px solid var(--line);max-width:440px;margin:0 auto}}