.home{gap:var(--space-12);flex-direction:column;display:flex}.home__intro{gap:var(--space-5);max-width:760px;padding-top:var(--space-10);flex-direction:column;display:flex}.home__title{font:var(--type-headline-large);text-wrap:pretty}.home__chips{align-items:center;gap:var(--space-2);color:var(--on-surface-variant);font:var(--type-label-large);letter-spacing:var(--track-label-large);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--space-2);height:var(--chip-h);padding:0 var(--space-4) 0 var(--space-2);border:1px solid var(--outline);border-radius:var(--radius-sm);color:var(--on-surface);display:inline-flex}.chip .ds-icon{color:var(--primary)}.home__sec{gap:var(--space-4);flex-direction:column;display:flex}.home__h{align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.home__h span{color:var(--on-surface-variant);font:var(--type-body-medium);letter-spacing:var(--track-body-medium)}.feat{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(270px,1fr));margin:0;padding:0;list-style:none;display:grid}.feat__card{gap:var(--space-4);height:100%;padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-container-highest);color:var(--on-surface);flex-direction:column;display:flex}.feat__text{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.feat__name{font:var(--type-title-medium);letter-spacing:var(--track-title-medium)}.feat__line{color:var(--on-surface-variant);font:var(--type-body-medium);letter-spacing:var(--track-body-medium);text-wrap:pretty}.dir{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(330px,1fr));align-items:start;display:grid}.dir__cat{border:1px solid var(--outline-variant);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.dir__head{align-items:center;gap:var(--space-4);min-height:72px;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--outline-variant);color:var(--on-surface);display:flex}.dir__name{font:var(--type-title-medium);letter-spacing:var(--track-title-medium);flex-direction:column;flex:1;display:flex}.dir__count{color:var(--on-surface-variant);font:var(--type-body-medium);letter-spacing:var(--track-body-medium)}.dir__all{color:var(--primary);font:var(--type-label-large);letter-spacing:var(--track-label-large)}.dir__list{padding:var(--space-2) 0;margin:0;list-style:none}.dir__tool{align-items:center;gap:var(--space-4);min-height:var(--list-h);padding:var(--space-2) var(--space-4);color:var(--on-surface);display:flex}a.dir__tool{min-height:72px}.dir__tool.is-soon{color:var(--on-surface-variant)}.dir__text{flex-direction:column;flex:1;min-width:0;display:flex}.dir__tname{font:var(--type-body-large);letter-spacing:var(--track-body-large)}.dir__line{color:var(--on-surface-variant);font:var(--type-body-medium);letter-spacing:var(--track-body-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dir__empty{color:var(--on-surface-variant)}.cat-head{align-items:center;gap:var(--space-4);display:flex}.cat-head p{margin-top:var(--space-1);color:var(--on-surface-variant)}.cat-bar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.seg{gap:var(--space-2);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.seg input{opacity:0;position:absolute}.seg label{align-items:center;gap:var(--space-2);height:var(--chip-h);padding:0 var(--space-4);border:1px solid var(--outline);border-radius:var(--radius-sm);color:var(--on-surface-variant);font:var(--type-label-large);letter-spacing:var(--track-label-large);cursor:pointer;display:flex}.seg label .ds-icon{display:none}.seg input:checked+label{padding-left:var(--space-2);background:var(--secondary-container);color:var(--on-secondary-container);border-color:#0000}.seg input:checked+label .ds-icon{display:block}.seg input:focus-visible+label{outline:3px solid var(--secondary);outline-offset:2px}.cat-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0;padding:0;list-style:none;display:grid}.cat-page:has(#f-live:checked) .cat-grid>[data-status=soon],.cat-page:has(#f-soon:checked) .cat-grid>[data-status=live]{display:none}.tcard{gap:var(--space-4);height:100%;min-height:160px;padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-container-highest);color:var(--on-surface);flex-direction:column;display:flex}.tcard.is-soon{box-shadow:inset 0 0 0 1px var(--outline-variant);background:0 0}.tcard__top{justify-content:space-between;align-items:flex-start;display:flex}.tcard__text{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.tcard__name{font:var(--type-title-medium);letter-spacing:var(--track-title-medium)}.is-soon .tcard__name{color:var(--on-surface-variant)}.tcard__line{color:var(--on-surface-variant);font:var(--type-body-medium);letter-spacing:var(--track-body-medium);text-wrap:pretty}.others{gap:var(--space-4);padding-top:var(--space-4);flex-direction:column;display:flex}.others h2{font:var(--type-title-large)}.others ul{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0;padding:0;list-style:none;display:grid}.others li{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--outline-variant);border-radius:var(--radius-md);display:flex}.others li>span:last-child{flex-direction:column;display:flex}.others b{font:var(--type-title-small);letter-spacing:var(--track-title-small)}.others small{color:var(--on-surface-variant);font:var(--type-body-small);letter-spacing:var(--track-body-small)}