.tn-product-demo{--demo-titlebar-height:34px;position:relative;width:100%;min-width:0;--shell:#f3f4f6;--frame:#fafafb;--surface:#fff;--hover:#eeeff2;--active:#e5e7eb;--app-ink:#242429;--app-muted:#60616b;--faint:#777883;--border:#e4e5e9;--control:#90909b;--strip:#60616b;--shadow:0 0 0 1px #00000006,0 20px 64px -18px #0003;text-align:left}.dark .tn-product-demo{--shell:#111113;--frame:#18181b;--surface:#222226;--hover:#2a2a30;--active:#323239;--app-ink:#e8e8ec;--app-muted:#b2b2bc;--faint:#93939e;--border:#303036;--control:#7c7c88;--strip:#b2b2bc;--shadow:0 0 0 1px #ffffff09,0 20px 64px -18px #0009}.tn-hero-viewport{position:relative;width:100%;aspect-ratio:1200/780}.tn-product-demo *{box-sizing:border-box}.tn-product-demo button{border:0;font:inherit;color:inherit}.tn-product-demo .app{--today-bottom:36px;position:absolute;left:0;top:0;width:1200px;height:780px;transform-origin:top left;border-radius:12px;overflow:hidden;background:var(--shell);box-shadow:var(--shadow);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:var(--app-ink);font-size:14px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tn-product-demo .app button{background:transparent;text-align:left;padding:0}.tn-product-demo .app svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.tn-product-demo .sidebar{position:absolute;left:8px;top:12px;bottom:12px;width:216px;color:var(--app-muted);display:flex;flex-direction:column;padding:0 8px}.tn-product-demo .side-row{display:flex;align-items:center;gap:8px;border-radius:8px;height:32px;padding:0 8px!important;width:100%;color:var(--app-muted);font-size:14px;margin-bottom:2px;white-space:nowrap}.tn-product-demo .side-row:hover{background:var(--hover)}.tn-product-demo .side-row.active{background:var(--active);color:var(--app-ink)}.tn-product-demo .side-row .shortcut{margin-left:auto;color:var(--faint);font-size:11px;letter-spacing:.02em}.tn-product-demo .side-caption{font-size:11px;display:flex;align-items:center;justify-content:space-between;color:var(--faint);height:36px;padding:0 8px;margin-top:8px}.tn-product-demo .side-caption span:last-child{display:flex;gap:12px;align-items:center}.tn-product-demo .side-caption svg{width:13px;height:13px}.tn-product-demo .tag-child{padding-left:31px!important;position:relative}.tn-product-demo .tag-child:before{content:"";position:absolute;left:15px;top:0;bottom:0;border-left:1px solid var(--border)}.tn-product-demo .side-bottom{margin-top:auto}.tn-product-demo .account{border-top:1px solid var(--border);margin-top:12px;padding:13px 8px 0;display:flex;align-items:center;gap:9px;font-size:12px;color:var(--app-muted)}.tn-product-demo .avatar{width:24px;height:24px;border-radius:50%;background:var(--active);display:grid;place-items:center;font-size:11px;color:var(--app-muted)}.tn-product-demo .account svg{margin-left:auto;width:13px;height:13px}.tn-product-demo .workspace{position:absolute;left:240px;right:12px;top:var(--demo-titlebar-height);bottom:var(--today-bottom);background:var(--frame);border:1px solid var(--border);border-radius:12px;overflow:hidden}.tn-product-demo .today-lane{position:absolute;inset:8px;border-radius:8px;background:var(--frame);padding:8px}.tn-product-demo .lane-heading{display:flex;align-items:center;gap:9px;height:35px;padding-left:13px;margin-bottom:12px;font-size:14px;font-weight:600;color:var(--app-muted)}.tn-product-demo .lane-heading small{font-weight:400;font-size:12px;color:var(--faint)}.tn-product-demo .lane-heading .right{margin-left:auto;display:flex;gap:10px;align-items:center;padding-right:10px;color:var(--faint)}.tn-product-demo .task-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px;margin-bottom:8px;min-height:72px;transition:background .2s,border-color .2s;cursor:pointer}.tn-product-demo .task-card.selected{background:color-mix(in srgb,var(--active) 35%,var(--surface));border-color:var(--control)}.tn-product-demo .task-title{display:flex;gap:8px;align-items:flex-start;font-size:14px}.tn-product-demo .checkbox{width:16px;height:16px;border:1px solid var(--control);border-radius:4px;flex-shrink:0;margin-top:2px;display:grid;place-items:center}.tn-product-demo .checkbox svg{width:11px;height:11px;stroke-width:3;opacity:0}.tn-product-demo .checkbox.checked{background:var(--strip);color:var(--surface);border-color:var(--strip)}.tn-product-demo .checkbox.checked svg{opacity:1}.tn-product-demo .task-meta{display:flex;gap:6px;align-items:center;margin-top:8px;padding-left:24px;color:var(--app-muted);min-height:20px}.tn-product-demo .chip{display:inline-flex;align-items:center;gap:5px;height:23px;padding:0 8px;border-radius:6px;background:var(--hover);font-size:12px;color:var(--app-muted);white-space:nowrap}.tn-product-demo .chip svg{width:13px;height:13px}.tn-product-demo .new-task{padding:8px 10px;color:var(--app-muted);display:flex;gap:8px;align-items:center}.tn-product-demo .done-label{font-size:12px;display:flex;align-items:center;gap:4px;margin:18px 0 8px 2px;color:var(--app-muted)}.tn-product-demo .done-label svg{width:12px;height:12px}.tn-product-demo .done-card .task-title{color:var(--faint)}.tn-product-demo .dock{position:absolute;left:240px;right:12px;bottom:36px;transform:translateY(50%);display:flex;justify-content:center;pointer-events:none}.tn-product-demo .dock-inner{pointer-events:auto;display:flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border);padding:4px;border-radius:12px;box-shadow:0 8px 20px #0002}.tn-product-demo .dock-inner span{display:flex;align-items:center;gap:6px;height:32px;padding:0 9px;color:var(--app-muted);font-size:12px}.tn-product-demo .dock-inner .dock-icon{padding:0 6px;border-right:1px solid var(--border);margin-right:2px}.tn-product-demo .floating-note{position:absolute;right:12px;top:var(--demo-titlebar-height);bottom:var(--today-bottom);width:640px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:-12px 0 32px -14px #0007;overflow:hidden;transform:translate(calc(100% + 24px));opacity:0;transition:transform .4s cubic-bezier(.22,.8,.22,1),opacity .25s;pointer-events:none}.tn-product-demo .app[data-note=open][data-view=today] .floating-note{transform:none;opacity:1;pointer-events:auto}.tn-product-demo .note-toolbar{height:48px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;padding:0 15px;color:var(--app-muted);white-space:nowrap}.tn-product-demo .note-toolbar .checkbox{margin:0}.tn-product-demo .toolbar-divider{height:16px;border-left:1px solid var(--border);margin:0 2px}.tn-product-demo .note-toolbar .toolbar-spacer{flex:1}.tn-product-demo .icon-button{width:27px;height:28px;display:grid;place-items:center;flex-shrink:0;color:var(--app-muted)}.tn-product-demo .icon-button:hover{background:var(--hover);border-radius:6px}.tn-product-demo .note-content{padding:37px 48px 25px;height:calc(100% - 48px);overflow:hidden}.tn-product-demo .note-content h2{margin:0 0 22px;font-size:28px;font-weight:600;line-height:1.25;letter-spacing:-.016em;max-width:520px}.tn-product-demo .note-content .goal{font-size:16px;line-height:1.65;margin:0 0 23px;color:var(--app-ink)}.tn-product-demo .note-content h3{font-size:18px;font-weight:600;line-height:1.4;margin:23px 0 9px}.tn-product-demo .note-content ul{margin:0;padding-left:23px;list-style:disc}.tn-product-demo .note-content li{font-size:16px;line-height:1.65;margin:4px 0}.tn-product-demo .note-content .materials p{font-size:16px;line-height:1.7;margin:0;color:var(--app-ink)}.tn-product-demo .note-content .reference{text-decoration:underline;text-decoration-color:var(--control);text-underline-offset:3px}.tn-product-demo .note-content .subtask{display:flex;align-items:center;gap:9px;font-size:16px;line-height:1.6;padding:4px 0}.tn-product-demo .note-content .subtask .checkbox{margin:0}.tn-product-demo .note-content .subtask .chip{margin-left:3px}.tn-product-demo .tag-workspace{display:none;position:absolute;left:240px;right:12px;top:var(--demo-titlebar-height);bottom:12px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--frame)}.tn-product-demo .app[data-view=tag] .tag-workspace{display:flex;animation:tn-hero-appear .25s ease}.tn-product-demo .app[data-view=tag] .workspace,.tn-product-demo .app[data-view=tag] .dock{display:none}.tn-product-demo .tag-list{width:280px;flex-shrink:0;border-right:1px solid var(--border)}.tn-product-demo .tag-list-header{height:48px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:9px;font-size:14px;color:var(--app-muted)}.tn-product-demo .tag-list-header strong{font-weight:500;color:var(--app-ink)}.tn-product-demo .tag-list-header small{color:var(--faint);font-size:12px}.tn-product-demo .tag-list-header .icon-button{margin-left:auto}.tn-product-demo .tag-list-item{padding:14px 28px 13px 0;margin-left:23px;border-bottom:1px solid var(--border);position:relative;font-size:14px;line-height:1.45;cursor:pointer}.tn-product-demo .tag-list-item .updated{font-size:12px;color:var(--faint);margin-top:5px}.tn-product-demo .tag-list-item.selected:before{content:"";position:absolute;left:-23px;top:0;bottom:0;width:2px;background:var(--strip)}.tn-product-demo .tag-list-item.selected{background:var(--active);margin-left:0;padding-left:23px}.tn-product-demo .tag-note{flex:1;background:var(--surface);min-width:0;opacity:0;transition:opacity .25s}.tn-product-demo .app[data-tag-note=open] .tag-note{opacity:1}.tn-product-demo .tag-note .note-content{padding:37px 32px 24px}.tn-product-demo .tag-note .note-content h2{font-size:27px}.tn-product-demo .empty-note{position:absolute;inset:48px 0 0 280px;display:grid;place-items:center;font-size:14px;color:var(--faint)}.tn-product-demo .app[data-tag-note=open] .empty-note{display:none}.tn-product-demo .cursor{position:absolute;left:0;top:0;width:0;height:0;z-index:30;opacity:0;pointer-events:none;transition:transform var(--move-time,.45s) cubic-bezier(.4,0,.2,1),opacity .18s}.tn-product-demo .cursor.visible{opacity:1}.tn-product-demo .cursor:before{content:"";position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--app-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--app-ink) 16%,transparent),0 1px 4px #0003;transition:scale .16s}.tn-product-demo .cursor.down:before{scale:.75}.tn-product-demo .click-wave,.tn-product-demo .click-wave:after{position:absolute;left:-9px;top:-9px;width:18px;height:18px;border:1.5px solid var(--app-ink);border-radius:50%;pointer-events:none;animation:tn-hero-ripple .75s ease-out forwards}.tn-product-demo .click-wave:after{content:"";left:-1.5px;top:-1.5px;animation-delay:.12s}.tn-product-demo .detail-sidebar{display:none!important}.tn-product-demo .app.compact .detail-sidebar{display:grid!important}.tn-product-demo .app[data-note=open][data-view=today] .dock{display:none}@keyframes tn-hero-ripple{0%{opacity:.65;transform:scale(.5)}to{opacity:0;transform:scale(2.6)}}.tn-product-demo .app.compact .sidebar{display:none}.tn-product-demo .app.compact .workspace,.tn-product-demo .app.compact .tag-workspace{inset:8px}.tn-product-demo .app.compact .floating-note{inset:8px;width:auto}.tn-product-demo .app.compact .dock{left:8px;right:8px;bottom:36px}.tn-product-demo .app.compact .workspace,.tn-product-demo .app.compact .floating-note{bottom:var(--today-bottom)}.tn-product-demo .app.compact .note-content{padding:27px 24px 20px}.tn-product-demo .app.compact .note-content h2{font-size:25px;margin-bottom:18px}.tn-product-demo .app.compact .note-content .goal,.tn-product-demo .app.compact .note-content li,.tn-product-demo .app.compact .note-content .materials p,.tn-product-demo .app.compact .note-content .subtask{font-size:15px}.tn-product-demo .app.compact .note-content h3{font-size:17px;margin-top:19px}.tn-product-demo .app.compact .note-toolbar{padding-inline:12px;gap:6px}.tn-product-demo .app.compact .tag-list{width:100%;border:0}.tn-product-demo .app.compact .tag-note{display:none}.tn-product-demo .app.compact[data-tag-note=open] .tag-note{display:block;position:absolute;inset:0;opacity:1}.tn-product-demo .app.compact[data-tag-note=open] .tag-list{display:none}.tn-product-demo .app.compact .tag-note .note-content{padding:27px 24px}.tn-product-demo .app.compact .empty-note{display:none}.tn-product-demo .app.compact .tag-note .note-toolbar .tag-back{display:grid}.tn-product-demo .tag-back{display:none!important}.tn-product-demo .app.compact .tag-back{display:grid!important}.tn-product-demo .app.compact .today-lane{padding:8px}.tn-product-demo .app.compact .task-card{padding:12px}.tn-product-demo .dock-inner button{display:grid;place-items:center;height:32px;width:34px}.tn-product-demo .app.compact[data-drawer=open] .sidebar{display:flex;z-index:24;left:0;top:0;bottom:0;width:246px;padding:12px;background:var(--shell);box-shadow:12px 0 30px #0005}.tn-product-demo .floating-note{visibility:hidden;transition:transform .4s cubic-bezier(.22,.8,.22,1),opacity .25s,visibility .4s}.tn-product-demo .app[data-note=open][data-view=today] .floating-note{visibility:visible}.tn-product-demo .tag-note{visibility:hidden}.tn-product-demo .app[data-tag-note=open] .tag-note{visibility:visible}.tn-product-demo .app.compact .expand-control{display:none}@media(prefers-reduced-motion:reduce){.tn-product-demo html{scroll-behavior:auto}.tn-product-demo *,.tn-product-demo *:before,.tn-product-demo *:after{animation:none!important;transition:none!important}}.tn-product-demo .tag-category{gap:6px!important}.tn-product-demo .tag-category>svg:first-child{width:11px;height:11px;transform:rotate(-90deg);color:var(--faint)}.tn-product-demo .tag-category.expanded>svg:first-child{transform:none}.tn-product-demo .tag-category>svg:nth-child(2){width:15px;height:15px}.tn-product-demo .tag-child{padding-left:42px!important}.tn-product-demo .tag-child:before{left:20px}.tn-product-demo .task-card{min-height:48px}.tn-product-demo .task-meta>svg{width:14px;height:14px}.tn-product-demo .note-content p{font-size:16px;line-height:1.65;margin:0 0 16px}.tn-product-demo .note-content .subtask{min-height:41px;align-items:center;gap:9px;font-size:15px}.tn-product-demo .note-subtask{width:100%;border-radius:6px!important;padding:5px 6px!important;margin-left:-6px}.tn-product-demo .note-subtask:hover{background:var(--hover)}.tn-product-demo .note-subtask .chip{margin-left:auto!important}.tn-product-demo .note-subtask .checkbox{margin:0}.tn-product-demo .ancestor-path{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--faint);margin:0 0 18px;max-width:100%;line-height:18px}.tn-product-demo .ancestor-path span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tn-product-demo .ancestor-path svg{width:13px;height:13px}.tn-product-demo .ancestor-path:disabled{cursor:default}.tn-product-demo .note-content.product-content{padding-top:24px}.tn-product-demo .product-content h2{margin-bottom:20px}.tn-product-demo .note-content .note-lead{font-size:18px;font-weight:500}.tn-product-demo .note-content .note-takeaway{margin-top:23px;font-weight:500;color:var(--app-muted)}.tn-product-demo .product-content h3{margin-top:20px}.tn-product-demo .app.compact .note-content p{font-size:15px}.tn-product-demo .app.compact .note-content .note-lead{font-size:17px}.tn-product-demo .app.compact .note-content .subtask{font-size:14px;gap:8px}.tn-product-demo .app.compact .note-subtask .chip{font-size:11px;padding:0 6px}.tn-product-demo .app.compact .product-content{padding-top:20px}.tn-product-demo .app.compact .ancestor-path{font-size:11px;margin-bottom:17px}.tn-product-demo .window-bar{position:absolute;left:16px;top:0;width:200px;height:var(--demo-titlebar-height);display:flex;align-items:center;gap:6px;pointer-events:none}.tn-product-demo .window-bar i{display:block;width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--faint) 30%,var(--shell))}.tn-product-demo .sidebar{top:var(--demo-titlebar-height)}.tn-product-demo .app.compact .window-bar{display:none}.tn-product-demo .app.compact[data-drawer=open] .sidebar{top:0}.tn-product-demo .account .avatar{display:block;-o-object-fit:cover;object-fit:cover;flex-shrink:0;box-shadow:0 0 0 1px color-mix(in srgb,var(--app-ink) 10%,transparent)}@media(max-width:619px){.tn-hero-viewport{aspect-ratio:400/735}}.tn-hero-demo{--hero-column-width:360px;--hero-lane:#f3f4f6;--hero-count:#666772}.dark .tn-hero-demo{--hero-lane:#1c1c20;--hero-count:#9b9ba6}.tn-hero-demo .hero-board{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.tn-hero-demo .hero-board::-webkit-scrollbar,.tn-hero-demo .hero-future-column::-webkit-scrollbar{display:none}.tn-hero-demo .hero-column{flex:0 0 var(--hero-column-width);min-width:0;height:100%;padding:8px}.tn-hero-demo .hero-column+.hero-column{border-left:.5px solid var(--border)}.tn-hero-demo .hero-board-lane{height:100%;padding:12px 8px;border-radius:8px;background:var(--hero-lane);overflow-y:auto;scrollbar-width:none}.tn-hero-demo .hero-future-column{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.tn-hero-demo .hero-future-track{display:flex;gap:8px;width:-moz-max-content;width:max-content;height:100%}.tn-hero-demo .hero-future-track>.hero-board-lane{width:calc(var(--hero-column-width) - 16px);flex-shrink:0}.tn-hero-demo .app[data-note=closed] .today-lane{position:relative;inset:auto;width:100%;height:100%;padding:12px 8px;background:var(--hero-lane);overflow-y:auto;scrollbar-width:none}.tn-hero-demo .app[data-note=closed] .hero-board .lane-heading{height:28px;gap:8px;font-weight:400}.tn-hero-demo .app[data-note=closed] .today-lane>.lane-heading{font-weight:600}.tn-hero-demo .app[data-note=closed] .lane-heading small{color:var(--hero-count)}.tn-hero-demo .app[data-note=closed] .lane-heading .right{width:28px;height:28px;padding:0;justify-content:center}.tn-hero-demo .app[data-note=closed] .lane-heading .right svg{width:12px;height:12px}.tn-hero-demo .app[data-note=closed] .hero-board .task-card{min-height:0;padding:12px}.tn-hero-demo .app[data-note=closed] .hero-board .task-title{line-height:21px}.tn-hero-demo .app[data-note=closed] .hero-board .task-meta{min-height:24px}.tn-hero-demo .app[data-note=closed] .hero-board .chip{height:24px;padding-inline:7px;gap:6px;border:1px solid transparent;line-height:16px}.tn-hero-demo .app[data-note=closed] .hero-board .chip svg{width:14px;height:14px}.tn-hero-demo .app[data-note=closed] .new-task{min-height:38px;padding:8px 12px;gap:8px;border:1px solid transparent;border-radius:8px}.tn-hero-demo .app[data-note=closed] .new-task svg{width:12px;height:12px}.tn-hero-demo .app[data-note=closed] .done-label{margin:12px 0;font-size:12px}.tn-hero-demo .app[data-note=open] .hero-backlog-column,.tn-hero-demo .app[data-note=open] .hero-future-column{display:none}.tn-hero-demo .app[data-note=open] .hero-today-column{flex:1;padding:0;border:0}.tn-hero-demo .dock-inner .hero-group-toggle{border-radius:8px;background:var(--active);color:var(--app-ink);font-weight:500}.tn-hero-demo .app.compact{--hero-column-width:320px}.tn-hero-demo .app.compact .hero-future-track{flex-direction:column;width:100%;overflow-y:auto;scrollbar-width:none}.tn-hero-demo .app.compact .hero-future-track>.hero-board-lane{height:auto}.tn-hero-demo .app .detail-scrim{position:absolute;inset:0;z-index:20;width:100%;height:100%;border-radius:inherit;background:#0000003d;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s}.tn-hero-demo .app[data-note=open][data-detail=child] .detail-scrim,.tn-hero-demo .app[data-note=open][data-view=tag] .detail-scrim{opacity:1;visibility:visible;pointer-events:auto}.tn-hero-demo .app .floating-note{z-index:22;transform-origin:left center;transition:transform .28s cubic-bezier(.22,.8,.22,1),opacity .28s,visibility .28s}.tn-hero-demo .app[data-note=open] #floating{visibility:visible;transform:none;opacity:1;pointer-events:auto}.tn-hero-demo .app .child-note{z-index:24;transform:translate(calc(100% + 24px));visibility:hidden;opacity:0;pointer-events:none}.tn-hero-demo .app[data-detail=parent] #child-floating,.tn-hero-demo .app[data-note=closed] #child-floating{visibility:hidden;transform:translate(calc(100% + 24px));opacity:0;pointer-events:none}.tn-hero-demo .app[data-note=open][data-detail=child] #floating{z-index:19;transform:translate(-32px) scale(.97);pointer-events:none}.tn-hero-demo .app[data-note=open][data-detail=child] .child-note{visibility:visible;transform:none;opacity:1;pointer-events:auto}.tn-hero-demo .tag-workspace{transform-origin:left center;transition:transform .28s cubic-bezier(.22,.8,.22,1)}.tn-hero-demo .app[data-view=tag][data-note=open] .tag-workspace{transform:translate(-28px) scale(.97);pointer-events:none}.tn-hero-demo .app .note-content{overflow-y:auto;scrollbar-width:none}.tn-hero-demo .app .cursor{z-index:40}.tn-hero-demo .app.compact .child-note{left:24px;top:24px;right:8px;bottom:var(--today-bottom)}.tn-hero-demo .app.compact[data-note=open][data-detail=child] #floating{transform:translate(-12px) scale(.97)}.tn-hero-demo .app.compact[data-drawer=open] .sidebar{z-index:35}.tn-hero-demo .app button:focus-visible,.tn-hero-demo .app [role=button]:focus-visible{outline:2px solid var(--control);outline-offset:3px}.tn-todo-demo{--todo-column-width:360px;--lane:#f3f4f6;--input-ring:#466b8c;--count:#666772}.dark .tn-todo-demo{--lane:#1c1c20;--input-ring:#9abad7;--count:#9b9ba6}.tn-todo-viewport{aspect-ratio:980/735}.tn-todo-demo .app .todo-workspace{left:12px;right:12px;top:var(--demo-titlebar-height);bottom:36px;border-width:.5px}.tn-todo-demo .window-bar{left:13px}.tn-todo-demo .todo-board{display:flex;height:100%;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.tn-todo-demo .todo-board::-webkit-scrollbar{display:none}.tn-todo-demo .todo-column{width:var(--todo-column-width);flex-shrink:0;height:100%;padding:8px}.tn-todo-demo .todo-column+.todo-column{border-left:.5px solid var(--border)}.tn-todo-demo .todo-future{width:calc(100% - 2 * var(--todo-column-width));min-width:var(--todo-column-width);flex-shrink:0;height:100%;padding:8px;border-left:.5px solid var(--border);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.tn-todo-demo .todo-future::-webkit-scrollbar{display:none}.tn-todo-demo .todo-future-track{display:flex;gap:8px;height:100%;width:-moz-max-content;width:max-content}.tn-todo-demo .todo-lane{width:calc(var(--todo-column-width) - 16px);height:100%;padding:12px 8px;border-radius:8px;background:var(--lane)}.tn-todo-demo .todo-column>.todo-lane{width:100%}.tn-todo-demo .lane-heading{height:28px;margin-bottom:12px;padding-right:0;gap:8px;font-weight:400}.tn-todo-demo .today-heading{font-weight:600}.tn-todo-demo .lane-heading small{color:var(--count)}.tn-todo-demo .lane-heading .right{padding:0;width:28px;height:28px;justify-content:center}.tn-todo-demo .lane-heading .right svg{width:12px;height:12px}.tn-todo-demo .task-card{min-height:0;margin-bottom:8px;padding:12px;border-radius:8px}.tn-todo-demo .task-title{line-height:21px}.tn-todo-demo .task-meta{min-height:24px;margin-top:8px}.tn-todo-demo .chip{height:24px;padding-inline:7px;gap:6px;border:1px solid transparent;line-height:16px}.tn-todo-demo .chip svg{width:14px;height:14px}.tn-todo-demo .todo-add-row{position:relative;min-height:38px;padding:8px 12px;border:1px solid transparent;border-radius:8px;font-size:14px;line-height:20px;color:var(--app-muted)}.tn-todo-demo .add-placeholder{display:flex;align-items:center;gap:8px}.tn-todo-demo .add-placeholder svg{width:12px;height:12px}.tn-todo-demo .todo-draft{display:none;color:var(--app-ink)}.tn-todo-demo .todo-created{display:none}.tn-todo-demo .todo-created.is-added{display:block;animation:tn-hero-appear .2s ease-out}.tn-todo-demo .todo-add-row.is-editing{background:var(--surface);outline:2px solid var(--input-ring);outline-offset:-2px}.tn-todo-demo .todo-add-row.is-editing .add-placeholder{display:none}.tn-todo-demo .todo-add-row.is-editing .todo-draft{display:block}.tn-todo-demo .todo-caret{display:inline-block;width:1px;height:16px;background:var(--app-ink);margin-left:1px;vertical-align:-3px}.tn-todo-demo .todo-dock{left:12px;right:12px}.tn-todo-demo .dock-inner{gap:4px;padding:4px}.tn-todo-demo .dock-inner .dock-icon,.tn-todo-demo .dock-inner .dock-notification{display:grid;place-items:center;width:28px;height:28px;padding:6px;border:0;margin:0}.tn-todo-demo .dock-divider{height:20px;border-left:1px solid var(--border);margin:0 4px}.tn-todo-demo .dock-inner .group-toggle{height:32px;padding:0 12px;gap:8px;border-radius:8px;font-weight:500}.tn-todo-demo .group-toggle.active{background:var(--active);color:var(--app-ink)}.tn-todo-demo .app.compact{--todo-column-width:320px}.tn-todo-demo .app.compact .todo-workspace{inset:8px 8px 36px}.tn-todo-demo .app.compact .todo-future{width:320px}.tn-todo-demo .app.compact .todo-future-track{flex-direction:column;width:304px;height:100%;overflow-y:auto;scrollbar-width:none}.tn-todo-demo .app.compact .todo-future .todo-lane{height:auto;flex-shrink:0}.tn-todo-demo .app.compact .todo-dock{left:8px;right:8px}@media(max-width:619px){.tn-todo-viewport{aspect-ratio:400/600}}.tn-note-viewport{aspect-ratio:980/735}.tn-note-demo .sidebar{width:200px}.tn-note-demo .side-row{overflow:hidden}.tn-note-demo .side-row>span:not(.shortcut){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tn-note-demo .app .note-workspace{left:216px;right:12px;top:var(--demo-titlebar-height);bottom:12px;padding:8px;border-width:.5px}.tn-note-demo .note-today{width:100%;height:100%}.tn-note-demo .note-card-parent{font-size:12px;line-height:18px;margin-bottom:8px;color:var(--faint)}.tn-note-demo .app .note-detail{width:552px;top:var(--demo-titlebar-height);bottom:12px}.tn-note-demo .note-document{padding:28px 32px 36px 48px;overflow:auto;scrollbar-width:none}.tn-note-demo .note-document h2{font-size:28px;font-weight:600;line-height:1.25;margin:0 0 20px;max-width:none}.tn-note-demo .note-document p,.tn-note-demo .note-document li{font-size:16px;line-height:26.4px}.tn-note-demo .note-document h3{font-size:18px;font-weight:600;line-height:26px;margin:20px 0 10px}.tn-note-demo .note-document ul{padding-left:24px;margin:0}.tn-note-demo .note-document li{margin:4px 0}.tn-note-demo .note-document blockquote{border-left:3px solid var(--control);padding-left:16px;margin:0;font-size:16px;line-height:26.4px;color:var(--app-muted)}.tn-note-demo .ancestor-path{margin-bottom:18px}.tn-note-demo .app[data-tagged=false] .note-new-tag{display:none}.tn-note-demo .note-toolbar .note-new-tag{max-width:220px;min-width:0;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.tn-note-demo .app .note-tag-workspace{left:216px;right:12px;top:var(--demo-titlebar-height);bottom:12px}.tn-note-demo .note-tag-workspace .tag-list{width:240px}.tn-note-demo .tag-list-item{font-size:14px;line-height:21px}.tn-note-demo .tag-note .note-document{padding:28px 32px 36px}.tn-note-demo .app[data-view=tag] .note-detail{display:none}.tn-note-demo .note-tag-picker{position:absolute;z-index:26;width:320px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 24px #0004;overflow:hidden;display:none;font-size:14px}.tn-note-demo .app[data-stage=picker] .note-tag-picker,.tn-note-demo .app[data-stage=filtering] .note-tag-picker{display:block;animation:tn-hero-appear .15s ease-out}.tn-note-demo .note-tag-input{height:44px;margin:0 12px;display:flex;align-items:center;gap:8px;border-bottom:2px solid var(--input-ring)}.tn-note-demo .note-tag-input svg{width:16px;height:16px;color:var(--faint)}.tn-note-demo .note-tag-placeholder{color:var(--faint)}.tn-note-demo .note-tag-query{display:none}.tn-note-demo .note-tag-query i{display:inline-block;height:15px;width:1px;vertical-align:-3px;margin-left:1px;background:var(--app-ink)}.tn-note-demo .app[data-stage=filtering] .note-tag-query{display:inline}.tn-note-demo .app[data-stage=filtering] .note-tag-placeholder,.tn-note-demo .app[data-stage=filtering] .other-option{display:none}.tn-note-demo .note-tag-results{padding:4px}.tn-note-demo .note-tag-option{padding:8px;border-radius:6px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tn-note-demo .note-tag-option.selected{background:var(--active)}.tn-note-demo .app.compact .note-workspace{inset:8px}.tn-note-demo .app.compact .note-detail{inset:8px;width:auto}.tn-note-demo .app.compact .note-document{padding:24px 24px 32px 40px}.tn-note-demo .app.compact .note-document h2{font-size:30px;line-height:1.25}.tn-note-demo .app.compact .note-document p,.tn-note-demo .app.compact .note-document li{font-size:16px;line-height:26.4px}.tn-note-demo .app.compact .note-document h3{font-size:20px;margin:24px 0 12px}.tn-note-demo .app.compact .note-toolbar .note-new-tag{max-width:120px;padding-inline:4px;font-size:11px}.tn-note-demo .app.compact .note-tag-workspace{inset:8px}.tn-note-demo .app.compact .note-tag-workspace .tag-list{width:100%}.tn-note-demo .app.compact[data-drawer=open] .sidebar{width:246px}@media(max-width:619px){.tn-note-viewport{aspect-ratio:400/760}}.tn-note-demo .note-document .note-lead{font-size:18px;line-height:29px;font-weight:500}.tn-note-demo .note-document .note-takeaway{margin-top:23px;font-weight:500;color:var(--app-muted)}.tn-write-viewport{aspect-ratio:980/735}.tn-write-demo .app .write-workspace{left:12px;right:12px;top:var(--demo-titlebar-height);bottom:12px;padding:8px;border-width:.5px}.tn-write-demo .write-today{width:100%;height:100%}.tn-write-demo .app .write-detail{top:var(--demo-titlebar-height);right:12px;bottom:12px;width:660px;opacity:1;visibility:visible;transform:none;pointer-events:none}.tn-write-demo .write-doc{padding:40px 40px 36px 64px;overflow:auto;scrollbar-width:none}.tn-write-demo .write-doc h2{font-size:32px;font-weight:700;line-height:1.25;max-width:none;margin:0 0 24px}.tn-write-demo .write-doc p,.tn-write-demo .write-doc li{font-size:16px;line-height:28px}.tn-write-demo .write-doc p{margin:0 0 16px}.tn-write-demo .write-doc h3{font-size:20px;font-weight:600;line-height:28px;margin:24px 0 12px}.tn-write-demo .write-doc ul{padding-left:24px;margin:0}.tn-write-demo .write-doc li{margin:8px 0}.tn-write-demo .write-placeholder{color:var(--faint)}.tn-write-demo .write-block,.tn-write-demo .write-subtask,.tn-write-demo .write-progress{display:none}.tn-write-demo .write-block.is-visible{display:block}.tn-write-demo li.write-block.is-visible{display:list-item}.tn-write-demo .write-progress.is-visible{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--app-muted)}.tn-write-demo .write-subtask.is-visible{display:flex}.tn-write-demo .write-subtask{align-items:flex-start;gap:8px;min-height:40px;margin:5px -8px;padding:5px 8px;border-radius:8px}.tn-write-demo .write-subtask .checkbox{margin-top:4px}.tn-write-demo .write-subtask-content{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;min-width:0}.tn-write-demo .write-subtask-title{font-size:16px;line-height:24px}.tn-write-demo .write-subtask-title.is-visible{display:inline}.tn-write-demo .write-date-trigger{display:none;background:transparent;padding-inline:2px;height:24px}.tn-write-demo .write-date-trigger.is-visible{display:inline-flex}.tn-write-demo .write-date-trigger [data-write-date-label]{display:none}.tn-write-demo .app[data-scheduled=true] .write-date-trigger [data-write-date-label]{display:inline}.tn-write-demo .is-typing:after{content:"";display:inline-block;height:1em;width:1px;background:var(--app-ink);vertical-align:-2px;margin-left:1px}.tn-write-demo .write-date-picker{display:none;position:absolute;z-index:25;width:260px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 12px 30px #0004;overflow:hidden;color:var(--app-ink);font-size:12px;line-height:16px}.tn-write-demo .write-date-picker.is-visible{display:block;animation:tn-hero-appear .16s ease-out}.tn-write-demo .date-endpoints{display:grid;grid-template-columns:1fr 14px 1fr;gap:2px;align-items:center;padding:6px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--hover) 30%,transparent)}.tn-write-demo .date-endpoints>svg{width:14px;height:14px;color:var(--faint)}.tn-write-demo .date-endpoint{min-height:40px;padding:5px 6px;border:1px solid transparent;border-radius:6px;color:var(--faint)}.tn-write-demo .date-endpoint small{display:block;font-size:10px;line-height:12px;color:var(--app-muted)}.tn-write-demo .date-endpoint.active{background:var(--active);border-color:var(--control)}.tn-write-demo .date-endpoint.has-date{color:var(--app-ink)}.tn-write-demo .write-calendar{padding:10px}.tn-write-demo .calendar-month{height:28px;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:14px}.tn-write-demo .calendar-prev svg{transform:rotate(90deg)}.tn-write-demo .calendar-next svg{transform:rotate(-90deg)}.tn-write-demo .calendar-weekdays,.tn-write-demo .calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.tn-write-demo .calendar-weekdays{margin-bottom:4px;text-align:center;color:var(--app-muted)}.tn-write-demo .calendar-weekdays small{font-size:12px;line-height:24px}.tn-write-demo .calendar-day{display:grid;place-items:center;height:32px;border:1px solid transparent;border-radius:6px;font-size:14px}.tn-write-demo .calendar-day.outside{color:var(--faint)}.tn-write-demo .calendar-today{background:var(--hover)}.tn-write-demo .calendar-day.selected{background:var(--active);border-color:var(--control)}.tn-write-demo .calendar-shortcuts{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;border-top:1px solid var(--border)}.tn-write-demo .calendar-shortcuts>span,.tn-write-demo .calendar-footer>span{height:24px;border:1px solid var(--control);border-radius:6px;padding:3px 7px;white-space:nowrap}.tn-write-demo .calendar-shortcuts>span.selected{background:var(--active)}.tn-write-demo .calendar-reminder{display:flex;align-items:center;gap:8px;height:44px;padding:10px 12px;border-top:1px solid var(--border)}.tn-write-demo .calendar-reminder svg{width:14px;height:14px}.tn-write-demo .reminder-none{margin-left:auto;color:var(--app-muted)}.tn-write-demo .calendar-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--border)}.tn-write-demo .calendar-footer .calendar-done{background:var(--app-ink);color:var(--surface);border-color:var(--app-ink)}.tn-write-demo .app.compact .write-workspace{inset:8px}.tn-write-demo .app.compact .write-detail{inset:8px;width:auto}.tn-write-demo .app.compact .write-doc{padding:32px 24px 32px 40px}.tn-write-demo .app.compact .write-doc h2{font-size:32px;line-height:40px;margin-bottom:24px}.tn-write-demo .app.compact .write-doc p,.tn-write-demo .app.compact .write-doc li{font-size:16px;line-height:28px}.tn-write-demo .app.compact .write-doc h3{font-size:20px;margin:24px 0 12px}@media(max-width:619px){.tn-write-viewport{aspect-ratio:400/760}}.tn-write-demo .write-subtask.write-existing{display:flex}.product-hero{padding-top:151px}.product-hero-copy{text-align:center;margin-inline:auto}.product-hero h1{font-size:clamp(48px,5vw,68px);font-weight:600;line-height:1.1;letter-spacing:-.04em;margin:0}.hero-heading-phrase{display:block}.hero-heading-finish{display:block;color:var(--site-title-secondary);font-size:.74em;font-weight:500;letter-spacing:-.035em;margin-top:12px}.product-hero-copy>p{color:var(--site-secondary);font-size:18px;line-height:1.65;margin:21px auto 0;max-width:560px;text-wrap:balance}.product-hero-actions{margin-top:22px;display:flex;gap:24px;align-items:center;justify-content:center}.product-image-slot{margin:0;display:grid;place-items:center;width:100%;aspect-ratio:4 / 3;background:var(--site-placeholder);border:1px solid var(--site-line);border-radius:16px;box-shadow:0 18px 40px -30px #19191e26}.product-image-slot figcaption{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--site-secondary);padding:24px}.product-image-slot figcaption>svg{margin-bottom:20px;opacity:.68}.image-slot-title{font-size:14px;line-height:1.5;font-weight:500}.image-slot-description{font-size:12px;line-height:1.6;margin-top:7px}.image-slot-status{font-size:11px;line-height:1.5;margin-top:22px}.hero-product-window{margin-top:40px;max-width:1008px;margin-inline:auto}.hero-description-line{display:block}.story-eyebrow{margin:0 0 18px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--site-secondary)}.story-eyebrow b{margin-right:8px;font-weight:600;color:var(--site-text)}.product-home .product-story{width:min(1240px,calc(100% - 80px));padding-top:112px}.story-section{scroll-margin-top:128px}.story-action,.story-driven,.story-note{display:grid;grid-template-columns:.72fr 1.28fr;align-items:start;gap:64px}.story-copy{max-width:445px;padding-top:clamp(48px,5vw,72px)}.story-section h2{font-size:clamp(32px,3.05vw,44px);font-weight:500;letter-spacing:-.035em;line-height:1.16;margin:0}.story-section h2 strong{font-weight:inherit;text-decoration-line:underline;text-decoration-thickness:.055em;text-underline-offset:.14em;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.story-description{color:var(--site-secondary);font-size:16px;line-height:1.75;margin:23px 0 0;max-width:375px}.story-driven,.story-note{margin-top:96px}.product-final{margin-top:104px;padding:76px 0 84px;text-align:center;border-top:1px solid var(--site-line)}.product-final h2{font-size:clamp(36px,4vw,54px);font-weight:500;line-height:1.16;letter-spacing:-.04em;margin:0 0 31px}.product-final h2 span{color:var(--site-title-secondary)}.home-faq{border-top:1px solid var(--site-line);padding-block:64px 80px}.home-faq-content{max-width:760px;margin-inline:auto}.home-faq h2{margin:0;text-align:center;font-size:28px;font-weight:500;line-height:1.3;letter-spacing:-.03em}.home-faq-list{margin-top:32px}.home-faq details{border-bottom:1px solid var(--site-line);scroll-margin-top:100px}.home-faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:21px;list-style:none;cursor:pointer;font-size:16px;font-weight:500;line-height:1.6}.home-faq summary::-webkit-details-marker{display:none}.home-faq summary svg{flex-shrink:0;color:var(--site-secondary);transition:transform .18s}.home-faq details[open] summary svg{transform:rotate(45deg)}.home-faq-answer{margin:-3px 40px 24px 0;color:var(--site-secondary);font-size:15px;line-height:1.85}.home-faq-answer p{margin:0}.home-faq-answer a{display:inline-block;margin-top:10px;text-decoration:underline;text-underline-offset:3px}.home-faq-answer a:hover{color:var(--site-text)}@media(max-width:1199px){.story-action,.story-driven,.story-note{gap:40px}.story-section h2{font-size:35px}.wide-break{display:none}}@media(max-width:959px){.product-hero{padding-top:151px}.product-hero h1{font-size:clamp(42px,6.5vw,58px)}.product-home .product-story{width:calc(100% - 56px);padding-top:88px}.story-action,.story-driven,.story-note{grid-template-columns:1fr;gap:34px}.story-copy{max-width:580px;padding-top:0}.story-description{max-width:510px}.story-driven,.story-note{margin-top:80px}.product-final{margin-top:88px}}@media(max-width:639px){.product-hero{padding-top:128px}.product-hero h1{font-size:clamp(32px,8.5vw,50px);line-height:1.14}.product-hero-copy>p{font-size:16px;line-height:1.7;max-width:340px;margin-top:23px}.hero-copy-break{display:none}.product-hero-actions{gap:23px;margin-top:24px}.hero-product-window{margin-top:36px}.product-image-slot{border-radius:12px}.product-image-slot figcaption{padding:20px 12px}.image-slot-title{font-size:13px}.image-slot-description{font-size:11px;max-width:230px}.image-slot-status{font-size:10px;margin-top:16px}.product-image-slot figcaption>svg{width:23px;margin-bottom:13px}.product-home .product-story{width:calc(100% - 40px);padding-top:72px}.story-section{scroll-margin-top:98px}.story-section h2{font-size:33px}.story-description{font-size:15px;margin-top:20px}.story-action,.story-driven,.story-note{gap:30px}.story-driven,.story-note{margin-top:72px}.product-final{margin-top:72px;padding-block:56px 60px}.product-final h2{font-size:clamp(27px,7.6vw,39px);line-height:1.2;margin-bottom:27px}.home-faq{padding-block:40px 56px}.home-faq h2{font-size:24px}.home-faq-list{margin-top:24px}.home-faq summary{gap:16px;padding-block:18px;font-size:15px}.home-faq-answer{margin-right:0;font-size:14px}}@media(max-width:359px){.product-hero h1{font-size:28px}.product-hero-actions{gap:18px}.story-section h2{font-size:30px}}.win-wrap{--rp-shell: #f3f4f6;--rp-frame: #fafafb;--rp-surface: #ffffff;--rp-surface-hover: #eeeff2;--rp-surface-active: #e5e7eb;--rp-border-soft: #e4e5e9;--rp-text-strong: #242429;--rp-text-muted: #60616b;--rp-text-faint: #666772;--rp-accent-strip: #60616b;--rp-control-border: #90909b;--rp-elevated: #ffffff;--rp-dot: #a9aaa3;--rp-win-shadow: 0 4px 12px rgb(0 0 0 / 4%), 0 24px 64px -16px rgb(0 0 0 / 14%);--rp-panel-shadow: -12px 0 32px -14px rgb(15 23 42 / 16%)}.dark .win-wrap{--rp-shell: #111113;--rp-frame: #18181b;--rp-surface: #222226;--rp-surface-hover: #2a2a30;--rp-surface-active: #323239;--rp-border-soft: #303036;--rp-text-strong: #e8e8ec;--rp-text-muted: #b2b2bc;--rp-text-faint: #9b9ba6;--rp-accent-strip: #b2b2bc;--rp-control-border: #7c7c88;--rp-elevated: #26262b;--rp-dot: #3d3d43;--rp-win-shadow: 0 0 0 1px rgb(255 255 255 / 4%), 0 4px 16px rgb(0 0 0 / 16%), 0 28px 72px -18px rgb(0 0 0 / 40%);--rp-panel-shadow: -12px 0 32px -14px rgb(0 0 0 / 50%)}.aw svg.i{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.win-wrap{position:relative;width:100%}.win-wrap>.aw{position:absolute;top:0;left:0;transform-origin:top left;box-shadow:var(--rp-win-shadow)}.aw{background:var(--rp-shell);border-radius:12px;overflow:hidden;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:var(--rp-text-strong);font-size:14px;line-height:20px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.aw *{box-sizing:border-box}.aw .dots{position:absolute;top:11px;left:12px;display:flex;gap:5px}.aw .dots i{width:11px;height:11px;border-radius:50%;background:var(--rp-dot)}.aw .sb{position:absolute;left:0;top:36px;bottom:0;padding:0 8px;color:var(--rp-text-muted)}.aw .sb .me{display:flex;align-items:center;gap:10px;height:56px;margin:0 8px 9px;border-bottom:1px solid var(--rp-border-soft);color:var(--rp-text-strong)}.aw .av{width:24px;height:24px;border-radius:50%;background:linear-gradient(140deg,#c9b6a6,#7d6a5e);color:#fff;font-size:11px;font-weight:600;display:grid;place-items:center}.aw .sb .r{display:flex;align-items:center;gap:8px;height:32px;padding:0 8px;margin-bottom:2px;border-radius:8px;white-space:nowrap;transition:background .25s,color .25s}.aw .sb .r.on{background:var(--rp-surface-active);color:var(--rp-text-strong)}.aw .sb .r.k{padding-left:32px}.aw .sb .r svg.i{width:16px;height:16px}.aw .sb .r .h{width:14px;height:14px}.aw .sb .lbl{font-size:12px;color:var(--rp-text-faint);padding:12px 8px 8px}.aw .sb .g{position:relative}.aw .sb .g:before{content:"";position:absolute;left:15px;top:0;bottom:6px;width:1px;background:var(--rp-border-soft)}.aw .sb .bot{position:absolute;left:8px;right:8px;bottom:10px}.aw .pn{position:absolute;background:var(--rp-frame);border:1px solid var(--rp-border-soft);border-radius:12px;overflow:hidden}.aw .pn-h{height:48px;display:flex;align-items:center;gap:14px;padding:0 16px 0 18px;border-bottom:1px solid var(--rp-border-soft);font-weight:600;white-space:nowrap}.aw .pn-h svg.i{color:var(--rp-text-muted)}.aw .seg{margin-left:auto;display:flex;gap:8px}.aw .seg span{display:inline-flex;align-items:center;gap:6px;height:25px;padding:0 8px;border:1px solid var(--rp-control-border);border-radius:7px;font-size:12.5px;font-weight:500}.aw .seg span.on{background:var(--rp-surface-active)}.aw .seg svg.i{width:13px;height:13px;color:var(--rp-text-strong)}.aw .cols{position:absolute;inset:56px 8px 8px;display:flex}.aw .col{flex:1;min-width:0;background:var(--rp-shell);border-radius:8px;padding:0 8px 8px}.aw .col+.col{margin-left:9px}.aw .colsep{width:1px;flex-shrink:0;background:var(--rp-border-soft);margin:-8px 8px}.aw .colsep+.col{margin-left:0}.aw .cols.lanes{right:auto}.aw .cols.lanes .col{flex:0 0 300px}.aw .cols.lanes.narrow .col{flex-basis:270px}.aw .col-h{height:46px;display:flex;align-items:center;gap:8px;padding:0 4px 0 6px;color:var(--rp-text-muted)}.aw .col-h .nm{color:var(--rp-text-muted)}.aw .col-h .nm.today{color:var(--rp-text-strong);font-weight:600}.aw .col-h .ct{font-size:12px;color:var(--rp-text-faint);font-variant-numeric:tabular-nums}.aw .col-h .add{margin-left:auto}.aw .newt{display:flex;align-items:center;gap:8px;color:var(--rp-text-muted);padding:8px 10px}.aw .grp{display:flex;align-items:center;gap:2px;font-size:12.5px;color:var(--rp-text-muted);padding:4px 2px 8px}.aw .grp svg.i{width:12px;height:12px}.aw .cd{position:relative;background:var(--rp-surface);border:1px solid var(--rp-border-soft);border-radius:8px;padding:12px;margin-bottom:9px;transition:border-color .2s,box-shadow .25s,background .6s}.aw .cd.sel{border-color:color-mix(in srgb,var(--rp-border-soft),var(--rp-control-border) 70%)}.aw .cd.edit{border-color:var(--rp-control-border);box-shadow:0 0 0 3px color-mix(in srgb,var(--rp-control-border) 16%,transparent)}.aw .cd.flash{background:color-mix(in srgb,var(--rp-surface-active) 75%,var(--rp-surface))}.aw .cd .anc{font-size:12.5px;color:var(--rp-text-muted);padding-left:24px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aw .cd .tl{display:flex;gap:8px;align-items:flex-start}.aw .cd .tt{min-height:20px;transition:color .25s}.aw .cd.done .tt{color:var(--rp-text-muted)}.aw .cd .mt{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;padding-left:24px;margin-top:8px}.aw .cbx{width:16px;height:16px;margin-top:2px;border:1px solid var(--rp-control-border);border-radius:4px;display:grid;place-items:center;flex-shrink:0;color:var(--rp-frame);transition:background .15s,border-color .15s}.aw .cbx svg{width:11px;height:11px;stroke:currentColor;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.5);transition:opacity .15s,transform .2s}.aw .cbx.on{background:var(--rp-accent-strip);border-color:var(--rp-accent-strip)}.aw .cbx.on svg{opacity:1;transform:none}.aw .ch{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:6px;background:var(--rp-surface-hover);color:var(--rp-text-muted);font-size:12.5px;white-space:nowrap}.aw .ch svg.i{width:13px;height:13px}.aw .ch .ar{width:11px;height:11px}.aw .pg{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--rp-text-muted);font-variant-numeric:tabular-nums}.aw .pg svg.i{width:14px;height:14px}.aw .dp{position:absolute;background:var(--rp-surface);border:1px solid var(--rp-border-soft);border-radius:12px;box-shadow:var(--rp-panel-shadow);overflow:hidden;transition:opacity .4s ease,transform .5s cubic-bezier(.22,.8,.22,1)}.aw .dp.off{opacity:0;transform:translate(36px)}.aw .dp-h{height:48px;display:flex;align-items:center;gap:8px;padding:0 14px 0 16px;border-bottom:1px solid var(--rp-border-soft);color:var(--rp-text-muted);white-space:nowrap}.aw .dp-h .cbx{margin-top:0}.aw .dp-h .vr{width:1px;height:18px;background:var(--rp-border-soft);margin:0 3px}.aw .dp-h .sp{flex:1}.aw .dp-h .ib{display:grid;place-items:center;width:26px;height:26px;border-radius:6px}.aw .doc{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;padding:40px 56px 32px;color:var(--rp-text-strong)}.aw .doc .ti{font-size:29px;font-weight:600;letter-spacing:-.012em;line-height:1.2;margin:0 0 22px}.aw .doc p{font-size:15px;line-height:1.75;margin:0 0 16px;min-height:26px}.aw .doc h3{font-size:18px;font-weight:600;line-height:1.4;margin:24px 0 10px;min-height:25px}.aw .doc ul{margin:0 0 4px;padding-left:24px}.aw .doc li{font-size:15px;line-height:1.75;margin-bottom:8px;min-height:26px}.aw .doc .td{display:flex;align-items:center;gap:10px;font-size:15px;line-height:26px;padding:4px 0}.aw .doc .td .cbx{margin-top:0}.aw .doc .td.done>.tx{color:var(--rp-text-muted)}.aw .doc .td .ch{margin-left:2px}.aw .doc .ph{color:var(--rp-text-faint)}.aw .doc li.ph::marker{color:var(--rp-text-faint)}.aw .doc .anc-path{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;line-height:16px;color:var(--rp-text-muted);margin-bottom:6px}.aw .doc blockquote{margin:0 0 16px;padding:2px 0 2px 16px;border-left:3px solid var(--rp-border-soft);font-size:15px;line-height:1.75}.aw .doc s{color:var(--rp-text-muted)}.aw .ch.glow{animation:demo-glow 1.4s ease 2}@keyframes demo-glow{0%,to{box-shadow:0 0 0 0 transparent}45%{box-shadow:0 0 0 3px color-mix(in srgb,var(--rp-control-border) 45%,transparent);background:var(--rp-surface-active);color:var(--rp-text-strong)}}.aw .caret{display:inline-block;width:1.5px;height:1.15em;margin-left:1px;background:var(--rp-text-strong);vertical-align:-.2em;animation:demo-blink 1.05s steps(1) infinite}@keyframes demo-blink{50%{opacity:0}}.aw .tagview{position:absolute;inset:0;display:flex}.aw .tagview-list{width:270px;flex-shrink:0;display:flex;flex-direction:column}.aw .tagview-sep{width:0;border-left:.5px solid var(--rp-border-soft);flex-shrink:0}.aw .tagview-detail{flex:1;min-width:0;background:var(--rp-surface)}.aw .tlist .it{position:relative;transition:background .6s}.aw .tlist .it .in{margin-left:24px;padding:12px 48px 12px 0;border-bottom:1px solid var(--rp-border-soft)}.aw .tlist .it .a{font-size:14px;line-height:20px;margin-bottom:4px}.aw .tlist .it .b{font-size:12px;line-height:16px;color:var(--rp-text-faint)}.aw .tlist .it.on{background:var(--rp-surface-active)}.aw .tlist .it.on:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--rp-accent-strip)}.aw .pop{position:absolute;z-index:6;background:var(--rp-elevated);border:1px solid var(--rp-border-soft);border-radius:10px;box-shadow:0 14px 34px -10px #0f172a42;padding:6px;font-size:13.5px;transition:opacity .14s,transform .16s}.aw .pop.off{opacity:0;transform:translateY(-4px);pointer-events:none}.aw .pop .it{display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;border-radius:6px;color:var(--rp-text-strong);white-space:nowrap;transition:background .12s}.aw .pop .it svg.i{width:15px;height:15px;color:var(--rp-text-muted)}.aw .pop .it .k{margin-left:auto;padding-left:16px;font-size:12px;color:var(--rp-text-faint)}.aw .pop .it.hl{background:var(--rp-surface-hover)}.aw .pop .inp{display:flex;align-items:center;gap:8px;height:36px;margin:-6px -6px 6px;padding:0 12px;border-bottom:1px solid var(--rp-border-soft);color:var(--rp-text-strong)}.aw .pop .inp svg.i{color:var(--rp-text-muted);width:15px;height:15px}.aw .hide{display:none!important}.aw .fade{transition:opacity .35s ease}.aw .fade.off{opacity:0}.aw .drop{animation:demo-drop .45s cubic-bezier(.22,.8,.22,1)}@keyframes demo-drop{0%{opacity:0;transform:translateY(-10px)}}.aw .popin{animation:demo-popin .3s cubic-bezier(.3,1.5,.5,1)}@keyframes demo-popin{0%{opacity:0;transform:scale(.7)}}.aw .xfade{animation:demo-xfade .4s ease}@keyframes demo-xfade{0%{opacity:0}}.aw .cur{position:absolute;left:0;top:0;z-index:20;pointer-events:none;opacity:0;transition:transform var(--t, .6s) cubic-bezier(.45,.05,.25,1),opacity .3s}.aw .cur.show{opacity:1}.aw .cur svg{display:block;width:26px;height:26px;margin:-3px 0 0 -5px;filter:drop-shadow(0 2px 3px rgb(0 0 0 / 28%));transition:transform .1s;transform-origin:5px 3px}.aw .cur.down svg{transform:scale(.84)}.aw .rp{position:absolute;z-index:19;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:color-mix(in srgb,var(--rp-text-muted) 26%,transparent);pointer-events:none;animation:demo-rp .5s ease-out forwards}@keyframes demo-rp{0%{transform:scale(.3);opacity:1}to{transform:scale(1.3);opacity:0}}.demo-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.win-wrap.compact .pn{inset:40px 8px 8px!important;width:auto!important}.win-wrap.compact .dp{inset:40px 8px 8px!important}.win-wrap.compact .doc{padding:24px 22px!important}.win-wrap.compact .doc .ti{font-size:24px;margin-bottom:16px}.win-wrap.compact .doc h3{margin:18px 0 6px}.win-wrap.compact .dp-h{gap:6px;padding:0 10px 0 12px}.win-wrap.compact .dp-h .ib:has(use[href="#demo-i-max"]){display:none}.win-wrap.compact .seg span:first-child{display:none}.win-wrap.compact .cols.lanes .col{flex:1 1 0;min-width:0}.win-wrap.compact .cols.lanes{right:8px}.win-wrap.compact[data-scene=hero] .sb{display:none}.win-wrap.compact[data-scene=hero] .cols.lanes>:not(:nth-child(3)){display:none}.win-wrap.compact[data-scene=s1] .cols.lanes>:nth-child(n+4){display:none}.win-wrap.compact[data-scene=s1] .colsep{margin-inline:6px}.win-wrap.compact[data-scene=s1] .seg{display:none}.win-wrap.compact[data-scene=s2] .cols.lanes>:nth-child(-n+2){display:none}.win-wrap.compact[data-scene=s2] .cols{top:auto!important;bottom:8px;height:228px}.win-wrap.compact[data-scene=s2] .dp{bottom:252px!important}.win-wrap.compact[data-scene=s3] .sb{top:0;bottom:0;width:260px!important;padding-top:36px;background:var(--rp-shell);z-index:9;transform:translate(-105%);transition:transform .35s cubic-bezier(.22,.8,.22,1);box-shadow:10px 0 28px -10px #00000047}.win-wrap.compact[data-scene=s3] .sb.open{transform:none}.win-wrap.compact[data-scene=s3] .cols.lanes>:nth-child(n+2){display:none}.win-wrap.compact[data-scene=s3] .tagview-list{width:100%}.win-wrap.compact[data-scene=s3] .tagview-sep,.win-wrap.compact[data-scene=s3] .tagview-detail{display:none}@media(prefers-reduced-motion:reduce){.aw *,.aw *:before,.aw *:after{animation:none!important;transition:none!important}}.win-wrap:not([data-ready])>.aw{visibility:hidden}