@layer components{.nbs{--nbs-forest:#073b2f;--nbs-forest-deep:#032b23;--nbs-cream:#f5f0de;--nbs-paper:#fffcf2;--nbs-lime:#e9f53e;--nbs-mint:#b8ddbb;--nbs-ink:#092f25;--nbs-muted:#48675a;--nbs-border:#bad0bf;--nbs-error:#a63228;--nbs-motion:.32s;--nbs-ease:cubic-bezier(.2, .8, .2, 1);background:linear-gradient(180deg, var(--nbs-forest) 0%, var(--nbs-forest-deep) 100%);color:var(--nbs-cream);min-height:100dvh;padding:20px 16px calc(176px + env(safe-area-inset-bottom))}@media (min-width:768px){.nbs{padding:28px 32px 128px}}@media (prefers-reduced-motion:reduce){.nbs{--nbs-motion:0s}}.nbs-head{justify-content:space-between;align-items:flex-end;gap:16px;max-width:1440px;margin:0 auto;display:flex}.nbs-eyebrow{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--nbs-mint);font-size:11px}.nbs-h1{color:var(--nbs-paper);text-wrap:balance;margin-top:6px;font-size:clamp(1.5rem,3.2vw,2.25rem);font-weight:650;line-height:1.1}.nbs-stations{gap:8px;max-width:1440px;margin:16px auto 0;display:flex;overflow-x:auto}.nbs-station{min-height:44px;color:var(--nbs-cream);white-space:nowrap;background:0 0;border:1px solid #b8ddbb59;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:550;display:inline-flex}.nbs-station:hover{border-color:var(--nbs-mint)}.nbs-station-num{border:1px solid;border-radius:999px;place-items:center;width:22px;height:22px;font-size:12px;display:inline-grid}.nbs-station[aria-current=step]{background:var(--nbs-lime);color:var(--nbs-ink);border-color:var(--nbs-lime);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.nbs-station[aria-current=step] .nbs-station-num{background:var(--nbs-ink);color:var(--nbs-lime);border-color:var(--nbs-ink)}.nbs-layout{gap:16px;max-width:1440px;margin:16px auto 0;display:grid}@media (min-width:1180px){.nbs[data-presentation=studio] .nbs-layout{grid-template-columns:minmax(0,2fr) minmax(340px,400px);align-items:start}.nbs[data-presentation=studio][data-station=try] .nbs-layout{grid-template-columns:minmax(0,1.3fr) minmax(400px,1fr)}}.nbs[data-presentation=simple] .nbs-layout{max-width:720px}.nbs-stage{position:relative}.nbs-viewport{background:var(--nbs-forest-deep);border-radius:28px;overflow:hidden}.nbs-frame{transform-origin:50%;width:100%;transition:transform var(--nbs-motion) var(--nbs-ease);will-change:auto;position:relative}.nbs-room{object-fit:cover;width:100%;height:100%;display:block}.nbs-fold{pointer-events:none;height:auto;transition:transform var(--nbs-motion) var(--nbs-ease);position:absolute}.nbs[data-station=discover] .nbs-fold{transform:translate(-3%)}.nbs[data-station=understand] .nbs-fold{transform:translate(3%)translateY(-2%)}.nbs[data-station=try] .nbs-fold{transform:translate(6%)}.nbs-hotspot{min-width:44px;min-height:44px;color:var(--nbs-cream);white-space:nowrap;background:#032b23d1;border:1px solid #b8ddbb80;border-radius:999px;padding:0 14px;font-size:13px;font-weight:600;position:absolute;transform:translate(-50%,-50%)}.nbs-hotspot:hover{border-color:var(--nbs-lime)}.nbs-hotspot[data-active]{background:var(--nbs-lime);color:var(--nbs-ink);border-color:var(--nbs-lime)}@media (min-width:768px) and (max-width:1179px){.nbs-stage{width:100%;max-width:760px;margin:0 auto}}@media (max-width:767px){.nbs-viewport{border-radius:20px}.nbs-hotspot{min-height:36px;padding:0 10px;font-size:12px}.nbs[data-station=try] .nbs-stage{width:62%;margin:0 auto}.nbs[data-station=try] .nbs-hotspot{display:none}.nbs:has(.nbs-panel [data-testid=practice-input]) .nbs-stage{display:none}.nbs-stations{gap:6px}.nbs-station{gap:6px;padding:0 12px;font-size:14px}}@media (max-width:420px){.nbs-station-num{display:none}}.nbs-panel{min-width:0}.nbs-card,.nbs-sheet{background:var(--nbs-cream);color:var(--nbs-ink);border-radius:24px;padding:20px;box-shadow:0 12px 40px #00000040}@media (min-width:768px){.nbs-card,.nbs-sheet{padding:28px}}.nbs-sheet[data-variant=home]{max-width:640px}.nbs-title{color:var(--nbs-ink);text-wrap:balance;font-size:clamp(1.25rem,2.2vw,1.6rem);font-weight:650;line-height:1.2}.nbs-title:focus{outline:none}.nbs-title:focus-visible{outline:2px solid var(--nbs-forest);outline-offset:4px}.nbs-body{color:var(--nbs-ink);text-wrap:pretty;margin-top:10px;font-size:16px;line-height:1.55}.nbs-body--lead{font-size:17px}.nbs-meta{color:var(--nbs-muted);margin-top:10px;font-size:14px;line-height:1.45}.nbs-caveat{border-left:3px solid var(--nbs-forest);background:var(--nbs-paper);margin-top:10px;padding:8px 12px;font-size:14px;line-height:1.45}.nbs-idea-meta{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--nbs-muted);font-size:11px;display:block}.nbs-labels{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.nbs-chip{background:var(--nbs-forest);min-height:26px;color:var(--nbs-paper);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.nbs-chip--quiet{color:var(--nbs-forest);border:1px solid var(--nbs-forest);background:0 0}.nbs-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.nbs-btn{border:1px solid var(--nbs-forest);min-height:44px;color:var(--nbs-forest);background:0 0;border-radius:12px;justify-content:center;align-items:center;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex}.nbs-btn:hover{background:var(--nbs-paper)}.nbs-btn--primary{background:var(--nbs-forest);color:var(--nbs-paper)}.nbs-btn--primary:hover{background:var(--nbs-ink);color:var(--nbs-lime)}.nbs-btn:disabled{opacity:.5;cursor:default}.nbs-btn--ghost{color:var(--nbs-cream);border-color:#b8ddbb80}.nbs-btn--ghost:hover{background:#b8ddbb1f}.nbs-link{color:var(--nbs-forest);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;min-height:0;padding:0;font-weight:600;text-decoration:underline}.nbs-link:hover{color:var(--nbs-ink)}.nbs :focus-visible{outline:3px solid var(--nbs-lime);outline-offset:2px}.nbs-card :focus-visible,.nbs-sheet :focus-visible,.nbs-drawer :focus-visible{outline-color:var(--nbs-forest)}.nbs-ideas{gap:10px;margin-top:16px;display:grid}.nbs-idea{text-align:left;background:var(--nbs-paper);border:1px solid var(--nbs-border);width:100%;color:var(--nbs-ink);border-radius:16px;gap:4px;min-height:44px;padding:14px 16px;display:grid}.nbs-idea:hover{border-color:var(--nbs-forest)}.nbs-idea[aria-pressed=true]{border:2px solid var(--nbs-forest)}.nbs-idea-title{font-size:16px;font-weight:650;line-height:1.3}.nbs-idea-sub{color:var(--nbs-muted);font-size:14px}.nbs-tabs{background:var(--nbs-paper);border:1px solid var(--nbs-border);border-radius:12px;gap:4px;margin-top:14px;padding:4px;display:inline-flex}.nbs-tab{min-height:40px;color:var(--nbs-muted);border-radius:9px;padding:0 16px;font-size:14px;font-weight:600}.nbs-tab[aria-pressed=true]{background:var(--nbs-forest);color:var(--nbs-paper)}.nbs-progress{gap:6px;display:flex}.nbs-progress-seg{background:var(--nbs-border);border-radius:999px;flex:1;height:6px}.nbs-progress-seg[data-state=current]{background:var(--nbs-mint);outline:1px solid var(--nbs-forest)}.nbs-progress-seg[data-state=done]{background:var(--nbs-forest)}.nbs-label{color:var(--nbs-ink);margin-top:16px;font-size:14px;font-weight:650;display:block}.nbs-input{resize:vertical;background:var(--nbs-paper);width:100%;color:var(--nbs-ink);border:1px solid var(--nbs-muted);border-radius:12px;margin-top:6px;padding:12px 14px;font-size:16px;line-height:1.5;display:block}.nbs-input::placeholder{color:#6b8379}.nbs-input[aria-invalid=true]{border:2px solid var(--nbs-error)}.nbs-input--result{min-height:120px}.nbs-error{color:var(--nbs-error);margin-top:6px;font-size:14px;font-weight:600}.nbs-ref{background:var(--nbs-paper);color:var(--nbs-ink);border-radius:10px;margin-top:10px;padding:8px 12px;font-size:14px}.nbs-status{min-height:1.4em;color:var(--nbs-forest);margin-top:8px;font-size:14px;font-weight:600}.nbs-storage{border-top:1px solid var(--nbs-border);color:var(--nbs-muted);margin-top:16px;padding-top:12px;font-size:13px}.nbs-recap{flex-wrap:wrap;gap:4px 16px;margin-top:12px;font-size:14px;display:flex}.nbs-note{background:var(--nbs-paper);border:1px solid var(--nbs-border);border-radius:12px;margin-bottom:14px;padding:12px;font-size:14px}.nbs-outdated{white-space:pre-wrap;margin-top:8px;font-family:inherit}.nbs-drawer{background:var(--nbs-cream);width:100%;max-width:min(460px,100vw);height:100dvh;max-height:100dvh;color:var(--nbs-ink);border:0;margin:auto 0 0 auto;padding:0}.nbs-drawer::backdrop{background:#032b2399}.nbs-drawer-inner{padding:28px 24px calc(24px + env(safe-area-inset-bottom))}.nbs-dl{gap:4px;margin-top:12px;font-size:15px;line-height:1.5;display:grid}.nbs-dl dt{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--nbs-muted);margin-top:10px;font-size:11px}.nbs-links{flex-wrap:wrap;gap:14px;display:flex}@media (prefers-reduced-motion:reduce){.nbs-frame,.nbs-fold{transition:none}}.nbs.nbs--section{min-height:0;padding:64px 20px}@media (min-width:768px){.nbs.nbs--section{padding:96px 48px}}.nbs-home-grid{align-items:start;gap:32px;max-width:1180px;margin:0 auto;display:grid}@media (min-width:960px){.nbs-home-grid{grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:56px}}.nbs-home-copy{color:var(--nbs-cream);max-width:34rem;margin-top:14px;font-size:17px;line-height:1.55}.nbs-home-art{max-width:520px;margin-top:28px;position:relative}.nbs-home-room{border-radius:24px;width:100%;height:auto;display:block}.nbs-home-fold{width:20%;height:auto;position:absolute;top:43%;left:33%}@media (max-width:959px){.nbs-home-art{display:none}}}