.nb-rec-root{--hs-s:0.8903}.nb-rec{gap:0}.nb-rec .nb-hs-stage{aspect-ratio:1240/660;contain-intrinsic-size:auto 660px;border-radius:14px 14px 0 0}.nb-rec[data-clean] .nb-hs-stage{border-radius:14px}.nb-rec-app{height:660px}.nb-rec-main{display:flex;flex:1;flex-direction:column;min-width:0}.nb-rec-bar{display:flex;flex-shrink:0;align-items:center;gap:12px;height:44px;padding:0 16px;border-bottom:1px solid var(--border);background:color-mix(in oklch,var(--surface) 95%,transparent)}.nb-rec[data-clean] .nb-rec-bar{display:none}.nb-rec-bar__badge{padding:2px 8px;border-radius:6px;background:color-mix(in oklch,var(--accent) 15%,transparent);color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.nb-rec-bar__name{font-size:13px;font-weight:500;white-space:nowrap}.nb-rec-bar__date{color:var(--muted);font-size:12px;white-space:nowrap}.nb-rec-bar__btn{padding:5px 10px;border-radius:8px;font-size:13px}.nb-rec-bar__x{display:grid;place-items:center;width:28px;height:28px;color:var(--muted)}.nb-rec-bar__x>svg{width:16px;height:16px}.nb-rec-canvas,.nb-rec-spacer{flex:1}.nb-rec-world{position:absolute;left:0;top:0;width:1240px;height:616px;transition:transform .4s cubic-bezier(.22,1,.36,1)}.nb-rec[data-clean] .nb-rec-world{transform:translateY(22px)}.nb-rec-cleanhint{position:absolute;top:14px;left:50%;z-index:8;padding:5px 12px;border:1px solid var(--border);border-radius:9999px;background:color-mix(in oklch,var(--surface) 92%,transparent);color:var(--muted);font-size:12px;white-space:nowrap;transform:translateX(-50%);pointer-events:none;animation:nb-rec-hint-out 2.8s ease forwards}.nb-rec-card .nb-hs-card__body{cursor:default}.nb-rec-card .nb-hs-card__body:hover{border-color:var(--border)}.nb-rec-card[data-status=needs] .nb-hs-card__body:hover{border-color:var(--nb-attention)}.nb-rec-send{display:grid;flex-shrink:0;place-items:center;width:22px;height:22px;color:var(--accent)}.nb-rec-send>svg{width:13px;height:13px}.nb-rec-t{padding:8px 10px;font-size:11px;line-height:16px;white-space:pre;overflow-wrap:normal}.nb-rec-t__rows{display:flex;flex-direction:column;min-height:0}.nb-rec-t__row{display:block;min-height:16px;overflow:hidden;white-space:pre}.nb-rec-t .b{font-weight:700}.nb-rec-t .d{opacity:.6}.nb-rec-t .fk{color:var(--nb-wt-dim)}.nb-rec-t .fr{color:oklch(.7 .19 25)}.nb-rec-t .fg{color:var(--nb-wt-green)}.nb-rec-t .fy{color:oklch(.86 .15 90)}.nb-rec-t .fb{color:var(--nb-wt-blue)}.nb-rec-t .fm{color:var(--nb-wt-magenta)}.nb-rec-t .fc{color:var(--nb-wt-cyan)}.nb-rec-t .fw{color:var(--nb-wt-fg)}.nb-rec-t .caret,.nb-rec-t .i{background:var(--nb-wt-fg);color:var(--nb-wt-bg);opacity:1}.nb-rec-t .caret{animation:nb-rec-caret 1.1s steps(2,jump-none) infinite;animation-play-state:var(--nb-hs-run)}.nb-rec-note{gap:4px}.nb-rec-note__done{display:flex;align-items:flex-start;gap:6px;margin-top:2px;color:var(--success);animation:nb-hs-fade .35s ease-out}.nb-rec-note__done>svg{width:13px;height:13px;flex-shrink:0;margin-top:3px;stroke-width:2.5}.nb-rec-web__none{display:grid;flex:1;place-items:center;color:var(--muted);font-size:11px}.nb-rec-page{display:flex;flex:1;flex-direction:column;gap:8px;min-height:0;overflow:hidden;margin:0 8px 8px;padding:10px 11px;border-radius:8px;background:#f7f7f5;color:#1c1c1e;font-size:10.5px;animation:nb-hs-fade .25s ease-out}.nb-rec-page__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.nb-rec-page__head b{font-size:15px;letter-spacing:-.01em}.nb-rec-page__count{color:#71717a;font-size:10px}.nb-rec-page__search{display:flex;align-items:center;gap:6px;height:26px;padding:0 8px;border:1px solid #d4d4d8;border-radius:8px;background:#fff;color:#18181b}.nb-rec-page__search>svg{width:12px;height:12px;color:#71717a}.nb-rec-page__search[data-filled]{border-color:#10b981;box-shadow:0 0 0 3px rgb(16 185 129/.18)}.nb-rec-page__ph{color:#a1a1aa}.nb-rec-page__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nb-rec-page__item{display:flex;flex-direction:column;gap:4px;font-size:10px;font-weight:600;line-height:1.25}.nb-rec-page__item i{display:block;height:46px;border-radius:7px;background:linear-gradient(135deg,hsl(var(--h) 72% 62%),hsl(calc(var(--h) + 38) 62% 40%))}.nb-rec-cleanbar,.nb-rec-controls{border:1px solid var(--border);border-top:0;border-radius:0 0 14px 14px;background:color-mix(in oklch,var(--surface) 96%,transparent);box-shadow:0 30px 80px -30px rgb(0 0 0/.8)}.nb-rec-controls{display:flex;flex-direction:column;gap:8px;padding:6px 16px 12px}.nb-rec-track{position:relative;height:22px}.nb-rec-range{--track:color-mix(in oklch,var(--foreground) 14%,transparent);position:absolute;inset:0;width:100%;height:22px;margin:0;appearance:none;background:transparent;cursor:pointer}.nb-rec-range::-webkit-slider-runnable-track{height:4px;border-radius:9999px;background:linear-gradient(to right,var(--accent) var(--p),var(--track) var(--p))}.nb-rec-range::-moz-range-track{height:4px;border-radius:9999px;background:var(--track)}.nb-rec-range::-moz-range-progress{height:4px;border-radius:9999px;background:var(--accent)}.nb-rec-range::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px;border:3px solid var(--background);border-radius:9999px;appearance:none;background:var(--accent);box-shadow:0 0 0 1px var(--accent)}.nb-rec-range::-moz-range-thumb{width:10px;height:10px;border:3px solid var(--background);border-radius:9999px;background:var(--accent);box-shadow:0 0 0 1px var(--accent)}.nb-rec-range:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}.nb-rec-ticks{position:absolute;inset:0 8px;pointer-events:none}.nb-rec-tick{position:absolute;top:50%;width:4px;height:12px;padding:0;border:0;border-radius:9999px;background:var(--foreground);transform:translate(-50%,-50%);cursor:pointer;pointer-events:auto}.nb-rec-tick--submit{background:var(--accent)}.nb-rec-tick--needs-input{background:var(--warning)}.nb-rec-tick--finished{background:var(--success)}.nb-rec-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.nb-rec-btn,.nb-rec-chip,.nb-rec-clean,.nb-rec-speed{border:0;background:none;color:var(--foreground);font:inherit;cursor:pointer;transition:background-color .15s,color .15s}.nb-rec-btn{display:grid;place-items:center;width:34px;height:34px;border-radius:9px}.nb-rec-btn>svg{width:17px;height:17px}.nb-rec-btn:hover,.nb-rec-clean:hover{background:color-mix(in oklch,var(--foreground) 8%,transparent)}.nb-rec-btn--play{background:var(--accent);color:var(--accent-foreground)}.nb-rec-btn--play:hover{background:color-mix(in oklch,var(--accent) 85%,white)}.nb-rec-btn:focus-visible,.nb-rec-chip:focus-visible,.nb-rec-clean:focus-visible,.nb-rec-speed:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.nb-rec-time{min-width:92px;padding:0 4px;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.nb-rec-speeds{display:inline-flex;overflow:hidden;border:1px solid var(--border);border-radius:10px}.nb-rec-speed{height:30px;padding:0 9px;color:var(--muted);font-size:12.5px;font-variant-numeric:tabular-nums}.nb-rec-speed+.nb-rec-speed{border-left:1px solid var(--border)}.nb-rec-speed:hover{color:var(--foreground)}.nb-rec-speed[aria-checked=true]{background:color-mix(in oklch,var(--accent) 18%,transparent);color:var(--foreground);font-weight:600}.nb-rec-clean{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 11px;border-radius:9px;font-size:13px;font-weight:500}.nb-rec-clean>svg{width:16px;height:16px}.nb-rec-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:8px;border-top:1px solid color-mix(in oklch,var(--border) 70%,transparent)}.nb-rec-chips__label{margin-right:4px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.nb-rec-chip{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px;border:1px solid var(--border);border-radius:9999px;font-size:12.5px;white-space:nowrap}.nb-rec-chip:hover{border-color:color-mix(in oklch,var(--accent) 55%,var(--border))}.nb-rec-chip[data-past]{background:color-mix(in oklch,var(--foreground) 5%,transparent)}.nb-rec-chip i{width:7px;height:7px;border-radius:9999px;background:var(--accent)}.nb-rec-chip--needs-input i{background:var(--warning)}.nb-rec-chip--finished i{background:var(--success)}.nb-rec-chip__t{color:var(--muted);font-variant-numeric:tabular-nums}.nb-rec-cleanbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:10px 16px;border-top:1px solid var(--border);border-radius:14px;margin-top:10px;color:var(--muted);font-size:13px}.nb-rec-cleanbar .nb-rec-clean{border:1px solid var(--border);color:var(--foreground)}.nb-rec-hint{margin-top:14px;color:var(--muted);font-size:13.5px;line-height:1.5;text-align:center;text-wrap:pretty}.nb-rec-poster:empty:before{padding-top:calc(100% * 660 / 1240 + 150px)}@media (max-width:767px){.nb-rec .nb-hs-stage{aspect-ratio:auto;contain-intrinsic-size:auto 760px}.nb-rec-app{height:auto}.nb-rec-bar{height:40px;padding:0 10px;gap:8px}.nb-rec-bar__btn,.nb-rec-bar__date{display:none}.nb-rec-bar__name{overflow:hidden;text-overflow:ellipsis}.nb-rec .nb-rec-canvas{flex:none;height:auto}.nb-rec-world{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:auto;height:auto;padding:10px;transform:none!important}.nb-rec-card{position:relative;left:auto!important;top:auto!important;width:auto!important;height:168px!important}.nb-rec-card[data-id=claude],.nb-rec-card[data-id=codex]{grid-column:1/-1;height:200px!important}.nb-rec-card[data-id=codex]{order:1}.nb-rec-card[data-id=task]{order:2}.nb-rec-card[data-id=web]{order:3}.nb-rec-card[data-id=dev]{order:4;grid-column:1/-1;height:108px!important}.nb-rec-t{padding:6px 8px;font-size:8px;line-height:11px}.nb-rec-t__row{min-height:11px}.nb-rec-t__rows{margin-top:auto}.nb-rec-note{padding:8px 9px;font-size:10px}.nb-rec-note .nb-hs-note__h{font-size:11.5px}.nb-rec-web .nb-hs-web__bar{margin:5px 6px;font-size:9px}.nb-rec-page{gap:5px;margin:0 6px 6px;padding:7px}.nb-rec-page__head b{font-size:12px}.nb-rec-page__search{height:20px}.nb-rec-page__grid{gap:5px}.nb-rec-page__item{font-size:8.5px}.nb-rec-page__item i{height:18px}.nb-rec-controls{padding:4px 10px 12px}.nb-rec-time{min-width:0;margin-left:auto}.nb-rec-speeds{order:5;width:100%}.nb-rec-speed{flex:1;padding:0}.nb-rec-row .nb-rec-spacer{display:none}.nb-rec-clean{order:4}.nb-rec-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.nb-rec-chips::-webkit-scrollbar{display:none}.nb-rec-chips__label{display:none}.nb-rec[data-clean] .nb-rec-world{transform:none}.nb-rec-poster:empty:before{padding-top:930px}}@media (prefers-reduced-motion:reduce){.nb-rec-world{transition:none}}@keyframes nb-rec-caret{50%{background:transparent;color:var(--nb-wt-fg)}}@keyframes nb-rec-hint-out{0%,75%{opacity:1}to{opacity:0}}