:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.landingPanelBase{text-align:left;background:#fafafa;border:2px solid #999;box-shadow:2px 2px #0000001f}.landingPanelHeaderBase{background:linear-gradient(to bottom, #4f8cff 0%, #2f6fe8 18%, #1d55c7 52% #1742a5 100%);text-align:left;border-bottom:2px solid #0a2f8f;box-shadow:inset 0 1px #ffffffd9}.landingPanelHeaderWithIconBase{align-items:center;gap:8px;display:flex}.landingPanelBodyBase{padding:8px 12px}.landingTextLink{color:#00c;text-decoration:underline}.landingTextLink:visited{color:#009}.landingTextLink:hover,.landingTextLink:focus{color:#006;text-decoration:underline}.landingPage{color:#111;background-color:#f5f5f5;background-image:radial-gradient(circle at 1px 1px,#00000009 1px,#0000 0),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:6px 6px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;width:100%;min-height:100vh;font-family:Verdana,Arial,sans-serif;display:flex;overflow-x:hidden}.landingPage a{color:#00c;text-decoration:underline}.landingPage a:visited{color:#009}.landingPage a:hover,.landingPage a:focus{color:#006;text-decoration:underline}.landingMain{flex:1;justify-content:center;align-items:flex-start;width:100%;padding:10px 32px 72px;display:flex}.landingGrid{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:center;gap:40px;width:100%;max-width:1180px;display:grid}.landingDescriptionColumn{text-align:left;flex-direction:column;justify-content:center;min-width:0;display:flex}.landingAuthColumn{text-align:left;flex-direction:column;justify-content:center;gap:10px;min-width:0;display:flex}@media (width<=760px){.landingMain{padding:10px 16px 64px}.landingGrid{grid-template-columns:1fr;align-items:stretch;gap:12px}.landingDescriptionColumn,.landingAuthColumn{justify-content:flex-start}}.statsPanel{text-align:left;background:#fafafa;border:2px solid #999;position:relative;box-shadow:2px 2px #0000001f}.statsStatusPanel{margin-bottom:8px}.statsPanelHeader{box-sizing:border-box;text-align:left;background:#050505;border:2px solid #052;min-height:38px;padding:0 8px;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #00783038}.statsPanelHeaderWithIcon{align-items:stretch;gap:8px;display:flex;overflow:hidden}.statsCalendarIcon{z-index:2;flex:none;align-self:center;position:relative}.statsMarqueeViewport{background:linear-gradient(#101010 0%,#050505 46%,#000 100%);flex:auto;align-self:stretch;align-items:center;min-width:0;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00ff6629}.statsMarqueeTrack{white-space:nowrap;color:#0f6;letter-spacing:.035em;-webkit-font-smoothing:none;text-rendering:optimizespeed;text-shadow:1px 0 #00ff66f2,0 0 2px #00ff66f2,0 0 6px #00ff6685,0 0 11px #00ff6642;align-items:center;min-width:max-content;padding-left:100%;font-family:DotGothic16,MS PGothic,MS Gothic,Osaka-Mono,Courier New,monospace;font-size:13px;font-weight:900;line-height:1;animation:28s linear infinite statsMarqueeScroll;display:inline-flex}.statsMarqueeTrack span{display:inline-block}.statsPanelBody{padding:0}.statsVisualGrid{width:100%;box-shadow:none;background:0 0;border:0;gap:0;display:grid}.statsVisualRow{background:linear-gradient(#ffffff8f,#eeeeee3d),#f6f6f6;border-bottom:1px solid #d8d8d8;grid-template-columns:minmax(0,.74fr) minmax(168px,1fr);min-height:58px;display:grid}.statsVisualRow:last-child{border-bottom:0}.statsUserBarRow{min-height:82px}.statsNumberCell{flex-direction:column;justify-content:space-between;min-width:0;padding:7px 10px 7px 9px;display:flex}.statsLabel{color:#555;text-align:left;white-space:nowrap;font-size:9px;font-weight:700;line-height:1.1;display:block}.statsUserCountBlock{flex-direction:column;gap:3px;min-width:0;display:flex}.statsAsOfValue{color:#222;text-align:left;white-space:nowrap;text-shadow:0 1px #ffffffc7;align-self:flex-start;font-size:15px;font-weight:900;line-height:1;display:block}.statsValue{color:#222;text-align:right;white-space:nowrap;text-shadow:0 1px #ffffffc7;align-self:flex-end;font-size:15px;font-weight:900;line-height:1;display:block}.statsGraphCell{border-left:2px solid #bdbdbd;justify-content:center;align-items:center;min-width:0;padding:4px 8px 4px 12px;display:flex}.statsUserBarRow .statsGraphCell{justify-content:stretch;min-width:0;padding-left:0;padding-right:0;overflow:hidden}.statsUserBarChart{width:100%;max-width:100%;height:74px;display:block;overflow:hidden}.statsChartGridLine{fill:none;stroke:#0000001c;stroke-width:1px;shape-rendering:crispedges}.statsUserBar rect{stroke-width:1px;shape-rendering:crispedges}.statsUserBarIncrease rect{fill:#0066cc57;stroke:#06c}.statsUserBarFlat rect{fill:#5555553d;stroke:#555}.statsUserBarCurrent rect{fill:#d000006b;stroke:#d00000;animation:.9s steps(2,end) infinite statsBlink}.statsUserBarDayLabel{fill:#888;stroke:none;pointer-events:none;font-family:Verdana,Arial,sans-serif;font-size:9px;font-weight:400;line-height:1}.statsUserBarValueLabel{fill:#d00000;stroke:#fff;stroke-width:3px;paint-order:stroke;pointer-events:none;font-family:Verdana,Arial,sans-serif;font-size:12px;font-weight:900;line-height:1;animation:.9s steps(2,end) infinite statsBlink}.statsIntervalScale{--interval-position:50%;align-items:flex-end;width:100%;height:34px;padding-top:9px;display:flex;position:relative}.statsIntervalScaleLabels{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:0;left:0;right:0}.statsIntervalScaleLabels span{color:#888;text-shadow:0 1px #ffffffbf;white-space:nowrap;font-size:8px;font-weight:400;line-height:1}.statsIntervalScaleTrack{background:linear-gradient(#fff 0%,#dcdcdc 100%);border:1px solid #888;width:100%;height:6px;box-shadow:inset 0 1px #ffffffe6,1px 1px #00000014}.statsIntervalScaleTicks{pointer-events:none;justify-content:space-between;align-items:flex-end;height:18px;display:flex;position:absolute;bottom:0;left:0;right:0}.statsIntervalScaleTicks span{background:#777;width:1px;height:12px;display:block;box-shadow:1px 0 #ffffffb3}.statsIntervalCurrentDot{left:var(--interval-position);background:#d00000;border:1px solid #700000;border-radius:50%;width:10px;height:10px;margin-bottom:-2px;margin-left:-5px;animation:.75s steps(2,end) infinite statsBlink;position:absolute;bottom:0;box-shadow:0 0 0 2px #fffc,0 0 7px #d00000d9}.statsCountdownArea{--next-sayonara-progress:62%;align-items:flex-end;width:100%;height:34px;padding-top:9px;display:flex;position:relative}.statsCountdownLabels{pointer-events:none;grid-template-columns:1fr 1fr 1fr;display:grid;position:absolute;top:0;left:0;right:0}.statsCountdownLabels span{color:#888;text-shadow:0 1px #ffffffbf;white-space:nowrap;font-size:8px;font-weight:400;line-height:1}.statsCountdownLabels span:first-child{text-align:left}.statsCountdownLabels span:nth-child(2){text-align:center}.statsCountdownLabels span:nth-child(3){text-align:right}.statsCountdownFrame{background:#eee;border:1px solid #888;width:100%;height:18px;overflow:hidden;box-shadow:inset 1px 1px #0000001f,inset -1px -1px #fffc}.statsCountdownBar{width:var(--next-sayonara-progress);height:100%;box-shadow:inset 0 1px #ffffff2e,1px 0 #00000038}.statsCountdownBarSafe{background:repeating-linear-gradient(90deg,#056b18 0 6px,#16a033 6px 12px)}.statsCountdownBarDanger{background:repeating-linear-gradient(90deg,#8b0000 0 6px,#d00000 6px 12px)}@keyframes statsMarqueeScroll{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes statsBlink{0%{opacity:1;filter:brightness()}50%{opacity:.35;filter:brightness(1.55)}to{opacity:1;filter:brightness()}}@media (prefers-reduced-motion:reduce){.statsMarqueeTrack{padding-left:0;animation:none;transform:translate(0)}.statsUserBarCurrent rect,.statsUserBarValueLabel,.statsIntervalCurrentDot{animation:none}}@media (width<=760px){.statsPanelHeader{min-height:36px;padding:0 6px}.statsVisualRow{grid-template-columns:minmax(0,.74fr) minmax(136px,1fr);min-height:56px}.statsUserBarRow{min-height:78px}.statsNumberCell{padding:7px 8px}.statsLabel{font-size:8.5px}.statsAsOfValue,.statsValue{font-size:14px}.statsGraphCell{padding:4px 7px 4px 10px}.statsUserBarRow .statsGraphCell{padding-left:0;padding-right:0}.statsUserBarChart{height:70px}.statsUserBarDayLabel{font-size:8px;font-weight:400}.statsUserBarValueLabel{stroke-width:2.8px;font-size:11px;font-weight:900}.statsIntervalScale,.statsCountdownArea{height:33px;padding-top:9px}.statsIntervalScaleLabels span,.statsCountdownLabels span{font-size:7.5px;font-weight:400}.statsMarqueeTrack{font-size:10px;animation-duration:34s}}@media (width<=420px){.statsPanelHeader{min-height:34px;padding:0 5px}.statsPanelHeaderWithIcon{gap:6px}.statsVisualRow{grid-template-columns:minmax(0,.78fr) minmax(116px,1fr);min-height:54px}.statsUserBarRow{min-height:74px}.statsNumberCell{padding:6px 7px}.statsLabel{font-size:8px}.statsAsOfValue,.statsValue{font-size:13px}.statsGraphCell{border-left-width:1px;padding:4px 6px 4px 8px}.statsUserBarRow .statsGraphCell{padding-left:0;padding-right:0}.statsUserBarChart{height:66px}.statsUserBarDayLabel{font-size:7px;font-weight:400}.statsUserBarValueLabel{stroke-width:2.5px;font-size:10px;font-weight:900}.statsIntervalScale,.statsCountdownArea{height:31px;padding-top:8px}.statsIntervalScaleLabels span,.statsCountdownLabels span{font-size:7px;font-weight:400}.statsIntervalScaleTicks{height:17px}.statsIntervalScaleTicks span{height:11px}.statsIntervalCurrentDot{width:9px;height:9px;margin-bottom:-2px;margin-left:-4.5px}.statsCountdownFrame{height:16px}.statsMarqueeTrack{font-size:8.5px;animation-duration:38s}}.landingAuthCard{background:#fff;box-shadow:2px 2px #00000021}.landingAuthHeader{text-align:left;background:linear-gradient(#fff 0%,#f7f7f7 35%,#eee 100%);border-bottom:2px solid #ccc;padding:12px 16px;box-shadow:inset 0 1px #ffffffd9}.landingAuthHeaderWithIcon{align-items:center;gap:8px;display:flex}.landingAuthHeaderText{min-width:0}.landingAuthHeader h3{color:#222;text-align:left;margin:0 0 4px;font-size:13px;font-weight:700}.landingAuthHeader p{color:#666;text-align:left;margin:0;font-size:10px;line-height:1.5}.landingAuthBody{padding:16px}.landingAuthButtons{gap:8px;display:grid}.landingLineButton,.landingGoogleButton,.landingSignupButton{cursor:pointer;border-radius:0;width:100%;height:38px;min-height:0;padding:8px 12px;font-family:Verdana,Arial,sans-serif;font-size:11px;font-weight:700}.landingLineButton{color:#fff;background:linear-gradient(#31e531 0%,#00b900 55%,#079407 100%);border:2px solid #0a8f08;justify-content:center;align-items:center;gap:8px;display:flex;box-shadow:inset 0 1px #ffffff80,1px 1px #00000029}.landingLineButton img{object-fit:contain;width:22px;height:22px}.landingGoogleButton{color:#444;background:linear-gradient(#fff 0%,#eee 100%);border:2px solid #999;justify-content:center;align-items:center;gap:0;display:flex;box-shadow:inset 0 1px #ffffffd9,1px 1px #0000001f}.landingGoogleButton img{object-fit:contain;width:78px;height:22px;display:block}.loginButtonText{white-space:nowrap;justify-content:center;align-items:baseline;gap:0;min-width:0;line-height:1;display:inline-flex}.loginBrandText{line-height:1;display:inline-block}.loginBrandTextRounded{letter-spacing:-.03em;font-family:Arial Rounded MT Bold,"M PLUS Rounded 1c",Hiragino Maru Gothic ProN,Yu Gothic,Verdana,Arial,sans-serif;font-weight:900;transform:translateY(.5px)}.loginWormText{white-space:nowrap;justify-content:center;align-items:baseline;gap:0;margin-left:.08em;line-height:1;display:inline-flex}.loginWormText span{will-change:auto;line-height:1;animation:none;display:inline-block;transform:translateY(0)}.landingGoogleButton .loginWormText{margin-left:-6px}.landingSignupButton{color:#fff;background:linear-gradient(#4a4a4a 0%,#2a2a2a 100%);border:2px solid #1a1a1a;box-shadow:inset 0 1px #ffffff38,1px 1px #00000029}.landingFooter{background:linear-gradient(#e8e8e8 0%,#d0d0d0 100%);border-top:2px solid #ccc;width:100%;margin-top:auto;padding:12px 0;box-shadow:inset 0 1px #ffffffbf}.landingFooterInner{width:100%;max-width:1180px;margin:0 auto;padding:0 32px}.landingFooterLinks{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;font-size:9px;display:flex}.landingFooterLinks a{color:#00c;text-decoration:underline}.landingFooterLinks a:visited{color:#009}.landingFooterLinks a:hover,.landingFooterLinks a:focus{color:#006;text-decoration:underline}.landingFooterLinks span{color:#999}.landingFooterMeta{color:#777;text-align:left;font-size:9px}.landingFooterMeta p{margin:0}.landingHeader{background:linear-gradient(#eee 0%,#d8d8d8 48%,#cfcfcf 100%);border-bottom:2px solid #999;align-items:center;width:100%;height:92px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd9}.landingHeaderInner{justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:1180px;height:100%;margin:0 auto;padding:0 32px;display:flex}.landingHeaderBrandBlock{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;min-width:0;display:flex}.sayonaraHeaderLogo{object-fit:contain;filter:drop-shadow(0 1px #ffffffbf);flex:none;width:auto;max-width:min(54vw,330px);height:clamp(38px,5.6vw,58px);display:block}.landingProjectLine{letter-spacing:.02em;white-space:nowrap;color:#fff;text-align:left;text-shadow:1px 1px #0000006b,0 1px #ffffffd1,0 0 4px #ffffff59;margin:0;font-size:clamp(10px,1.05vw,14px);font-weight:900;line-height:1.08;animation:2.8s steps(12,end) infinite signupLikeRainbowText;transform:translateY(-2px)}.sayonaraRainbowText{white-space:nowrap;align-items:baseline;display:inline-flex}.sayonaraRainbowTextChar{color:inherit;display:inline-block}.landingHeaderActions{flex-wrap:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:4px;max-width:100%;display:flex;overflow:hidden}.landingHeaderActions .sayonaraAuthButton{cursor:pointer;white-space:nowrap;border-radius:0;height:32px;min-height:0;padding:5px 10px;font-family:Verdana,Arial,sans-serif;font-size:9.5px;font-weight:700;line-height:1}.landingHeaderActions .sayonaraLineButton{color:#fff;background:linear-gradient(#31e531 0%,#00b900 55%,#079407 100%);border:2px solid #0a8f08;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff80,1px 1px #00000029}.landingHeaderActions .sayonaraGoogleButton{color:#444;background:linear-gradient(#fff 0%,#eee 100%);border:2px solid #999;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffffd9,1px 1px #0000001f}.landingHeaderActions .sayonaraSignupButton{color:#fff;background:linear-gradient(#4a4a4a 0%,#2a2a2a 100%);border:2px solid #1a1a1a;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff38,1px 1px #00000029}.landingHeaderActions .loginWormText{margin-left:.05em}.landingHeaderActions .loginWormText span{will-change:auto;animation:none;transform:translateY(0)}.landingHeaderAuthIcon{object-fit:contain;width:11px;height:11px;image-rendering:pixelated;flex:none;margin-right:2px}.landingHeaderGoogleIcon{object-fit:contain;flex:none;width:26px;height:9px;margin-right:1px}@keyframes signupLikeRainbowText{0%{color:#fff}20%{color:#fff56a}40%{color:#7cff7c}60%{color:#8fd3ff}80%{color:#ff9df0}to{color:#fff}}@media (prefers-reduced-motion:reduce){.landingProjectLine,.landingHeaderActions .loginWormText span{animation:none}.landingProjectLine{color:#fff}.landingHeaderActions .loginWormText span{transform:translateY(0)}}@media (width<=760px){.landingHeader{height:86px}.landingHeaderInner{gap:12px;padding:0 16px}.landingHeaderBrandBlock{gap:2px}.sayonaraHeaderLogo{max-width:42vw;height:clamp(28px,6.4vw,40px)}.landingProjectLine{max-width:42vw;font-size:clamp(8.5px,2.1vw,11px);line-height:1.08;transform:translateY(-2px)}.landingHeaderActions{gap:4px;max-width:54vw}.landingHeaderActions .sayonaraAuthButton{height:31px;padding:4px 8px;font-size:9.2px}.landingHeaderAuthIcon{width:15px;height:15px;margin-right:2px}.landingHeaderGoogleIcon{width:35px;height:13px;margin-right:1px}}@media (width<=420px){.landingHeader{height:82px}.landingHeaderInner{gap:8px;padding:0 12px}.landingHeaderBrandBlock{gap:1px}.sayonaraHeaderLogo{max-width:38vw;height:clamp(23px,6vw,32px)}.landingProjectLine{max-width:38vw;font-size:clamp(7.5px,1.9vw,9.5px);line-height:1.08;transform:translateY(-1px)}.landingHeaderActions{gap:3px;max-width:58vw}.landingHeaderActions .sayonaraAuthButton{height:28px;padding:3px 5px;font-size:7.8px}.landingHeaderAuthIcon{width:13px;height:13px;margin-right:1px}.landingHeaderGoogleIcon{width:29px;height:11px;margin-right:0}}.landingIntroBlock{text-align:left;margin-bottom:0}.landingInspiredCard{background:#fafafa;overflow:hidden}.landingInspiredHeader{text-align:left;background:linear-gradient(#4f8cff 0%,#2f6fe8 18%,#1d55c7 52%,#1742a5 100%);border-bottom:2px solid #666;align-items:center;gap:8px;padding:8px 12px;display:flex;box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0003}.landingInspiredIcon{object-fit:contain;width:28px;height:28px;image-rendering:pixelated;filter:drop-shadow(0 1px #000000a6)drop-shadow(0 0 4px #fff6);flex:none;display:block}.landingInspiredTitle{color:#fff;letter-spacing:.01em;white-space:nowrap;text-align:left;text-shadow:1px 1px #000000b8,0 0 5px #ffffff47;min-width:0;margin:0;font-family:Verdana,Arial,sans-serif;font-size:18px;font-weight:900;line-height:1.05}.landingInspiredTitleChar{animation:1.45s ease-in-out infinite landingInspiredTitleJump;animation-delay:calc(var(--inspired-char-index) * 45ms);will-change:transform;display:inline-block;transform:translateY(0)}.landingInspiredBody{background:linear-gradient(#ffffff9e,#eeeeee29),#fafafa;padding:11px 12px 12px}.landingIntroText{color:#555;text-align:left;margin:0 0 12px;font-size:13.5px;font-weight:700;line-height:1.45}.landingIntroFeatureGrid{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.landingIntroFeatureCard{text-align:left;background:linear-gradient(#fff 0%,#f4f4f4 100%);border:1px solid #c9c9c9;min-width:0;padding:9px 10px 10px;box-shadow:inset 0 1px #ffffffe0,1px 1px #00000014}.landingIntroFeatureHeader{align-items:center;gap:8px;min-width:0;margin-bottom:6px;display:flex}.landingIntroFeatureHeader h3{color:#222;text-align:left;margin:0;font-size:14px;font-weight:900;line-height:1.18}.landingIntroFeatureCard p{color:#666;text-align:left;margin:0;font-size:12.5px;font-weight:700;line-height:1.45}@keyframes landingInspiredTitleJump{0%{transform:translateY(0)}14%{transform:translateY(-3px)}28%{transform:translateY(1px)}42%{transform:translateY(0)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.landingInspiredTitleChar{animation:none;transform:translateY(0)}}@media (width<=760px){.landingInspiredHeader{gap:8px;padding:8px 10px}.landingInspiredIcon{width:25px;height:25px}.landingInspiredTitle{font-size:15.5px}.landingInspiredBody{padding:10px}.landingIntroText{margin-bottom:11px;font-size:13.5px;font-weight:700;line-height:1.45}.landingIntroFeatureGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.landingIntroFeatureCard{padding:8px}.landingIntroFeatureHeader{gap:7px;margin-bottom:6px}.landingIntroFeatureHeader h3{font-size:13px;line-height:1.18}.landingIntroFeatureCard p{font-size:12px;line-height:1.45}}@media (width<=420px){.landingInspiredHeader{align-items:flex-start;padding:7px 9px}.landingInspiredIcon{width:23px;height:23px}.landingInspiredTitle{white-space:normal;font-size:13.5px;line-height:1.12}.landingInspiredBody{padding:9px}.landingIntroText{margin-bottom:10px;font-size:12.5px;font-weight:700;line-height:1.45}.landingIntroFeatureGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.landingIntroFeatureCard{padding:7px}.landingIntroFeatureHeader{gap:5px;margin-bottom:5px}.landingIntroFeatureHeader h3{font-size:11px;line-height:1.15}.landingIntroFeatureCard p{font-size:10.5px;line-height:1.4}}.landingInviteHelpBox{background:#fff;padding:12px 16px;box-shadow:1px 1px #0000001f}.landingInviteHelpHeader{margin-bottom:3px}.landingInviteHelpBox h4{color:#222;text-align:left;margin:0;font-size:15.5px;font-weight:700;line-height:1.18}.landingInviteHelpBox p{color:#666;text-align:left;margin:0;font-size:13.5px;line-height:1.45}@media (width<=760px){.landingInviteHelpHeader{margin-bottom:3px}.landingInviteHelpBox h4{font-size:15.5px;line-height:1.18}.landingInviteHelpBox p{font-size:13.5px;line-height:1.45}}@media (width<=420px){.landingInviteHelpHeader{margin-bottom:2px}.landingInviteHelpBox h4{font-size:14px;line-height:1.18}.landingInviteHelpBox p{font-size:12.5px;line-height:1.45}}.landingSubHeader{background:linear-gradient(#fbfbfb 0%,#eee 44%,#dedede 100%);border-bottom:1px solid #bdbdbd;width:100%;box-shadow:inset 0 1px #fffffff2,0 1px #0000000d}.landingSubHeaderInner{justify-content:center;align-items:center;width:100%;max-width:1180px;min-height:38px;margin:0 auto;padding:5px 32px;display:flex;position:relative}.landingSubHeaderWelcome{color:#555;white-space:nowrap;text-align:center;justify-content:center;align-items:center;gap:10px;min-width:0;max-width:calc(100% - 96px);font-size:17px;font-weight:900;line-height:1;display:inline-flex}.landingSubHeaderBrand{align-items:center;gap:9px;min-width:0;line-height:1;display:inline-flex}.landingSubHeaderLogo{object-fit:contain;filter:drop-shadow(0 1px #ffffffbf);width:auto;max-width:190px;height:25px;display:block}.landingBetaBadge{color:#555;font-family:Verdana,Arial,sans-serif;font-size:inherit;letter-spacing:0;white-space:nowrap;background:linear-gradient(#fff 0%,#eee 48%,#dcdcdc 100%);border:1px solid #999;flex:none;padding:2px 6px 3px;font-weight:900;line-height:1;display:inline-block;position:relative;overflow:hidden;transform:translateY(1px);box-shadow:inset 0 1px #fffffff2,inset 0 -1px #00000014,1px 1px #0000001f}.landingBetaBadge:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 0% 26%,#ffffff24 35%,#ffffffe0 50%,#fff3 65%,#0000 74% 100%);width:45%;height:210%;animation:4s ease-in-out infinite landingBetaShine;position:absolute;top:-55%;left:-90%;transform:skew(-18deg)}.landingLanguageLink{color:#00c;flex:none;align-items:center;gap:3px;font-size:10px;line-height:1;text-decoration:underline;display:inline-flex;position:absolute;top:50%;right:32px;transform:translateY(-50%)}.landingLanguageLink:visited{color:#009}.landingLanguageLink:hover,.landingLanguageLink:focus{color:#006;text-decoration:underline}.retroFlagIcon{object-fit:contain;width:16px;height:11px;image-rendering:pixelated;transform-origin:0;animation:1.4s steps(2,end) infinite retroFlagWave}@keyframes retroFlagWave{0%{transform:skewY(0)translateY(0)}50%{transform:skewY(-7deg)translateY(-1px)}to{transform:skewY(0)translateY(0)}}@keyframes landingBetaShine{0%{opacity:0;left:-90%}12%{opacity:.95}48%{opacity:.95;left:125%}66%{opacity:0;left:125%}to{opacity:0;left:125%}}@media (prefers-reduced-motion:reduce){.retroFlagIcon,.landingBetaBadge:after{animation:none}.landingBetaBadge:after{opacity:0}}@media (width<=760px){.landingSubHeaderInner{min-height:34px;padding:4px 16px}.landingSubHeaderWelcome{gap:8px;max-width:calc(100% - 76px);font-size:15px}.landingSubHeaderBrand{gap:7px}.landingSubHeaderLogo{max-width:158px;height:21px}.landingBetaBadge{font-size:inherit;padding:2px 5px 3px}.landingLanguageLink{font-size:9px;right:16px}}@media (width<=420px){.landingSubHeaderInner{min-height:30px;padding:4px 12px}.landingSubHeaderWelcome{gap:6px;max-width:calc(100% - 64px);font-size:13px}.landingSubHeaderBrand{gap:5px}.landingSubHeaderLogo{max-width:120px;height:18px}.landingBetaBadge{font-size:inherit;padding:1px 4px 2px}.landingLanguageLink{font-size:8.5px;right:12px}}.peoplePanel{background:#fff;overflow:hidden}.peoplePanelHeader{text-align:left;background:linear-gradient(#4f8cff 0%,#2f6fe8 18%,#1d55c7 52%,#1742a5 100%);border-bottom:2px solid #ccc;padding:10px 14px;display:flex;box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0003}.peoplePanelTitleRow{align-items:center;gap:8px;min-width:0;display:flex}.peoplePanelTitleIcon{object-fit:contain;width:22px;height:22px;image-rendering:pixelated;flex:none;display:block}.peoplePanelTitleText{min-width:0}.peoplePanelTitleText h3{color:#fff;text-align:left;margin:0 0 3px;font-size:14px;font-weight:900;line-height:1.1}.peoplePanelTitleText p{color:#fff;text-align:left;margin:0;font-size:9.5px;font-weight:700;line-height:1.25}.peoplePanelBody{background:linear-gradient(#ffffffad,#eeeeee2e),#fff;gap:8px;padding:10px 12px 11px;display:grid}.peopleCard{text-align:left;background:linear-gradient(#fff 0%,#f4f4f4 100%);border:1px solid #c9c9c9;padding:8px 9px;box-shadow:inset 0 1px #ffffffe0,1px 1px #00000014}.peopleCardTopLine{justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;margin-bottom:5px;display:flex}.peopleNameBlock{flex-direction:column;min-width:0;display:flex}.peopleNameLine{white-space:nowrap;text-overflow:ellipsis;align-items:baseline;gap:7px;min-width:0;margin:0;line-height:1.15;display:flex;overflow:hidden}.peopleJapaneseName{color:#111;white-space:nowrap;min-width:0;font-size:13px;font-weight:900;line-height:1.15}.peopleEnglishName{color:#777;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;font-weight:900;line-height:1.15;overflow:hidden}.peopleCardBadge{color:#555;text-align:center;white-space:normal;background:linear-gradient(#fff 0%,#eee 52%,#dcdcdc 100%);border:1px solid #999;flex:none;max-width:44%;padding:2px 5px 3px;font-size:8px;font-weight:900;line-height:1;box-shadow:inset 0 1px #fffffff2,1px 1px #0000001a}.peopleAffiliation{color:#777;text-align:left;margin:0 0 5px;font-size:9.5px;font-weight:550;line-height:1.25}.peopleResponsibilities{color:#00a;text-align:left;margin:0;font-size:12px;font-weight:900;line-height:1.35}@media (width<=760px){.peoplePanelHeader{padding:9px 12px}.peoplePanelTitleText h3{font-size:13px}.peoplePanelTitleText p{font-size:9px}.peoplePanelBody{gap:7px;padding:9px 10px 10px}.peopleCard{padding:7px 8px}.peopleJapaneseName{font-size:12px}.peopleEnglishName{font-size:10.5px}.peopleAffiliation{font-size:9px}.peopleResponsibilities{font-size:11px}}@media (width<=420px){.peoplePanelTitleText h3{font-size:12.5px}.peopleCardTopLine{flex-direction:column;align-items:flex-start;gap:5px}.peopleNameLine{white-space:normal;flex-wrap:wrap;gap:5px}.peopleJapaneseName,.peopleEnglishName{white-space:normal}.peopleCardBadge{max-width:100%}.peopleResponsibilities{font-size:10.5px}}.signupConfirmedLabel{color:#078a18;letter-spacing:.03em;text-shadow:1px 1px #0050142e;align-items:baseline;width:fit-content;margin:0;font-family:Verdana,Arial,sans-serif;font-size:15px;font-weight:900;line-height:1;display:inline-flex}.signupConfirmedLabel span{will-change:transform;line-height:1;animation:1.15s ease-in-out infinite signupFieldLabelJump;display:inline-block;transform:translateY(0)}.signupConfirmedLabel span:first-child{animation-delay:0s}.signupConfirmedLabel span:nth-child(2){animation-delay:80ms}.signupConfirmedLabel span:nth-child(3){animation-delay:.16s}.signupConfirmedLabel span:nth-child(4){animation-delay:.24s}.signupConfirmedLabel span:nth-child(5){animation-delay:.32s}.signupConfirmedLabel span:nth-child(6){animation-delay:.4s}.signupConfirmedLabel span:nth-child(7){animation-delay:.48s}.signupConfirmedLabel span:nth-child(8){animation-delay:.56s}.signupConfirmedLabel span:nth-child(9){animation-delay:.64s}.signupConfirmedLabel span:nth-child(10){animation-delay:.72s}.signupConfirmedLabel span:nth-child(11){animation-delay:.8s}.signupConfirmBox{margin-bottom:12px}.signupInviteNameBox{background:#fff;border:2px solid #999;margin-top:10px;padding:9px 10px;box-shadow:inset 0 1px #fffc}.signupTinyLabel{color:#777;margin-bottom:3px;font-size:9px;font-weight:900;display:block}.signupInviteNameBox strong{color:#222;font-size:15px;font-weight:900;line-height:1.25;display:block}.signupProviderButtons{gap:8px;display:grid}.signupLineButton{color:#fff;background:linear-gradient(#31e531 0%,#00b900 55%,#079407 100%);border:2px solid #0a8f08;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff80,1px 1px #00000029}.signupGoogleButton{color:#444;background:linear-gradient(#fff 0%,#eee 100%);border:2px solid #999;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffffd9,1px 1px #0000001f}.signupProviderButtonContent{white-space:nowrap;justify-content:center;align-items:center;gap:8px;line-height:1;display:inline-flex}.signupGoogleButton .signupProviderButtonContent{gap:0}.signupProviderLogo{object-fit:contain;width:22px;height:22px}.signupGoogleLogo{object-fit:contain;width:78px;height:22px;margin-right:-7px;display:block}.signupGoogleButton .signupProviderButtonContent>span{position:relative;left:0}.signupFooterActions{margin-top:2px}.signupSecondaryButton{color:#444;background:linear-gradient(#fff 0%,#eee 100%);border:2px solid #999;margin-top:8px;box-shadow:inset 0 1px #ffffffd9,1px 1px #0000001a}.signupMessage{color:#b00000;background:#eee;border:1px solid #c9c9c9;border-left:4px solid #b00000;margin:12px 0 0;padding:7px 9px;font-size:10px;font-weight:700;line-height:1.5}.signupProgressFrame{background:#eee;border:1px solid #999;width:100%;height:14px;margin-top:12px;overflow:hidden}.signupProgressBar{background:repeating-linear-gradient(90deg,#056b18 0 6px,#16a033 6px 12px);width:45%;height:100%;animation:1s steps(8,end) infinite signupProgress}@keyframes signupProgress{0%{transform:translate(-100%)}to{transform:translate(230%)}}@media (prefers-reduced-motion:reduce){.signupProgressBar{animation:none;transform:translate(0)}.signupConfirmedLabel span{animation:none;transform:translateY(0)}}.signupTitleBarMain{align-items:center;gap:6px;min-width:0;display:inline-flex}.signupTitleIcon{object-fit:contain;width:20px;height:20px;image-rendering:pixelated;filter:drop-shadow(0 1px #00000073)drop-shadow(0 0 3px #fff6);flex:none;display:block}.signupTitleText{letter-spacing:.01em;white-space:nowrap;text-shadow:1px 1px #0009,0 0 4px #ffffff59;align-items:baseline;min-width:0;margin:0;font-family:Verdana,Arial,sans-serif;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.signupTitleTextChar{color:#fff;animation:2.8s steps(12,end) infinite signupTitleRainbow;animation-delay:calc(var(--signup-title-char-index) * 35ms);display:inline-block}@keyframes signupTitleRainbow{0%{color:#fff}20%{color:#fff56a}40%{color:#7cff7c}60%{color:#8fd3ff}80%{color:#ff9df0}to{color:#fff}}@media (prefers-reduced-motion:reduce){.signupTitleTextChar{animation:none}}.signupPage{color:#111;font-family:Verdana,Arial,sans-serif}.signupPageModal,.signupPageAccount{z-index:9999;box-sizing:border-box;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background-color:#f5f5f5d1;background-image:radial-gradient(circle at 1px 1px,#0000000e 1px,#0000 0),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:6px 6px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;width:100vw;min-height:100dvh;padding:32px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.signupWindow{z-index:10000;text-align:left;box-sizing:border-box;background:#fafafa;border:2px solid #7a7a7a;position:relative}.signupWindowModal{width:min(460px,100vw - 32px);max-height:calc(100dvh - 64px);overflow-y:auto;box-shadow:2px 2px #00000038,0 0 0 1px #ffffffbf,0 12px 32px #0000002e}.signupWindowAccount{width:min(520px,100vw - 32px);max-height:calc(100dvh - 64px);overflow-y:auto;box-shadow:2px 2px #00000024,0 0 0 1px #ffffffa6,0 12px 28px #00000024}.signupTitleBar{background:linear-gradient(#4f8cff 0%,#2f6fe8 18%,#1d55c7 52%,#1742a5 100%);border-bottom:2px solid #0a2f8f;justify-content:space-between;align-items:center;gap:8px;min-height:32px;padding:4px 5px 4px 9px;display:flex;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0000004d}.signupTitleLeft{align-items:center;gap:8px;min-width:0;display:flex}.signupTitleIcon{object-fit:contain;width:24px;height:24px;image-rendering:pixelated;filter:drop-shadow(0 1px #00000073);flex:none}.signupTitleBar h2{letter-spacing:.02em;white-space:nowrap;text-shadow:0 1px #ffffffbf,1px 1px #0000008c,0 0 5px #ffffff8c;background:linear-gradient(90deg,#fff 0% 6%,#ff3a3a 18%,#fc0 30%,#49ff49 42%,#65d8ff 55%,#d67dff 68%,#ff3a3a 80%,#fff 94% 100%) 0%/220% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:15.5px;font-weight:900;line-height:1.15;animation:4.8s steps(24,end) infinite signupRainbowText}.signupCloseButton{color:#fff;cursor:pointer;text-shadow:1px 1px #00000073;white-space:nowrap;background:linear-gradient(#ff8a75 0%,#e43b23 45%,#b5120b 100%);border:1px solid #7a0000;border-radius:2px;flex:none;width:auto;min-width:0;height:20px;min-height:0;padding:2px 5px;font-family:Verdana,Arial,sans-serif;font-size:9px;font-weight:900;line-height:1;box-shadow:inset 0 1px #ffffff8c,1px 1px #00000038}.signupCloseButton:hover,.signupCloseButton:focus{background:linear-gradient(#ff9b86 0%,#f14a32 45%,#c8150d 100%);border-color:#5e0000}.signupBody{padding:16px}.signupBodyCentered{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:180px;display:flex}.signupLogoBlock{margin-bottom:14px}.signupLogo{object-fit:contain;filter:drop-shadow(0 1px #ffffffbf);width:auto;max-width:180px;height:28px;margin-bottom:10px;display:block}.signupLogoBlock p,.signupMainText,.signupSubText,.signupPrompt{color:#555;margin:0;font-size:13px;font-weight:700;line-height:1.45}.signupSubText{color:#666;margin-top:8px;font-size:12px}.signupPrimaryButton,.signupSecondaryButton,.signupLineButton,.signupGoogleButton{cursor:pointer;box-sizing:border-box;border-radius:0;width:100%;min-height:38px;padding:8px 12px;font-family:Verdana,Arial,sans-serif;font-size:11px;font-weight:700}.signupPrimaryButton{color:#fff;background:linear-gradient(#4a4a4a 0%,#2a2a2a 100%);border:2px solid #1a1a1a;box-shadow:inset 0 1px #ffffff38,1px 1px #00000029}.signupPrimaryButton:disabled,.signupLineButton:disabled,.signupGoogleButton:disabled{cursor:not-allowed;opacity:.65}@keyframes signupFieldLabelJump{0%{transform:translateY(0)}18%{transform:translateY(-4px)}34%{transform:translateY(1px)}48%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes signupRainbowText{0%{filter:brightness()saturate(1.2);background-position:0%}50%{filter:brightness(1.22)saturate(1.55);background-position:100%}to{filter:brightness()saturate(1.2);background-position:0%}}@media (prefers-reduced-motion:reduce){.signupFieldLabel span,.signupConfirmedLabel span,.signupTitleBar h2{animation:none}.signupFieldLabel span,.signupConfirmedLabel span{transform:translateY(0)}.signupTitleBar h2{background-position:50%}}@media (width<=760px){.signupPageModal,.signupPageAccount{justify-content:center;align-items:center;padding:24px 16px}.signupWindowModal,.signupWindowAccount{max-height:calc(100dvh - 48px)}}@media (width<=420px){.signupPageModal,.signupPageAccount{justify-content:center;align-items:center;min-height:100dvh;padding:20px 10px}.signupWindowModal,.signupWindowAccount{width:min(360px,100vw - 20px);max-height:calc(100dvh - 40px)}.signupTitleBar{min-height:30px;padding:4px 5px 4px 8px}.signupTitleIcon{width:22px;height:22px}.signupTitleBar h2{font-size:13.5px}.signupCloseButton{height:18px;padding:2px 4px;font-size:8.5px}.signupBody{padding:14px}.signupLogo{max-width:160px;height:24px}.signupLogoBlock p,.signupMainText,.signupPrompt{font-size:12.5px}.signupSubText{font-size:11.5px}.signupFieldLabel,.signupConfirmedLabel{font-size:13.5px}}.signupLogoBlock .signupFieldLabel{margin-bottom:7px}.signupForm{gap:10px;display:grid}.signupField{color:#333;gap:7px;font-weight:900;display:grid}.signupFieldLabel{color:#222;letter-spacing:.03em;text-shadow:0 1px #ffffffe6,1px 1px #0000002e;align-items:baseline;width:fit-content;font-family:Verdana,Arial,sans-serif;font-size:15px;font-weight:900;line-height:1;display:inline-flex}.signupFieldLabel span{will-change:transform;line-height:1;animation:1.15s ease-in-out infinite signupFieldLabelJump;display:inline-block;transform:translateY(0)}.signupFieldLabel span:first-child{animation-delay:0s}.signupFieldLabel span:nth-child(2){animation-delay:80ms}.signupFieldLabel span:nth-child(3){animation-delay:.16s}.signupFieldLabel span:nth-child(4){animation-delay:.24s}.signupFieldLabel span:nth-child(5){animation-delay:.32s}.signupField input{color:#111;box-sizing:border-box;background:#fff;border:2px inset #d0d0d0;border-radius:0;outline:none;width:100%;height:34px;padding:6px 8px;font-family:Verdana,Arial,sans-serif;font-size:12px;font-weight:700}.signupField input:focus{border-color:#777;box-shadow:0 0 0 1px #0000001f}.signupLogoBlock .signupPrompt.signupPromptChecking,.signupPrompt.signupPromptChecking{color:#555;text-shadow:none;font-weight:900}.signupLogoBlock .signupPrompt.signupPromptError,.signupPrompt.signupPromptError{color:#d00000;text-shadow:none;font-weight:900}.signupCheckingProgressFrame{box-sizing:border-box;background:#eee;border:1px solid #999;width:100%;height:14px;overflow:hidden}.signupCheckingProgressBar{background:repeating-linear-gradient(90deg,#056b18 0 6px,#16a033 6px 12px);width:45%;height:100%;animation:1s steps(8,end) infinite signupCheckingProgress}@keyframes signupCheckingProgress{0%{transform:translate(-100%)}to{transform:translate(230%)}}@media (prefers-reduced-motion:reduce){.signupCheckingProgressBar{animation:none;transform:translate(0)}}.signupPageModal .signupWindow{box-sizing:border-box;width:min(430px,100vw - 32px);min-width:min(430px,100vw - 32px);max-width:430px}.signupPageModal .signupBody{box-sizing:border-box;width:100%;padding:18px 18px 16px}.signupPageModal .signupForm,.signupPageModal .signupField,.signupPageModal .signupField input,.signupPageModal .signupPrimaryButton,.signupTitleBar{box-sizing:border-box;width:100%}.signupTitleBarMain{flex:auto;min-width:0}.signupTitleIcon{flex:0 0 22px;width:22px;height:22px}.signupTitleText{flex:auto;min-width:0;overflow:hidden}.signupCloseButton{flex:none}.feedPostList{background:0 0;grid-template-columns:1fr;gap:12px;padding:0;display:grid}.feedPostCard{box-sizing:border-box;text-align:left;background:#fff;border:2px solid #7a7a7a;min-width:0;overflow:hidden;box-shadow:2px 2px #00000038,0 0 0 1px #ffffffbf}.feedPostCardMine{background:#fffef2}.feedPostTitleBar{box-sizing:border-box;background:linear-gradient(#4f8cff 0%,#2f6fe8 18%,#1d55c7 52%,#1742a5 100%);border-bottom:2px solid #0a2f8f;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:48px;padding:7px 9px;display:grid;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0000004d}.feedPostTitleMain{align-items:center;min-width:0;display:flex}.feedPostTitleTextBlock{flex-direction:column;gap:4px;min-width:0;display:flex;overflow:hidden}.feedPostTitlePrimaryLine{align-items:baseline;min-width:0;display:flex;overflow:hidden}.feedPostTitlePrimaryLine strong{color:#fff;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;text-shadow:1px 1px #0000009e,0 0 4px #ffffff59;min-width:0;font-family:Verdana,Arial,sans-serif;font-size:13px;font-weight:900;line-height:1;overflow:hidden}.feedPostTitlePrimaryLine span{color:#ffffffe6;white-space:nowrap;text-shadow:1px 1px #00000085,0 0 3px #ffffff38;flex:none;font-family:Verdana,Arial,sans-serif;font-size:10px;font-weight:900;line-height:1}.feedPostAffiliationLine{color:#ffffffe0;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;text-shadow:1px 1px #0000008f,0 0 4px #ffffff40;min-width:0;margin:0;font-family:Verdana,Arial,sans-serif;font-size:13px;font-weight:900;line-height:1;overflow:hidden}.feedPostMoreButton{box-sizing:border-box;color:#444;cursor:pointer;background:linear-gradient(#fff 0%,#f2f2f2 38%,#dcdcdc 100%);border:2px outset #d0d0d0;border-radius:0;width:28px;min-width:28px;height:26px;min-height:26px;padding:0 0 2px;font-family:Verdana,Arial,sans-serif;font-size:15px;font-weight:900;line-height:1;box-shadow:inset 1px 1px #ffffffeb,inset -1px -1px #00000029,1px 1px #0000001f}.feedPostWindowBody{box-sizing:border-box;background:linear-gradient(#ffffffc7,#f5f5f559),#fff;padding:14px}.feedPostCardMine .feedPostWindowBody{background:linear-gradient(#ffffd285,#fff8c92e),#fffef2}.feedPostBodyLayout{grid-template-columns:62px minmax(0,1fr);align-items:start;gap:12px;min-width:0;display:grid}.feedPostBodyAvatar{box-sizing:border-box;color:#1742a5;text-shadow:0 1px #fffffff2,1px 1px #0000001f;background:linear-gradient(#fff 0%,#f2f2f2 42%,#dcdcdc 100%);border:2px solid #999;justify-content:center;align-items:center;width:58px;height:58px;font-family:Verdana,Arial,sans-serif;font-size:24px;font-weight:900;line-height:1;display:flex;box-shadow:inset 1px 1px #ffffffeb,inset -1px -1px #00000029,2px 2px #0000001f}.feedPostBodyContent{min-width:0}.feedPostText{color:#333;text-align:left;white-space:pre-wrap;word-break:break-word;margin:0;font-family:Verdana,Arial,sans-serif;font-size:14px;font-weight:700;line-height:1.58}.feedPostActions{border-top:1px solid #d8d8d8;justify-content:flex-start;align-items:center;gap:8px;width:100%;margin-top:13px;padding-top:10px;display:flex}.feedPostActionButton{box-sizing:border-box;color:#333;cursor:pointer;white-space:nowrap;text-shadow:0 1px #ffffffeb,1px 1px #0000001a;background:linear-gradient(#fff 0%,#f3f3f3 40%,#dedede 100%);border:2px outset #d0d0d0;border-radius:0;justify-content:center;align-items:center;gap:5px;width:auto;min-width:0;height:32px;min-height:32px;padding:0 8px 0 6px;font-family:Verdana,Arial,sans-serif;font-size:10px;font-weight:900;line-height:1;display:inline-flex;box-shadow:inset 1px 1px #fffffff2,inset -1px -1px #00000029,1px 1px #00000024}.feedPostActionButton img{object-fit:contain;width:18px;height:18px;image-rendering:pixelated;filter:drop-shadow(0 1px #ffffffe6)drop-shadow(1px 1px #00000024);flex:none;display:block}.feedPostActionButton span{line-height:1;display:inline-block}.feedPostActionButton:hover,.feedPostMoreButton:hover{filter:brightness(1.04)}.feedPostActionButton:active,.feedPostMoreButton:active{border-style:inset;transform:translate(1px,1px)}@media (width<=760px){.feedPostList{gap:10px;padding:0}.feedPostTitleBar{min-height:46px;padding:6px 8px}.feedPostTitlePrimaryLine strong{font-size:12px}.feedPostTitlePrimaryLine span{font-size:9.5px}.feedPostAffiliationLine{font-size:12px}.feedPostWindowBody{padding:12px}.feedPostBodyLayout{grid-template-columns:54px minmax(0,1fr);gap:10px}.feedPostBodyAvatar{width:50px;height:50px;font-size:21px}.feedPostText{font-size:13px}.feedPostActions{gap:7px;padding-bottom:1px;overflow-x:auto}.feedPostActionButton{height:31px;min-height:31px;padding:0 7px 0 6px;font-size:9.5px}.feedPostActionButton img{width:17px;height:17px}}@media (width<=420px){.feedPostList{gap:9px;padding:0}.feedPostTitleBar{min-height:44px;padding:6px 7px}.feedPostMoreButton{width:26px;min-width:26px;height:24px;min-height:24px}.feedPostTitleTextBlock{gap:3px}.feedPostTitlePrimaryLine strong{font-size:11.5px}.feedPostTitlePrimaryLine span{font-size:9px}.feedPostAffiliationLine{font-size:11.5px}.feedPostWindowBody{padding:10px}.feedPostBodyLayout{grid-template-columns:48px minmax(0,1fr);gap:9px}.feedPostBodyAvatar{width:44px;height:44px;font-size:18px}.feedPostActions{margin-top:11px;padding-top:9px}.feedPostActionButton{gap:4px;height:30px;min-height:30px;padding:0 6px 0 5px;font-size:9px}.feedPostActionButton img{width:16px;height:16px}}.feedPostingFloatingPanel{z-index:70;box-sizing:border-box;text-align:left;background:#fff;border:2px solid #7a7a7a;width:min(720px,100vw - 36px);position:fixed;bottom:18px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:2px 2px #00000038,0 0 0 1px #ffffffbf,0 12px 32px #0003}.feedPostingFloatingTitleBar{box-sizing:border-box;background:linear-gradient(#4f8cff 0%,#2f6fe8 18%,#1d55c7 52%,#1742a5 100%);border-bottom:2px solid #0a2f8f;align-items:center;gap:8px;width:100%;min-height:34px;padding:5px 9px;display:flex;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0000004d}.feedPostingTitleBarMain{flex:auto;align-items:center;gap:7px;min-width:0;display:flex}.feedPostingTitleIcon{object-fit:contain;width:22px;height:22px;image-rendering:pixelated;filter:drop-shadow(0 1px #00000073)drop-shadow(0 0 3px #fff6);flex:0 0 22px;display:block}.feedPostingTitleText{letter-spacing:.01em;white-space:nowrap;color:#fff;flex:auto;align-items:baseline;min-width:0;font-family:Verdana,Arial,sans-serif;font-size:12px;font-weight:900;line-height:1;display:inline-flex;overflow:hidden}.feedPostingRainbowTextChar{color:#fff;text-shadow:1px 1px #0000006b,0 1px #ffffffd1,0 0 4px #ffffff59;animation:2.8s steps(12,end) infinite feedPostingRainbowText;animation-delay:calc(var(--feed-posting-rainbow-index) * 70ms);display:inline-block}.feedPostingCloseButton{box-sizing:border-box;color:#fff;cursor:pointer;white-space:nowrap;text-shadow:1px 1px #0000009e,0 0 3px #ffffff40;background:linear-gradient(#ffb3b3 0%,#ff6f6f 34%,#d00000 70%,#8b0000 100%);border:2px outset #b70000;border-radius:0;flex:none;width:auto;min-width:76px;height:25px;min-height:25px;padding:3px 8px 4px;font-family:Verdana,Arial,sans-serif;font-size:10px;font-weight:900;line-height:1;box-shadow:inset 1px 1px #ffffff9e,inset -1px -1px #00000047,1px 1px #0000002e}.feedPostingFloatingBody{box-sizing:border-box;background:#fff;padding:14px 14px 12px}.feedPostingProgressFrame{box-sizing:border-box;background:#eee;border:1px solid #999;width:100%;height:14px;margin:0 0 10px;overflow:hidden}.feedPostingProgressBar{background:repeating-linear-gradient(90deg,#056b18 0 6px,#16a033 6px 12px);width:45%;height:100%;animation:1s steps(8,end) infinite feedPostingProgress}.feedPostingFloatingPanel textarea{box-sizing:border-box;resize:vertical;color:#111;background:#fff;border:2px inset #d0d0d0;border-radius:0;outline:none;width:100%;min-height:122px;max-height:280px;margin:0;padding:10px 12px;font-family:Verdana,Arial,sans-serif;font-size:14px;font-weight:700;line-height:1.45;display:block}.feedPostingFloatingPanel textarea:focus{border-color:#777;box-shadow:0 0 0 1px #0000001f}.feedPostingFloatingPanel textarea::placeholder{color:#999}.feedPostingFloatingPanel textarea:disabled{color:#777;background:#eee}.feedPostingComposerMetaRow{box-sizing:border-box;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;margin:10px 0 0;display:flex}.feedPostingAttachButton{box-sizing:border-box;color:#333;cursor:pointer;white-space:nowrap;text-shadow:0 1px #ffffffeb,1px 1px #0000001a;background:linear-gradient(#fff 0%,#f3f3f3 40%,#dedede 100%);border:2px outset #d0d0d0;border-radius:0;justify-content:center;align-items:center;gap:8px;width:auto;min-width:168px;height:40px;min-height:40px;margin:0;padding:7px 14px;font-family:Verdana,Arial,sans-serif;font-size:12px;font-weight:900;line-height:1;display:inline-flex;box-shadow:inset 1px 1px #fffffff2,inset -1px -1px #00000029,1px 1px #00000024}.feedPostingAttachButton img{object-fit:contain;width:24px;height:24px;image-rendering:pixelated;filter:drop-shadow(0 1px #ffffffe6)drop-shadow(1px 1px #00000024);flex:none;display:block}.feedPostingAttachButton span{line-height:1;display:inline-block}.feedPostingAttachButton:hover:not(:disabled){filter:brightness(1.04)}.feedPostingAttachButton:active:not(:disabled){border-style:inset;transform:translate(1px,1px)}.feedPostingAttachButton:disabled{opacity:.52;cursor:not-allowed}.feedPostingFloatingFooter{grid-template-columns:1fr;align-items:stretch;padding:10px 0 0;display:grid}.feedPostingCharCount{color:#666;text-align:right;white-space:nowrap;flex:none;margin-left:auto;font-family:Verdana,Arial,sans-serif;font-size:10px;font-weight:900;line-height:1}.feedPostingCharCountWarn{color:#c00}.feedPostingSubmitButton{box-sizing:border-box;color:#222;cursor:pointer;letter-spacing:.03em;text-shadow:0 1px #ffffffe6,1px 1px #0000001f;background:linear-gradient(#fff 0%,#f2f2f2 34%,#dedede 100%);border:2px outset #d0d0d0;border-radius:0;width:100%;min-width:0;height:34px;min-height:34px;padding:6px 14px;font-family:Verdana,Arial,sans-serif;font-size:12px;font-weight:900;line-height:1;box-shadow:inset 1px 1px #fffffff2,inset -1px -1px #0000002e,1px 1px #0000002e}.feedPostingSubmitButton:hover:not(:disabled){filter:brightness(1.04)}.feedPostingCloseButton:hover:not(:disabled){filter:brightness(1.08)}.feedPostingSubmitButton:active:not(:disabled),.feedPostingCloseButton:active:not(:disabled){border-style:inset;transform:translate(1px,1px)}.feedPostingSubmitButton:disabled,.feedPostingCloseButton:disabled{opacity:.52;cursor:not-allowed}@keyframes feedPostingRainbowText{0%{color:#fff}20%{color:#fff56a}40%{color:#7cff7c}60%{color:#8fd3ff}80%{color:#ff9df0}to{color:#fff}}@keyframes feedPostingProgress{0%{transform:translate(-100%)}to{transform:translate(230%)}}@media (prefers-reduced-motion:reduce){.feedPostingRainbowTextChar,.feedPostingProgressBar{animation:none}.feedPostingRainbowTextChar{color:#fff}.feedPostingProgressBar{transform:translate(0)}}@media (width<=760px){.feedPostingFloatingPanel{width:calc(100vw - 24px);bottom:12px}.feedPostingFloatingTitleBar{gap:6px;min-height:32px;padding:5px 8px}.feedPostingTitleIcon{flex-basis:20px;width:20px;height:20px}.feedPostingTitleText{font-size:11px}.feedPostingCloseButton{min-width:70px;height:24px;font-size:9.5px}.feedPostingFloatingBody{padding:12px 12px 10px}.feedPostingFloatingPanel textarea{min-height:112px;font-size:13.5px}.feedPostingComposerMetaRow{gap:8px;margin-top:9px}.feedPostingAttachButton{min-width:150px;height:38px;min-height:38px;padding:7px 12px;font-size:11px}.feedPostingAttachButton img{width:22px;height:22px}}@media (width<=420px){.feedPostingFloatingPanel textarea{min-height:104px}.feedPostingComposerMetaRow{grid-template-columns:1fr;align-items:stretch;gap:7px;margin-top:8px;display:grid}.feedPostingAttachButton{gap:7px;width:100%;min-width:0;height:38px;min-height:38px;padding:7px 10px;font-size:10.5px}.feedPostingAttachButton img{width:21px;height:21px}.feedPostingCharCount{text-align:right;margin-left:0}}.feedPostingFloatingButton{right:calc(max(0px, ((100vw - var(--feed-layout-max-width)) / 2)) + var(--feed-layout-side-padding) + var(--feed-right-column-width) + var(--feed-layout-gap));z-index:60;box-sizing:border-box;color:#222;cursor:pointer;background:linear-gradient(#fff 0%,#f4f4f4 28%,#e1e1e1 62%,#c9c9c9 100%);border:3px outset #d0d0d0;border-radius:0;justify-content:center;align-items:center;width:78px;min-width:78px;height:78px;min-height:78px;padding:0;transition:right .18s,transform .12s,filter .12s,box-shadow .12s;animation:2.4s ease-in-out infinite feedPostingFloatingButtonGlow;display:flex;position:fixed;bottom:22px;box-shadow:inset 1px 1px #fffffff2,inset -1px -1px #0000002e,2px 2px #0000002e,0 0 #4f8cff00,0 10px 24px #0000002e}.feedPostingFloatingButton img{object-fit:contain;width:46px;height:46px;image-rendering:pixelated;filter:drop-shadow(0 1px #ffffffe6)drop-shadow(1px 1px #0000002e);display:block}.feedPostingFloatingButton:hover:not(:disabled){filter:brightness(1.035);animation-duration:1.35s}.feedPostingFloatingButton:active:not(:disabled){background:linear-gradient(#cfcfcf 0%,#ddd 38%,#eee 100%);border-style:inset;transform:translate(1px,1px);box-shadow:inset 2px 2px #00000029,inset -1px -1px #ffffffe6,1px 1px #0000001f,0 0 10px #4f8cff73}.feedPostingFloatingButton:disabled{opacity:.52;cursor:not-allowed;animation:none}html[data-feed-rightbar-open=true] .feedPostingFloatingButton,html[data-feed-leftbar-open=true] .feedPostingFloatingButton{display:none}@keyframes feedPostingFloatingButtonGlow{0%{box-shadow:inset 1px 1px #fffffff2,inset -1px -1px #0000002e,2px 2px #0000002e,0 0 #4f8cff00,0 10px 24px #0000002e}45%{box-shadow:inset 1px 1px #fffffffa,inset -1px -1px #00000029,2px 2px #0000002e,0 0 10px #4f8cff61,0 0 22px #4f8cff3d,0 10px 24px #0000002e}to{box-shadow:inset 1px 1px #fffffff2,inset -1px -1px #0000002e,2px 2px #0000002e,0 0 #4f8cff00,0 10px 24px #0000002e}}@media (prefers-reduced-motion:reduce){.feedPostingFloatingButton{animation:none;box-shadow:inset 1px 1px #fffffff2,inset -1px -1px #0000002e,2px 2px #0000002e,0 10px 24px #0000002e}}@media (width<=760px){.feedPostingFloatingButton{width:72px;min-width:72px;height:72px;min-height:72px;bottom:18px;right:18px}.feedPostingFloatingButton img{width:43px;height:43px}}@media (width<=420px){.feedPostingFloatingButton{width:68px;min-width:68px;height:68px;min-height:68px;bottom:14px;right:14px}.feedPostingFloatingButton img{width:40px;height:40px}}.feedPostingFloatingPanelDone{width:fit-content;min-width:260px;max-width:calc(100vw - 36px)}.feedPostingFloatingBodyDone{padding:13px 18px 14px}.feedPostingDoneMessage{color:#056b18;text-align:center;white-space:nowrap;text-shadow:0 1px #ffffffe6,1px 1px #0000002e,0 0 5px #16a03347;justify-content:center;align-items:center;gap:1px;min-height:58px;margin:0;font-family:Verdana,Arial,sans-serif;font-size:24px;font-weight:900;line-height:1;display:flex}.feedPostingDoneMessage span{animation:.95s ease-in-out infinite feedPostingDoneJump;animation-delay:calc(var(--feed-posting-done-index) * 70ms);will-change:transform;display:inline-block}@keyframes feedPostingDoneJump{0%{transform:translateY(0)}35%{transform:translateY(-3px)}70%{transform:translateY(0)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.feedPostingDoneMessage span{animation:none;transform:translateY(0)}}@media (width<=760px){.feedPostingFloatingPanelDone{width:fit-content;min-width:248px;max-width:calc(100vw - 28px)}.feedPostingFloatingBodyDone{padding:12px 16px 13px}.feedPostingDoneMessage{min-height:54px;font-size:22px}}@media (width<=420px){.feedPostingFloatingPanelDone{min-width:236px;max-width:calc(100vw - 24px)}.feedPostingFloatingBodyDone{padding:11px 14px 12px}.feedPostingDoneMessage{min-height:50px;font-size:20px}}.feedPostToViewPanel{box-sizing:border-box;text-align:left;background:#fff;border:2px solid #999;overflow:hidden;box-shadow:2px 2px #0000001f}.feedPostToViewHeader{background:linear-gradient(#8d8d8d 0%,#828282 42%,#777 100%);border-bottom:2px solid #666;align-items:center;gap:8px;padding:8px 12px;display:flex;box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0003}.feedPostToViewHeader img{object-fit:contain;width:28px;height:28px;image-rendering:pixelated;filter:drop-shadow(0 1px #000000a6)drop-shadow(0 0 4px #fff6);flex:none;display:block}.feedPostToViewHeader h1{color:#fff;letter-spacing:.01em;white-space:nowrap;text-align:left;text-shadow:1px 1px #000000b8,0 0 5px #ffffff47;min-width:0;margin:0;font-family:Verdana,Arial,sans-serif;font-size:18px;font-weight:900;line-height:1.05}.feedPostToViewHeader p{color:#ffffffe0;text-shadow:1px 1px #00000073;margin:4px 0 0;font-size:10px;font-weight:700;line-height:1.35}.feedPostToViewBody{background:linear-gradient(#ffffff9e,#eeeeee29),#fafafa;padding:10px 12px 11px}.feedPostToViewBody p{color:#555;text-align:left;margin:0;font-size:13.5px;font-weight:700;line-height:1.45}@media (width<=760px){.feedPostToViewHeader{gap:8px;padding:8px 10px}.feedPostToViewHeader img{width:25px;height:25px}.feedPostToViewHeader h1{font-size:15.5px}}@media (width<=420px){.feedPostToViewHeader{align-items:flex-start}.feedPostToViewHeader img{width:23px;height:23px}.feedPostToViewHeader h1{white-space:normal;font-size:13.5px;line-height:1.12}.feedPostToViewHeader p{font-size:9.5px}.feedPostToViewBody p{font-size:12.5px}}@media (prefers-reduced-motion:reduce){.sayoPage:before,.sayoPage:after,.sayoHero:after,.sayoHeroTitle,.sayoBackdropBlobCyan,.sayoBackdropBlobPink,.sayoBackdropBurstOne,.sayoBackdropBurstTwo,.sayoBackdropDotsOne,.sayoBackdropDotsTwo,.sayoBackdropArrowClusterOne,.sayoBackdropArrowClusterTwo,.sayoField:focus-within:after,.sayoPreviewBox:after,.sayoCodePanel{animation:none}.sayoPrimaryButton:hover:not(:disabled),.sayoPrimaryButton:active:not(:disabled),.sayoSecondaryButton:active:not(:disabled){transform:none}}@keyframes sayoHeroTitlePop{0%{filter:brightness();transform:translateY(0)scale(1)rotate(0)}3%{filter:brightness(1.12);transform:translateY(-4px)scale(1.025)rotate(-.5deg)}7%{filter:brightness(1.04);transform:translateY(1px)scale(.995)rotate(.4deg)}11%{filter:brightness();transform:translateY(0)scale(1)rotate(0)}to{filter:brightness();transform:translateY(0)scale(1)rotate(0)}}@keyframes sayoPanelHeaderShine{0%{opacity:0;transform:translate(-220%)skew(-18deg)}12%{opacity:0;transform:translate(-220%)skew(-18deg)}28%{opacity:.9}44%{opacity:0;transform:translate(360%)skew(-18deg)}to{opacity:0;transform:translate(360%)skew(-18deg)}}@keyframes sayoInputSignalPulse{0%{opacity:.72;transform:scale(.85)}50%{opacity:1;transform:scale(1.25)}to{opacity:.72;transform:scale(.85)}}@keyframes sayoPreviewSweep{0%{opacity:0;transform:translate(-120%)rotate(18deg)}30%{opacity:.72}55%{opacity:0;transform:translate(260%)rotate(18deg)}to{opacity:0;transform:translate(260%)rotate(18deg)}}@keyframes sayoCodeNeonPulse{0%{box-shadow:0 10px #111,0 20px 30px #00000052,inset 0 2px #ffffff1a,inset 0 -4px 12px #00ff6629,0 0 8px #00ff6624}50%{box-shadow:0 10px #111,0 20px 30px #00000057,inset 0 2px #ffffff24,inset 0 -4px 16px #00ff6642,0 0 22px #00ff665c}to{box-shadow:0 10px #111,0 20px 30px #00000052,inset 0 2px #ffffff1a,inset 0 -4px 12px #00ff6629,0 0 8px #00ff6624}}@keyframes sayoPageHalftoneDrift{0%{background-position:0 0,7px 9px}to{background-position:72px 54px,-59px 75px}}@keyframes sayoPageStripeFlow{0%{transform:translate(0)rotate(-3deg)}50%{transform:translate(-28px)rotate(-2deg)}to{transform:translate(0)rotate(-3deg)}}@keyframes sayoHeroBurstSpin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.05)}to{transform:rotate(360deg)scale(1)}}@keyframes sayoBlobFloatCyan{0%{transform:translate(0)rotate(18deg)scale(1)}35%{transform:translate(-10px,8px)rotate(24deg)scale(1.04)}70%{transform:translate(8px,-6px)rotate(14deg)scale(.98)}to{transform:translate(0)rotate(18deg)scale(1)}}@keyframes sayoBlobFloatPink{0%{transform:translate(0)rotate(-18deg)scale(1)}40%{transform:translate(12px,-8px)rotate(-25deg)scale(1.05)}75%{transform:translate(-8px,6px)rotate(-12deg)scale(.98)}to{transform:translate(0)rotate(-18deg)scale(1)}}@keyframes sayoBurstSpin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.04)}to{transform:rotate(360deg)scale(1)}}@keyframes sayoBurstSpinReverse{0%{transform:rotate(0)scale(1)}50%{transform:rotate(-180deg)scale(.96)}to{transform:rotate(-360deg)scale(1)}}@keyframes sayoDotsDriftOne{0%{background-position:0 0;transform:rotate(-10deg)translate(0)}to{background-position:40px 30px;transform:rotate(-10deg)translate(6px,-4px)}}@keyframes sayoDotsDriftTwo{0%{background-position:0 0;transform:rotate(12deg)translate(0)}to{background-position:-36px 32px;transform:rotate(12deg)translate(-6px,4px)}}@keyframes sayoArrowPushOne{0%{opacity:.72;transform:rotate(18deg)translate(0)}45%{opacity:.95;transform:rotate(18deg)translate(12px)}to{opacity:.72;transform:rotate(18deg)translate(0)}}@keyframes sayoArrowPushTwo{0%{opacity:.68;transform:rotate(-22deg)translate(0)}50%{opacity:.92;transform:rotate(-22deg)translate(-12px)}to{opacity:.68;transform:rotate(-22deg)translate(0)}}@media (width<=1280px){.sayoAppLayout{--sayo-layout-side-padding:16px;--sayo-layout-gap:14px;--sayo-left-column-width:140px;--sayo-right-column-width:240px;grid-template-columns:minmax(96px, var(--sayo-left-column-width)) minmax(0, 1fr) minmax(190px, var(--sayo-right-column-width));gap:var(--sayo-layout-gap);padding-left:16px;padding-right:16px}}@media (width<=1040px){.sayoAppLayout{--sayo-layout-side-padding:16px;--sayo-layout-gap:12px;--sayo-left-column-width:112px;--sayo-right-column-width:200px;grid-template-columns:minmax(72px, var(--sayo-left-column-width)) minmax(0, 1fr) minmax(160px, var(--sayo-right-column-width));gap:var(--sayo-layout-gap);max-width:none}}@media (width<=760px){.sayoAppLayout{grid-template-columns:1fr;max-width:100%;padding:10px 16px 64px}.sayoHero{min-height:0;padding:16px}}@media (width<=420px){.sayoAppLayout{padding:8px 10px 56px}.sayoHeroTitle{font-size:42px}.sayoHeroDescription{font-size:12px}}@media (prefers-reduced-motion:reduce){.sayoBackdropBurst,.sayoBackdropBlob,.sayoBackdropArrowCluster,.sayoBackdropDots,.feedPostingFloatingButton,.feedPostingRainbowTextChar,.feedPostingProgressBar,.feedPostingDoneMessage span{animation:none!important}.appLeftBar,.appRightBar,.appLeftBarHandle,.appRightBarHandle,.feedPostingFloatingButton,.feedPostingFloatingPanel,.feedPostingSubmitButton,.feedPostingAttachButton,.feedScopeButton,.profileScopeButton,.createInviteScopeButton{transition:none!important}}@media (update:slow){.sayoBackdropBurst,.sayoBackdropBlob,.sayoBackdropArrowCluster,.sayoBackdropDots,.feedPostingFloatingButton,.feedPostingRainbowTextChar,.feedPostingProgressBar,.feedPostingDoneMessage span{animation:none!important}}.feedPage{text-align:left}.feedCenterColumn{min-width:0}.feedScopeHeader{box-sizing:border-box;border-radius:var(--sayo-radius-lg);text-align:left;background:linear-gradient(#ffffffb8,#eee3),#fafafa;border:2px solid #999;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;display:grid;box-shadow:2px 2px #0000001f}.feedScopeButton{box-sizing:border-box;border-radius:var(--sayo-radius-pill);color:#333;cursor:pointer;min-width:0;height:42px;min-height:42px;font-family:var(--sayo-font-main);white-space:nowrap;text-shadow:0 1px #ffffffeb,1px 1px #0000001a;background:linear-gradient(#fff 0%,#f3f3f3 40%,#dedede 100%);border:2px outset #d0d0d0;justify-content:center;align-items:center;gap:7px;padding:6px 8px;font-size:12px;font-weight:900;line-height:1;display:flex;box-shadow:inset 1px 1px #fffffff2,inset -1px -1px #00000029,1px 1px #00000024}.feedScopeButton img{object-fit:contain;width:24px;height:24px;image-rendering:pixelated;filter:drop-shadow(0 1px #ffffffe6)drop-shadow(1px 1px #00000029);flex:none;display:block}.feedScopeButton span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.feedScopeButton:hover{filter:brightness(1.04)}.feedScopeButton:active{border-style:inset;transform:translate(1px,1px)}.feedScopeButtonActive{background:linear-gradient(#d8d8d8 0%,#eee 42%,#fff 100%);border-style:inset;box-shadow:inset 2px 2px #00000024,inset -1px -1px #ffffffeb,1px 1px #00000014}.feedScopeHeader>.feedScopeButton{appearance:none!important;background-clip:padding-box!important;border-radius:999px!important;overflow:hidden!important}.feedMessage{margin:0}.feedPanel{text-align:left}.feedPanel h1,.feedPanel h2{color:#222;margin:0 0 8px;font-size:15.5px;font-weight:900;line-height:1.18}.feedPanel p{color:#666;margin:0 0 10px;font-size:13.5px;font-weight:700;line-height:1.45}.feedTimelinePanel{box-sizing:border-box;box-shadow:none;text-align:left;background:0 0;border:0;overflow:visible}.feedEmptyTimeline{min-width:0}.feedEmptyTimeline h2{color:#222;margin:0 0 6px;font-size:15.5px;font-weight:900;line-height:1.18}.feedEmptyTimeline p{color:#666;margin:0;font-size:13.5px;font-weight:700;line-height:1.45}.feedPostList{gap:10px;display:grid}@media (width<=760px){.feedScopeHeader{gap:7px;padding:7px}.feedScopeButton{gap:5px;height:40px;min-height:40px;padding:5px 6px;font-size:11px}.feedScopeButton img{width:22px;height:22px}}@media (width<=420px){.feedScopeHeader{gap:5px;padding:6px}.feedScopeButton{flex-direction:column;gap:3px;height:38px;min-height:38px;padding:4px 3px;font-size:9px}.feedScopeButton img{width:20px;height:20px}}:root{--sayo-cyan:#00c8ff;--sayo-magenta:#ff2fb3;--sayo-lime:#9cff00;--sayo-orange:#ff8a00;--sayo-yellow:#ffe600;--sayo-blue:#1742ff;--sayo-black:#050505;--sayo-white:#fff;--sayo-pink-hot:#ff4f8b;--sayo-blue-deep:#1022aa;--sayo-green-glow:#0f6;--sayo-paper:#f7fbff;--sayo-panel-white:#fffffff5;--sayo-radius-sm:8px;--sayo-radius-md:14px;--sayo-radius-lg:22px;--sayo-radius-xl:32px;--sayo-radius-pill:999px;--sayo-font-main:Verdana, Arial, sans-serif;--sayo-font-mono:"MS Gothic", "Courier New", monospace;--sayo-layout-max-width:1680px;--sayo-layout-side-padding:clamp(12px, 2vw, 28px);--sayo-layout-gap:18px;--sayo-left-column-width:180px;--sayo-right-column-width:280px;--sayo-shadow-soft:0 7px 18px #0000001f, inset 0 1px 0 #ffffffe6;--sayo-shadow-float:0 0 0 3px #00c8ff1f, 0 16px 30px #0000002e, 0 5px 0 #00000029, inset 0 2px 0 #ffffffeb;--sayo-shadow-deep:0 0 0 4px #ff2fb324, 0 18px 34px #00000038, 0 5px 0 #0000002e, inset 0 2px 0 #fffffff5;--sayo-shadow-button:0 7px 0 #8a1d00, 0 14px 24px #ff2fb347, inset 0 2px 0 #ffffff8c, inset 0 -3px 0 #0000002e;--sayo-shadow-code:0 10px 0 #111, 0 20px 30px #00000052, inset 0 2px 0 #ffffff1a, inset 0 -4px 12px #00ff6629, 0 0 8px #00ff6624;--sayo-transition-fast:.15s ease;--sayo-transition-base:.18s ease}.sayoPage{--feed-layout-max-width:var(--sayo-layout-max-width);--feed-layout-side-padding:var(--sayo-layout-side-padding);--feed-layout-gap:var(--sayo-layout-gap);--feed-left-column-width:var(--sayo-left-column-width);--feed-right-column-width:var(--sayo-right-column-width);box-sizing:border-box;color:#111;width:100%;min-height:100dvh;font-family:var(--sayo-font-main);text-align:left;background:radial-gradient(circle at 14% 18%, #00c8ff6b 0 7%, transparent 8%), radial-gradient(circle at 86% 12%, #ff2fb366 0 8%, transparent 9%), radial-gradient(circle at 18% 88%, #9cff0061 0 9%, transparent 10%), radial-gradient(circle at 92% 78%, #ff8a005c 0 10%, transparent 11%), linear-gradient(135deg, #00c8ff42, transparent 34%), linear-gradient(225deg, #ff2fb338, transparent 42%), linear-gradient(315deg, #9cff0033, transparent 44%), var(--sayo-paper);margin:0;padding:0;position:relative;overflow-x:hidden}.sayoPage:before{content:"";z-index:0;pointer-events:none;opacity:.32;mix-blend-mode:multiply;background:radial-gradient(#0000002e 1.4px,#0000 1.4px) 0 0/18px 18px,radial-gradient(#ffffff8c 1.2px,#0000 1.2px) 7px 9px/22px 22px;position:fixed;inset:0}.sayoPage:after{content:"";z-index:0;pointer-events:none;opacity:.45;background:repeating-linear-gradient(115deg,#0000 0 18px,#00c8ff29 18px 24px,#0000 24px 48px,#ff2fb321 48px 54px);position:fixed;inset:-20%;transform:rotate(-3deg)}.sayoPageBackdrop{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.sayoAppLayout{--feed-layout-max-width:var(--sayo-layout-max-width);--feed-layout-side-padding:var(--sayo-layout-side-padding);--feed-layout-gap:var(--sayo-layout-gap);--feed-left-column-width:var(--sayo-left-column-width);--feed-right-column-width:var(--sayo-right-column-width);z-index:1;width:100%;max-width:var(--sayo-layout-max-width);grid-template-columns:minmax(120px, var(--sayo-left-column-width)) minmax(0, 1fr) minmax(220px, var(--sayo-right-column-width));gap:var(--sayo-layout-gap);box-sizing:border-box;min-height:100dvh;padding:10px var(--sayo-layout-side-padding) 72px;align-items:start;margin:0 auto;display:grid;position:relative}.sayoAppLayout>*{min-width:0}.sayoCenterColumn{flex-direction:column;gap:10px;min-width:0;display:flex}.sayoHero{z-index:1;box-sizing:border-box;border-radius:var(--sayo-radius-xl);color:#fff;background:linear-gradient(90deg,#000000eb 0%,#000c 44%,#0003 100%),radial-gradient(circle at 92% 12%,#ff2fb37a,#0000 24%),radial-gradient(circle at 76% 90%,#00c8ff6b,#0000 28%);border:2px solid #111;align-items:center;min-height:156px;padding:20px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 4px #ff2fb324,0 18px 32px #0000003d,0 5px #0003,inset 0 2px #ffffff2e}.sayoHero:after{content:"";opacity:.72;pointer-events:none;background:repeating-conic-gradient(#ffe600c7 0deg 9deg,#0000 9deg 18deg);border-radius:50%;width:190px;height:190px;animation:16s linear infinite sayoHeroBurstSpin;position:absolute;top:-72px;right:-72px}.sayoHeroText{z-index:1;width:100%;min-width:0;position:relative}.sayoHeroKicker{border-radius:var(--sayo-radius-pill);color:#fff;text-transform:uppercase;white-space:nowrap;background:#ff2fb3db;border:2px solid #fff;align-items:center;gap:7px;width:fit-content;max-width:100%;margin-bottom:8px;padding:5px 10px;font-size:10px;font-weight:900;line-height:1;display:inline-flex;box-shadow:2px 2px #00000061}.sayoHeroKicker img{object-fit:contain;width:20px;height:20px;image-rendering:pixelated;filter:drop-shadow(0 1px #ffffff80)drop-shadow(1px 1px #00000047);flex:none;display:block}.sayoHeroKicker span{text-overflow:ellipsis;min-width:0;overflow:hidden}.sayoHeroTitle{color:#fff;letter-spacing:-.02em;white-space:nowrap;writing-mode:horizontal-tb;text-orientation:mixed;transform-origin:50% 80%;width:fit-content;max-width:100%;text-shadow:3px 3px 0 #000, 5px 5px 0 var(--sayo-cyan), -3px -3px 0 var(--sayo-magenta);margin:0 0 8px;font-size:clamp(42px,8vw,84px);font-weight:900;line-height:.9;animation:6.6s ease-in-out infinite sayoHeroTitlePop;display:block}.sayoHeroDescription{color:#fff;writing-mode:horizontal-tb;text-orientation:mixed;text-shadow:2px 2px #000000b8;max-width:640px;margin:0;font-size:13px;font-weight:900;line-height:1.5;display:block}.sayoPanel{border-radius:var(--sayo-radius-lg);min-width:0;box-shadow:var(--sayo-shadow-float);background:linear-gradient(145deg,#fffffffa 0%,#ffffffdb 42%,#e8f8ffc7 100%),#fff;border:2px solid #111;overflow:hidden}.sayoPanelBody{padding:12px;position:relative;overflow:hidden}.sayoPanelMessage{color:#640;text-align:left;background:radial-gradient(circle at 100% 0,#ff2fb333,#0000 34%),linear-gradient(135deg,#fffffff5,#fff6d2eb),#fffbe6;border-bottom:2px solid #111111e0;margin:0;padding:8px 12px 8px 28px;font-size:11px;font-weight:900;line-height:1.45;position:relative;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #00000014}.sayoPanelMessage:before{content:"!";background:var(--sayo-yellow);color:#111;border:2px solid #111;border-radius:50%;justify-content:center;align-items:center;width:13px;height:13px;font-size:9px;font-weight:900;line-height:1;display:flex;position:absolute;top:50%;left:9px;transform:translateY(-50%);box-shadow:1px 1px #0000002e,0 0 8px #ffe60073}.sayoPanelEmptyText{color:#666;margin:0;font-size:12px;font-weight:700;line-height:1.5}.sayoCodePanel{z-index:1;background:var(--sayo-black);color:var(--sayo-green-glow);text-align:center;box-shadow:var(--sayo-shadow-code);border:2px inset #111;border-radius:12px;gap:5px;padding:12px 10px;display:grid;position:relative}.sayoCodePanel span{font-family:var(--sayo-font-mono);text-transform:uppercase;font-size:9px;font-weight:900;line-height:1}.sayoCodePanel strong{font-family:var(--sayo-font-mono);letter-spacing:.08em;text-shadow:0 0 2px #00ff66f2,0 0 6px #00ff666b;font-size:24px;font-weight:900;line-height:1}.sayoPanelHeader{isolation:isolate;background:linear-gradient(180deg, #ffffff4d, transparent 42%), linear-gradient(90deg, var(--sayo-magenta) 0%, var(--sayo-pink-hot) 30%, var(--sayo-orange) 64%, var(--sayo-yellow) 100%);border-bottom:2px solid #111;align-items:center;gap:7px;padding:8px 10px;display:flex;position:relative;overflow:hidden}.sayoPanelHeader:after{content:"";z-index:2;opacity:0;pointer-events:none;mix-blend-mode:screen;filter:blur(.2px)drop-shadow(0 0 8px #ffffff85);background:linear-gradient(90deg,#0000 0%,#ffffff29 28%,#ffffffeb 50%,#ffffff29 72%,#0000 100%);width:34%;height:220%;position:absolute;top:-55%;left:0;transform:translate(-220%)skew(-18deg)}.sayoPanelHeader img{z-index:3;object-fit:contain;width:24px;height:24px;image-rendering:pixelated;filter:drop-shadow(1px 1px #00000073)drop-shadow(0 0 7px #ffffff6b);position:relative}.sayoPanelHeader h2{z-index:3;color:#fff;text-shadow:1px 1px #000000b8,0 0 8px #ffffff47;margin:0;font-size:14px;font-weight:900;line-height:1.1;position:relative}.sayoForm{gap:11px;padding:13px;display:grid}.sayoField{gap:5px;display:grid;position:relative}.sayoField span{color:#00a;letter-spacing:.02em;width:fit-content;transition:color var(--sayo-transition-base), transform var(--sayo-transition-base), text-shadow var(--sayo-transition-base);align-items:center;font-size:10px;font-weight:900;line-height:1.25;display:inline-flex}.sayoField:focus-within span{color:var(--sayo-magenta);text-shadow:1px 1px #ffffffeb,0 0 7px #ff2fb357;transform:translate(4px)rotate(-1deg)}.sayoField:after{content:"";background:var(--sayo-lime);opacity:0;width:8px;height:8px;transition:opacity var(--sayo-transition-base), transform var(--sayo-transition-base), box-shadow var(--sayo-transition-base);pointer-events:none;border-radius:50%;position:absolute;bottom:12px;right:12px;transform:scale(.5);box-shadow:0 0 #9cff0000,0 0 #9cff0000}.sayoField:focus-within:after{opacity:1;transform:scale(1);box-shadow:0 0 6px #9cff00cc,0 0 14px #9cff006b}.sayoInput{box-sizing:border-box;border-radius:var(--sayo-radius-pill);color:#111;width:100%;font-family:var(--sayo-font-main);transition:transform var(--sayo-transition-base), box-shadow var(--sayo-transition-base), border-color var(--sayo-transition-base), background var(--sayo-transition-base), filter var(--sayo-transition-base);background:linear-gradient(#fffffff0,#ebfaffd1),#fff;border:2px solid #111111e6;outline:none;padding:9px 28px 9px 13px;font-size:12px;font-weight:900;line-height:1.45;box-shadow:0 5px #00000029,0 10px 18px #00c8ff1f,inset 0 2px #fffffff2,inset 0 -2px #00000014}.sayoInput::placeholder{color:#00000057;letter-spacing:.02em;font-weight:900}.sayoInput:not(:placeholder-shown){background:linear-gradient(#fffffffa,#f7ffebe6),#fff;border-color:#000000eb;box-shadow:0 5px #00000029,0 10px 18px #9cff0024,inset 0 2px #fffffff2,inset 0 -2px #00000014}.sayoInput:focus{border-color:var(--sayo-magenta);filter:saturate(1.08);background:linear-gradient(#fffffffa,#f2ffffeb),#fff;transform:translateY(-2px);box-shadow:0 7px #0000002e,0 0 0 4px #ff2fb32e,0 14px 26px #00c8ff38,inset 0 2px #fff,inset 0 -2px #00000014}.sayoInput:disabled{cursor:default;opacity:.62}.sayoPreviewBox{border-radius:var(--sayo-radius-lg);background:radial-gradient(circle at 100% 0,#00c8ff47,#0000 34%),linear-gradient(135deg,#ffe6005c,#9cff003d),#f7f7f7;border:2px solid #111;gap:5px;padding:10px 12px;display:grid;position:relative;overflow:hidden;box-shadow:0 6px #00000029,0 14px 22px #9cff002e,inset 0 2px #ffffffdb}.sayoPreviewBox:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff6b,#0000);width:60%;height:180%;position:absolute;top:-40%;left:-30%;transform:rotate(18deg)}.sayoPreviewBox span,.sayoPreviewBox strong{z-index:1;position:relative}.sayoPreviewBox span{color:#777;font-size:9px;font-weight:900;line-height:1}.sayoPreviewBox strong{color:#222;text-shadow:1px 1px #ffffffdb;font-size:13px;font-weight:900;line-height:1.25}.sayoPrimaryButton,.sayoSecondaryButton{border-radius:var(--sayo-radius-pill);cursor:pointer;font-family:var(--sayo-font-main);font-weight:900}.sayoPrimaryButton{background:linear-gradient(180deg, #ffffff6b, transparent 34%), linear-gradient(90deg, var(--sayo-magenta), var(--sayo-orange));color:#fff;text-shadow:1px 1px #000,0 0 8px #ffffff59;box-shadow:var(--sayo-shadow-button);transition:transform var(--sayo-transition-fast), filter var(--sayo-transition-fast), box-shadow var(--sayo-transition-fast);border:2px solid #111;padding:10px 14px;font-size:11px;position:relative}.sayoPrimaryButton:hover:not(:disabled){filter:brightness(1.08)saturate(1.18);transform:translateY(-2px);box-shadow:0 9px #8a1d00,0 18px 28px #ff2fb357,inset 0 2px #ffffff9e,inset 0 -3px #0000002e}.sayoPrimaryButton:active:not(:disabled){transform:translateY(5px);box-shadow:0 2px #8a1d00,0 7px 14px #ff2fb32e,inset 0 2px #ffffff61,inset 0 -2px #00000038}.sayoSecondaryButton{color:#444;transition:transform var(--sayo-transition-fast), filter var(--sayo-transition-fast);background:linear-gradient(#fff 0%,#eee 100%);border:2px solid #999;padding:7px 11px;font-size:10px;box-shadow:inset 0 1px #ffffffd9,1px 1px #0000001f}.sayoSecondaryButton:hover:not(:disabled){filter:brightness(1.05)}.sayoSecondaryButton:active:not(:disabled){transform:translate(1px,1px)}.sayoPrimaryButton:disabled,.sayoSecondaryButton:disabled{cursor:default;opacity:.64}.sayoPage:before{animation:18s linear infinite sayoPageHalftoneDrift}.sayoPage:after{animation:22s linear infinite sayoPageStripeFlow}.sayoBackdropBlob,.sayoBackdropBurst,.sayoBackdropArrowCluster,.sayoBackdropDots{pointer-events:none;display:block;position:absolute}.sayoBackdropBlobCyan{background:radial-gradient(circle at 34% 30%, #ffffffb8, transparent 0 18%, transparent 19%), linear-gradient(135deg, var(--sayo-cyan), #17f);opacity:.76;border-radius:40% 60% 35% 65%;width:180px;height:180px;animation:8s ease-in-out infinite sayoBlobFloatCyan;top:-56px;right:18%;transform:rotate(18deg)}.sayoBackdropBlobPink{background:radial-gradient(circle at 68% 28%, #ffffffb3, transparent 0 16%, transparent 17%), linear-gradient(135deg, var(--sayo-magenta), var(--sayo-orange));opacity:.72;border-radius:62% 38% 60% 40%;width:210px;height:210px;animation:9s ease-in-out infinite sayoBlobFloatPink;bottom:-70px;left:-38px;transform:rotate(-18deg)}.sayoBackdropBurstOne{opacity:.72;background:repeating-conic-gradient(#ffe600e0 0deg 9deg,#0000 9deg 18deg);border-radius:50%;width:190px;height:190px;animation:18s linear infinite sayoBurstSpin;top:28px;right:-62px}.sayoBackdropBurstTwo{opacity:.62;background:repeating-conic-gradient(from 8deg,#9cff00c7 0deg 10deg,#0000 10deg 20deg);border-radius:50%;width:98px;height:98px;animation:14s linear infinite sayoBurstSpinReverse;bottom:44px;right:26%}.sayoBackdropDotsOne{opacity:.45;background-image:radial-gradient(#00000038 1.4px,#0000 1.4px);background-size:10px 10px;width:150px;height:108px;animation:12s linear infinite sayoDotsDriftOne;top:100px;left:24px;transform:rotate(-10deg)}.sayoBackdropDotsTwo{opacity:.55;background-image:radial-gradient(#00c8ff85 1.6px,#0000 1.6px);background-size:9px 9px;width:136px;height:90px;animation:14s linear infinite sayoDotsDriftTwo;bottom:108px;right:20px;transform:rotate(12deg)}.sayoBackdropArrowClusterOne:before,.sayoBackdropArrowClusterOne:after,.sayoBackdropArrowClusterTwo:before,.sayoBackdropArrowClusterTwo:after{content:"";filter:drop-shadow(2px 2px #00000029);border-top:13px solid #0000;border-bottom:13px solid #0000;border-left:28px solid;width:0;height:0;position:absolute}.sayoBackdropArrowClusterOne{color:var(--sayo-lime);animation:3.6s ease-in-out infinite sayoArrowPushOne;top:54px;left:48%;transform:rotate(18deg)}.sayoBackdropArrowClusterOne:before{top:0;left:0}.sayoBackdropArrowClusterOne:after{top:22px;left:42px}.sayoBackdropArrowClusterTwo{color:var(--sayo-magenta);animation:4.2s ease-in-out infinite sayoArrowPushTwo;bottom:54px;left:34%;transform:rotate(-22deg)}.sayoBackdropArrowClusterTwo:before{top:0;left:0}.sayoBackdropArrowClusterTwo:after{top:-24px;left:38px}.sayoField:focus-within:after{animation:1.2s ease-in-out infinite sayoInputSignalPulse}.sayoPreviewBox:after{animation:3.4s ease-in-out infinite sayoPreviewSweep}.sayoCodePanel{animation:2.4s ease-in-out infinite sayoCodeNeonPulse}@media (prefers-reduced-motion:reduce){.sayoPage:before,.sayoPage:after,.sayoHero:after,.sayoHeroTitle,.sayoBackdropBlobCyan,.sayoBackdropBlobPink,.sayoBackdropBurstOne,.sayoBackdropBurstTwo,.sayoBackdropDotsOne,.sayoBackdropDotsTwo,.sayoBackdropArrowClusterOne,.sayoBackdropArrowClusterTwo,.sayoField:focus-within:after,.sayoPreviewBox:after,.sayoCodePanel{animation:none}.sayoPrimaryButton:hover:not(:disabled),.sayoPrimaryButton:active:not(:disabled),.sayoSecondaryButton:active:not(:disabled){transform:none}}@media (width<=1280px){.sayoAppLayout{--sayo-layout-side-padding:16px;--sayo-layout-gap:14px;--sayo-left-column-width:140px;--sayo-right-column-width:240px;grid-template-columns:minmax(96px, var(--sayo-left-column-width)) minmax(0, 1fr) minmax(190px, var(--sayo-right-column-width));gap:var(--sayo-layout-gap);padding-left:16px;padding-right:16px}}@media (width<=1040px){.sayoAppLayout{--sayo-layout-side-padding:16px;--sayo-layout-gap:12px;--sayo-left-column-width:112px;--sayo-right-column-width:200px;grid-template-columns:minmax(72px, var(--sayo-left-column-width)) minmax(0, 1fr) minmax(160px, var(--sayo-right-column-width));gap:var(--sayo-layout-gap);max-width:none}}@media (width<=760px){.sayoAppLayout{grid-template-columns:1fr;max-width:100%;padding:10px 16px 64px}.sayoHero{min-height:0;padding:16px}}@media (width<=420px){.sayoAppLayout{padding:8px 10px 56px}.sayoHeroTitle{font-size:42px}.sayoHeroDescription{font-size:12px}}.sayoPixelIcon{object-fit:contain;image-rendering:pixelated;display:block}.sayoTextMono{font-family:var(--sayo-font-mono)}.sayoNoWrap{white-space:nowrap}.sayoBreakAll{word-break:break-all}.sayoBreakWord{word-break:break-word}.sayoVisuallyHidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sayoPageBackdrop,.sayoBackdropBurst,.sayoBackdropBlob,.sayoBackdropArrowCluster,.sayoBackdropDots{pointer-events:none;backface-visibility:hidden}.sayoPageBackdrop{contain:layout paint style}.sayoBackdropBurst,.sayoBackdropBlob,.sayoBackdropArrowCluster,.sayoBackdropDots{will-change:transform, opacity;transform:translateZ(0)}.appLeftBarInner,.appRightBarInner,.feedPostingFloatingButton,.feedPostingFloatingPanel{backface-visibility:hidden;transform:translateZ(0)}.appLeftBarInner,.appRightBarInner{contain:layout paint style}.feedPostingFloatingButton,.feedPostingFloatingPanel{contain:layout paint}.appLeftBarMenuButton img,.appRightBarProfileAvatar,.feedScopeButton img,.feedPostingFloatingButton img,.feedPostingAttachButton img,.feedPostingTitleIcon,.createInviteScopeButton img,.profileScopeButton img{backface-visibility:hidden;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.sayoBackdropBurst,.sayoBackdropBlob,.sayoBackdropArrowCluster,.sayoBackdropDots,.feedPostingFloatingButton,.feedPostingRainbowTextChar,.feedPostingProgressBar,.feedPostingDoneMessage span{animation:none!important}.appLeftBar,.appRightBar,.appLeftBarHandle,.appRightBarHandle,.feedPostingFloatingButton,.feedPostingFloatingPanel,.feedPostingSubmitButton,.feedPostingAttachButton,.feedScopeButton,.profileScopeButton,.createInviteScopeButton{transition:none!important}}@media (update:slow){.sayoBackdropBurst,.sayoBackdropBlob,.sayoBackdropArrowCluster,.sayoBackdropDots,.feedPostingFloatingButton,.feedPostingRainbowTextChar,.feedPostingProgressBar,.feedPostingDoneMessage span{animation:none!important}}.profilePage{text-align:left}.profileCenterColumn{min-width:0}.profileBodySingle{box-sizing:border-box;grid-template-columns:minmax(0,520px);justify-content:center;gap:12px;padding:14px;display:grid}.profileScopeHeader{box-sizing:border-box;border-radius:var(--sayo-radius-lg);text-align:left;background:linear-gradient(#ffffffb8,#eee3),#fafafa;border:2px solid #999;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;display:grid;box-shadow:2px 2px #0000001f}.profileScopeButton{box-sizing:border-box;border-radius:var(--sayo-radius-pill);color:#333;cursor:pointer;min-width:0;height:42px;min-height:42px;font-family:var(--sayo-font-main);white-space:nowrap;text-shadow:0 1px #ffffffeb,1px 1px #0000001a;background:linear-gradient(#fff 0%,#f3f3f3 40%,#dedede 100%);border:2px outset #d0d0d0;justify-content:center;align-items:center;gap:7px;padding:6px 8px;font-size:12px;font-weight:900;line-height:1;display:flex;box-shadow:inset 1px 1px #fffffff2,inset -1px -1px #00000029,1px 1px #00000024}.profileScopeButton img{object-fit:contain;width:24px;height:24px;image-rendering:pixelated;filter:drop-shadow(0 1px #ffffffe6)drop-shadow(1px 1px #00000029);flex:none;display:block}.profileScopeButton span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.profileScopeButton:hover{filter:brightness(1.04)}.profileScopeButton:active{border-style:inset;transform:translate(1px,1px)}.profileScopeButtonActive{background:linear-gradient(#d8d8d8 0%,#eee 42%,#fff 100%);border-style:inset;box-shadow:inset 2px 2px #00000024,inset -1px -1px #ffffffeb,1px 1px #00000014}.profileMainPanel{min-width:0}.profileMainBody{justify-items:center;gap:12px;padding:18px 14px 20px;display:grid}.profileDisplayName{color:#111;text-align:center;word-break:break-word;text-shadow:1px 1px #ffffffdb,0 0 10px #00c8ff2e;margin:0;font-size:clamp(24px,4vw,38px);font-weight:900;line-height:1.08}.profileAvatarArea{text-align:center;justify-items:center;gap:12px;min-width:0;display:grid}.profileAvatarImage,.profileAvatarPlaceholder{border-radius:var(--sayo-radius-xl);background:radial-gradient(circle at 100% 0,#00c8ff33,#0000 36%),#fff;border:2px solid #111;width:132px;height:132px;overflow:hidden;box-shadow:0 6px #00000024,0 16px 24px #ff2fb329,inset 0 2px #ffffffe0}.profileAvatarImage{object-fit:cover;display:block}.profileAvatarPlaceholder{justify-content:center;align-items:center;display:flex}.profileAvatarPlaceholder img{object-fit:contain;width:56px;height:56px;image-rendering:pixelated}@media (width<=760px){.profileBodySingle{grid-template-columns:1fr;gap:10px;padding:10px}.profileAvatarImage,.profileAvatarPlaceholder{width:112px;height:112px}}@media (width<=420px){.profileBodySingle{padding:8px}.profileAvatarImage,.profileAvatarPlaceholder{width:96px;height:96px}.profileDisplayName{font-size:24px}}@media (width<=760px){.profileScopeHeader{gap:7px;padding:7px}.profileScopeButton{gap:5px;height:40px;min-height:40px;padding:5px 6px;font-size:11px}.profileScopeButton img{width:22px;height:22px}}@media (width<=420px){.profileScopeHeader{gap:5px;padding:6px}.profileScopeButton{flex-direction:column;gap:3px;height:38px;min-height:38px;padding:4px 3px;font-size:9px}.profileScopeButton img{width:20px;height:20px}}.appLeftBar{box-sizing:border-box;min-width:0;min-height:1px;overflow:visible}.appLeftBarInner{top:10px;left:calc(max(0px, ((100vw - var(--feed-layout-max-width)) / 2)) + var(--feed-layout-side-padding));z-index:20;width:var(--feed-left-column-width);box-sizing:border-box;background:linear-gradient(#ffffff9e,#eeeeee29),#fafafa;border:2px solid #999;flex-direction:column;gap:10px;min-width:0;height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);padding:8px;display:flex;position:fixed;overflow:hidden;box-shadow:2px 2px #0000001f}.appLeftBarMenuGrid{box-sizing:border-box;flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;min-width:0;display:grid}.appLeftBarMenuButton{aspect-ratio:1;box-sizing:border-box;color:#333;cursor:pointer;text-align:center;text-shadow:0 1px #ffffffeb,1px 1px #0000001a;background:linear-gradient(#fff 0%,#f3f3f3 40%,#dedede 100%);border:2px outset #d0d0d0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-width:0;padding:5px 3px 4px;font-family:Verdana,Arial,sans-serif;font-size:9px;font-weight:900;line-height:1;display:flex;box-shadow:inset 1px 1px #fffffff2,inset -1px -1px #00000029,1px 1px #00000024}.appLeftBarMenuButton img{object-fit:contain;width:min(34px,48%);height:min(34px,48%);image-rendering:pixelated;filter:drop-shadow(0 1px #ffffffe6)drop-shadow(1px 1px #00000029);flex:none;display:block}.appLeftBarMenuButton span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;display:block;overflow:hidden}.appLeftBarMenuButton:hover{filter:brightness(1.04)}.appLeftBarMenuButton:active{border-style:inset;transform:translate(1px,1px)}.appLeftBarInfoStack{flex-direction:column;flex:auto;gap:10px;min-width:0;min-height:0;display:flex}.appLeftBarInfoPanel{box-sizing:border-box;text-align:left;background:linear-gradient(#ffffff9e,#eeeeee29),#fafafa;border:2px solid #999;flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex;overflow:hidden;box-shadow:2px 2px #0000001f}.appLeftBarInfoHeader{background:linear-gradient(#fff 0%,#f7f7f7 35%,#eee 100%);border-bottom:2px solid #ccc;flex:none;align-items:center;gap:8px;padding:9px 10px;display:flex;box-shadow:inset 0 1px #ffffffd9}.appLeftBarInfoHeader img{object-fit:contain;width:24px;height:24px;image-rendering:pixelated;flex:none;display:block}.appLeftBarInfoHeader h2{color:#222;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-family:Verdana,Arial,sans-serif;font-size:14px;font-weight:900;line-height:1.18;overflow:hidden}.appLeftBarInfoBody{box-sizing:border-box;background:linear-gradient(#ffffff8f,#eeeeee3d),#f6f6f6;flex:auto;min-height:0;padding:9px 10px 11px;overflow-y:auto}.appLeftBarEmptyText{color:#777;text-align:left;margin:0;font-family:Verdana,Arial,sans-serif;font-size:14px;font-weight:900;line-height:1.35}.appLeftBarHandle{display:none}@media (width<=760px){.appLeftBar{z-index:90;width:min(78vw,280px);height:100dvh;min-height:100dvh;box-shadow:none;border:0;transition:transform .18s;position:fixed;top:0;left:0;overflow:visible;transform:translate(-100%)}.appLeftBarOpen{transform:translate(0)}.appLeftBarInner{box-sizing:border-box;background:linear-gradient(#ffffff9e,#eeeeee29),#fafafa;border:0;border-right:2px solid #999;width:100%;height:100%;max-height:none;padding:8px;position:static;top:auto;left:auto;overflow:hidden;box-shadow:2px 0 #0000001a}.appLeftBarMenuGrid{gap:7px}.appLeftBarMenuButton{font-size:10px}.appLeftBarMenuButton img{width:min(38px,48%);height:min(38px,48%)}.appLeftBarInfoStack{flex:auto;min-height:0}.appLeftBarInfoPanel{flex:1 1 0}.appLeftBarInfoHeader h2,.appLeftBarEmptyText{font-size:14px}.appLeftBarHandle{color:#444;cursor:pointer;background:linear-gradient(#fff 0%,#eee 100%);border:2px solid #999;border-left:0;border-radius:0;justify-content:center;align-items:center;width:24px;min-width:24px;height:72px;min-height:72px;padding:0;font-family:Verdana,Arial,sans-serif;font-size:18px;font-weight:900;line-height:1;display:flex;position:absolute;top:50%;right:-24px;transform:translateY(-50%);box-shadow:inset 0 1px #ffffffd9,1px 1px #0000001f}.appLeftBarHandle:active{transform:translateY(-50%)translate(1px,1px)}}@media (width<=420px){.appLeftBarMenuGrid{gap:6px}.appLeftBarMenuButton{padding:5px 2px 4px;font-size:9px}.appLeftBarMenuButton img{width:min(34px,48%);height:min(34px,48%)}.appLeftBarInfoHeader{padding:8px 9px}.appLeftBarInfoHeader h2,.appLeftBarEmptyText{font-size:13px}}.barProfilePanel{box-sizing:border-box;text-align:left;background:linear-gradient(#ffffff9e,#eeeeee29),#fafafa;border:2px solid #999;overflow:hidden;box-shadow:2px 2px #0000001f}.barProfileHeader{background:linear-gradient(#8d8d8d 0%,#828282 42%,#777 100%);border-bottom:2px solid #666;align-items:center;gap:8px;padding:8px 10px;display:flex;box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0003}.barProfileHeader img{object-fit:contain;width:24px;height:24px;image-rendering:pixelated;filter:drop-shadow(0 1px #000000a6)drop-shadow(0 0 4px #fff6);flex:none;display:block}.barProfileHeader h2{color:#fff;text-shadow:1px 1px #000000b8,0 0 5px #ffffff47;margin:0;font-family:Verdana,Arial,sans-serif;font-size:15px;font-weight:900;line-height:1.05}.barProfileBody{padding:10px 12px 12px}.barProfileBlock{background:linear-gradient(#fff 0%,#eee 100%);border:2px solid #999;min-width:0;padding:8px 10px;box-shadow:inset 0 1px #ffffffd9,1px 1px #0000001f}.barProfileLabel{color:#777;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-family:Verdana,Arial,sans-serif;font-size:9px;font-weight:900;line-height:1;display:block}.barProfileBlock strong{color:#222;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:Verdana,Arial,sans-serif;font-size:13px;font-weight:900;line-height:1.25;display:block;overflow:hidden}.barProfileLogoutButton{color:#444;cursor:pointer;background:linear-gradient(#fff 0%,#eee 100%);border:2px solid #999;border-radius:0;width:auto;height:28px;min-height:0;margin-top:10px;padding:5px 9px;font-family:Verdana,Arial,sans-serif;font-size:10px;font-weight:700;box-shadow:inset 0 1px #ffffffd9,1px 1px #0000001f}.barProfileLogoutButton:hover:not(:disabled){filter:brightness(1.04)}.barProfileLogoutButton:active:not(:disabled){transform:translate(1px,1px)}.barProfileLogoutButton:disabled{opacity:.52;cursor:not-allowed}.barStatsPanel{box-sizing:border-box;text-align:left;background:linear-gradient(#ffffff9e,#eeeeee29),#fafafa;border:2px solid #999;overflow:hidden;box-shadow:2px 2px #0000001f}.barStatsPanelHeader{background:linear-gradient(#fff 0%,#f7f7f7 35%,#eee 100%);border-bottom:2px solid #ccc;align-items:center;gap:8px;padding:9px 10px;display:flex;box-shadow:inset 0 1px #ffffffd9}.barStatsPanelHeader img{object-fit:contain;width:24px;height:24px;image-rendering:pixelated;flex:none;display:block}.barStatsPanelHeader h2{color:#222;margin:0;font-family:Verdana,Arial,sans-serif;font-size:14px;font-weight:900;line-height:1.18}.barStatsPanelBody{gap:0;padding:0;display:grid}.barStatsBlock{background:linear-gradient(#ffffff8f,#eeeeee3d),#f6f6f6;border-bottom:1px solid #d8d8d8;grid-template-columns:1fr;gap:0;display:grid}.barStatsBlock:last-child{border-bottom:0}.barStatsMetricRow{background:linear-gradient(#ffffffb3,#eeeeee38),#f8f8f8;border-bottom:1px solid #d8d8d8;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px;min-width:0;padding:9px 10px 8px;display:grid}.barStatsMetricRow span{color:#777;text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:Verdana,Arial,sans-serif;font-size:14px;font-weight:900;line-height:1.1;overflow:hidden}.barStatsMetricRow strong{color:#777;text-align:right;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px #ffffffc7;align-self:flex-end;min-width:0;font-family:Verdana,Arial,sans-serif;font-size:15px;font-weight:900;line-height:1;display:block;overflow:hidden}.barStatsGraphRow{min-width:0;padding:9px 10px 11px}.barStatsIntervalScale{--bar-stats-interval-position:50%;align-items:flex-end;width:100%;height:36px;padding-top:11px;display:flex;position:relative}.barStatsIntervalScaleLabels{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:0;left:0;right:0}.barStatsIntervalScaleLabels span{color:#777;text-shadow:0 1px #ffffffbf;white-space:nowrap;font-family:Verdana,Arial,sans-serif;font-size:8.5px;font-weight:700;line-height:1}.barStatsIntervalScaleTrack{background:linear-gradient(#fff 0%,#dcdcdc 100%);border:1px solid #888;width:100%;height:7px;box-shadow:inset 0 1px #ffffffe6,1px 1px #00000014}.barStatsIntervalScaleTicks{pointer-events:none;justify-content:space-between;align-items:flex-end;height:19px;display:flex;position:absolute;bottom:0;left:0;right:0}.barStatsIntervalScaleTicks span{background:#777;width:1px;height:12px;display:block;box-shadow:1px 0 #ffffffb3}.barStatsIntervalCurrentDot{left:var(--bar-stats-interval-position);background:#d00000;border:1px solid #700000;border-radius:50%;width:10px;height:10px;margin-bottom:-2px;margin-left:-5px;animation:.75s steps(2,end) infinite barStatsBlink;position:absolute;bottom:0;box-shadow:0 0 0 2px #fffc,0 0 7px #d00000d9}.barStatsCountdownArea{--bar-stats-next-sayonara-progress:62%;align-items:flex-end;width:100%;height:36px;padding-top:11px;display:flex;position:relative}.barStatsCountdownLabels{pointer-events:none;grid-template-columns:1fr 1fr 1fr;display:grid;position:absolute;top:0;left:0;right:0}.barStatsCountdownLabels span{color:#777;text-shadow:0 1px #ffffffbf;white-space:nowrap;font-family:Verdana,Arial,sans-serif;font-size:8.5px;font-weight:700;line-height:1}.barStatsCountdownLabels span:first-child{text-align:left}.barStatsCountdownLabels span:nth-child(2){text-align:center}.barStatsCountdownLabels span:nth-child(3){text-align:right}.barStatsCountdownFrame{background:#eee;border:1px solid #888;width:100%;height:18px;overflow:hidden;box-shadow:inset 1px 1px #0000001f,inset -1px -1px #fffc}.barStatsCountdownBar{width:var(--bar-stats-next-sayonara-progress);height:100%;box-shadow:inset 0 1px #ffffff2e,1px 0 #00000038}.barStatsCountdownBarSafe{background:repeating-linear-gradient(90deg,#056b18 0 6px,#16a033 6px 12px)}.barStatsCountdownBarDanger{background:repeating-linear-gradient(90deg,#8b0000 0 6px,#d00000 6px 12px)}@keyframes barStatsBlink{0%{opacity:1;filter:brightness()}50%{opacity:.35;filter:brightness(1.55)}to{opacity:1;filter:brightness()}}@media (prefers-reduced-motion:reduce){.barStatsIntervalCurrentDot{animation:none}}@media (width<=760px){.barStatsPanelHeader h2,.barStatsMetricRow span{font-size:14px}.barStatsMetricRow strong{font-size:15px}.barStatsIntervalScaleLabels span,.barStatsCountdownLabels span{font-size:8.5px}}.appRightBar{top:10px;right:calc(max(0px, ((100vw - var(--feed-layout-max-width)) / 2)) + var(--feed-layout-side-padding));z-index:20;width:var(--feed-right-column-width);box-sizing:border-box;min-width:0;max-height:calc(100dvh - 20px);position:fixed;overflow:visible}.appRightBarInner{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;min-height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);display:flex;overflow-y:auto}.appRightBarProfileArea{flex-direction:column;flex:auto;min-width:0;display:flex}.appRightBarProfileArea>*{flex:auto;min-height:0}.appRightBarIntervalArea{flex:none;min-width:0;margin-top:auto}.appRightBarHandle{display:none}@media (width<=760px){.appRightBar{z-index:90;box-sizing:border-box;width:min(78vw,280px);height:100dvh;min-height:100dvh;max-height:none;transition:transform .18s;position:fixed;top:0;right:0;overflow:visible;transform:translate(100%)}.appRightBarOpen{transform:translate(0)}.appRightBarInner{box-sizing:border-box;background:linear-gradient(#ffffff9e,#eeeeee29),#fafafa;border-left:2px solid #999;width:100%;height:100%;min-height:100dvh;max-height:none;margin:0;padding:8px;overflow-y:auto;box-shadow:-2px 0 #0000001a}.appRightBarProfileArea{flex-direction:column;flex:auto;display:flex}.appRightBarProfileArea>*{flex:auto;min-height:0}.appRightBarIntervalArea{flex:none;margin-top:auto}.appRightBarHandle{color:#444;cursor:pointer;background:linear-gradient(#fff 0%,#eee 100%);border:2px solid #999;border-right:0;border-radius:0;justify-content:center;align-items:center;width:24px;min-width:24px;height:72px;min-height:72px;padding:0;font-family:Verdana,Arial,sans-serif;font-size:18px;font-weight:900;line-height:1;display:flex;position:absolute;top:50%;left:-24px;transform:translateY(-50%);box-shadow:inset 0 1px #ffffffd9,1px 1px #0000001f}.appRightBarHandle:active{transform:translateY(-50%)translate(1px,1px)}}.createInvitePage{--feed-layout-max-width:1680px;--feed-layout-side-padding:clamp(12px, 2vw, 28px);--feed-layout-gap:18px;--feed-left-column-width:180px;--feed-right-column-width:280px;--invite-vector-cyan:#00c8ff;--invite-vector-magenta:#ff2fb3;--invite-vector-lime:#9cff00;--invite-vector-orange:#ff8a00;--invite-vector-yellow:#ffe600;--invite-vector-blue:#1742ff;--invite-vector-black:#050505;--invite-vector-white:#fff;--invite-radius-sm:8px;--invite-radius-md:14px;--invite-radius-lg:22px;--invite-radius-xl:32px;--invite-radius-pill:999px;box-sizing:border-box;color:#111;text-align:left;background:radial-gradient(circle at 14% 18%,#00c8ff6b 0 7%,#0000 8%),radial-gradient(circle at 86% 12%,#ff2fb366 0 8%,#0000 9%),radial-gradient(circle at 18% 88%,#9cff0061 0 9%,#0000 10%),radial-gradient(circle at 92% 78%,#ff8a005c 0 10%,#0000 11%),linear-gradient(135deg,#00c8ff42,#0000 34%),linear-gradient(225deg,#ff2fb338,#0000 42%),linear-gradient(315deg,#9cff0033,#0000 44%),#f7fbff;width:100%;min-height:100dvh;margin:0;padding:0;font-family:Verdana,Arial,sans-serif;position:relative;overflow-x:hidden}.createInvitePage:before{content:"";z-index:0;pointer-events:none;opacity:.32;mix-blend-mode:multiply;background:radial-gradient(#0000002e 1.4px,#0000 1.4px) 0 0/18px 18px,radial-gradient(#ffffff8c 1.2px,#0000 1.2px) 7px 9px/22px 22px;position:fixed;inset:0}.createInvitePage:after{content:"";z-index:0;pointer-events:none;opacity:.45;background:repeating-linear-gradient(115deg,#0000 0 18px,#00c8ff29 18px 24px,#0000 24px 48px,#ff2fb321 48px 54px);position:fixed;inset:-20%;transform:rotate(-3deg)}.createInviteAppLayout{z-index:1;box-sizing:border-box;grid-template-columns:minmax(120px,180px) minmax(0,1fr) minmax(220px,280px);align-items:start;gap:18px;width:100%;max-width:1680px;min-height:100dvh;margin:0 auto;padding:10px clamp(12px,2vw,28px) 72px;display:grid;position:relative}.createInviteCenterColumn{flex-direction:column;gap:10px;min-width:0;display:flex}.createInviteShell{box-sizing:border-box;border-radius:var(--invite-radius-xl);text-align:left;background:linear-gradient(135deg,#00c8ff2e,#0000 30%),linear-gradient(225deg,#ff2fb333,#0000 34%),linear-gradient(315deg,#9cff002e,#0000 36%),linear-gradient(145deg,#fffffffa,#eef8ffd6),#fff;border:2px solid #111;position:relative;overflow:hidden;box-shadow:0 0 0 4px #00c8ff24,0 18px 34px #00000038,0 5px #0000002e,inset 0 2px #fffffff5}.createInviteMessage{box-sizing:border-box;border-radius:var(--invite-radius-md);color:#555;text-align:left;background:linear-gradient(135deg,#fffffff5,#e8f8ffe0),#fff;border:2px solid #999;margin:0;padding:8px 12px;font-size:10px;font-weight:700;line-height:1.5;box-shadow:0 7px 18px #0000001f,inset 0 1px #ffffffe6}.createInviteMessage:before{content:"窶ｻ ";color:#00c;font-weight:900}.createInviteScopeHeader{box-sizing:border-box;border-radius:var(--invite-radius-lg);text-align:left;background:linear-gradient(#ffffffb8,#eee3),#fafafa;border:2px solid #999;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;display:grid;box-shadow:2px 2px #0000001f}.createInviteScopeButton{box-sizing:border-box;border-radius:var(--invite-radius-pill);color:#333;cursor:pointer;white-space:nowrap;text-shadow:0 1px #ffffffeb,1px 1px #0000001a;background:linear-gradient(#fff 0%,#f3f3f3 40%,#dedede 100%);border:2px outset #d0d0d0;justify-content:center;align-items:center;gap:7px;min-width:0;height:42px;min-height:42px;padding:6px 8px;font-family:Verdana,Arial,sans-serif;font-size:12px;font-weight:900;line-height:1;display:flex;box-shadow:inset 1px 1px #fffffff2,inset -1px -1px #00000029,1px 1px #00000024}.createInviteScopeButton img{object-fit:contain;width:24px;height:24px;image-rendering:pixelated;filter:drop-shadow(0 1px #ffffffe6)drop-shadow(1px 1px #00000029);flex:none;display:block}.createInviteScopeButton span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.createInviteScopeButton:hover{filter:brightness(1.04)}.createInviteScopeButton:active{border-style:inset;transform:translate(1px,1px)}.createInviteScopeButtonActive{background:linear-gradient(#d8d8d8 0%,#eee 42%,#fff 100%);border-style:inset;box-shadow:inset 2px 2px #00000024,inset -1px -1px #ffffffeb,1px 1px #00000014}.createInviteBlob,.createInviteBurst,.createInviteArrowCluster,.createInviteDots{pointer-events:none;display:block;position:absolute}.createInviteBlobCyan{background:radial-gradient(circle at 34% 30%, #ffffffb8, transparent 0 18%, transparent 19%), linear-gradient(135deg, var(--invite-vector-cyan), #17f);opacity:.76;border-radius:40% 60% 35% 65%;width:180px;height:180px;top:-56px;right:18%;transform:rotate(18deg)}.createInviteBlobPink{background:radial-gradient(circle at 68% 28%, #ffffffb3, transparent 0 16%, transparent 17%), linear-gradient(135deg, var(--invite-vector-magenta), var(--invite-vector-orange));opacity:.72;border-radius:62% 38% 60% 40%;width:210px;height:210px;bottom:-70px;left:-38px;transform:rotate(-18deg)}.createInviteBurstOne{opacity:.72;background:repeating-conic-gradient(#ffe600e0 0deg 9deg,#0000 9deg 18deg);border-radius:50%;width:190px;height:190px;top:28px;right:-62px}.createInviteBurstTwo{opacity:.62;background:repeating-conic-gradient(from 8deg,#9cff00c7 0deg 10deg,#0000 10deg 20deg);border-radius:50%;width:98px;height:98px;bottom:44px;right:26%}.createInviteDotsOne{opacity:.45;background-image:radial-gradient(#00000038 1.4px,#0000 1.4px);background-size:10px 10px;width:150px;height:108px;top:100px;left:24px;transform:rotate(-10deg)}.createInviteDotsTwo{opacity:.55;background-image:radial-gradient(#00c8ff85 1.6px,#0000 1.6px);background-size:9px 9px;width:136px;height:90px;bottom:108px;right:20px;transform:rotate(12deg)}.createInviteArrowClusterOne:before,.createInviteArrowClusterOne:after,.createInviteArrowClusterTwo:before,.createInviteArrowClusterTwo:after{content:"";filter:drop-shadow(2px 2px #00000029);border-top:13px solid #0000;border-bottom:13px solid #0000;border-left:28px solid;width:0;height:0;position:absolute}.createInviteArrowClusterOne{color:var(--invite-vector-lime);top:54px;left:48%;transform:rotate(18deg)}.createInviteArrowClusterOne:before{top:0;left:0}.createInviteArrowClusterOne:after{top:22px;left:42px}.createInviteArrowClusterTwo{color:var(--invite-vector-magenta);bottom:54px;left:34%;transform:rotate(-22deg)}.createInviteArrowClusterTwo:before{top:0;left:0}.createInviteArrowClusterTwo:after{top:-24px;left:38px}.createInviteHero{z-index:1;box-sizing:border-box;border-radius:var(--invite-radius-xl);color:#fff;background:linear-gradient(90deg,#000000eb 0%,#000c 44%,#0003 100%),radial-gradient(circle at 92% 12%,#ff2fb37a,#0000 24%),radial-gradient(circle at 76% 90%,#00c8ff6b,#0000 28%);border:2px solid #111;align-items:center;min-height:156px;padding:20px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 4px #ff2fb324,0 18px 32px #0000003d,0 5px #0003,inset 0 2px #ffffff2e}.createInviteHero:after{content:"";opacity:.72;pointer-events:none;background:repeating-conic-gradient(#ffe600c7 0deg 9deg,#0000 9deg 18deg);border-radius:50%;width:190px;height:190px;position:absolute;top:-72px;right:-72px}.createInviteHeroText{z-index:1;width:100%;min-width:0;position:relative}.createInviteHeroKicker{border-radius:var(--invite-radius-pill);color:#fff;text-transform:uppercase;white-space:nowrap;background:#ff2fb3db;border:2px solid #fff;align-items:center;gap:7px;width:fit-content;max-width:100%;margin-bottom:8px;padding:5px 10px;font-size:10px;font-weight:900;line-height:1;display:inline-flex;box-shadow:2px 2px #00000061}.createInviteHeroKicker img{object-fit:contain;width:20px;height:20px;image-rendering:pixelated;filter:drop-shadow(0 1px #ffffff80)drop-shadow(1px 1px #00000047);flex:none;display:block}.createInviteHeroKicker span{text-overflow:ellipsis;min-width:0;overflow:hidden}.createInviteHero h1{color:#fff;letter-spacing:-.02em;white-space:nowrap;writing-mode:horizontal-tb;text-orientation:mixed;width:fit-content;max-width:100%;text-shadow:3px 3px 0 #000, 5px 5px 0 var(--invite-vector-cyan), -3px -3px 0 var(--invite-vector-magenta);margin:0 0 8px;font-size:clamp(42px,8vw,84px);font-weight:900;line-height:.9;display:block}.createInviteHero p{color:#fff;writing-mode:horizontal-tb;text-orientation:mixed;text-shadow:2px 2px #000000b8;max-width:640px;margin:0;font-size:13px;font-weight:900;line-height:1.5;display:block}.createInviteBody{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:12px;padding:14px;display:grid}.createInvitePanel,.createInviteResultPanel{border-radius:var(--invite-radius-lg);background:linear-gradient(145deg,#fffffffa 0%,#ffffffdb 42%,#e8f8ffc7 100%),#fff;border:2px solid #111;min-width:0;overflow:hidden;box-shadow:0 0 0 3px #00c8ff1f,0 16px 30px #0000002e,0 5px #00000029,inset 0 2px #ffffffeb}.createInvitePanelHeader,.createInviteResultHeader{isolation:isolate;background:linear-gradient(180deg, #ffffff4d, transparent 42%), linear-gradient(90deg, var(--invite-vector-magenta) 0%, #ff4f8b 30%, var(--invite-vector-orange) 64%, var(--invite-vector-yellow) 100%);border-bottom:2px solid #111;align-items:center;gap:7px;padding:8px 10px;display:flex;position:relative;overflow:hidden}.createInvitePanelHeader:after,.createInviteResultHeader:after{content:"";z-index:2;opacity:0;pointer-events:none;mix-blend-mode:screen;filter:blur(.2px)drop-shadow(0 0 8px #ffffff85);background:linear-gradient(90deg,#0000 0%,#ffffff29 28%,#ffffffeb 50%,#ffffff29 72%,#0000 100%);width:34%;height:220%;position:absolute;top:-55%;left:0;transform:translate(-220%)skew(-18deg)}.createInvitePanelHeader img,.createInviteResultHeader img{object-fit:contain;width:24px;height:24px;image-rendering:pixelated;filter:drop-shadow(1px 1px #00000073)drop-shadow(0 0 7px #ffffff6b)}.createInvitePanelHeader h2,.createInviteResultHeader h2{color:#fff;text-shadow:1px 1px #000000b8,0 0 8px #ffffff47;margin:0;font-size:14px;font-weight:900;line-height:1.1}.createInvitePanelHeader img,.createInvitePanelHeader h2,.createInviteResultHeader img,.createInviteResultHeader h2{z-index:3;position:relative}.createInvitePanelMessage{color:#640;text-align:left;background:radial-gradient(circle at 100% 0,#ff2fb333,#0000 34%),linear-gradient(135deg,#fffffff5,#fff6d2eb),#fffbe6;border-bottom:2px solid #111111e0;margin:0;padding:8px 12px 8px 28px;font-size:11px;font-weight:900;line-height:1.45;position:relative;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #00000014}.createInvitePanelMessage:before{content:"!";background:var(--invite-vector-yellow);color:#111;border:2px solid #111;border-radius:50%;justify-content:center;align-items:center;width:13px;height:13px;font-size:9px;font-weight:900;line-height:1;display:flex;position:absolute;top:50%;left:9px;transform:translateY(-50%);box-shadow:1px 1px #0000002e,0 0 8px #ffe60073}.createInviteForm{gap:11px;padding:13px;display:grid}.createInviteForm label{gap:5px;display:grid;position:relative}.createInviteForm label span{color:#00a;letter-spacing:.02em;align-items:center;width:fit-content;font-size:10px;font-weight:900;line-height:1.25;transition:color .16s,transform .16s,text-shadow .16s;display:inline-flex}.createInviteForm label:focus-within span{color:var(--invite-vector-magenta);text-shadow:1px 1px #ffffffeb,0 0 7px #ff2fb357;transform:translate(4px)rotate(-1deg)}.createInviteForm label:after{content:"";background:var(--invite-vector-lime);opacity:0;pointer-events:none;border-radius:50%;width:8px;height:8px;transition:opacity .16s,transform .16s,box-shadow .16s;position:absolute;bottom:12px;right:12px;transform:scale(.5);box-shadow:0 0 #9cff0000,0 0 #9cff0000}.createInviteForm label:focus-within:after{opacity:1;animation:1.2s ease-in-out infinite inviteInputSignalPulse;transform:scale(1);box-shadow:0 0 6px #9cff00cc,0 0 14px #9cff006b}.createInviteForm input{box-sizing:border-box;border-radius:var(--invite-radius-pill);color:#111;background:linear-gradient(#fffffff0,#ebfaffd1),#fff;border:2px solid #111111e6;outline:none;width:100%;padding:9px 28px 9px 13px;font-family:Verdana,Arial,sans-serif;font-size:12px;font-weight:900;line-height:1.45;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s,filter .16s;box-shadow:0 5px #00000029,0 10px 18px #00c8ff1f,inset 0 2px #fffffff2,inset 0 -2px #00000014}.createInviteForm input::placeholder{color:#00000057;letter-spacing:.02em;font-weight:900}.createInviteForm input:not(:placeholder-shown){background:linear-gradient(#fffffffa,#f7ffebe6),#fff;border-color:#000000eb;box-shadow:0 5px #00000029,0 10px 18px #9cff0024,inset 0 2px #fffffff2,inset 0 -2px #00000014}.createInviteForm input:focus{border-color:var(--invite-vector-magenta);filter:saturate(1.08);background:linear-gradient(#fffffffa,#f2ffffeb),#fff;transform:translateY(-2px);box-shadow:0 7px #0000002e,0 0 0 4px #ff2fb32e,0 14px 26px #00c8ff38,inset 0 2px #fff,inset 0 -2px #00000014}.createInviteForm input:disabled{cursor:default;opacity:.62}.createInvitePreviewBox{border-radius:var(--invite-radius-lg);background:radial-gradient(circle at 100% 0,#00c8ff47,#0000 34%),linear-gradient(135deg,#ffe6005c,#9cff003d),#f7f7f7;border:2px solid #111;gap:5px;padding:10px 12px;display:grid;position:relative;overflow:hidden;box-shadow:0 6px #00000029,0 14px 22px #9cff002e,inset 0 2px #ffffffdb}.createInvitePreviewBox:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff6b,#0000);width:60%;height:180%;animation:3.4s ease-in-out infinite invitePreviewSweep;position:absolute;top:-40%;left:-30%;transform:rotate(18deg)}.createInvitePreviewBox span,.createInvitePreviewBox strong{z-index:1;position:relative}.createInvitePreviewBox span{color:#777;font-size:9px;font-weight:900;line-height:1}.createInvitePreviewBox strong{color:#222;text-shadow:1px 1px #ffffffdb;font-size:13px;font-weight:900;line-height:1.25}.createInvitePrimaryButton,.createInviteSecondaryButton{border-radius:var(--invite-radius-pill);cursor:pointer;font-family:Verdana,Arial,sans-serif;font-weight:900}.createInvitePrimaryButton{background:linear-gradient(180deg, #ffffff6b, transparent 34%), linear-gradient(90deg, var(--invite-vector-magenta), var(--invite-vector-orange));color:#fff;text-shadow:1px 1px #000,0 0 8px #ffffff59;border:2px solid #111;padding:10px 14px;font-size:11px;transition:transform .15s,filter .15s,box-shadow .15s;position:relative;box-shadow:0 7px #8a1d00,0 14px 24px #ff2fb347,inset 0 2px #ffffff8c,inset 0 -3px #0000002e}.createInvitePrimaryButton:disabled,.createInviteSecondaryButton:disabled{cursor:default;opacity:.64}.createInviteResultBody{padding:12px;position:relative;overflow:hidden}.createInviteCodeBurst{opacity:.58;pointer-events:none;background:repeating-conic-gradient(#ffe6009e 0deg 8deg,#0000 8deg 16deg);border-radius:50%;width:130px;height:130px;position:absolute;top:20px;right:18px}.createInviteEmptyText{color:#666;margin:0;font-size:12px;font-weight:700;line-height:1.5}.createInviteCodeBox{z-index:1;color:#0f6;text-align:center;background:#050505;border:2px inset #111;border-radius:12px;gap:5px;padding:12px 10px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00ff6629,0 0 14px #00ff662e}.createInviteCodeBox span{text-transform:uppercase;font-family:MS Gothic,Courier New,monospace;font-size:9px;font-weight:900;line-height:1}.createInviteCodeBox strong{letter-spacing:.08em;text-shadow:0 0 2px #00ff66f2,0 0 6px #00ff666b;font-family:MS Gothic,Courier New,monospace;font-size:24px;font-weight:900;line-height:1}.createInviteInfoList{z-index:1;gap:7px;margin:10px 0;display:grid;position:relative}.createInviteInfoList div{grid-template-columns:76px minmax(0,1fr);gap:8px;display:grid}.createInviteInfoList dt{color:#00a;font-size:10px;font-weight:900;line-height:1.35}.createInviteInfoList dd{color:#555;word-break:break-word;margin:0;font-size:12px;font-weight:700;line-height:1.45}.createInviteUrlBox{z-index:1;border-radius:var(--invite-radius-md);background:#fff;border:1px solid #d2d2d2;gap:5px;padding:9px 10px;display:grid;position:relative}.createInviteUrlBox span{color:#777;font-size:9px;font-weight:900;line-height:1}.createInviteUrlBox code{color:#00a;word-break:break-all;font-family:MS Gothic,Courier New,monospace;font-size:11px;font-weight:700;line-height:1.45}.createInviteResultActions{z-index:1;gap:8px;margin-top:10px;display:flex;position:relative}.createInviteSecondaryButton{color:#444;background:linear-gradient(#fff 0%,#eee 100%);border:2px solid #999;padding:7px 11px;font-size:10px;box-shadow:inset 0 1px #ffffffd9,1px 1px #0000001f}.createInviteCopyMessage{z-index:1;border-radius:var(--invite-radius-pill);color:#062;background:#9cff0038;margin:9px 0 0;padding:5px 8px;font-size:11px;font-weight:900;line-height:1.4;position:relative}.createInvitePanelHeader:after{animation:5.8s ease-in-out infinite invitePanelHeaderShine}.createInviteResultHeader:after{animation:6.4s ease-in-out 1.2s infinite invitePanelHeaderShine}.createInvitePage:before{animation:18s linear infinite invitePageHalftoneDrift}.createInvitePage:after{animation:22s linear infinite invitePageStripeFlow}.createInviteHero:after{animation:16s linear infinite inviteHeroBurstSpin}.createInviteHero h1{transform-origin:50% 80%;animation:6.6s ease-in-out infinite inviteHeroTitlePop}.createInviteBlobCyan{animation:8s ease-in-out infinite inviteBlobFloatCyan}.createInviteBlobPink{animation:9s ease-in-out infinite inviteBlobFloatPink}.createInviteBurstOne{animation:18s linear infinite inviteBurstSpin}.createInviteBurstTwo{animation:14s linear infinite inviteBurstSpinReverse}.createInviteDotsOne{animation:12s linear infinite inviteDotsDriftOne}.createInviteDotsTwo{animation:14s linear infinite inviteDotsDriftTwo}.createInviteArrowClusterOne{animation:3.6s ease-in-out infinite inviteArrowPushOne}.createInviteArrowClusterTwo{animation:4.2s ease-in-out infinite inviteArrowPushTwo}.createInviteCodeBox{animation:2.4s ease-in-out infinite inviteCodeNeonPulse}.createInvitePageCreated .createInviteCodeBurst{animation:.8s ease-out inviteSuccessBurst}.createInvitePageCreated .createInviteResultPanel{animation:.38s ease-out inviteResultPop}.createInvitePrimaryButton:hover:not(:disabled){filter:brightness(1.08)saturate(1.18);transform:translateY(-2px);box-shadow:0 9px #8a1d00,0 18px 28px #ff2fb357,inset 0 2px #ffffff9e,inset 0 -3px #0000002e}.createInvitePrimaryButton:active:not(:disabled){transform:translateY(5px);box-shadow:0 2px #8a1d00,0 7px 14px #ff2fb32e,inset 0 2px #ffffff61,inset 0 -2px #00000038}.createInviteSecondaryButton:hover:not(:disabled){filter:brightness(1.05)}.createInviteSecondaryButton:active:not(:disabled){transform:translate(1px,1px)}@media (prefers-reduced-motion:reduce){.createInvitePage:before,.createInvitePage:after,.createInviteHero:after,.createInviteHero h1,.createInvitePanelHeader:after,.createInviteResultHeader:after,.createInviteBlobCyan,.createInviteBlobPink,.createInviteBurstOne,.createInviteBurstTwo,.createInviteDotsOne,.createInviteDotsTwo,.createInviteArrowClusterOne,.createInviteArrowClusterTwo,.createInviteCodeBox,.createInvitePageCreated .createInviteCodeBurst,.createInvitePageCreated .createInviteResultPanel,.createInviteForm label:focus-within:after,.createInvitePreviewBox:after{animation:none}.createInvitePrimaryButton:hover:not(:disabled),.createInvitePrimaryButton:active:not(:disabled),.createInviteSecondaryButton:active:not(:disabled){transform:none}}@keyframes invitePanelHeaderGradientFlow{0%{background-position:0%}45%{background-position:100%}70%{background-position:72%}to{background-position:0%}}@keyframes invitePageHalftoneDrift{0%{background-position:0 0,7px 9px}to{background-position:72px 54px,-59px 75px}}@keyframes invitePageStripeFlow{0%{transform:translate(0)rotate(-3deg)}50%{transform:translate(-28px)rotate(-2deg)}to{transform:translate(0)rotate(-3deg)}}@keyframes inviteHeroStripeSweep{0%{background-position:0 0}to{background-position:56px 0}}@keyframes inviteHeroBurstSpin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.05)}to{transform:rotate(360deg)scale(1)}}@keyframes inviteHeroTitlePop{0%{filter:brightness();transform:translateY(0)scale(1)rotate(0)}3%{filter:brightness(1.12);transform:translateY(-4px)scale(1.025)rotate(-.5deg)}7%{filter:brightness(1.04);transform:translateY(1px)scale(.995)rotate(.4deg)}11%{filter:brightness();transform:translateY(0)scale(1)rotate(0)}to{filter:brightness();transform:translateY(0)scale(1)rotate(0)}}@keyframes inviteInputSignalPulse{0%{opacity:.72;transform:scale(.85)}50%{opacity:1;transform:scale(1.25)}to{opacity:.72;transform:scale(.85)}}@keyframes invitePreviewSweep{0%{opacity:0;transform:translate(-120%)rotate(18deg)}30%{opacity:.72}55%{opacity:0;transform:translate(260%)rotate(18deg)}to{opacity:0;transform:translate(260%)rotate(18deg)}}@keyframes inviteBlobFloatCyan{0%{transform:translate(0)rotate(18deg)scale(1)}35%{transform:translate(-10px,8px)rotate(24deg)scale(1.04)}70%{transform:translate(8px,-6px)rotate(14deg)scale(.98)}to{transform:translate(0)rotate(18deg)scale(1)}}@keyframes inviteBlobFloatPink{0%{transform:translate(0)rotate(-18deg)scale(1)}40%{transform:translate(12px,-8px)rotate(-25deg)scale(1.05)}75%{transform:translate(-8px,6px)rotate(-12deg)scale(.98)}to{transform:translate(0)rotate(-18deg)scale(1)}}@keyframes inviteBurstSpin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.04)}to{transform:rotate(360deg)scale(1)}}@keyframes inviteBurstSpinReverse{0%{transform:rotate(0)scale(1)}50%{transform:rotate(-180deg)scale(.96)}to{transform:rotate(-360deg)scale(1)}}@keyframes inviteDotsDriftOne{0%{background-position:0 0;transform:rotate(-10deg)translate(0)}to{background-position:40px 30px;transform:rotate(-10deg)translate(6px,-4px)}}@keyframes inviteDotsDriftTwo{0%{background-position:0 0;transform:rotate(12deg)translate(0)}to{background-position:-36px 32px;transform:rotate(12deg)translate(-6px,4px)}}@keyframes inviteArrowPushOne{0%{opacity:.72;transform:rotate(18deg)translate(0)}45%{opacity:.95;transform:rotate(18deg)translate(12px)}to{opacity:.72;transform:rotate(18deg)translate(0)}}@keyframes inviteArrowPushTwo{0%{opacity:.68;transform:rotate(-22deg)translate(0)}50%{opacity:.92;transform:rotate(-22deg)translate(-12px)}to{opacity:.68;transform:rotate(-22deg)translate(0)}}@keyframes inviteCodeNeonPulse{0%{box-shadow:0 10px #111,0 20px 30px #00000052,inset 0 2px #ffffff1a,inset 0 -4px 12px #00ff6629,0 0 8px #00ff6624}50%{box-shadow:0 10px #111,0 20px 30px #00000057,inset 0 2px #ffffff24,inset 0 -4px 16px #00ff6642,0 0 22px #00ff665c}to{box-shadow:0 10px #111,0 20px 30px #00000052,inset 0 2px #ffffff1a,inset 0 -4px 12px #00ff6629,0 0 8px #00ff6624}}@keyframes inviteSuccessBurst{0%{opacity:0;transform:scale(.4)rotate(0)}45%{opacity:.9;transform:scale(1.18)rotate(90deg)}to{opacity:.58;transform:scale(1)rotate(180deg)}}@keyframes inviteResultPop{0%{filter:brightness(1.2);transform:translateY(6px)scale(.98)}to{filter:brightness();transform:translateY(0)scale(1)}}@media (width<=1280px){.createInvitePage{--feed-layout-side-padding:16px;--feed-layout-gap:14px;--feed-left-column-width:140px;--feed-right-column-width:240px}.createInviteAppLayout{grid-template-columns:minmax(96px,140px) minmax(0,1fr) minmax(190px,240px);gap:14px;padding-left:16px;padding-right:16px}}@media (width<=1040px){.createInvitePage{--feed-layout-side-padding:16px;--feed-layout-gap:12px;--feed-left-column-width:112px;--feed-right-column-width:200px}.createInviteAppLayout{grid-template-columns:minmax(72px,112px) minmax(0,1fr) minmax(160px,200px);gap:12px;max-width:none}.createInviteHero{grid-template-columns:96px minmax(0,1fr)}.createInviteHeroSilhouette{width:86px;height:110px}}@media (width<=760px){.createInviteAppLayout{grid-template-columns:1fr;max-width:100%;padding:10px 16px 64px}.createInviteScopeHeader{gap:7px;padding:7px}.createInviteScopeButton{gap:5px;height:40px;min-height:40px;padding:5px 6px;font-size:11px}.createInviteScopeButton img{width:22px;height:22px}.createInviteHero{border-radius:var(--invite-radius-xl) var(--invite-radius-xl) 0 0;grid-template-columns:1fr;min-height:0;padding:16px}.createInviteHeroSilhouette{display:none}.createInviteBody{grid-template-columns:1fr;gap:10px;padding:10px}}@media (width<=420px){.createInviteAppLayout{padding:8px 10px 56px}.createInviteScopeHeader{gap:5px;padding:6px}.createInviteScopeButton{flex-direction:column;gap:3px;height:38px;min-height:38px;padding:4px 3px;font-size:9px}.createInviteScopeButton img{width:20px;height:20px}.createInviteHero h1{font-size:42px}.createInviteHero p{font-size:12px}.createInviteCodeBox strong{font-size:20px}.createInviteResultActions{flex-direction:column}.createInviteSecondaryButton{width:100%}}.loadingPage{color:#111;background-color:#f5f5f5;background-image:radial-gradient(circle at 1px 1px,#00000009 1px,#0000 0),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:6px 6px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;width:100%;min-height:100dvh;font-family:Verdana,Arial,sans-serif;display:flex}.loadingWindow{background:#fff;border:2px solid #7a7a7a;width:min(390px,100vw - 32px);box-shadow:2px 2px #00000038,0 0 0 1px #ffffffbf}.loadingTitleBar{background:linear-gradient(#4f8cff 0%,#2f6fe8 18%,#1d55c7 52%,#1742a5 100%);border-bottom:2px solid #0a2f8f;align-items:center;gap:7px;min-height:34px;padding:5px 9px;display:flex;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0000004d}.loadingTitleIcon{object-fit:contain;width:22px;height:22px;image-rendering:pixelated;filter:drop-shadow(0 1px #00000073)drop-shadow(0 0 3px #fff6);flex:none;display:block}.loadingTitleText{color:#fff;letter-spacing:.01em;white-space:nowrap;text-shadow:1px 1px #0009,0 0 4px #ffffff59;align-items:baseline;min-width:0;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.loadingDots{text-align:left;width:1.8em;margin-left:1px;display:inline-flex}.loadingDots span{opacity:0;line-height:1;animation-duration:1.6s;animation-timing-function:step-end;animation-iteration-count:infinite;display:inline-block}.loadingDots span:first-child{animation-name:loadingDotOne}.loadingDots span:nth-child(2){animation-name:loadingDotTwo}.loadingDots span:nth-child(3){animation-name:loadingDotThree}.loadingBody{padding:18px 16px 14px}.loadingTextColumn{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.loadingBodyLogo{object-fit:contain;filter:drop-shadow(0 1px #fffffff2)drop-shadow(1px 1px #0000001f);width:auto;max-width:170px;height:24px;margin:0 0 8px;display:block}.loadingSubText{color:#666;text-align:center;margin:0 0 12px;font-size:10px;font-weight:700;line-height:1.5}.loadingProgressFrame{background:#eee;border:1px solid #999;width:100%;max-width:280px;height:14px;overflow:hidden}.loadingProgressBar{background:repeating-linear-gradient(90deg,#056b18 0 6px,#16a033 6px 12px);width:45%;height:100%;animation:1s steps(8,end) infinite loadingProgress}.loadingMeta{color:#888;text-align:center;margin:10px 0 0;font-size:9px;line-height:1.45}.loadingRainbowMeta{letter-spacing:.02em;white-space:nowrap;color:#fff;text-shadow:1px 1px #0000006b,0 1px #ffffffd1,0 0 4px #ffffff59;margin-bottom:1px;font-size:10px;font-weight:900;line-height:1.25;animation:2.8s steps(12,end) infinite signupLikeRainbowText;display:inline-block}@keyframes loadingProgress{0%{transform:translate(-100%)}to{transform:translate(230%)}}@keyframes loadingDotOne{0%{opacity:0}24.99%{opacity:0}25%{opacity:1}to{opacity:1}}@keyframes loadingDotTwo{0%{opacity:0}49.99%{opacity:0}50%{opacity:1}to{opacity:1}}@keyframes loadingDotThree{0%{opacity:0}74.99%{opacity:0}75%{opacity:1}to{opacity:1}}@media (prefers-reduced-motion:reduce){.loadingProgressBar,.loadingRainbowMeta,.loadingDots span{animation:none}.loadingProgressBar{transform:translate(0)}.loadingRainbowMeta{color:#fff}.loadingDots span{opacity:1}}@media (width<=420px){.loadingWindow{width:min(360px,100vw - 28px)}.loadingTitleBar{gap:6px;min-height:32px;padding:5px 8px}.loadingTitleIcon{width:20px;height:20px}.loadingTitleText{font-size:11px}.loadingBody{padding:16px 14px 13px}.loadingBodyLogo{max-width:150px;height:21px;margin-bottom:7px}.loadingSubText{font-size:9.5px}.loadingProgressFrame{max-width:260px}.loadingRainbowMeta{font-size:9.5px}}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#111;background:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.container{max-width:480px;margin:0 auto;padding:48px 20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.appRoot{min-height:100vh}.appRootLanding,.appRootFeed{width:100%;max-width:none;min-height:100vh;margin:0;padding:0}h1{letter-spacing:-.04em;margin:0 0 32px;font-size:40px}.card{background:#fff;border:1px solid #ddd;border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex}.card p{margin:0;line-height:1.7}label{flex-direction:column;gap:8px;font-size:14px;display:flex}input{color:#111;background:#fff;border:1px solid #ccc;border-radius:10px;width:100%;padding:12px;font-size:16px}input:focus{outline-offset:2px;outline:2px solid #11111129}button{cursor:pointer;border:none;border-radius:10px;width:100%;min-height:48px;padding:12px 16px;font-family:inherit;font-size:16px;font-weight:700}button:disabled{opacity:.5;cursor:not-allowed}.primaryButton{color:#fff;background:#111}.primaryButton:hover:not(:disabled){background:#333}.lineButton{color:#fff;background:#06c755}.lineButton:hover:not(:disabled){background:#05b34d}.googleButton{color:#222;background:#fff;border:1px solid #ddd}.googleButton:hover:not(:disabled){background:#f5f5f5}.secondaryButton{color:#222;background:#eee}.secondaryButton:hover:not(:disabled){background:#ddd}.providerButtonContent{justify-content:center;align-items:center;gap:10px;display:inline-flex}.providerLogo{object-fit:contain;flex:none;width:22px;height:22px}.label{color:#666;margin-bottom:4px;font-size:13px;display:block}code{overflow-wrap:anywhere;color:#333;background:#f5f5f5;border-radius:8px;padding:8px;font-size:12px;display:block}.message{color:#333;margin-top:20px;line-height:1.7}.sayonaraAuthButton{cursor:pointer;white-space:nowrap;border-radius:0;flex:0 auto;justify-content:center;align-items:center;width:auto;max-width:100%;height:20px;min-height:0;padding:2px 6px;font-family:Verdana,Arial,sans-serif;font-size:8px;font-weight:700;line-height:1;display:inline-flex}.sayonaraLineButton{color:#fff;background:linear-gradient(#31e531 0%,#00b900 55%,#079407 100%);border:1px solid #0a8f08;box-shadow:inset 0 1px #ffffff73,1px 1px #00000024}.sayonaraGoogleButton{color:#444;background:linear-gradient(#fff 0%,#eee 100%);border:1px solid #999;box-shadow:inset 0 1px #ffffffd9,1px 1px #0000001f}.sayonaraSignupButton{color:#fff;background:linear-gradient(#4a4a4a 0%,#2a2a2a 100%);border:1px solid #1a1a1a;box-shadow:inset 0 1px #ffffff38,1px 1px #00000029}.sayonaraGifIcon{object-fit:contain;image-rendering:pixelated;flex:none;display:block}.sayonaraGifIconSm{width:20px;height:20px}.sayonaraGifIconMd{width:28px;height:28px}.sayonaraGifIconLg{width:36px;height:36px}.landingPage{width:100%;max-width:none}.landingPage button{min-height:initial;border-radius:0;font-family:Verdana,Arial,sans-serif}.landingPage a,.landingPage img{display:block}.landingPage p,.landingPage h1,.landingPage h2,.landingPage h3,.landingPage h4{max-width:none}.feedPage{text-align:left;width:100%;max-width:none;min-height:100vh;margin:0;padding:0}.feedPage button{width:auto;min-height:initial;border-radius:0;font-family:Verdana,Arial,sans-serif}.feedPage img{display:block}.feedPage p,.feedPage h1,.feedPage h2,.feedPage h3,.feedPage h4{max-width:none}@media (width<=520px){.container{padding:32px 16px}h1{margin-bottom:24px;font-size:34px}.card{border-radius:14px;padding:20px}button{min-height:46px;font-size:15px}}.sayonaraRainbowText{color:#fff;text-shadow:1px 1px #0009,0 0 4px #ffffff59;align-items:baseline;width:fit-content;max-width:100%;font-family:Verdana,Arial,sans-serif;font-weight:900;line-height:1;display:inline-flex}.sayonaraRainbowTextChar{color:#fff;animation:2.8s steps(12,end) infinite sayonaraRainbowTextColor;animation-delay:calc(var(--sayonara-rainbow-index,0) * 35ms);line-height:1;display:inline-block}@keyframes sayonaraRainbowTextColor{0%{color:#fff}20%{color:#fff56a}40%{color:#7cff7c}60%{color:#8fd3ff}80%{color:#ff9df0}to{color:#fff}}@media (prefers-reduced-motion:reduce){.sayonaraRainbowTextChar{color:#fff;animation:none}}
