@property --hd-c{syntax:"<integer>";inherits:true;initial-value:0}@property --hd-a{syntax:"<integer>";inherits:true;initial-value:0}@property --hd-p{syntax:"<number>";inherits:false;initial-value:0}@property --hd-n{syntax:"<integer>";inherits:true;initial-value:0}.hd-root{--d:28s;width:100%;min-width:0;container-type:inline-size}.hd-stage{aspect-ratio:520/470;border:2px solid var(--color-ink-800);background:radial-gradient(var(--color-ink-800) 6%, transparent 7%) 0 0 / 5cqw 5cqw, var(--color-surface-dark);width:100%;position:relative;overflow:hidden;container-type:inline-size}.hd-scene{--u:calc(100cqw / 520);--sn-ink:#1f1f1f;--sn-muted:#666;--sn-line:#e0dfdc;--sn-feed:#f4f2ee;--sn-ph:#e3e1dc;--sn-blue:#0a66c2;--sn-blue-dark:#004182;--sn-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--tb-bg-warm:#f4f2ef;--tb-ink:#1a1530;--tb-green:#16a34a;color:var(--sn-ink);font-family:var(--sn-font);animation:heroDemoScene var(--d) linear infinite;position:absolute;inset:0}.hd-scene *{box-sizing:border-box}.hd-writer{left:calc(90 * var(--u));top:calc(30 * var(--u));width:calc(340 * var(--u));transform-origin:top;will-change:transform, opacity;animation:heroDemoWriter var(--d) ease-in-out infinite;position:absolute}.hd-composer{border-radius:calc(10 * var(--u));box-shadow:0 calc(4 * var(--u)) calc(18 * var(--u)) #00000059;background:#fff;position:relative}.hd-chead{align-items:center;gap:calc(10 * var(--u));padding:calc(12 * var(--u)) calc(14 * var(--u)) calc(6 * var(--u));display:flex}.hd-cavatar,.hd-favatar{background:var(--color-accent);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.hd-cavatar{width:calc(36 * var(--u));height:calc(36 * var(--u));font-size:calc(13 * var(--u))}.hd-cwho{align-items:flex-start;gap:calc(3 * var(--u));flex-direction:column;flex:1;min-width:0;display:flex}.hd-cname{font-size:calc(13.5 * var(--u));font-weight:700;line-height:1.2}.hd-caudience{padding:calc(2 * var(--u)) calc(8 * var(--u));border:calc(1 * var(--u)) solid var(--sn-muted);color:var(--sn-muted);font-size:calc(9.5 * var(--u));border-radius:999px;font-weight:600;line-height:1.2}.hd-cclose{width:calc(16 * var(--u));height:calc(16 * var(--u));color:var(--sn-muted);flex:none;align-self:flex-start}.hd-field{--hd-mark-h:calc(21.4 * var(--u));height:calc(156 * var(--u));padding:calc(6 * var(--u)) calc(14 * var(--u)) 0;position:relative;overflow:hidden}.hd-field-body{transform:translateY(calc(-1 * var(--hd-mark-h)));animation:heroDemoFieldBody var(--d) ease-out infinite}.hd-mark{margin:0 0 calc(6 * var(--u));min-height:calc(15.4 * var(--u));font-family:var(--font-mono);font-size:calc(11 * var(--u));color:#555;opacity:0;animation:heroDemoMark var(--d) ease-out infinite;line-height:1.4}.hd-code{isolation:isolate;color:var(--sn-ink);font-weight:600;position:relative}.hd-line{white-space:pre;font-size:calc(13.5 * var(--u));animation-duration:var(--d);line-height:1.55;animation-timing-function:step-end;animation-iteration-count:infinite;display:block}.hd-ch{opacity:clamp(0, calc(var(--hd-c) - var(--i)), 1);position:relative}.hd-ch:after{content:"";top:.12em;bottom:.08em;right:calc(-1.75 * var(--u));width:calc(1.5 * var(--u));background:var(--sn-ink);opacity:calc(clamp(0, calc(var(--hd-c) - var(--i)), 1) * clamp(0, calc(var(--i) + 2 - var(--hd-c)), 1) * var(--hd-a));position:absolute}.hd-badge-wrap{right:calc(6 * var(--u));bottom:calc(6 * var(--u));width:calc(24 * var(--u));height:calc(24 * var(--u));opacity:0;animation:heroDemoBadgeWrap var(--d) ease-out infinite;display:flex;position:absolute}.hd-badge{border-radius:calc(4 * var(--u));width:100%;height:100%;animation:heroDemoBadge var(--d) ease-out infinite;display:block;overflow:hidden}.hd-badge img{border-radius:calc(4 * var(--u));width:100%;height:100%;display:block}.hd-tray{align-items:center;gap:calc(6 * var(--u));height:calc(24 * var(--u));padding:calc(4 * var(--u)) calc(8 * var(--u));border-radius:calc(6 * var(--u)) 0 0 calc(6 * var(--u));background:var(--tb-bg-warm);white-space:nowrap;clip-path:inset(0 0 0 100%);animation:heroDemoTray var(--d) ease-out infinite;display:flex;position:absolute;top:0;right:100%}.hd-tray-check{color:var(--tb-green);font-size:calc(13 * var(--u));font-weight:700;line-height:1}.hd-tray-label{color:var(--tb-ink);font-size:calc(11 * var(--u));font-weight:600;line-height:1}.hd-tray-view{padding:calc(2 * var(--u)) calc(7 * var(--u));border-radius:calc(3 * var(--u));background:var(--tb-green);color:#fff;font-size:calc(10 * var(--u));font-weight:700;line-height:1}.hd-foot{padding:calc(10 * var(--u)) calc(14 * var(--u));border-top:calc(1 * var(--u)) solid var(--sn-line);justify-content:space-between;align-items:center;display:flex}.hd-tools{gap:calc(12 * var(--u));color:var(--sn-muted);display:flex}.hd-tools svg{width:calc(16 * var(--u));height:calc(16 * var(--u))}.hd-post{padding:calc(6 * var(--u)) calc(16 * var(--u));color:#9a9a9a;font-size:calc(12.5 * var(--u));animation:heroDemoPost var(--d) ease-out infinite;background:#e9e9e9;border-radius:999px;font-weight:600;line-height:1;position:relative}.hd-cursor{z-index:5;width:calc(13 * var(--u));height:calc(18 * var(--u));margin:calc(-1 * var(--u)) 0 0 calc(-1 * var(--u));opacity:0;transform-origin:0 0;pointer-events:none;filter:drop-shadow(0 calc(1 * var(--u)) calc(1.5 * var(--u)) #00000059);position:absolute}.hd-cursor svg{width:100%;height:100%;fill:var(--sn-ink);stroke:#fff;stroke-width:1.4px;stroke-linejoin:round;display:block}.hd-cursor-a{--bx:calc(26 * var(--u));--by:calc(-41 * var(--u));animation:heroDemoCursorA var(--d) ease-in-out infinite;top:60%;left:55%}.hd-cursor-b{animation:heroDemoCursorB var(--d) ease-in-out infinite;top:70%;left:60%}.hd-toast{left:50%;top:calc(200 * var(--u));padding:calc(8 * var(--u)) calc(14 * var(--u));border-radius:calc(6 * var(--u));background:var(--sn-ink);color:#fff;font-size:calc(12 * var(--u));white-space:nowrap;opacity:0;transform:translate(-50%, calc(8 * var(--u)));animation:heroDemoToast var(--d) ease-out infinite;font-weight:600;line-height:1;position:absolute}.hd-kb{margin-top:calc(10 * var(--u))}.hd-kb-rec{align-items:center;gap:calc(5 * var(--u));height:calc(14 * var(--u));margin-bottom:calc(4 * var(--u));color:color-mix(in srgb, var(--color-accent-light) 55%, #fff);font-family:var(--font-mono);font-size:calc(10 * var(--u));opacity:0;animation:heroDemoRec var(--d) steps(1, end) infinite;font-weight:600;display:flex}.hd-kb-dot{width:calc(6 * var(--u));height:calc(6 * var(--u));background:var(--color-accent-light);box-shadow:0 0 0 calc(2 * var(--u)) color-mix(in srgb, var(--color-accent-light) 35%, transparent);border-radius:999px;animation:1s ease-in-out infinite heroDemoRecDot}.hd-kb-board{gap:calc(3 * var(--u));padding:calc(7 * var(--u));border:calc(2 * var(--u)) solid var(--color-line);border-radius:calc(8 * var(--u));background:var(--color-card);flex-direction:column;display:flex}.hd-kb-row{gap:calc(3 * var(--u));display:flex}.hd-key{height:calc(16 * var(--u));border-radius:calc(3.5 * var(--u));background:color-mix(in srgb, var(--color-accent) calc(var(--hd-p) * 100%), var(--color-tan-warm));box-shadow:0 calc((2 - 1.5 * var(--hd-p)) * var(--u)) 0 color-mix(in srgb, var(--color-accent-dark) calc(var(--hd-p) * 100%), var(--color-tan-dark));transform:translateY(calc(1.5 * var(--hd-p) * var(--u)));animation-duration:var(--d);flex:1 1 0;animation-timing-function:linear;animation-iteration-count:infinite}.hd-reader{inset:calc(16 * var(--u)) calc(40 * var(--u));border-radius:calc(10 * var(--u));background:var(--sn-feed);box-shadow:0 calc(4 * var(--u)) calc(18 * var(--u)) #00000059;opacity:0;transform:translateY(calc(12 * var(--u)));will-change:transform, opacity;animation:heroDemoReader var(--d) ease-out infinite;position:absolute;overflow:hidden}.hd-fbar{z-index:3;align-items:center;gap:calc(10 * var(--u));height:calc(30 * var(--u));padding:0 calc(12 * var(--u));border-bottom:calc(1 * var(--u)) solid var(--sn-line);background:#fff;display:flex;position:relative}.hd-flogo{width:calc(18 * var(--u));height:calc(18 * var(--u));border-radius:calc(3 * var(--u));background:#c9c7c2}.hd-fsearch{width:calc(140 * var(--u));height:calc(18 * var(--u));padding:0 calc(6 * var(--u));border-radius:calc(4 * var(--u));color:#8a8a8a;background:#edf0f3;align-items:center;display:flex}.hd-fsearch svg{width:calc(10 * var(--u));height:calc(10 * var(--u))}.hd-fnav{gap:calc(12 * var(--u));margin-left:auto;display:flex}.hd-fnav span{width:calc(14 * var(--u));height:calc(14 * var(--u));border-radius:calc(3 * var(--u));background:#d9d7d2}.hd-fview{inset:calc(30 * var(--u)) 0 0;position:absolute;overflow:hidden}.hd-fcol{--scroll:calc(-367 * var(--u));gap:calc(10 * var(--u));width:calc(330 * var(--u));padding-top:calc(12 * var(--u));will-change:transform;animation:heroDemoScroll var(--d) linear infinite;flex-direction:column;margin:0 auto;display:flex}.hd-fpost{padding:calc(12 * var(--u));border:calc(1 * var(--u)) solid var(--sn-line);border-radius:calc(8 * var(--u));background:#fff}.hd-fpost-v{z-index:2;position:relative}.hd-fhead{align-items:center;gap:calc(8 * var(--u));margin-bottom:calc(10 * var(--u));display:flex}.hd-favatar{width:calc(30 * var(--u));height:calc(30 * var(--u));font-size:calc(11 * var(--u))}.hd-favatar-ph{background:#d4d1cb}.hd-fwho{gap:calc(3 * var(--u));flex-direction:column;min-width:0;line-height:1.2;display:flex}.hd-fname{font-size:calc(12 * var(--u));font-weight:700}.hd-fsub{color:var(--sn-muted);font-size:calc(9.5 * var(--u))}.hd-bar-ph{height:calc(7 * var(--u));border-radius:calc(3 * var(--u));background:var(--sn-ph);display:block}.hd-bar-ph-name{width:calc(90 * var(--u));height:calc(8 * var(--u))}.hd-bar-ph-sub{width:calc(60 * var(--u));height:calc(6 * var(--u))}.hd-bar-ph-text{width:100%;margin-top:calc(7 * var(--u))}.hd-bar-ph-last{width:60%}.hd-fimage{height:calc(90 * var(--u));margin-top:calc(10 * var(--u));border-radius:calc(4 * var(--u));background:linear-gradient(135deg,#e6e3dd,#d2cdc5);display:block}.hd-factions{margin-top:calc(12 * var(--u));padding-top:calc(8 * var(--u));border-top:calc(1 * var(--u)) solid #eeece8;justify-content:space-between;display:flex}.hd-factions span{width:calc(44 * var(--u));height:calc(7 * var(--u));border-radius:calc(3 * var(--u));background:#e8e6e1}.hd-fmark{margin:0 0 calc(6 * var(--u));font-family:var(--font-mono);font-size:calc(10.5 * var(--u));color:#555;line-height:1.4}.hd-ftext .hd-line{font-size:calc(12.5 * var(--u))}.hd-fmark .hd-code:after{content:"";inset:calc(-1 * var(--u)) calc(-2 * var(--u));z-index:-1;background:color-mix(in srgb, var(--color-accent) 35%, transparent);transform-origin:0;animation:heroDemoHighlight var(--d) ease-out infinite;position:absolute;transform:scaleX(0)}.hd-pop{top:calc(74 * var(--u));left:calc(16 * var(--u));right:calc(16 * var(--u));z-index:4;padding:calc(8 * var(--u));border:calc(2 * var(--u)) solid var(--color-line);background:var(--color-card);box-shadow:calc(4 * var(--u)) calc(4 * var(--u)) 0 #0000004d;color:var(--color-ink);font-family:var(--font-sans);opacity:0;transform:translateY(calc(6 * var(--u))) scale(.95);transform-origin:30% 0;animation:heroDemoPop var(--d) cubic-bezier(.2, .9, .3, 1.2) infinite;position:absolute}.hd-pop-url{margin-bottom:calc(8 * var(--u));padding:calc(5 * var(--u)) calc(8 * var(--u));border:calc(1.5 * var(--u)) solid var(--color-line);background:var(--color-tan);color:var(--color-ink-muted);font-family:var(--font-mono);font-size:calc(9.5 * var(--u));line-height:1}.hd-record{padding:calc(12 * var(--u));border:calc(2 * var(--u)) solid var(--color-line);background:var(--color-paper)}.hd-seal-row{justify-content:space-between;align-items:center;gap:calc(8 * var(--u));display:flex}.hd-seal{align-items:center;gap:calc(5 * var(--u));padding:calc(5 * var(--u)) calc(9 * var(--u));background:var(--color-secondary-600);color:#fff;font-family:var(--font-bangers);font-size:calc(12.5 * var(--u));font-weight:700;line-height:1;display:inline-flex}.hd-seal svg{width:calc(14 * var(--u));height:calc(14 * var(--u))}.hd-record-code{font-family:var(--font-mono);font-size:calc(10 * var(--u));letter-spacing:.12em;color:var(--color-ink-muted)}.hd-author{align-items:center;gap:calc(7 * var(--u));margin-top:calc(10 * var(--u));display:flex}.hd-avatar{width:calc(22 * var(--u));height:calc(22 * var(--u));background:var(--color-accent);color:#fff;font-family:var(--font-bangers);font-size:calc(9 * var(--u));flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.hd-name{font-family:var(--font-bangers);font-size:calc(12.5 * var(--u));font-weight:700}.hd-check{width:calc(13 * var(--u));height:calc(13 * var(--u));background:var(--color-secondary-600);color:#fff;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.hd-check svg{width:calc(8 * var(--u));height:calc(8 * var(--u))}.hd-meta{margin-top:calc(8 * var(--u));font-family:var(--font-mono);font-size:calc(9 * var(--u));color:var(--color-ink-muted);line-height:1.5}.hd-conf{margin-top:calc(10 * var(--u));font-family:var(--font-mono);font-size:calc(9 * var(--u));color:var(--color-ink-muted);justify-content:space-between;align-items:baseline;display:flex}.hd-conf-num{color:var(--color-secondary-600);font-family:var(--font-sans);font-size:calc(18 * var(--u));animation:heroDemoCount var(--d) ease-out infinite;font-weight:800;line-height:1}.hd-conf-num:before{counter-reset:hdn var(--hd-n);content:counter(hdn)}.hd-conf-num small{margin-left:calc(3 * var(--u));color:var(--color-ink-faint);font-family:var(--font-mono);font-size:calc(9 * var(--u));font-weight:500}.hd-bar{height:calc(6 * var(--u));margin-top:calc(6 * var(--u));background:var(--color-neutral-200);overflow:hidden}.hd-bar-fill{background:var(--color-secondary-600);transform-origin:0;height:100%;animation:heroDemoBar var(--d) ease-out infinite;display:block;transform:scaleX(0)}.hd-rail{font-family:var(--font-bangers);color:var(--color-ink-muted);align-items:center;gap:8px;margin:14px 0 0;padding:0;font-size:clamp(10px,2.5cqw,12px);font-weight:600;list-style:none;display:flex}.hd-rail li{white-space:nowrap;align-items:center;gap:6px;display:flex}.hd-rail li:before{content:"";background:currentColor;border-radius:999px;width:8px;height:8px}.hd-rail-1{animation:heroDemoRail1 var(--d) steps(1, end) infinite}.hd-rail-2{animation:heroDemoRail2 var(--d) steps(1, end) infinite}.hd-rail-3{animation:heroDemoRail3 var(--d) steps(1, end) infinite}.hd-rail-4{animation:heroDemoRail4 var(--d) steps(1, end) infinite}.hd-rail-line:before{display:none}.hd-rail-line{background:var(--color-line);flex:1;min-width:6px;height:2px}@keyframes heroDemoScene{0%{opacity:0}1.79%,95%{opacity:1}97.86%,to{opacity:0}}@keyframes heroDemoRec{0%,2.5%{opacity:0}2.51%,45.71%{opacity:1}45.72%,to{opacity:0}}@keyframes heroDemoRecDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}@keyframes heroDemoPost{0%,2.86%{color:#9a9a9a;background:#e9e9e9;transform:scale(1)}3.2%,60%{background:var(--sn-blue);color:#fff;transform:scale(1)}60.36%{background:var(--sn-blue-dark);color:#fff;transform:scale(1)}60.71%{background:var(--sn-blue-dark);color:#fff;transform:scale(.94)}61.07%,to{background:var(--sn-blue-dark);color:#fff;transform:scale(1)}}@keyframes heroDemoBadgeWrap{0%,46.07%{opacity:0;transform:scale(.85)}47.14%,to{opacity:1;transform:scale(1)}}@keyframes heroDemoBadge{0%,49.3%{opacity:1;box-shadow:none;transform:none}49.64%,50.2%{opacity:1;transform:translate(calc(-1 * var(--u)), calc(-1 * var(--u)));box-shadow:calc(3 * var(--u)) calc(3 * var(--u)) 0 var(--tb-ink)}50.36%,53.4%{opacity:.5;box-shadow:none;transform:none}53.57%,to{opacity:1;box-shadow:none;transform:none}}@keyframes heroDemoTray{0%,53.57%{clip-path:inset(0 0 0 100%)}54.64%,to{clip-path:inset(0)}}@keyframes heroDemoFieldBody{0%,54.29%{transform:translateY(calc(-1 * var(--hd-mark-h)))}55.71%,to{transform:translateY(0)}}@keyframes heroDemoMark{0%,54.64%{opacity:0}55.71%,to{opacity:1}}@keyframes heroDemoCursorA{0%,47.14%{opacity:0;transform:translate(calc(var(--bx) - 70 * var(--u)), calc(var(--by) - 60 * var(--u))) scale(1)}47.5%{opacity:1;transform:translate(calc(var(--bx) - 70 * var(--u)), calc(var(--by) - 60 * var(--u))) scale(1)}50%{transform:translate(var(--bx), var(--by)) scale(1)}50.36%{transform:translate(var(--bx), var(--by)) scale(.8)}50.71%,57.86%{opacity:1;transform:translate(var(--bx), var(--by)) scale(1)}60.36%{transform:translate(0)scale(1)}60.71%{transform:translate(0)scale(.8)}61.07%,61.79%{opacity:1;transform:translate(0)scale(1)}62.5%,to{opacity:0;transform:translate(0)scale(1)}}@keyframes heroDemoWriter{0%,61.79%{opacity:1;transform:none}63.57%,to{opacity:0;transform:translateY(calc(-10 * var(--u))) scale(.96)}}@keyframes heroDemoToast{0%,62.5%{opacity:0;transform:translate(-50%, calc(8 * var(--u)))}63.57%,64.64%{opacity:1;transform:translate(-50%)}65.71%,to{opacity:0;transform:translate(-50%)}}@keyframes heroDemoReader{0%,65%{opacity:0;transform:translateY(calc(12 * var(--u)))}66.43%,to{opacity:1;transform:none}}@keyframes heroDemoScroll{0%,67.14%{animation-timing-function:cubic-bezier(.45,.05,.2,1);transform:translateY(0)}77.14%,to{transform:translateY(var(--scroll))}}@keyframes heroDemoCursorB{0%,77.86%{opacity:0;transform:translate(calc(90 * var(--u)), calc(80 * var(--u))) scale(1)}78.57%{opacity:1;transform:translate(calc(90 * var(--u)), calc(80 * var(--u))) scale(1)}81.43%{transform:translate(0)scale(1)}81.79%{transform:translate(0)scale(.8)}82.14%,86.5%{opacity:1;transform:translate(0)scale(1)}88%,to{opacity:0;transform:translate(0)scale(1)}}@keyframes heroDemoHighlight{0%,80.71%{transform:scaleX(0)}81.79%,to{transform:scaleX(1)}}@keyframes heroDemoPop{0%,82.14%{opacity:0;transform:translateY(calc(6 * var(--u))) scale(.95)}83.21%,to{opacity:1;transform:none}}@keyframes heroDemoBar{0%,83.93%{transform:scaleX(0)}87.86%,to{transform:scaleX(.96)}}@keyframes heroDemoCount{0%,83.93%{--hd-n:0}87.86%,to{--hd-n:96}}@keyframes heroDemoRail1{0%,45.71%{color:var(--color-accent)}45.72%,to{color:var(--color-ink-muted)}}@keyframes heroDemoRail2{0%,45.71%{color:var(--color-ink-muted)}45.72%,58.57%{color:var(--color-accent)}58.58%,to{color:var(--color-ink-muted)}}@keyframes heroDemoRail3{0%,58.57%{color:var(--color-ink-muted)}58.58%,65.71%{color:var(--color-accent)}65.72%,to{color:var(--color-ink-muted)}}@keyframes heroDemoRail4{0%,65.71%{color:var(--color-ink-muted)}65.72%,to{color:var(--color-accent)}}@media (prefers-reduced-motion:reduce){.hd-root *,.hd-root .hd-ch:after,.hd-root .hd-code:after,.hd-root .hd-conf-num:before{animation-play-state:paused;animation-delay:calc(var(--d) * -.9)}.hd-root .hd-kb-dot{animation:none}}