.nb-landing{--nb-paper:hsl(var(--paper));--nb-body:hsl(var(--ink-soft));--nb-muted:hsl(var(--ink-muted));--nb-line:hsl(var(--ink)/10%);--nb-fill-soft:hsl(var(--paper-band));--nb-soft:hsl(var(--paper-soft));--nb-fill-strong:hsl(var(--ink));--nb-fill-mid:hsl(var(--ink-soft));--nb-on-strong:hsl(var(--paper));--nb-swatch-1:hsl(var(--ink)/82%);--nb-swatch-2:hsl(var(--ink)/55%);--nb-swatch-3:hsl(var(--ink)/34%);--nb-swatch-4:hsl(var(--ink)/18%)}.nb-feed-frame{border:1px solid hsl(var(--ink)/10%);border-radius:40px;background:var(--nb-paper)}.nb-feed-grid{opacity:1}@media (prefers-reduced-motion:no-preference){.nb-feed-grid{transition:opacity .2s ease}.nb-feed-grid[data-swapping=true]{opacity:0}}.nb-input{border:1px solid hsl(var(--ink)/8%);background:var(--nb-paper)}.nb-port{background:var(--nb-fill-mid)}.nb-persona{background:hsl(var(--ink)/6%);color:hsl(var(--ink)/70%)}.nb-core{background:var(--nb-fill-strong);border:1px solid var(--nb-line)}.nb-feed-card{border:1px solid hsl(var(--ink)/8%)}.nb-feed-card,.nb-why{background:var(--nb-paper)}.nb-cat-row{display:flex;align-items:stretch;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:8px 2px 18px;scrollbar-width:thin;scrollbar-color:hsl(var(--ink)/20%) transparent}.nb-cat-row::-webkit-scrollbar{height:6px}.nb-cat-row::-webkit-scrollbar-thumb{background:hsl(var(--ink)/20%);border-radius:6px}.nb-cat-row .nb-cat-tile{flex:0 0 clamp(260px,28vw,320px)}@media (width <= 600px){.nb-cat-row .nb-cat-tile{flex-basis:78%}}.nb-cat-tile{position:relative;scroll-snap-align:start;border-radius:18px;min-height:178px;background:var(--nb-paper);border:1px solid hsl(var(--ink)/6%);text-align:left;color:inherit}.nb-cat-tile:first-child{--nb-cat:hsl(var(--ink))}.nb-cat-tile:nth-child(2){--nb-cat:hsl(var(--ink)/88%)}.nb-cat-tile:nth-child(3){--nb-cat:hsl(var(--ink)/76%)}.nb-cat-tile:nth-child(4){--nb-cat:hsl(var(--ink)/64%)}.nb-cat-tile:nth-child(5){--nb-cat:hsl(var(--ink)/52%)}.nb-cat-tile:nth-child(6){--nb-cat:hsl(var(--ink)/40%)}.nb-cat-tile:after{content:"";position:absolute;inset:0;border-radius:inherit;background:color-mix(in srgb,var(--nb-cat) 30%,hsl(var(--ink)));opacity:0;z-index:1;pointer-events:none}.nb-cat-foot{position:relative;z-index:2}.nb-cat-detail{display:grid;grid-template-rows:1fr}.nb-cat-detail>span{overflow:hidden;color:var(--nb-body)}.nb-cat-detail>span>span{display:block;padding-top:14px;margin-top:14px;border-top:1px solid hsl(var(--ink)/7%)}.nb-cat-tile:focus-visible:after,.nb-cat-tile:hover:after,.nb-cat-tile[data-open=true]:after{opacity:.9}.nb-cat-tile:focus-visible .nb-cat-name,.nb-cat-tile:hover .nb-cat-name,.nb-cat-tile[data-open=true] .nb-cat-name{color:var(--nb-on-strong)}.nb-cat-tile:focus-visible .nb-cat-ex,.nb-cat-tile:hover .nb-cat-ex,.nb-cat-tile[data-open=true] .nb-cat-ex{color:hsl(var(--paper)/72%)}.nb-cat-tile:focus-visible .nb-cat-detail>span,.nb-cat-tile:hover .nb-cat-detail>span,.nb-cat-tile[data-open=true] .nb-cat-detail>span{color:var(--nb-on-strong)}.nb-cat-tile:focus-visible .nb-cat-detail>span>span,.nb-cat-tile:hover .nb-cat-detail>span>span,.nb-cat-tile[data-open=true] .nb-cat-detail>span>span{border-top-color:hsl(var(--paper)/22%)}@media (prefers-reduced-motion:no-preference){.nb-cat-row{scroll-behavior:smooth}.nb-cat-tile{transition:transform .3s cubic-bezier(.22,1,.36,1)}.nb-cat-tile:after{transition:opacity .35s ease}.nb-cat-detail{transition:grid-template-rows .35s ease}.nb-cat-detail>span,.nb-cat-ex,.nb-cat-name{transition:color .3s ease,background .3s ease,border-color .3s ease,opacity .3s ease}.nb-cat-tile:focus-visible,.nb-cat-tile:hover,.nb-cat-tile[data-open=true]{transform:translateY(-4px)}}.nb-switch{border:1px solid hsl(var(--ink)/10%);background:var(--nb-soft)}.nb-switch button{border:1px solid transparent}.nb-switch button[aria-selected=true]{background:var(--nb-paper);color:hsl(var(--ink));border-color:hsl(var(--ink)/14%)}@media (prefers-reduced-motion:no-preference){.nb-switch button{transition:background .25s,color .25s}.nb-panel{animation:nb-panel-in .45s cubic-bezier(.22,1,.36,1)}@keyframes nb-panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}.nb-wire-in{stroke:hsl(var(--ink)/18%)}.nb-wire-out{stroke:hsl(var(--ink)/40%)}@media (hover:hover){.nb-engine:has(.nb-feed-card:hover) [data-wire-i],.nb-engine:has(.nb-input:hover) [data-wire-i]{opacity:.16}.nb-engine:has(.nb-feed-card:first-of-type:hover) [data-wire-i="3"],.nb-engine:has(.nb-feed-card:nth-of-type(2):hover) [data-wire-i="4"],.nb-engine:has(.nb-input:first-of-type:hover) [data-wire-i="0"],.nb-engine:has(.nb-input:nth-of-type(2):hover) [data-wire-i="1"],.nb-engine:has(.nb-input:nth-of-type(3):hover) [data-wire-i="2"]{opacity:1}.nb-feed-card:hover,.nb-input:hover{border-color:hsl(var(--ink)/30%)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.nb-engine [data-wire-i],.nb-feed-card,.nb-input{transition:opacity .14s ease-out,border-color .14s ease-out}}.nb-flow-pulse{stroke:hsl(var(--ink)/85%);stroke-dashoffset:18;opacity:0}@media (prefers-reduced-motion:no-preference) and (width >= 900px){.nb-flow[data-play=run] .nb-flow-pulse{animation:nb-flow-run var(--flow-pulse) var(--d) cubic-bezier(.45,0,.25,1) 1}.nb-flow[data-play=run] .nb-core{animation:nb-flow-beat var(--flow-beat) var(--flow-beat-at) ease-out 1}.nb-flow[data-play=run] .nb-feed-card{animation:nb-flow-land var(--flow-card) var(--cd) ease-out 1}@keyframes nb-flow-run{0%{stroke-dashoffset:18;opacity:0}10%{opacity:1}88%{opacity:1}to{stroke-dashoffset:var(--to);opacity:0}}@keyframes nb-flow-beat{0%,to{transform:none}45%{transform:scale(1.045)}}@keyframes nb-flow-land{35%{border-color:hsl(var(--ink)/60%)}}}.nb-swatch-0-0{background:var(--nb-swatch-1)}.nb-swatch-0-1{background:var(--nb-swatch-2)}.nb-swatch-1-0{background:var(--nb-swatch-3)}.nb-swatch-1-1{background:var(--nb-swatch-4)}.nb-map-area{font:500 12px var(--font-sans);fill:var(--nb-muted)}.nb-lk{fill:none;stroke-width:1.3;stroke-opacity:.35}.nb-bub circle{fill:hsl(var(--paper));stroke:hsl(var(--ink)/14%);stroke-width:1}.nb-bub.sh circle{stroke:hsl(var(--ink));stroke-opacity:.55;stroke-width:1.4}.nb-bt{font-family:var(--font-sans);font-weight:500;fill:hsl(var(--ink));text-anchor:middle}.nb-co{cursor:pointer;outline:none}.nb-co:focus-visible circle{stroke:hsl(var(--ink));stroke-width:2}.nb-ct{font:600 15px var(--font-sans);fill:hsl(var(--paper));text-anchor:middle;letter-spacing:-.01em}.nb-map-lens{fill:hsl(var(--ink)/9%);stroke:hsl(var(--ink)/28%);stroke-width:1;stroke-dasharray:3 5}@media (hover:hover){.nb-map:has(.nb-bub.sh:hover) .nb-map-lens{fill:hsl(var(--ink)/16%);stroke:hsl(var(--ink)/45%)}.nb-map:has(.nb-bub.sh:hover) .only-l,.nb-map:has(.nb-bub.sh:hover) .only-n{opacity:.22}}.nb-map.focus-l .only-n,.nb-map.focus-n .only-l{opacity:.15}.nb-map.focus-sh .only-l,.nb-map.focus-sh .only-n{opacity:.22}.nb-map.focus-sh .nb-map-lens{fill:hsl(var(--ink)/16%);stroke:hsl(var(--ink)/45%)}@media (prefers-reduced-motion:no-preference){.nb-map .only-l,.nb-map .only-n,.nb-map-lens{transition:opacity .16s ease-out,fill .16s ease-out,stroke .16s ease-out}.nb-map.demo .nb-map-lens,.nb-map.demo .only-l,.nb-map.demo .only-n{transition-duration:.45s;transition-timing-function:ease-in-out}}.nb-map-legend{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin-top:6px;font-size:13px;color:var(--nb-muted)}.nb-map-legend span{display:inline-flex;align-items:center;gap:7px}.nb-map-legend i{width:12px;height:12px;border-radius:50%;display:inline-block}.nb-map-legend .nb-own-dot{background:hsl(var(--paper));border:1px solid hsl(var(--ink)/18%)}.nb-map-legend .nb-sh-dot{background:hsl(var(--paper));border:2.5px solid hsl(var(--ink)/70%)}@media (prefers-reduced-motion:no-preference){.nb-lk{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:nb-map-draw .8s var(--d) cubic-bezier(.22,1,.36,1) forwards}@keyframes nb-map-draw{to{stroke-dashoffset:0}}.nb-bub-pop{opacity:0;transform-box:fill-box;transform-origin:center;animation:nb-map-pop .5s var(--d) cubic-bezier(.22,1.4,.36,1) forwards}@keyframes nb-map-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.nb-map-halo{opacity:0;animation:nb-map-fadein .8s ease .1s forwards}.nb-map-lens{opacity:0;animation:nb-map-fadein .7s ease 1.9s forwards}@keyframes nb-map-fadein{to{opacity:1}}.nb-bub,.nb-lk{transition:opacity .3s ease}.nb-co circle{transition:transform .3s}}.nb-cat-photo{position:relative;z-index:2;isolation:isolate;display:block;overflow:hidden;height:150px;flex:none;border-radius:12px;background:var(--nb-soft)}.nb-cat-cue{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;background:hsl(var(--ink)/55%);color:var(--nb-paper);font-size:16px;font-weight:600;letter-spacing:normal;text-align:center;opacity:0}.nb-cat-tile[data-photo]{gap:18px}@media (hover:hover){.nb-cat-tile:hover .nb-cat-photo img{filter:blur(3px) brightness(.82);transform:scale(1.07)}.nb-cat-tile:hover .nb-cat-cue{opacity:1}}.nb-cat-tile:focus-visible .nb-cat-photo img{filter:blur(3px) brightness(.82);transform:scale(1.07)}.nb-cat-tile:focus-visible .nb-cat-cue{opacity:1}@media (prefers-reduced-motion:no-preference){.nb-cat-photo img{transition:filter .28s ease-out,transform .3s cubic-bezier(.22,1,.36,1)}.nb-cat-cue{transition:opacity .22s ease-out}}.nb-bx{display:none}.nb-cat-row .nb-cat-tile[data-open=true]{flex-basis:min(780px,90vw);display:grid;grid-template-columns:minmax(210px,250px) minmax(0,1fr);-moz-column-gap:26px;column-gap:26px;row-gap:0;transform:none}@media (width <= 600px){.nb-cat-row .nb-cat-tile[data-open=true]{flex-basis:90vw;grid-template-columns:minmax(0,1fr);row-gap:22px}}.nb-cat-tile[data-open=true] .nb-cat-foot{grid-column:1;grid-row:1;align-self:end}.nb-cat-row .nb-cat-tile[data-open=true][data-photo]{grid-template-rows:auto 1fr;row-gap:18px}.nb-cat-tile[data-open=true] .nb-cat-photo{grid-column:1;grid-row:1;height:170px}.nb-cat-tile[data-open=true][data-photo] .nb-cat-foot{grid-row:2}.nb-cat-tile[data-open=true][data-photo] .nb-bx{grid-row:1/span 2}.nb-cat-tile[data-open=true] .nb-cat-photo img{filter:none;transform:none}.nb-cat-row .nb-cat-tile[data-open=true] .nb-cat-cue{opacity:0}@media (width <= 600px){.nb-cat-row .nb-cat-tile[data-open=true][data-photo]{row-gap:22px}.nb-cat-tile[data-open=true][data-photo] .nb-bx{grid-row:3}}.nb-cat-tile[data-open=true] .nb-cat-detail{grid-template-rows:1fr}.nb-cat-tile[data-open=true] .nb-bx{display:flex;flex-direction:column;gap:12px;grid-column:2;grid-row:1;min-width:0}@media (width <= 600px){.nb-cat-tile[data-open=true] .nb-bx{grid-column:1;grid-row:2}}.nb-cat-row .nb-cat-tile[data-open=true]:after{opacity:0}.nb-cat-row .nb-cat-tile[data-open=true] .nb-cat-name{color:hsl(var(--ink))}.nb-cat-row .nb-cat-tile[data-open=true] .nb-cat-ex{color:var(--nb-muted)}.nb-cat-row .nb-cat-tile[data-open=true] .nb-cat-detail>span{color:var(--nb-body)}.nb-cat-row .nb-cat-tile[data-open=true] .nb-cat-detail>span>span{border-top-color:hsl(var(--ink)/7%)}.nb-bx-label{font-size:12.5px;font-weight:500;color:var(--nb-muted)}.nb-bx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px;flex:1}.nb-bx-item{display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:16px 16px 18px;border-radius:14px;background:color-mix(in srgb,var(--nb-cat) 6%,hsl(var(--paper)));border:1px solid color-mix(in srgb,var(--nb-cat) 14%,hsl(var(--paper)));min-height:118px}.nb-bx-item b{display:block;font-weight:600;font-size:16px;letter-spacing:-.01em;color:hsl(var(--ink))}.nb-bx-d{display:block;margin-top:3px;font-size:14px;line-height:1.45;color:var(--nb-muted)}@media (width <= 420px){.nb-bx-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:no-preference){.nb-cat-row .nb-cat-tile{transition:flex-basis .5s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1)}.nb-cat-tile[data-open=true] .nb-bx{animation:nb-bx-in .45s cubic-bezier(.22,1,.36,1) .1s both}@keyframes nb-bx-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}