@layer z.tokens,z.base,z.components;@layer z.pages{.z-discover{gap:var(--z-space-18);padding-block:var(--z-space-18);flex-direction:column;display:flex}.z-welcome{grid-template-columns:minmax(0, 1fr) var(--z-aside-w);align-items:center;gap:var(--z-space-16);display:grid}.z-welcome__text{align-items:flex-start;gap:var(--z-space-5);flex-direction:column;display:flex}.z-welcome__lead{max-width:560px;color:var(--z-sub);font:var(--z-text-body-lg)}.z-welcome__actions{gap:var(--z-space-3);flex-wrap:wrap;display:flex}.z-steps{gap:var(--z-space-5);padding:var(--z-space-6);flex-direction:column;display:flex}.z-steps ol{gap:var(--z-space-5);counter-reset:step;display:grid}.z-steps li{grid-template-columns:var(--z-space-6) minmax(0, 1fr);gap:var(--z-space-4);counter-increment:step;display:grid}.z-steps li:before{content:counter(step);width:var(--z-space-6);height:var(--z-space-6);border-radius:var(--z-radius-full);background:var(--z-muted);color:var(--z-ink);font:var(--z-text-label);place-items:center;display:grid}.z-steps strong{font:var(--z-text-body-strong);display:block}.z-steps p{color:var(--z-sub);font:var(--z-text-small)}.z-hello{justify-content:space-between;align-items:center;gap:var(--z-space-3) var(--z-space-6);flex-wrap:wrap;display:flex}.z-hello>div:first-child{flex:18rem;min-width:0}.z-hello h1{overflow-wrap:anywhere}.z-hello p{color:var(--z-sub);font:var(--z-text-small);align-items:center;gap:var(--z-space-1) var(--z-space-3);flex-wrap:wrap;display:flex}.z-agenda-grid{grid-template-columns:minmax(0, 1fr) var(--z-aside-w);align-items:start;gap:var(--z-space-6);display:grid}.z-agenda,.z-aside{min-width:0}.z-agenda{gap:var(--z-space-4);flex-direction:column;display:flex}.z-agenda__head{justify-content:space-between;align-items:center;gap:var(--z-space-4);display:flex}.z-agenda__desc{margin-top:calc(-1 * var(--z-space-1));color:var(--z-sub);font:var(--z-text-small)}.z-aside{gap:var(--z-space-6);flex-direction:column;display:flex}.z-board{gap:var(--z-space-4);flex-direction:column;width:100%;display:flex;container-type:inline-size}.z-board__head{justify-content:space-between;align-items:center;gap:var(--z-space-3);flex-wrap:wrap;display:flex}.z-board__head>h2{flex:auto;min-width:0}.z-board__list{grid-template-columns:minmax(var(--z-space-5), max-content) auto minmax(0, 1fr) auto;column-gap:var(--z-space-3);row-gap:var(--z-space-3);display:grid}.z-board__row{column-gap:var(--z-space-3);grid-column:1/-1;grid-template-columns:var(--z-space-8) auto minmax(0, 1fr) auto;grid-template-columns:subgrid;align-items:center;display:grid}.z-board__row .z-numeral{text-align:end}.z-board__who{flex-direction:column;min-width:0;display:flex}.z-board__row{border-radius:var(--z-radius-sm);position:relative}.z-board__who a{text-overflow:ellipsis;white-space:nowrap;font:var(--z-text-body-strong);overflow:hidden}.z-board__who a:after{content:"";position:absolute;inset:0}.z-board__who a:focus-visible{outline:none}.z-board__row:has(.z-board__who a:focus-visible){outline:2px solid var(--z-focus);outline-offset:2px}@media (pointer:coarse){.z-board__row{min-height:var(--z-tap)}}@media (hover:hover){.z-board__row:hover .z-board__who a{text-underline-offset:3px;text-decoration:underline}}.z-board__who span{color:var(--z-sub);font:var(--z-text-caption);overflow-wrap:anywhere}.z-board__empty{color:var(--z-sub);font:var(--z-text-small)}.z-board__pts{font:var(--z-text-small-strong);font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}@container (max-width:20rem){.z-board__list{grid-template-columns:minmax(var(--z-space-5), max-content) minmax(0, 1fr) auto}.z-board__row{grid-template-columns:var(--z-space-8) minmax(0, 1fr) auto;grid-template-columns:subgrid}.z-board__row>.z-avatar{display:none}}.z-board__rules{border-radius:var(--z-radius-sm);background:var(--z-muted);font:var(--z-text-small)}.z-board__rules summary{justify-content:space-between;align-items:center;gap:var(--z-space-2);min-height:var(--z-tap);padding:0 var(--z-space-4);color:var(--z-accent-text);font:var(--z-text-small-strong);list-style:none;display:flex}.z-board__rules summary::-webkit-details-marker{display:none}.z-board__rules summary .z-icon{width:16px;height:16px;transition:transform var(--z-dur) var(--z-ease)}.z-board__rules[open] summary .z-icon{transform:rotate(180deg)}.z-board__rules summary:focus-visible{outline-offset:-2px}@media (hover:hover){.z-board__rules summary:hover{text-underline-offset:3px;text-decoration:underline}}.z-board__rules>div{gap:var(--z-space-2);padding:0 var(--z-space-4) var(--z-space-4);color:var(--z-sub);display:grid}.z-board__rules strong{color:var(--z-ink);font:var(--z-text-small-strong)}.z-reward{align-items:flex-start;gap:var(--z-space-3);flex-direction:column;display:flex}.z-reward__prize{align-items:center;gap:var(--z-space-3);min-width:0;display:flex}.z-reward__prize>div{min-width:0}.z-reward__prize strong{font:var(--z-text-body-strong);overflow-wrap:anywhere;display:block}.z-reward__prize span{color:var(--z-sub);font:var(--z-text-caption)}.z-reward__note{color:var(--z-sub);font:var(--z-text-small)}.z-areas h2{padding:var(--z-space-5) var(--z-space-5) var(--z-space-2)}.z-areas ul{gap:var(--z-space-2);padding:var(--z-space-2) var(--z-space-5) var(--z-space-5);flex-wrap:wrap;display:flex}.z-areas a{min-height:var(--z-control-h);padding:0 var(--z-space-3);border:1px solid var(--z-line);border-radius:var(--z-radius-sm);transition:border-color var(--z-dur-fast) var(--z-ease);align-items:center;display:flex}.z-areas .z-cat{color:var(--z-ink)}.z-areas .z-icon{width:16px;height:16px;color:var(--z-sub);transition:transform var(--z-dur) var(--z-ease);display:none}@media (hover:hover){.z-areas a:hover{border-color:var(--z-line-strong)}.z-areas a:hover .z-cat{text-underline-offset:3px;text-decoration:underline}}@media (pointer:coarse){.z-areas a{min-height:var(--z-tap)}}.z-works{gap:var(--z-space-6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.z-tools{gap:var(--z-space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (min-width:60em) and (max-width:68.6875em){.z-areas ul{padding:0 var(--z-space-5) var(--z-space-2);display:block}.z-areas li+li{border-top:1px solid var(--z-line)}.z-areas a{justify-content:space-between;gap:var(--z-space-3);min-height:var(--z-tap);border:0;padding:0}.z-areas .z-icon{display:block}@media (hover:hover){.z-areas a:hover .z-icon{color:var(--z-ink);transform:translate(2px)}}}@media (max-width:68.6875em){.z-welcome{gap:var(--z-space-10)}.z-works{gap:var(--z-space-4)}.z-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:59.9375em){.z-discover{gap:var(--z-space-12);padding-block:var(--z-space-10) var(--z-space-12)}.z-welcome{gap:var(--z-space-8);grid-template-columns:minmax(0,1fr)}.z-agenda-grid{gap:var(--z-space-10);grid-template-columns:minmax(0,1fr)}.z-works{gap:var(--z-space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.z-agenda .z-topic:nth-child(n+7){display:none}}@media (max-width:39.9375em){.z-discover{gap:var(--z-space-10);padding-block:var(--z-space-8) var(--z-space-10)}.z-welcome{gap:var(--z-space-6)}.z-welcome__text{gap:var(--z-space-4)}.z-welcome__lead{font:var(--z-text-body)}.z-welcome__actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.z-steps{gap:var(--z-space-4);padding:var(--z-space-4)}.z-steps ol{gap:var(--z-space-4)}.z-areas h2{padding:var(--z-space-4) var(--z-space-4) var(--z-space-1)}.z-areas ul{padding:var(--z-space-2) var(--z-space-4) var(--z-space-4)}.z-works{gap:var(--z-space-3);margin:calc(-1 * var(--z-space-1)) calc(-1 * var(--z-gutter));padding:var(--z-space-1) var(--z-gutter);scroll-snap-type:x mandatory;scroll-padding-inline:var(--z-gutter);scrollbar-width:none;display:flex;overflow-x:auto}.z-works::-webkit-scrollbar{display:none}.z-works>*{scroll-snap-align:start;flex:0 0 72%}.z-tools{gap:var(--z-space-3);grid-template-columns:minmax(0,1fr)}.z-tools>:has(.z-tool__meta[data-empty]){display:none}.z-tools>:nth-child(n+4){display:none}}}@layer z.utilities;
