.zoonelo-city .page-hero{color:#2c1e4a;background:#00f0ff;border:3px solid #2c1e4a;width:100%;margin:0 0 28px;padding:30px 32px}.zoonelo-city .page-hero--yellow{background:#fc0}.zoonelo-city .page-hero--lavender{background:#d9c8ec}.zoonelo-city .page-hero--purple{color:#f8f5fc;background:#4a2a6f}.zoonelo-city .page-hero h1{letter-spacing:-.04em;color:inherit;margin:0 0 12px;font-family:inherit;font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.08}.zoonelo-city .page-hero p{max-width:70ch;color:inherit;margin:0;font-size:18px;line-height:1.45}@media (width<=760px){.zoonelo-city .page-hero{margin-bottom:20px;padding:20px 16px}.zoonelo-city .page-hero h1{font-size:32px}.zoonelo-city .page-hero p{font-size:15px}}.zoonelo-city .city-intro-action{background:var(--brand-accent);box-shadow:5px 5px 0 var(--ink);border:2px solid var(--ink);justify-content:space-between;gap:16px;width:100%;margin-top:24px;padding:10px 16px;font-size:14px;text-decoration:none;display:flex}.zoonelo-city .site-content:has(>.city-intro){padding-top:0}.zoonelo-city .city-workspace-shared{border:0;border-bottom:2px solid var(--ink);background:var(--surface-page);grid-template-columns:minmax(0,1fr) 300px;margin:0;display:grid}.zoonelo-city .city-workspace-shared>.city-main{min-width:0;padding:24px 24px 20px 0}.zoonelo-city .city-workspace-shared>.city-rail{border:0;border-left:2px solid var(--ink);min-width:0;max-height:none;padding:0;font-size:13px;line-height:1.45;overflow:visible}.zoonelo-city .city-workspace-shared>.city-rail>section{border:0;border-bottom:2px solid var(--ink);margin:0;padding:24px}.zoonelo-city .city-workspace-shared>.city-rail>section:last-child{border-bottom:0}.zoonelo-city .city-workspace-shared .city-rail h2{overflow-wrap:anywhere;margin:0 0 16px;font-size:22px;line-height:1.2}.zoonelo-city .city-workspace-shared .city-rail h3{margin:0 0 12px;font-size:18px;line-height:1.3}.zoonelo-city .city-workspace-shared .city-rail h4{overflow-wrap:anywhere;font-size:15px;line-height:1.4}.zoonelo-city .city-workspace-shared .city-rail p{margin:12px 0;font-size:13px;line-height:1.5}.zoonelo-city .city-workspace-shared .city-rail dl{grid-template-columns:minmax(0,1fr);gap:0;margin:12px 0;display:grid}.zoonelo-city .city-workspace-shared .city-rail dl>div{border-bottom:1px solid var(--line-subtle);grid-template-columns:minmax(0,1fr) max-content;align-items:baseline;gap:12px;padding:9px 0;display:grid}.zoonelo-city .city-workspace-shared .city-rail dt{min-width:0;font-size:13px;line-height:1.4}.zoonelo-city .city-workspace-shared .city-rail dd{letter-spacing:normal;white-space:nowrap;word-break:normal;overflow-wrap:normal;text-align:right;margin:0;font-size:16px;line-height:1.4}.zoonelo-city .city-workspace-shared .city-rail button{font-size:13px}.zoonelo-city .personal-block,.zoonelo-city .group-city{background:0 0;border:0;margin:0}.zoonelo-city .city-workspace-shared .personal-block-toolbar,.zoonelo-city .city-workspace-shared .group-city-heading{background:0 0;border:0;gap:12px;padding:0 0 20px}.zoonelo-city .city-workspace-shared .personal-block-toolbar h2,.zoonelo-city .city-workspace-shared .group-city-heading h2{font-size:22px}.zoonelo-city .city-workspace-shared .personal-block-toolbar p,.zoonelo-city .city-workspace-shared .group-city-heading p{font-size:13px}.zoonelo-city .city-workspace-shared .group-city-tools{background:0 0;border:0;padding:0}.zoonelo-city .city-workspace-shared .group-city-hint,.zoonelo-city .city-workspace-shared .group-capacity{background:0 0;border:0;margin:0;padding:8px 0;font-size:13px}.zoonelo-city .city-workspace-shared .personal-block-scroll,.zoonelo-city .city-workspace-shared .group-city-viewport{background:var(--surface-muted);border:0;max-height:660px;margin-top:20px}.zoonelo-city .personal-block-accounts.city-data-section{margin-top:24px;padding:24px;display:block}.zoonelo-city .city-workspace-shared .group-details .city-detail article{border:0;padding:12px 0}@media (width<=1050px){.zoonelo-city .city-workspace-shared{grid-template-columns:minmax(0,1fr)}.zoonelo-city .city-workspace-shared>.city-main{padding-right:0}.zoonelo-city .city-workspace-shared>.city-rail{border-left:0;border-top:2px solid var(--ink)}.zoonelo-city .city-workspace-shared .personal-block-scroll,.zoonelo-city .city-workspace-shared .group-city-viewport{max-height:500px}}.zoonelo-city .city-workspace-shared>.city-rail{background:var(--surface-page)}.zoonelo-city .city-workspace-shared .city-rail-intro{background:var(--brand-accent)}.zoonelo-city .city-metric-help{margin:16px 0;font-size:13px}.zoonelo-city .city-metric-help summary{cursor:pointer;text-underline-offset:3px;padding:8px 0;text-decoration:underline}.zoonelo-city .city-metric-help summary:focus-visible{outline-offset:3px;outline:3px solid #a60068}.zoonelo-city .city-workspace-shared>.city-rail{display:block}.zoonelo-city .city-workspace-shared>.city-rail>section{width:100%;min-width:0}.zoonelo-city .city-workspace-shared .city-rail dd{max-width:none}.zoonelo-city .city-workspace-top{grid-column:1/-1;min-width:0;padding:24px 0 20px}.zoonelo-city .city-workspace-with-top>.city-main{padding-top:0}.zoonelo-city .city-workspace-with-top .group-city-viewport{margin-top:0}.zoonelo-city .group-top-layout{grid-template-columns:minmax(0,1fr) 300px;display:grid}.zoonelo-city .group-top-layout>div{min-width:0}.zoonelo-city .group-top-callout{background:var(--brand-accent);border:2px solid var(--ink)}.zoonelo-city .group-top-callout>.city-rail-intro{padding:20px}.zoonelo-city .group-top-callout h2{margin:0 0 12px;font-size:22px;line-height:1.2}.zoonelo-city .group-top-callout p{margin:0;font-size:13px;line-height:1.5}.zoonelo-city .group-top-callout .city-card-artwork{transform-origin:50%;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.22)}.zoonelo-city .group-top-callout h3{margin:0 0 10px;font-size:18px;line-height:1.2}@media (width<=1050px){.zoonelo-city .group-top-layout{grid-template-columns:minmax(0,1fr)}}.zoonelo-city .city-start-button{background:var(--interaction-accent);min-height:44px;color:var(--ink);border:2px solid var(--ink);justify-content:center;align-items:center;padding:12px 18px;font-size:15px;line-height:1.3;text-decoration:none;display:inline-flex}.zoonelo-city .city-start-button:hover,.zoonelo-city .city-start-button:focus-visible{background:var(--interaction-accent);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.zoonelo-city .city-get-started{border:2px solid var(--ink);background:var(--surface-muted);flex-wrap:wrap;align-items:center;gap:20px;margin:32px 0;padding:28px 24px;display:flex}.zoonelo-city .city-get-started>div{flex:280px}.zoonelo-city .city-get-started h2{margin:0 0 8px;font-size:28px}.zoonelo-city .city-get-started p{margin:0;font-size:15px}.zoonelo-city .group-top-callout .city-start-button{margin:0 0 12px}.zoonelo-city .group-city .city-workspace-top{padding:0}.zoonelo-city .group-top-layout{border-bottom:2px solid var(--ink);align-items:stretch;gap:0}.zoonelo-city .group-top-layout>div:first-child{flex-direction:column;padding:24px 24px 0 0;display:flex}.zoonelo-city .group-top-layout .city-dashboard-stats{border-bottom:0}.zoonelo-city .group-top-callout{border-top:0;border-bottom:0}.zoonelo-city .group-city .city-workspace-with-top>.city-main{padding-top:0}@media (width<=1050px){.zoonelo-city .group-top-layout>div:first-child{padding-right:0}.zoonelo-city .group-top-callout{border-top:2px solid var(--ink)}.zoonelo-city .group-city .city-workspace-with-top>.city-main{padding-top:0}}.zoonelo-city .group-top-layout .city-dashboard-stats{margin-top:0}.zoonelo-city .group-compact-controls{flex-wrap:nowrap;align-items:center;gap:12px;padding:16px 0;display:flex}.zoonelo-city .city-workspace-shared .group-compact-controls .group-city-heading{display:contents}.zoonelo-city .group-compact-controls .group-city-heading>div{flex:0 160px}.zoonelo-city .city-workspace-shared .group-compact-controls h2{margin:0 0 4px;font-size:16px}.zoonelo-city .city-workspace-shared .group-compact-controls .group-city-heading p{font-size:11px;line-height:1.3}.zoonelo-city .city-workspace-shared .group-compact-controls .group-city-tools{display:contents}.zoonelo-city .group-compact-controls .group-city-tools label:not(.city-map-zoom){flex:130px;min-width:100px;max-width:170px;font-size:12px}.zoonelo-city .group-compact-controls input:not([type=range]){min-height:40px;margin:2px 0 0;padding:8px;font-size:13px}.zoonelo-city .group-compact-controls button,.zoonelo-city .group-compact-controls .group-city-heading>a{white-space:nowrap;min-height:40px;padding:8px;font-size:12px;line-height:1.2}.zoonelo-city .group-compact-controls output{min-width:32px;font-size:12px}@media (width<=1200px){.zoonelo-city .group-compact-controls{flex-wrap:wrap;gap:10px}}.zoonelo-city .group-compact-controls{margin-top:0}.zoonelo-city .group-top-actions{flex-direction:column;justify-content:center;gap:12px;padding:20px;display:flex}.zoonelo-city .group-top-actions h2{margin:0;font-size:20px}.zoonelo-city .group-top-actions .city-start-button{width:100%;margin:0}.zoonelo-city .group-top-actions .community-start-button{background:var(--brand-magenta);color:var(--ink)}.zoonelo-city .group-top-actions .community-start-button:hover,.zoonelo-city .group-top-actions .community-start-button:focus-visible{background:var(--interaction-accent)}@media (width<=1050px){.zoonelo-city .group-top-actions{flex-flow:wrap;justify-content:flex-start}.zoonelo-city .group-top-actions h2{flex-basis:100%}.zoonelo-city .group-top-actions .city-start-button{width:auto}}.zoonelo-city .group-timeframe{gap:12px;padding-bottom:8px}.zoonelo-city .group-timeframe .city-period{flex-wrap:wrap}.zoonelo-city .city-workspace-shared .city-map-zoom{flex:0 250px;align-items:center;gap:12px;min-width:200px;max-width:100%;font-size:14px;line-height:1.3;display:flex}.zoonelo-city .city-map-zoom span{flex:0 0 42px}.zoonelo-city .city-workspace-shared .city-map-zoom input[type=range]{width:160px;min-width:0;height:32px;min-height:32px;box-shadow:none;accent-color:#087cff;background:0 0;border:0;flex:1;margin:0;padding:0}.zoonelo-city .city-main>.city-demo-controls{border-top:2px solid var(--ink);flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.zoonelo-city .city-main>.city-demo-controls h3{margin:0;font-size:18px}.zoonelo-city .city-main>.city-demo-controls p{flex-basis:100%;margin:0;font-size:13px}.zoonelo-city .city-main>.city-demo-controls button{flex:auto;width:auto;min-height:44px;padding:10px 14px;font-size:14px}@media (width<=760px){.zoonelo-city .city-intro-action{margin-top:14px}.zoonelo-city .city-workspace-shared>.city-main{padding:12px 0}.zoonelo-city .city-workspace-shared>.city-rail{flex-direction:column;display:flex}.zoonelo-city .city-workspace-shared>.city-rail>section{padding:16px}.zoonelo-city .city-workspace-shared .city-detail{order:-1}.zoonelo-city .city-workspace-shared .group-city-viewport{height:380px;max-height:55svh;margin-top:10px}.zoonelo-city .city-workspace-shared .personal-block-scroll{max-height:55svh;margin-top:10px}.zoonelo-city .group-compact-controls{gap:8px;padding-block:12px}.zoonelo-city .group-compact-controls .group-city-tools{gap:8px}.zoonelo-city .group-top-actions{gap:8px;padding:12px}.zoonelo-city .group-top-actions h2{display:none}.zoonelo-city .group-top-actions .city-start-button{min-height:44px;padding:10px;font-size:13px}.zoonelo-city .city-main>.city-demo-controls h3{display:none}.zoonelo-city .city-main>.city-demo-controls p{font-size:12px}.zoonelo-city .city-legend{gap:6px;margin-top:8px}.zoonelo-city .city-workspace-shared .city-map-zoom{flex:180px;min-width:160px}}.zoonelo-city .unified-navigation{border-bottom:3px solid var(--ink);flex-wrap:wrap;align-items:center;gap:24px;padding:24px 0;display:flex}.zoonelo-city .unified-navigation .city-brand{white-space:nowrap;align-items:center;gap:10px;font-size:40px;text-decoration:none;display:flex}.zoonelo-city .unified-navigation nav{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:8px;min-width:0;display:flex}.zoonelo-city .unified-navigation nav a,.zoonelo-city .unified-navigation nav button{color:var(--ink);background:0 0;border:2px solid #0000;min-height:44px;padding:10px 12px;font-size:16px;line-height:1.3;text-decoration:none;display:block}.zoonelo-city .unified-navigation nav a.active{background:var(--brand-accent);border-color:var(--ink);box-shadow:4px 4px 0 var(--ink);color:var(--ink)}.zoonelo-city .unified-navigation nav a:hover,.zoonelo-city .unified-navigation nav button:hover{background:var(--interaction-accent);border-color:var(--ink)}.zoonelo-city .unified-navigation{z-index:100001;position:relative}.nav-dropdown{position:relative}.zoonelo-city .unified-navigation summary{cursor:pointer;border:2px solid #0000;align-items:center;gap:12px;min-height:44px;padding:10px 14px;font-size:16px;line-height:1.3;list-style:none;display:flex}.nav-dropdown summary::-webkit-details-marker{display:none}.zoonelo-city .unified-navigation summary.current,.zoonelo-city .unified-navigation details[open]>summary{background:var(--brand-accent);border-color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.zoonelo-city .unified-navigation summary:hover{background:var(--interaction-accent)}.nav-dropdown-panel{background:var(--surface-page);border:2px solid var(--ink);border-top:8px solid var(--brand-accent);width:260px;box-shadow:6px 6px 0 var(--ink);z-index:10;padding:8px;position:absolute;top:calc(100% + 12px);left:0}.zoonelo-city .unified-navigation .nav-dropdown-panel a{border-bottom:1px solid var(--line-subtle);justify-content:space-between;gap:16px;padding:14px 12px;display:flex}.zoonelo-city .unified-navigation .nav-sprint{background:var(--interaction-accent);border-color:var(--ink)}.zoonelo-city .unified-navigation summary:focus-visible{outline:3px solid var(--brand-magenta);outline-offset:4px}.zoonelo-city .unified-navigation nav{align-items:center}.zoonelo-city .unified-navigation nav .mobile-nav-link,.mobile-menu-toggle{display:none}@media (width<=760px){.zoonelo-city .unified-navigation{justify-content:space-between;gap:12px;padding:12px 0}.zoonelo-city .unified-navigation .city-brand{gap:7px;font-size:28px}.zoonelo-city .unified-navigation .city-brand img{width:34px;height:34px}.zoonelo-city .unified-navigation .mobile-menu-toggle{align-items:center;gap:8px;min-height:44px;padding:8px 12px;font-size:14px;display:flex}.zoonelo-city .unified-navigation[data-mobile-nav] nav{display:none}.zoonelo-city .unified-navigation[data-menu-open=true] nav{display:grid}.zoonelo-city .unified-navigation nav{border:2px solid var(--ink);flex-basis:100%;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:0;width:100%;padding:0}.zoonelo-city .unified-navigation nav a,.zoonelo-city .unified-navigation nav button,.zoonelo-city .unified-navigation summary{min-height:44px;padding:10px 12px;font-size:16px}.zoonelo-city .unified-navigation nav>a,.zoonelo-city .unified-navigation nav>button{text-align:left;border:0;border-bottom:1px solid var(--line-subtle);background:var(--surface-page);width:100%;box-shadow:none;border-radius:0;justify-content:flex-start;margin:0}.zoonelo-city .unified-navigation nav>a:nth-of-type(2n),.zoonelo-city .unified-navigation nav>button{background:#e8e0f2}.zoonelo-city .unified-navigation nav>a.active{background:var(--brand-accent);box-shadow:inset 4px 0 var(--ink)}.zoonelo-city .unified-navigation nav>a:hover,.zoonelo-city .unified-navigation nav>button:hover{background:var(--interaction-accent)}.zoonelo-city .unified-navigation nav>:last-child{border-bottom:0}.zoonelo-city .unified-navigation .nav-dropdown{display:none}.zoonelo-city .unified-navigation nav .mobile-nav-link{align-items:center;display:flex}.nav-dropdown-panel{width:100%;box-shadow:none;border-top-width:3px;margin:6px 0;position:static}}.landing-hero{align-items:center;gap:24px;display:grid}.landing-skyline{min-width:0}.landing-buildings{padding-top:20px;display:flex}.landing-buildings .city-building{width:33.333%;min-width:0;padding:0;box-shadow:none!important;background:0 0!important;border:0!important;transform:none!important}.landing-buildings .city-building svg{width:100%;height:auto;max-height:none;overflow:visible}.landing-buildings .city-building>span,.landing-buildings .city-building>strong{display:none}.landing-buildings .city-building:focus-visible{outline-color:var(--interaction-accent)}.landing-skyline>p{text-align:center;line-height:1.5;font-size:13px!important}.zoonelo-city .landing-section{border-bottom:2px solid var(--ink);padding:64px 0}.landing-section h2{margin:0 0 24px;font-size:clamp(30px,3.6vw,52px);line-height:1.1}.landing-section p{max-width:65ch;line-height:1.65}.landing-split{grid-template-columns:1fr 1fr;gap:48px;display:grid}.zoonelo-city .landing-solution{margin-top:48px;display:grid}.landing-city-key{margin:0}.landing-city-key>div{border-bottom:1px solid #bca3d2;padding:20px 0}.landing-city-key dt{font:24px var(--font-city);color:var(--brand-primary)}.landing-city-key dd{margin:8px 0 0}.zoonelo-city .landing-fun{border:2px solid var(--ink)}.landing-activities{counter-reset:activity;grid-template-columns:1fr 1fr;margin:32px 0;padding:0;list-style:none;display:grid}.landing-activities li{counter-increment:activity;border-top:2px solid;padding-top:20px}.landing-activities li:before{content:"0" counter(activity);font-size:18px}.landing-activities h3,.landing-steps h3,.landing-entry h3{margin:12px 0;font-size:24px}.landing-steps{padding-left:24px}.landing-entry{grid-template-columns:1fr 1fr;gap:24px;margin-top:32px;display:grid}.landing-entry article{border:2px solid var(--ink);background:#fff;flex-direction:column;align-items:flex-start;gap:12px;padding:32px;display:flex}.landing-entry article:nth-child(2){background:#e8e0f1}.landing-entry .site-button{margin-top:auto}.landing-faq details{border-top:1px solid #bca3d2;max-width:900px;padding:20px 0}.landing-faq summary{cursor:pointer;font-size:19px;line-height:1.4}.landing-faq summary:hover,.landing-faq summary:focus-visible{background:var(--interaction-accent);outline-offset:4px}.landing-faq details p{margin-bottom:0}.landing-finish{text-align:center}.landing-finish p{margin:20px auto}#get-started{scroll-margin-top:24px}@media (width<=1000px){.landing-hero{grid-template-columns:1fr}.landing-buildings{max-width:560px;margin:auto}.landing-skyline{width:100%}.landing-solution{gap:32px!important}.landing-hero h1{max-width:750px}}@media (width<=700px){.landing-split,.landing-entry,.landing-activities,.zoonelo-city .landing-solution{grid-template-columns:1fr;gap:20px}.zoonelo-city .landing-section{padding:40px 0}.zoonelo-city .landing-solution,.zoonelo-city .landing-fun,.landing-entry article,.landing-hero{padding:24px}.landing-hero h1{font-size:42px}.landing-buildings{padding-top:0}}.landing-hero{grid-template-columns:1fr 1.05fr;min-height:620px;padding:48px 36px;position:relative;overflow:hidden}.landing-hero h1{max-width:650px;font-size:clamp(44px,4.7vw,68px)}.landing-skyline{background:radial-gradient(#69418f 0,#0000 68%);align-self:center;position:relative}.landing-buildings{align-items:flex-end;gap:0;min-height:390px}.landing-buildings .city-building{flex:0 0 38%;margin-left:-4%}.landing-buildings .city-building:first-child{margin-left:0;transform:translateY(28px)!important}.landing-buildings .city-building:last-child{transform:translateY(50px)!important}.landing-skyline>p{margin-top:55px}.landing-ribbon{background:var(--interaction-accent);border:2px solid var(--ink);font:clamp(17px, 2vw, 25px) var(--font-city);border-top:0;flex-wrap:wrap;justify-content:space-around;gap:16px;padding:22px;display:flex}.landing-problem{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:80px;display:grid}.landing-calendar{background:var(--brand-primary);color:#fff;border:2px solid var(--ink);min-width:0;margin:12px;padding:28px;position:relative;transform:rotate(-2deg);box-shadow:10px 10px #bca3d2}.calendar-caption{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.calendar-caption strong{font-size:26px}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.calendar-grid>span{aspect-ratio:1;background:#69418f;border:1px solid #bca3d2;padding:clamp(3px,1vw,7px);font-size:13px;position:relative}.calendar-grid>.posted{background:var(--brand-accent);color:var(--ink)}.calendar-grid b{font-size:24px;position:absolute;bottom:3px;right:7px}.landing-calendar p{font-size:14px}.calendar-sticker{background:var(--brand-magenta);color:var(--ink);font:18px/1.1 var(--font-city);border:2px solid;padding:16px;display:block;position:absolute;bottom:-24px;right:-12px;transform:rotate(7deg)}.zoonelo-city .landing-solution{background:0 0;border:0;border-bottom:2px solid;grid-template-columns:1fr 1.2fr;align-items:center;gap:48px;margin:0;padding:56px 0}.landing-growth-art{border:2px solid var(--ink);box-shadow:8px 8px 0 var(--brand-primary);background:#e8e0f1;grid-template-columns:1fr 1fr;align-items:center;padding:24px;display:grid;position:relative}.growth-building .city-building{width:100%;padding:0;background:0 0!important;border:0!important}.growth-building .city-building svg{width:100%;height:auto;max-height:none}.growth-building .city-building>span,.growth-building .city-building>strong{display:none}.landing-growth-art small{grid-column:1/-1;font-size:12px}.landing-city-key dt{font-size:20px}.landing-city-key dd{font-size:15px}.zoonelo-city .landing-fun{background:var(--ink);color:#fff;margin-top:48px;padding:40px}.landing-community-copy{grid-template-columns:1fr 1fr;align-items:start;gap:0 48px;display:grid}.landing-community-copy h2{grid-row:span 2}.landing-community-copy .site-actions{margin:12px 0 24px}.landing-city-image{border:3px solid var(--brand-accent);background:var(--surface-muted);margin:20px 0;display:block;position:relative;overflow:hidden}.landing-city-image img{object-fit:contain;width:100%;height:auto;max-height:700px;display:block}.landing-city-image span{background:var(--interaction-accent);color:var(--ink);border:2px solid;padding:12px 18px;position:absolute;bottom:16px;right:16px}.landing-activities{gap:20px}.landing-activities li{box-shadow:5px 5px 0 var(--ink);border:2px solid;grid-template-columns:72px 1fr;gap:0 16px;padding:28px;display:grid}.landing-activities li:before{font:48px var(--font-city);color:var(--brand-primary);grid-row:span 2}.landing-activities li:first-child{background:#e8e0f1}.landing-activities li:nth-child(2){background:#c5f9ff}.landing-activities li:nth-child(3){background:#ffe6f5}.landing-activities li:nth-child(4){background:#fff1b8}.landing-activities li h3{margin:0}.landing-activities li p{margin-bottom:0}.landing-process>h2{max-width:800px}.landing-steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:28px;margin:36px 0 0;padding:0;list-style:none;display:grid}.landing-steps li{counter-increment:step;border-top:6px solid var(--brand-primary);padding:24px 0}.landing-steps li:nth-child(2){border-color:var(--brand-magenta)}.landing-steps li:nth-child(3){border-color:#00b8c4}.landing-steps li:before{content:"STEP " counter(step);font-size:15px}.entry-art{background:var(--surface-muted);border-bottom:2px solid;width:calc(100% + 64px);height:240px;margin:-32px -32px 12px;overflow:hidden}.entry-art img{object-fit:cover;width:100%;height:100%}.entry-personal{background:var(--brand-primary)}.entry-personal img{object-fit:contain}.landing-faq{grid-template-columns:.8fr 1.2fr;gap:64px;display:grid}.faq-question{background:var(--interaction-accent);width:96px;height:96px;box-shadow:7px 7px 0 var(--brand-primary);font:72px var(--font-city);border:2px solid;place-items:center;margin:10px 0 32px;display:inline-grid;transform:rotate(-7deg)}.zoonelo-city .landing-finish{background:var(--brand-accent);box-shadow:8px 8px 0 var(--brand-primary);border:2px solid;margin-top:32px;padding:64px 32px}@media (width<=1000px){.landing-hero{grid-template-columns:1fr;min-height:0}.landing-skyline{max-width:650px;margin:auto}.landing-buildings{min-height:0}.landing-problem{gap:36px}.landing-growth-art{padding:16px}.landing-faq{gap:32px}}@media (width<=700px){.zoonelo-city .landing-section{padding:28px 0}.landing-split{gap:20px}.zoonelo-city .landing-solution{margin-top:24px}.landing-section h2{margin-bottom:16px}.landing-hero{padding:24px 16px}.landing-hero h1{font-size:38px}.landing-problem,.zoonelo-city .landing-solution,.landing-community-copy,.landing-faq{grid-template-columns:minmax(0,1fr)}.landing-calendar{margin:8px 12px 32px 0;padding:18px}.calendar-sticker{font-size:14px;right:-8px}.landing-calendar strong{font-size:23px}.landing-community-copy h2{grid-row:auto}.zoonelo-city .landing-fun{padding:24px 16px}.landing-city-image span{font-size:14px;display:block;position:static}.landing-city-image img{object-fit:cover;min-height:180px}.landing-steps{grid-template-columns:1fr;gap:0}.landing-activities li{grid-template-columns:48px 1fr;gap:12px;padding:20px}.landing-activities li:before{font-size:34px}.entry-art{width:calc(100% + 48px);height:150px;margin:-24px -24px 12px}.landing-ribbon{justify-content:center;font-size:16px}.landing-growth-art{grid-template-columns:1fr 1fr}.landing-city-key dt{font-size:17px}.landing-city-key dd{font-size:14px}.landing-faq{gap:24px}.zoonelo-city .landing-finish{padding:24px 16px}}.zoonelo-city .landing-growth-art .city-building{width:100%}.landing-city-crop{aspect-ratio:1809/860;overflow:hidden}.landing-city-crop img{width:100%;height:auto;min-height:0;max-height:none}.landing-advertise{background:var(--interaction-accent);width:34%;max-width:440px;color:var(--ink);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);flex-direction:column;gap:8px;padding:22px;text-decoration:none;display:flex;position:absolute;top:24px;left:24px}.landing-advertise strong{font-size:clamp(22px,2.8vw,38px);line-height:1.1}.landing-advertise small,.landing-advertise em{font-size:14px;font-style:normal}.landing-advertise:hover,.landing-advertise:focus-visible{background:var(--brand-accent)}.landing-city-tour{background:var(--interaction-accent);color:var(--ink);border-top:3px solid var(--ink);text-align:right;padding:16px 20px;display:block}@media (width<=760px){.landing-advertise{width:auto;max-width:none;box-shadow:4px 4px 0 var(--ink);grid-row:1;margin:12px;padding:16px;position:relative;top:auto;left:auto}.landing-city-image{display:grid}.landing-city-crop{grid-row:2}.landing-city-tour{text-align:left;grid-row:3;font-size:14px}.landing-city-crop img{min-height:0}}.landing-hero h1,.landing-section h2{text-wrap:balance}.sprint-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px;margin:24px 0;display:grid}.sprint-list article{border:2px solid var(--ink);background:#fff;padding:24px}.community-organizer{border-top:2px solid;margin-top:28px;padding:24px 0}.member-coin{object-fit:cover;border:5px solid var(--interaction-accent);width:88px;height:88px;box-shadow:5px 5px 0 var(--brand-primary);background:var(--brand-accent);color:var(--ink);border-radius:50%;place-items:center;font-size:32px;display:inline-grid}.profile-links{flex-wrap:wrap;gap:16px;margin:24px 0;display:flex}.community-organizer textarea{width:100%;min-height:100px}.sprint-payment-options{grid-template-columns:1fr 1fr;gap:24px;padding:32px 0;display:grid}.sprint-payment-options>div{border:2px solid var(--ink);background:#e8e0f1;padding:24px}.sprint-payment-options>div:first-child{background:#c5f9ff}.sprint-list article{flex-direction:column;gap:12px;display:flex}.sprint-list article h3{font-size:28px}.sprint-list article p{margin:0}.sprint-list article small{font-size:14px}#upcoming-sprints{scroll-margin-top:24px}@media (width<=700px){.sprint-payment-options{grid-template-columns:1fr}}.sprint-list .sprint-card{box-shadow:6px 6px 0 var(--ink);gap:0;padding:0;overflow:hidden}.sprint-card-art{background:var(--brand-accent);border-bottom:2px solid var(--ink);height:230px;position:relative;overflow:hidden}.sprint-card--1 .sprint-card-art{background:var(--brand-magenta)}.sprint-card--2 .sprint-card-art{background:var(--brand-primary)}.sprint-card-art svg{width:100%;height:200px;display:block;position:absolute;bottom:12px}.sprint-art-orbit{fill:none;stroke:#fff;stroke-width:1.5px;opacity:.4}.sprint-tower-left{fill:var(--brand-magenta);stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.sprint-tower-right{fill:var(--brand-primary);stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.sprint-tower-roof{fill:var(--brand-accent);stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.sprint-card--1 .sprint-tower-left,.sprint-card--2 .sprint-tower-left{fill:var(--brand-accent)}.sprint-card--1 .sprint-tower-roof{fill:var(--interaction-accent)}.sprint-card--2 .sprint-tower-roof{fill:var(--brand-magenta)}.sprint-start-badge{z-index:1;background:var(--interaction-accent);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--ink);padding:6px 10px;font-size:14px;position:absolute;top:16px;left:16px;transform:rotate(-3deg)}.sprint-art-caption{background:var(--ink);color:#fff;padding:5px 12px;font-size:12px;position:absolute;bottom:0;right:0}.sprint-card-body{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex}.sprint-card-body h3{margin:0;line-height:1.15}.sprint-card-body>p:nth-child(2){min-height:4.5em}.sprint-list .sprint-card-price{margin-top:auto;font-size:38px;line-height:1.1}.sprint-capacity{font-size:14px}.sprint-card-body>a{text-align:center;background:var(--brand-accent);border:2px solid var(--ink);color:var(--ink);padding:12px;text-decoration:none;display:block}.sprint-card--1 .sprint-card-body>a{background:#ffc8eb}.sprint-card--2 .sprint-card-body>a{background:#e8e0f1}.sprint-card-body>a:hover,.sprint-card-body>a:focus-visible{background:var(--interaction-accent)}@media (width<=700px){.sprint-card-body>p:nth-child(2){min-height:0}}@media (width<=760px){.sprint-list{scroll-snap-type:x proximity;gap:14px;padding:4px 6px 14px 0;display:flex;overflow-x:auto}.sprint-list .sprint-card{scroll-snap-align:start;flex:0 0 88%;min-width:0}.sprint-card-body{padding:16px}.sprint-card-body h3{font-size:24px}.sprint-card-art{max-height:170px}}.city-card-artwork{pointer-events:none;width:320px;height:225px;margin:0 auto;position:relative}.city-card-landmark{width:145px;height:219px;position:absolute;top:0}.city-card-landmark--0{z-index:2;top:8px;left:0}.city-card-landmark--1{z-index:1;top:-16px;left:88px}.city-card-landmark--2{z-index:3;top:25px;left:175px}.zoonelo-city .city-card-artwork .city-building{background:0 0;border:0;height:219px;display:block;transform:none;width:145px!important;padding:0!important}.zoonelo-city .city-card-artwork .city-building svg{width:145px;height:219px;max-height:none;display:block;position:static}.city-card-artwork .city-building>span,.city-card-artwork .city-building>strong{display:none}.sprint-card-art>.city-card-artwork{position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.sprint-card-art{height:265px}.sprint-start-badge,.sprint-art-caption{z-index:5}.sprint-list .sprint-card-art{height:265px}.zoonelo-city .sprint-purchase-action{border:3px solid var(--ink);background:var(--interaction-accent);width:100%;min-height:48px;color:var(--ink);box-shadow:4px 4px 0 var(--ink);text-align:center;font:inherit;padding:14px 18px;line-height:1.3;text-decoration:none;display:block}.zoonelo-city .sprint-purchase-action:not(:disabled):hover,.zoonelo-city .sprint-purchase-action:focus-visible{background:var(--brand-accent);color:var(--ink)}.zoonelo-city .sprint-purchase-action:disabled{opacity:.65;cursor:wait}.billboard-manager{border-top:2px solid var(--ink);margin-block:32px;padding-top:20px}.billboard-editor{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.billboard-editor .site-form{width:auto;max-width:none;margin:0}.billboard-editor fieldset{min-width:0}.billboard-art{background:var(--surface-muted);border:2px solid var(--ink);place-items:center;display:grid;overflow:hidden}.billboard-art a{width:100%;height:100%;display:block}.billboard-art img{object-fit:contain;width:100%;height:100%;display:block}.billboard-preview-panel{overflow-wrap:anywhere}@media (width<=760px){.billboard-editor{grid-template-columns:minmax(0,1fr)}}.city-corner-billboard{z-index:2;background:var(--surface-muted);border:3px solid var(--ink);width:420px;box-shadow:6px 6px 0 var(--ink);position:absolute}.city-corner-billboard small{padding:6px 10px;font-size:12px;display:block}.city-corner-billboard>a{background:var(--cyan,#00f0ff);min-height:150px;color:var(--ink);flex-direction:column;justify-content:center;text-decoration:none;display:flex}.city-corner-billboard strong,.city-corner-billboard span{padding:8px 16px}.city-corner-billboard strong{font-size:28px}.city-corner-billboard img{object-fit:contain;width:100%;height:158px;display:block}.city-corner-billboard button{min-height:28px;padding:4px 10px;font-size:12px}.city-corner-billboard:after{content:"";border-inline:5px solid var(--ink);pointer-events:none;width:65%;height:22px;position:absolute;top:100%;left:15%}.artwork-editor canvas{border:2px solid var(--ink);cursor:grab;display:block}.billboard-purchase{margin-block:24px}.owner-orders{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.owner-orders img{object-fit:contain;width:100%;max-height:220px}.owner-orders article{overflow-wrap:anywhere}@media (width<=760px){.owner-orders{grid-template-columns:minmax(0,1fr)}}.zoonelo-city .city-data-section{background:var(--surface-muted);border-top:2px solid var(--ink);margin:0;padding:28px 24px}.zoonelo-city .city-data-section h2,.zoonelo-city .city-data-section h3{margin:0 0 24px;font-size:30px;line-height:1.2}.zoonelo-city .city-data-table{border-collapse:collapse;table-layout:auto;text-align:left;width:100%;min-width:520px;font-size:16px}.zoonelo-city .city-data-table caption{text-align:left;color:#655475;padding:12px 0 24px;font-size:14px}.zoonelo-city .city-data-table thead{background:var(--ink);color:#fff}.zoonelo-city .city-data-table th,.zoonelo-city .city-data-table td{text-align:left;border-bottom:1px solid #b7a9c8;padding:20px 16px}.zoonelo-city .city-data-table tbody tr{background:var(--surface-page)}.zoonelo-city .city-data-table tbody tr:nth-child(2n){background:#f1ecf7}.zoonelo-city .city-data-table tbody tr:hover{background:#e0f9fb}.zoonelo-city .city-data-table th button{text-underline-offset:3px;font-size:inherit;box-shadow:none;text-align:left;background:0 0;border:0;min-height:44px;padding:6px 0;text-decoration:underline}.zoonelo-city .city-data-section .city-table-scroll{width:100%;overflow-x:auto}@media (width<=600px){.zoonelo-city .city-data-section{padding:24px 14px}.zoonelo-city .city-data-table th,.zoonelo-city .city-data-table td{padding:14px 12px}.zoonelo-city .city-data-section h2,.zoonelo-city .city-data-section h3{font-size:26px}}.zoonelo-city .city-dashboard-stats{border-bottom:2px solid var(--ink);background:var(--surface-page);grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:24px 20px;display:grid}.zoonelo-city .city-dashboard-stats strong{letter-spacing:-.06em;overflow-wrap:anywhere;font-size:clamp(36px,4vw,64px);line-height:1.1}.zoonelo-city .city-dashboard-stats span{margin-top:6px;font-size:16px;line-height:1.4}@media (width<=600px){.zoonelo-city .city-dashboard-stats{gap:10px;padding:14px 0}.zoonelo-city .city-dashboard-stats strong{font-size:30px}.zoonelo-city .city-dashboard-stats span{font-size:12px}}.group-city{margin:24px 0}.group-city-tools{flex-wrap:wrap;align-items:end;display:flex}.group-city-tools label{flex:180px;max-width:260px}.group-city-tools input{width:100%;margin-top:5px}.group-city-tools button{min-height:44px;padding:8px 14px}.group-city-tools output{text-align:center;align-self:center;min-width:48px}.group-city-hint{font-size:14px}.group-city-layout{display:grid}.group-city-viewport{background:var(--surface-muted);overscroll-behavior:contain;touch-action:pan-x pan-y;height:660px;position:relative;overflow:auto}.group-city-world{transform-origin:0 0;background-size:24px 24px;position:relative}.group-roads{pointer-events:none;position:absolute;inset:0}.group-plot{pointer-events:none;height:290px;transition:left .45s,top .45s;position:absolute;top:0;left:0}.group-plot.is-muted>.group-channel,.group-plot.is-muted>.group-name{opacity:.25}.group-city .group-name{z-index:100000;pointer-events:auto;background:var(--surface-page);border:2px solid var(--ink);max-width:100%;min-height:44px;box-shadow:3px 3px 0 var(--ink);overflow-wrap:anywhere;margin:auto;padding:6px 14px;line-height:1.2;display:block;position:relative}.group-name small{margin-top:3px;font-size:11px;display:block}.group-plot.is-selected .group-name{background:var(--brand-accent)}.group-channel{pointer-events:auto;width:170px;height:257px;position:absolute}.group-city .city-building{height:257px;display:block;position:relative;width:170px!important;padding:0!important}.group-city .city-building svg{width:170px;height:257px;max-height:none}.group-city .city-building>span,.group-city .city-building>strong{display:none}.group-city .city-building.selected{filter:drop-shadow(0 0 5px var(--brand-primary));transform:none}.group-platform{font:10px var(--font-city);pointer-events:none;background:var(--surface-page);border:1px solid;padding:1px 3px;position:absolute;bottom:24px;left:79px}.group-details article{margin-top:20px;padding-top:12px}.group-details small,.group-data-note{font-size:12px;line-height:1.5}.group-empty{padding:40px}.group-search{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.group-settings{border-top:2px solid;margin-top:24px;padding:24px 0}.group-settings label.share-choice{align-items:center;gap:10px;padding:10px 0;display:flex}.group-settings input[type=checkbox]{flex:0 0 20px;width:20px;height:20px;min-height:20px}.group-forms{grid-template-columns:1fr 1fr;gap:25px;display:grid}.group-forms form{align-content:start;gap:12px;display:grid}.group-invite{word-break:break-all}.group-settings fieldset{margin:15px 0}.group-select{max-width:400px}.group-status{min-height:24px}@media (width<=1050px){.group-city-layout{grid-template-columns:1fr}.group-city-viewport{height:550px}.group-forms{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.group-plot{transition:none}.group-city .city-person{animation:none}}.group-ranking>label{max-width:420px;display:block}.group-ranking>p{max-width:750px;font-size:13px}.group-ranking ol{max-width:750px;margin:20px 0;padding:0;list-style:none}.group-ranking li{grid-template-columns:45px 1fr auto;align-items:center;gap:12px;display:grid}.group-ranking li button{text-align:left;box-shadow:none;overflow-wrap:anywhere;background:0 0;border:0;padding:8px}.group-ranking li strong{font-size:15px}.group-city .group-channel,.group-city .city-building,.group-city .city-building svg{pointer-events:none}.group-city .city-building svg path,.group-city .city-building svg polygon,.group-city .city-building svg rect,.group-city .city-building svg circle{pointer-events:visiblePainted}@media (width<=600px){.group-city-viewport{height:420px}}.city-roadside-ad{background:var(--interaction-accent);width:320px;height:120px;color:var(--ink);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--brand-primary);flex-direction:column;justify-content:space-between;padding:10px 16px;text-decoration:none;display:flex;position:absolute}.city-roadside-ad:before,.city-roadside-ad:after{content:"";background:var(--ink);width:6px;height:20px;position:absolute;top:100%}.city-roadside-ad:before{left:32px}.city-roadside-ad:after{right:32px}.city-roadside-ad strong{font-size:22px;line-height:1.1}.city-roadside-ad small{font-size:10px}.city-roadside-ad span{font-size:12px}.billboard-preview{max-width:75ch;padding:28px 0;scroll-margin-top:24px}.group-photo-coin{vertical-align:middle;object-fit:cover;border:2px solid var(--interaction-accent);width:28px;height:28px;box-shadow:2px 2px 0 var(--brand-primary);background:var(--brand-accent);color:var(--ink);border-radius:50%;place-items:center;margin-right:6px;font-size:14px;display:inline-grid}.group-city{border:2px solid var(--ink);background:var(--surface-muted);min-width:0}.group-city-heading{background:var(--surface-page);border-bottom:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.group-city-heading h2{margin:0 0 8px;font-size:28px;line-height:1.2}.group-city-heading p{margin:0;font-size:15px}.group-city-heading>a{background:var(--interaction-accent);color:var(--ink);border:2px solid var(--ink);padding:12px}.group-city-heading>a:hover{background:var(--brand-accent)}.group-city-tools{background:var(--surface-page);border-bottom:2px solid var(--ink);gap:10px;padding:16px 20px}.group-city-hint{background:var(--surface-page);margin:0;padding:12px 20px}.group-capacity{border-top:1px solid #c6b6dc;border-bottom:2px solid var(--ink);background:var(--surface-muted);margin:0;padding:12px 20px;font-size:14px}.group-city-layout{border:0;grid-template-columns:minmax(0,1fr) 320px}.group-city-viewport{background-image:radial-gradient(#c6b6dc 1px,#0000 1px);background-size:20px 20px}.group-city-world{background-image:none}.group-search{background:var(--surface-page);padding:12px 20px}.group-ranking{border-top:2px solid var(--ink);background:var(--surface-page);margin:0;padding:20px}.group-ranking h3{margin:0 0 16px;font-size:24px}.group-ranking ol{background:#fff;border:1px solid #c6b6dc}.group-ranking li{border-bottom:1px solid var(--line-subtle);padding:12px}.group-ranking li:last-child{border-bottom:0}@media (width<=1050px){.group-city-layout{grid-template-columns:1fr}.group-city-heading,.group-city-tools{padding:14px}}.zoonelo-city .group-city>.group-city-hint,.zoonelo-city .group-city>.group-capacity{box-sizing:border-box;width:100%;max-width:none}.group-setup-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;margin:24px 0;display:grid}.group-setup-grid .community-organizer{display:contents}.community-setup-card h2,.community-setup-card h3{margin:0 0 20px;font-size:24px;line-height:1.2}.community-setup-card p{font-size:14px;line-height:1.5}.group-invite-column .group-settings{border:0;margin:0;padding:0}.community-setup-feedback{grid-column:1/-1}@media (width<=1050px){.group-setup-grid{grid-template-columns:1fr}}.community-setup-card label:has(input[type=checkbox]){font-size:14px;line-height:1.5}.community-platforms{border:1px solid #b8a2ce;min-width:0;margin:12px 0;padding:12px}.community-platforms .share-choice{align-items:center;gap:10px;margin:8px 0;display:flex}.community-platforms input[type=checkbox]{flex:0 0 20px;width:20px;height:20px;min-height:20px}.personal-block{border:2px solid var(--ink);background:var(--surface-muted);min-width:0;margin:24px 0}.personal-block-toolbar{background:var(--surface-page);border-bottom:2px solid var(--ink);flex-wrap:wrap;align-items:center;gap:20px;padding:20px;display:flex}.personal-block-toolbar h2,.personal-block-toolbar p{margin:0 0 8px}.personal-block-toolbar a{background:var(--interaction-accent);color:var(--ink);border:2px solid;padding:12px}.personal-block-toolbar label{align-items:center;gap:8px;display:flex}.personal-block-scroll{background-image:radial-gradient(#c6b6dc 1px,#0000 1px);background-size:20px 20px;max-height:750px;overflow:auto}.personal-block-world{transform-origin:0 0;isolation:isolate;width:1000px;height:760px;position:relative}.personal-block-ground{width:100%;height:100%;position:absolute;inset:0}.personal-block-building{pointer-events:none;width:170px;height:257px;position:absolute}.zoonelo-city .personal-block .city-building{pointer-events:auto;background:0 0;border:0;height:257px;display:block;transform:none;width:170px!important;padding:0!important}.personal-block .city-building svg{width:170px;height:257px;max-height:none}.personal-block .city-building>span,.personal-block .city-building>strong{display:none}.personal-block-label{border:1px solid var(--ink);text-overflow:ellipsis;white-space:nowrap;background:#fff;max-width:170px;padding:2px 4px;font-size:11px;line-height:1.3;display:block;position:absolute;top:239px;left:0;overflow:hidden}.personal-block-empty{color:var(--brand-primary);background:#e8e0f1;border:1px dashed #69418f;padding:8px;font-size:13px;position:absolute}.personal-block-accounts{background:var(--surface-page);flex-wrap:wrap;gap:8px;padding:16px;display:flex}.personal-block-accounts button{padding:8px 12px;font-size:14px}.personal-block-accounts button[aria-pressed=true]{background:var(--interaction-accent)}.personal-block>p{padding:0 16px;font-size:14px}@media (width<=700px){.personal-block-toolbar{padding:14px}.personal-block-scroll{max-height:500px}}.personal-block-scroll>div{margin-inline:auto}.zoonelo-city .personal-block-details .city-period-report{padding:14px 0}.personal-mobile-select{display:none}@media (width<=760px){.personal-mobile-select{flex-direction:column;gap:6px;padding:12px 0;font-size:14px;display:flex}.personal-mobile-select select{width:100%;min-height:44px}}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-shell .city-header nav{align-items:center;gap:24px}.site-shell .city-header nav a{text-decoration:none}.site-shell .city-header nav a.active{box-shadow:none;text-decoration:underline}.site-content{flex:1;padding:48px 0 64px}.site-content>h1,.site-prose h1{max-width:1000px;margin:0 0 30px;font-size:clamp(36px,5vw,68px);line-height:1.07}.site-hero{background:var(--brand-primary);color:#fff;border:2px solid var(--ink);padding:48px}.site-hero h1{margin:0 0 24px;font-size:clamp(44px,6vw,90px);line-height:1}.site-hero>p{max-width:680px;font-size:21px}.site-actions{flex-wrap:wrap;align-items:center;gap:24px;margin:30px 0;display:flex}.site-hero .site-actions>a:not(.site-button){color:#fff}.zoonelo-city .site-button{background:var(--brand-accent);color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:12px 20px;text-decoration:none;display:inline-block}.site-hero .site-note{max-width:600px;font-size:14px}.site-explainer{grid-template-columns:1fr 1fr;gap:40px;padding:48px 0;display:grid}.site-explainer h2{margin:0;font-size:36px;line-height:1.15}.site-explainer p:first-child{margin-top:0}.site-prose{max-width:780px}.site-prose section{border-bottom:1px solid #b9b8b4;padding:20px 0}.site-prose h2{margin-top:28px;font-size:25px;line-height:1.2}.site-prose p{line-height:1.75}.site-draft{background:var(--brand-accent);border:2px solid;padding:18px}.site-footer{border-top:2px solid;padding:24px 0 32px}.site-footer nav{border:0;flex-wrap:wrap;gap:22px;padding:12px 0;display:flex}.site-footer small{font-size:13px}.app-navigation{border-bottom:2px solid var(--ink);flex-wrap:wrap;gap:24px;padding:18px 0;display:flex}.app-navigation a{padding:8px 0}.app-navigation a.active{box-shadow:none;background:var(--brand-accent)}.site-empty{background:var(--brand-accent);border:2px solid;max-width:880px;padding:36px}.site-empty>svg{width:90px;height:90px}.site-empty h2{font-size:32px;line-height:1.15}.site-empty p{max-width:650px}.site-empty>a{margin:14px 22px 0 0;display:inline-block}.site-form{gap:20px;max-width:520px;margin-bottom:40px;display:grid}.site-form label{gap:8px;display:grid}.site-form input,.site-form select,.site-form textarea{width:100%;min-width:0;color:var(--ink);border:2px solid var(--ink);background:#fff;border-radius:0;padding:12px}.site-form small{font-size:13px}.site-form button{background:var(--brand-accent)}.site-login{max-width:560px;margin:auto}.site-login h1{font-size:48px;line-height:1.1}.site-login>button{background:var(--brand-accent);width:100%}.site-login form{max-width:none}.site-login p{line-height:1.6}.site-login .login-policy{font-size:14px}@media (width<=760px){.site-shell .city-header nav{justify-content:flex-start;gap:16px}.site-content{padding:30px 0 42px}.site-hero{padding:25px 20px}.site-hero>p{font-size:18px}.site-actions{flex-direction:column;align-items:flex-start}.site-explainer{grid-template-columns:1fr;gap:20px;padding:32px 0}.site-explainer h2{font-size:30px}.site-empty{padding:22px}.site-empty h2{font-size:27px}.app-navigation{gap:16px}.site-login h1{font-size:38px}.site-footer nav{gap:16px}}.site-shell .city-header nav a.active,.site-shell .app-navigation a.active{color:var(--ink)}.site-shell .site-login button.quiet{background:var(--brand-accent);color:var(--ink);border:2px solid var(--ink)}.personal-city-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.personal-city-grid .city-building{width:100%;max-width:300px;margin:auto}.personal-city-grid>div>p{text-align:center;font-size:13px}.personal-city-grid+.site-prose{padding:30px 0}.personal-city-grid+.site-prose dl{grid-template-columns:1fr 1fr;gap:16px;display:grid}.personal-city-grid+.site-prose dd{margin:0}.city-period-report{border-bottom:2px solid var(--ink);padding:24px 0}.city-period-report h3{font-size:25px}.city-period-report p{font-size:14px}.city-period-report dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.city-period-report dd{margin:0}.site-shell .meta-picker{width:100%;max-width:960px;margin:24px 0}.meta-picker legend{padding:0 0 12px}.meta-picker-list{overscroll-behavior:contain;border:2px solid var(--ink);max-height:360px;overflow-y:auto}.site-shell .meta-picker-row{cursor:pointer;border-bottom:1px solid #d5d3cc;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:12px;min-height:48px;margin:0;padding:10px 12px;font-size:16px;line-height:1.35;display:grid}.meta-picker-row:last-child{border-bottom:0}.meta-picker-row:hover{background:#fff2b8}.meta-picker-row:has(input:checked){background:#e2fbff}.site-shell .meta-picker-row input[type=checkbox]{appearance:auto;width:20px;min-width:20px;height:20px;min-height:20px;accent-color:var(--brand-primary);margin:0;padding:0}.meta-picker-name{overflow-wrap:anywhere}.meta-picker-platform{color:#4c4c4c;font-size:12px}.meta-picker-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;font-size:14px;display:flex}@media (width<=480px){.site-shell .meta-picker-row{gap:8px;padding:10px;font-size:14px}.meta-picker-actions button{width:100%}}.meta-picker-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.meta-picker-column{min-width:0}.site-shell .meta-picker-column h3{align-items:baseline;gap:10px;margin:0 0 10px;font-size:20px;display:flex}.meta-picker-column h3 span{font-size:14px}.meta-picker-empty{margin:0;padding:12px;font-size:14px}@media (width<=600px){.meta-picker-columns{grid-template-columns:1fr;gap:20px}}.meta-account-actions{flex-wrap:wrap;gap:10px;display:flex}.meta-import-progress{margin-top:16px}.meta-import-track{border:1px solid var(--ink);background:#e5e3dc;height:10px;overflow:hidden}.meta-import-track span{background:var(--brand-primary);width:0;height:100%;display:block}.meta-import-progress[data-state=running] .meta-import-track span{width:35%;animation:1.4s ease-in-out infinite alternate meta-import-motion}.meta-import-progress[data-state=complete] .meta-import-track span{width:100%}.meta-import-progress[data-state=stopped] .meta-import-track{border-color:#aa341c}.site-shell .meta-import-progress p{margin:8px 0 0;font-size:13px;line-height:1.5}@keyframes meta-import-motion{0%{transform:translate(-100%)}to{transform:translate(286%)}}@media (prefers-reduced-motion:reduce){.meta-import-progress[data-state=running] .meta-import-track span{background:repeating-linear-gradient(90deg, var(--brand-primary) 0 12px, #e5e3dc 12px 24px);width:100%;animation:none}}.site-login .login-providers{gap:10px;margin:22px 0;display:grid}.site-login .login-providers button{width:100%;min-height:48px}.settings-grid{gap:20px;margin:24px 0;display:grid}.zoonelo-city .settings-card h2{margin:0 0 18px;font-size:24px;line-height:1.2}.zoonelo-city .settings-card h3{font-size:19px;line-height:1.3}.settings-card .community-organizer,.settings-card .site-prose{border:0;max-width:none;margin:0;padding:0}.settings-card p,.settings-card small{font-size:13px;line-height:1.5}.settings-card label{font-size:14px}.settings-data>.site-prose+.site-prose{border-top:1px solid #b7a9c8;margin-top:24px;padding-top:24px}.settings-card button{padding:10px 12px;font-size:14px}@media (width<=1050px){.settings-grid{grid-template-columns:1fr}}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.settings-card{flex-direction:column;height:100%;display:flex}.settings-public-profile{grid-area:1/2}.settings-profile-links{grid-area:2/1}.settings-data{grid-area:2/2}.settings-card .site-form{gap:10px}.settings-card .site-form label{gap:6px;margin:0}.settings-card .site-form p:empty{display:none}.group-setup-grid{align-items:stretch}@media (width<=1050px){.settings-grid{grid-template-columns:1fr}.settings-public-profile,.settings-profile-links,.settings-data{grid-area:auto}}@media (width<=760px){.site-content{padding:24px 0 32px}.site-content>h1,.site-prose h1{margin-bottom:18px;font-size:34px}.site-actions{gap:10px;margin:18px 0}.site-explainer{gap:16px;padding:24px 0}.site-explainer h2{font-size:28px}.zoonelo-city input:not([type=checkbox]):not([type=range]):not([type=color]),.zoonelo-city select,.zoonelo-city textarea{font-size:16px}.settings-grid{gap:14px}}.advertising-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0;display:grid}.advertising-options article{border:3px solid var(--ink);background:var(--surface-page);flex-direction:column;padding:24px;display:flex}.advertising-options article:first-child{border-top:12px solid var(--brand-accent)}.advertising-options article:last-child{border-top:12px solid var(--brand-magenta)}.advertising-options .ad-price{margin:12px 0;font-size:40px}.advertising-options small{font-size:16px}.advertising-options .city-start-button{margin-top:auto}.advertising-section{border-top:2px solid var(--ink);padding:28px 0}.advertising-section p,.advertising-section ol{max-width:80ch}.advertising-section li{margin:0 0 18px}@media (width<=760px){.advertising-options{grid-template-columns:1fr;gap:16px}.advertising-options article{padding:18px}.advertising-section{padding:20px 0}}.zoonelo-city{--color-text:#2c1e4a;--color-muted:#665575;--color-surface:#fff;--color-primary:#4a2a6f;--color-focus:#a60068;--color-border:#bca3d2;--ink:#2c1e4a;--brand-magenta:#ff00a0;--surface-page:#f8f5fc;--surface-muted:#eee8f5;--line-subtle:#ddd1e9;--font-city:"Space Grotesk", sans-serif;--brand-primary:#4a2a6f;--brand-accent:#00f0ff;--interaction-accent:#fc0}:is(.settings-card,.community-setup-card){border:2px solid var(--ink);background:var(--surface-muted);min-width:0;padding:20px}:is(.settings-card,.community-setup-card) .site-form{width:100%;max-width:none;margin:0}:is(.settings-card,.community-setup-card) :is(input:not([type=checkbox]),textarea,select){box-sizing:border-box;width:100%;min-width:0}:is(.settings-card,.community-setup-card) label:has(input[type=checkbox]){align-items:flex-start;gap:10px;display:flex}:is(.settings-card,.community-setup-card) input[type=checkbox]{flex:0 0 20px;width:20px;height:20px;min-height:20px;margin:2px 0}@media (width<=1050px){:is(.settings-card,.community-setup-card){padding:18px}}.mobile-disclosure>summary{display:none}@media (width<=760px){.mobile-disclosure{border-block:2px solid var(--ink);margin-block:14px}.mobile-disclosure>summary{cursor:pointer;min-height:48px;padding:14px 4px;font-size:16px;line-height:1.4;display:list-item}.mobile-disclosure>div{padding-bottom:14px}.mobile-disclosure>summary:focus-visible{outline:3px solid var(--brand-magenta);outline-offset:2px}}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk.ttf)format("truetype");font-display:swap;font-weight:300 700}.zoonelo-city{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--surface-page);color:var(--ink);min-height:100vh;padding:0 4vw}.zoonelo-city *{box-sizing:border-box}.zoonelo-city h1,.zoonelo-city h2,.zoonelo-city h3,.city-brand{letter-spacing:-.045em}.zoonelo-city button,.zoonelo-city a{color:var(--ink)}.zoonelo-city button{border:2px solid var(--ink);cursor:pointer;box-shadow:none;background:0 0;border-radius:0;min-height:44px;padding:10px 16px}.zoonelo-city button:not(:disabled):hover{background:var(--interaction-accent);color:var(--ink)}.zoonelo-city button:disabled{cursor:not-allowed;opacity:.65}.zoonelo-city button:focus-visible,.zoonelo-city a:focus-visible{outline-offset:5px;outline:3px solid #a60068}.city-header{border-bottom:2px solid var(--ink);gap:28px;padding:22px 0;display:flex}.city-brand{align-items:center;gap:9px;font-size:38px;line-height:1;text-decoration:none;display:flex}.city-brand svg{width:43px;height:43px}.city-header nav{gap:12px;margin-left:auto;display:flex}.city-header nav button{border-color:#0000}.city-header nav button[aria-pressed=true]{background:var(--brand-accent);border-color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.city-intro{background:var(--brand-primary);color:#fff;border:2px solid var(--ink);border-top:0;justify-content:space-between;align-items:end;gap:30px;padding:40px;display:flex}.city-intro h1{margin:0;font-size:clamp(48px,6.4vw,100px);line-height:.98}.city-intro p{margin:20px 0 0;font-size:19px}.city-intro-note{max-width:300px}.iso-mini{font-size:56px;line-height:1}.city-intro-note button{background:var(--brand-accent);box-shadow:5px 5px 0 var(--ink);justify-content:space-between;width:100%;margin-top:24px;display:flex}.city-demo-note{border-bottom:2px solid var(--ink);gap:18px;padding:14px 0;font-size:14px;display:flex}.city-demo-note strong{white-space:nowrap}.city-workspace{border-bottom:2px solid var(--ink);grid-template-columns:minmax(0,1fr) 300px;display:grid}.city-main{min-width:0;padding:24px 24px 20px 0}.city-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.city-toolbar>span{font-size:13px}.city-period{gap:5px;display:flex}.city-period button{padding:8px 12px;font-size:14px}.city-period button[aria-pressed=true]{background:var(--ink);color:#fff}.city-stats{gap:40px;margin-top:24px;display:flex}.city-stats>div{flex-direction:column;display:flex}.city-stats strong{letter-spacing:-.06em;font-size:42px;line-height:1.2}.city-stats span{font-size:14px}.city-skyline{isolation:isolate;justify-content:center;align-items:end;min-height:430px;padding:12px 0 0;display:flex}.zoonelo-city .city-building{border:0;flex-direction:column;justify-content:end;align-items:center;width:33.333%;min-width:0;padding:0 0 8px;transition:transform .4s;display:flex;background:0 0!important}.city-building svg{width:100%;max-height:390px;overflow:visible}.city-building.selected{transform:translateY(-8px)}.city-building.selected strong{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:3px}.city-building path{transition:d .65s}.city-building rect{transition:fill .6s}.building-platform{font-size:13px}.city-building strong{overflow-wrap:anywhere;font-size:16px}.city-building>span:last-child{margin-top:5px;font-size:13px}.city-legend{flex-wrap:wrap;justify-content:center;gap:22px;margin-top:28px;font-size:13px;display:flex}.city-legend span{align-items:center;gap:8px;display:flex}.city-legend i{background:var(--brand-magenta);border:1px solid;width:12px;height:12px;display:inline-block}.city-legend span+span i{background:var(--brand-accent)}.city-rail{border-left:2px solid var(--ink);background:var(--brand-accent)}.city-rail section{border-bottom:2px solid var(--ink);padding:24px}.city-rail section:last-child{border-bottom:0}.city-rail h2{margin:0 0 16px;font-size:25px;line-height:1.2}.city-rail p{margin:10px 0;font-size:14px}.city-challenge-number{font-size:38px;line-height:1.2}.city-challenge-number span{margin-left:8px;font-size:16px}.city-rail progress{width:100%;height:20px;accent-color:var(--brand-primary);border:2px solid var(--ink);border-radius:0}.city-rail small{font-size:12px}.city-detail{background:var(--surface-page)}.city-detail>span{font-size:14px}.city-detail h2{overflow-wrap:anywhere;margin-top:8px}.city-detail dl{margin:0}.city-detail dl>div{border-bottom:1px solid #aaa;justify-content:space-between;padding:9px 0;font-size:14px;display:flex}.city-detail dd{margin:0}.city-demo-controls{background:var(--brand-magenta)}.city-demo-controls h3{margin:0;font-size:23px}.zoonelo-city .city-demo-controls button:not(.city-reset){background:var(--interaction-accent);color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);width:100%;font-size:14px}.zoonelo-city .city-demo-controls button:not(.city-reset):not(:disabled):hover{background:var(--brand-accent);color:var(--ink)}.city-demo-controls .city-reset{color:var(--ink);background:0 0;border:0;padding-bottom:0;text-decoration:underline}.city-status{min-height:48px;margin:0;padding:12px 0;font-size:14px}.city-account-table{padding:28px 0 42px}.city-account-table h2{margin:0 0 20px;font-size:30px}.city-table-scroll{overflow-x:auto}.city-account-table table{border-collapse:collapse;width:100%;font-size:16px}.city-account-table caption{text-align:left;margin-bottom:12px;font-size:14px}.city-account-table th,.city-account-table td{text-align:left;border-bottom:1px solid #999;padding:14px 10px}.city-account-table thead{background:var(--ink);color:#fff}.city-account-table th button{border:0;padding:2px 0;text-decoration:underline}.city-footer{border-top:2px solid var(--ink);justify-content:space-between;align-items:center;gap:20px;padding:28px 0;display:flex}.city-footer .city-brand{font-size:26px}.city-footer .city-brand svg{width:30px;height:30px}.city-footer>span{font-size:13px}.city-information{max-width:1000px;min-height:55vh;padding:48px 0}.city-information h2{font-size:clamp(30px,4vw,54px);line-height:1.1}.city-information>p{max-width:700px}.city-connect-grid{grid-template-columns:1fr 1fr;gap:24px;margin:32px 0;display:grid}.city-connect-grid article{border:2px solid;padding:24px}.city-information>button{background:var(--brand-accent)}@media (width>=1600px){.zoonelo-city{padding:0 max(4vw,50vw - 750px)}}@media (width<=1000px){.city-workspace{grid-template-columns:minmax(0,1fr) 250px}.city-header{gap:16px}.city-brand{font-size:29px}.city-header nav{gap:3px}.city-header nav button{padding:8px}.city-intro{padding:28px}.city-rail section{padding:20px}.city-stats{gap:25px}.city-skyline{min-height:350px}.city-footer{flex-wrap:wrap}}@media (width<=760px){.zoonelo-city{padding:0 18px}.city-header{flex-wrap:wrap;justify-content:space-between;padding:16px 0}.city-header nav{order:3;justify-content:space-between;width:100%;margin:0}.city-brand{font-size:32px}.city-intro{padding:20px 16px;display:block}.city-intro h1{font-size:38px}.city-intro>div>p{font-size:16px}.city-intro-note{max-width:none}.iso-mini,.city-intro-note>p{display:none}.city-intro-note button{margin-top:22px}.city-demo-note{font-size:13px;display:block}.city-demo-note strong{margin-bottom:5px;display:block}.city-workspace{display:block}.city-main{padding:20px 0}.city-toolbar>span{display:none}.city-period{width:100%}.city-period button{flex:1;padding:8px 4px;font-size:13px}.city-stats{justify-content:space-between;gap:18px}.city-stats strong{font-size:35px}.city-stats span{font-size:12px}.city-skyline{min-height:210px;padding-top:8px}.city-building strong{font-size:12px}.city-skyline .building-detail,.city-skyline .building-next{display:none}.building-platform,.city-building>span:last-child{font-size:11px}.city-legend{gap:12px;margin-top:18px;font-size:11px}.city-rail{border-top:2px solid;border-left:0;grid-template-columns:1fr 1fr;display:grid}.city-rail section{padding:18px}.city-rail section:first-child{grid-column:1/-1}.city-rail .city-detail{border-bottom:0;border-right:2px solid}.city-rail h2,.city-demo-controls h3{font-size:21px}.city-rail p{font-size:13px}.city-detail dl>div{display:block}.city-demo-controls button{padding:8px;font-size:13px}.city-account-table h2{font-size:26px}.city-account-table table{font-size:13px}.city-account-table td,.city-account-table th{padding:12px 5px}.city-account-table th button{font-size:12px}.city-footer{display:block}.city-footer>p{font-size:15px}.city-connect-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.zoonelo-city *{transition:none!important;animation:none!important}}.zoonelo-city section{margin-block:0}.zoonelo-city .city-header nav{border:0;padding:0}.zoonelo-city .city-building[aria-pressed],.zoonelo-city .city-period button[aria-pressed=true]{box-shadow:none}.zoonelo-city progress::-webkit-progress-bar{background:var(--surface-page)}.zoonelo-city progress::-webkit-progress-value{background:var(--brand-primary)}.zoonelo-city progress::-moz-progress-bar{background:var(--brand-primary)}.city-window.lit{filter:drop-shadow(0 0 2px var(--interaction-accent))}.city-person{animation:2.8s ease-in-out infinite alternate city-stroll}@keyframes city-stroll{to{transform:translate(3px,-1.5px)}}.city-building .building-detail{margin-top:4px;font-size:12px}.city-building .building-next{color:#4b4b4b;margin-top:8px;font-size:12px}.city-data-legend{font-size:14px}@media (prefers-reduced-motion:reduce){.city-person{animation:none}}.zoonelo-city button:not(:disabled):focus-visible,.zoonelo-city .site-button:hover,.zoonelo-city .site-button:focus-visible,.zoonelo-city nav a:hover,.zoonelo-city nav a:focus-visible,.zoonelo-city .site-actions>a:hover,.zoonelo-city .site-actions>a:focus-visible{background:var(--interaction-accent);color:var(--ink)}.city-group-preview{padding:32px 0}.city-group-preview>h1{font-size:clamp(28px,4vw,48px)}.city-group-preview>p{max-width:70ch}.zoonelo-city,.zoonelo-city *{font-family:var(--font-city)!important;font-weight:700!important}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-body:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:var(--font-body);--text-sm:.9375rem;--text-body:1rem;--text-lg:1.25rem;--text-title:clamp(1.75rem, 4vw, 3rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--page-gutter:clamp(1rem, 3vw, 2.5rem);--content-max:72rem;--reading-max:65ch;--radius-control:.625rem;--radius-tile:.75rem;--color-bg:#f8f5fc;--color-surface:#fff;--color-text:#2c1e4a;--color-muted:#665575;--color-border:#ccd2dc;--color-primary:#4a2a6f;--color-on-primary:#fff;--color-day-posted:#4a2a6f;--color-day-empty:#e8ecf2;--color-focus:#a60068;--color-success:#176347;--color-error:#b42318;--color-celebration:#fc0;--motion-quick:.14s}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#211633;--color-surface:#2c1e4a;--color-text:#f5f7fc;--color-muted:#b9c3d3;--color-border:#596477;--color-primary:#00f0ff;--color-on-primary:#2c1e4a;--color-day-posted:#00f0ff;--color-day-empty:#4a2a6f;--color-focus:#ff80cf;--color-success:#85dfb3;--color-error:#ffaba2}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#211633;--color-surface:#2c1e4a;--color-text:#f5f7fc;--color-muted:#b9c3d3;--color-border:#596477;--color-primary:#00f0ff;--color-on-primary:#2c1e4a;--color-day-posted:#00f0ff;--color-day-empty:#4a2a6f;--color-focus:#ff80cf;--color-success:#85dfb3;--color-error:#ffaba2}}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);min-width:0;color:var(--color-text);font-family:var(--font-body);font-size:var(--text-body);margin:0;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}img,video{max-width:100%;height:auto}p,h1,h2,h3{overflow-wrap:anywhere}.container{width:min(100% - 2 * var(--page-gutter), var(--content-max));margin-inline:auto}@media (prefers-reduced-motion:reduce){:root{--motion-quick:0s}}a{color:var(--color-primary);text-underline-offset:.2em}header{justify-content:space-between;align-items:center;gap:1rem;padding-block:1.5rem;display:flex}.brand{color:var(--color-text);letter-spacing:-.06em;font-size:1.8rem;font-weight:850;text-decoration:none}.brand-dot{color:var(--color-primary)}h1{font-size:var(--text-title);letter-spacing:-.035em;margin-block:2rem 1rem;line-height:1.12}h2{letter-spacing:-.02em;line-height:1.2}p{max-width:70ch}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:3rem;padding-block:3rem;display:grid}.hero h1{font-size:clamp(2.3rem,5.2vw,4.5rem)}.intro{font-size:1.2rem}.sample{background:var(--color-surface);border:1px solid var(--color-border);border-radius:1.25rem;padding:1.5rem;transform:rotate(2deg)}.intro-columns{border-top:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding-block:2rem;display:grid}button,.button{border-radius:var(--radius-control);background:var(--color-primary);min-height:44px;color:var(--color-on-primary);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:.65rem 1.1rem;font-weight:650;text-decoration:none;display:inline-flex}button:disabled{opacity:.6;cursor:wait}button.quiet{color:var(--color-text);border-color:var(--color-border);background:var(--color-surface)}button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--color-focus)}nav{border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:.35rem 1rem;padding-block:.5rem 1rem;display:flex}nav a{color:var(--color-muted);padding:.6rem .2rem;text-decoration:none}nav a.active{color:var(--color-primary);box-shadow:0 2px var(--color-primary);font-weight:700}.toolbar{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.toolbar label{flex:1;min-width:min(100%,14rem);max-width:28rem}label{margin-block:.6rem;font-weight:600;display:block}input,select,textarea{width:100%;min-width:0;min-height:44px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);margin-top:.35rem;padding:.65rem;display:block}textarea{resize:vertical;min-height:90px}fieldset{border:0;min-width:0;margin:0;padding:0}form{max-width:44rem}form button[type=submit]{margin-top:1rem}.fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:.5rem 1rem;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;display:grid}section{min-width:0;margin-block:2rem}.day-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;display:grid}.day-grid>*{aspect-ratio:1;border-radius:var(--radius-tile);background:var(--color-day-empty);min-width:0;min-height:44px;color:var(--color-text);justify-content:center;align-items:center;padding:.2rem;font-weight:650;display:flex}.day-grid .posted{background:var(--color-day-posted);color:var(--color-on-primary)}.stats{border-block:1px solid var(--color-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding-block:1.5rem;display:grid}dt{color:var(--color-muted)}dd{overflow-wrap:anywhere;margin:.5rem 0 0;font-size:clamp(1.1rem,2.5vw,1.8rem);font-weight:750}.tabs{flex-wrap:wrap;gap:.5rem;display:flex}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}caption{text-align:left;color:var(--color-muted);padding-block:1rem}th,td{border-bottom:1px solid var(--color-border);overflow-wrap:anywhere;padding:1rem .75rem}small{color:var(--color-muted);font-weight:400;display:block}.your-row{background:var(--color-day-empty)}.post{border-bottom:1px solid var(--color-border);padding-block:1.5rem}.post h3{margin-top:0}.post a{margin-right:1rem;padding-block:.7rem;display:inline-block}details{margin-block:1rem}summary{cursor:pointer;padding-block:.5rem;font-weight:650}.muted,footer{color:var(--color-muted)}footer{border-top:1px solid var(--color-border);margin-top:3rem;padding-block:2rem}.narrow{max-width:36rem;padding-block:3rem}[role=alert]{color:var(--color-error)}@media (width<=760px){.hero,.two-columns{grid-template-columns:1fr;gap:1rem}.hero{padding-block:1rem}.sample{transform:none}.intro-columns{grid-template-columns:1fr;gap:.5rem}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=360px){.day-grid{gap:.2rem}th,td{padding:.7rem .3rem}}.group-brand{flex-wrap:wrap;align-items:center;gap:1rem;margin-block:1rem;display:flex}.group-brand img{object-fit:contain;max-height:96px}.group-brand form{flex-basis:100%}.badges{flex-wrap:wrap;gap:.75rem;padding:0;list-style:none;display:flex}.badges li{border:1px solid var(--color-border);border-radius:var(--radius-tile);padding:.6rem .9rem}.badges .earned{border-color:var(--color-success)}