.macwin,.titlebar,.ba-pane,.cell,.mac-lockup,.mini-note,.rec-pill{transition:background-color .45s ease,background .45s ease,border-color .45s ease,color .3s ease,box-shadow .45s ease}.glow{position:absolute;border-radius:50%;filter:blur(72px);pointer-events:none;background:radial-gradient(circle,rgba(212,121,95,.26),transparent 70%)}.wave{display:flex;align-items:center;justify-content:space-between;gap:2px;height:18px;flex:1;overflow:hidden}.bar{width:3px;height:100%;border-radius:3px;transform:scaleY(var(--min, .3));transform-origin:center;animation:pulse var(--dur, 1s) ease-in-out infinite;animation-delay:var(--delay, 0s)}.bar.ink{background:var(--ink);opacity:.82}.bar.ember{background:var(--ember)}@keyframes pulse{0%,to{transform:scaleY(var(--min, .3))}50%{transform:scaleY(var(--max, 1))}}.rec-dot{width:9px;height:9px;border-radius:50%;background:var(--ember);animation:blink 1.4s ease-in-out infinite}@keyframes blink{0%,to{opacity:1;box-shadow:0 0 #d4795f80}50%{opacity:.35;box-shadow:0 0 0 6px #d4795f00}}.chk{position:relative;width:15px;height:15px;border:1.5px solid var(--ink-soft);border-radius:4px;flex:none;transition:background .3s ease,border-color .3s ease}.chk svg{position:absolute;inset:0;stroke:var(--paper);stroke-width:2.4;fill:none;stroke-dasharray:14;stroke-dashoffset:14;transition:stroke-dashoffset .35s ease .05s}.chk.done{background:var(--ember);border-color:var(--ember)}.chk.done svg{stroke-dashoffset:0}.chk-text.done{color:var(--ink-soft);text-decoration:line-through;text-decoration-color:var(--ember)}.md-h1{font-family:var(--font-display);font-weight:600;font-size:1.25rem;line-height:1.15}.md-h2{font-family:var(--font-display);font-weight:600;font-size:.98rem;color:var(--ink)}.md-h2 .hash{color:var(--ember-text);font-family:var(--font-mono);font-size:.8em;margin-right:.35em}.md-p{font-size:.92rem;line-height:1.55;color:var(--ink-soft)}.md-li{font-size:.9rem;line-height:1.5}.macwin{background:var(--paper);border:1px solid var(--paper-edge);border-radius:16px;box-shadow:0 40px 80px -34px #14141947,0 12px 28px -18px #14141929}html[data-mode=dark] .macwin{box-shadow:0 46px 90px -34px #000000bf,0 16px 34px -20px #0009}.titlebar{background:linear-gradient(180deg,#fbfbfc,#f3f3f5);border-bottom:1px solid var(--paper-edge)}html[data-mode=dark] .titlebar{background:linear-gradient(180deg,#1d1d21,#16161a)}.tl{width:11px;height:11px;border-radius:50%}.demo-shell{position:relative}.demo-panel{display:none}.demo-panel.active{display:block;animation:demoIn .5s ease}@keyframes demoIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.rec-pill{display:inline-flex;align-items:center;gap:.5rem;background:var(--ember-soft);color:var(--ember-text);border-radius:999px;padding:.32rem .7rem;font-family:var(--font-mono);font-size:.7rem;font-weight:500}.mt-row{display:flex;align-items:center;gap:.55rem}.mt-label{width:52px;flex:none;font-family:var(--font-mono);font-size:.62rem;white-space:nowrap}.rl{opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease}.rl.in{opacity:1;transform:none}.ba-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:392px}.ba-pane{padding:1.05rem 1.15rem;min-width:0;display:flex;flex-direction:column}.ba-left{background:var(--paper-deep);border-right:1px solid var(--paper-edge)}@media(max-width:639px){.ba-grid{grid-template-columns:1fr;min-height:0}.ba-left{border-right:none;border-bottom:1px solid var(--paper-edge)}.ba-left .ba-scroll{flex:none;height:190px}.ba-right{min-height:0}}.ba-right{background:linear-gradient(180deg,#fff,#fafafb)}html[data-mode=dark] .ba-right{background:linear-gradient(180deg,#191920,#141418)}.ba-tag{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.ba-scroll{position:relative;flex:1;overflow:hidden;margin:.7rem 0;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent)}.ba-track{display:flex;flex-direction:column;gap:.62rem;transform:translateY(0)}.ba-track.playing{animation:baScroll var(--ba-scroll-dur, 7s) linear forwards}@keyframes baScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.ba-scroll{transition:opacity .42s ease}.ba-scroll.resetting{opacity:0}.ba-line{display:flex;gap:.6rem;font-family:var(--font-mono);font-size:.76rem;line-height:1.4}.ba-spk{flex:none;font-weight:600}.ba-spk.room{color:var(--ember-text)}.ba-spk.you{color:var(--ink)}.sreveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.sreveal.seen{opacity:1;transform:none}.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.cell{background:var(--paper);border:1px solid var(--paper-edge);border-radius:16px;box-shadow:0 1px #14141908,0 18px 40px -30px #14141938;padding:1.5rem;position:relative;overflow:hidden;display:flex;flex-direction:column}html[data-mode=dark] .cell{box-shadow:0 1px #ffffff05,0 22px 46px -32px #000c}.cell:hover{border-color:color-mix(in srgb,var(--ember) 45%,var(--paper-edge))}.cell-kicker{letter-spacing:.28em;text-transform:uppercase;font-weight:500;font-size:.6rem;font-family:var(--font-mono);color:var(--ember-text);display:block;margin-bottom:1rem}.cell-graphic{flex:1;min-height:118px;margin-bottom:1.1rem;display:flex;align-items:center;justify-content:center}.cell-title{font-family:var(--font-display);font-weight:500;font-size:1.22rem;line-height:1.15;margin-bottom:.5rem}.cell-copy{font-size:.92rem;line-height:1.5;color:var(--ink-soft)}@media(min-width:820px){.cell-a{grid-column:span 4}.cell-e,.cell-b,.cell-c,.cell-d{grid-column:span 2}}@media(max-width:819px){.bento{grid-template-columns:repeat(2,1fr)}.cell-a,.cell-e,.cell-b{grid-column:span 2}.cell-c,.cell-d{grid-column:span 1}}@media(max-width:559px){.bento{grid-template-columns:1fr}.cell-a,.cell-b,.cell-c,.cell-d,.cell-e{grid-column:auto}}.mac-lockup{width:100%;max-width:420px;aspect-ratio:16 / 9;max-height:194px;margin:auto;border:1px solid var(--paper-edge);border-radius:14px;background:var(--paper-deep);position:relative;overflow:hidden;display:flex;flex-direction:column}.mac-lockup .chipline{height:30px;flex:none;border-bottom:1px solid var(--paper-edge);display:flex;align-items:center;gap:5px;padding:0 14px}.mac-chip{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.06em;color:var(--ink-soft);display:flex;align-items:center;gap:6px}.flow-wave{display:flex;align-items:center;gap:3px;height:42px}.flow-wave .b{width:3.5px;border-radius:3px;background:var(--ink);opacity:.55;animation:pulse var(--d, 1s) ease-in-out infinite;transform-origin:center}.flow-wave .b.e{background:var(--ember);opacity:.9}.mini-note{background:var(--paper);border:1px solid var(--paper-edge);border-radius:8px;box-shadow:0 10px 24px -18px #0006}.mac-lockup .glow-in{position:absolute;inset:auto -20% -40%;height:60%;background:radial-gradient(circle at 50% 100%,rgba(212,121,95,.18),transparent 70%);pointer-events:none}.bs-viz{position:relative;width:100%;height:100px}.bs-viz canvas{display:block;width:100%;height:100%}.m-cell{padding:1.25rem 1.3rem}.m-graphic{min-height:0;flex:none;margin-bottom:1rem;justify-content:flex-start}.m-title{font-size:1.16rem}.m-copy{font-size:.9rem}.ghost-note{width:100%;background:var(--paper);border:1px solid var(--paper-edge);border-radius:12px;padding:.95rem 1.05rem 1.1rem;box-shadow:0 10px 24px -20px #0006}.ghost-note .ghost-h1{font-size:1.05rem;margin-bottom:.28rem}.ghost-note .ghost-meta{font-size:.6rem;color:var(--ink-soft);margin-bottom:.85rem}.ghost-note .ghost-h2{font-size:.82rem;margin-top:.7rem;margin-bottom:.4rem}.ghost-note .ghost-meta+.ghost-h2{margin-top:0}.ghost-note .skel{height:7px;border-radius:4px;margin-bottom:.42rem;background:color-mix(in srgb,var(--ink) 12%,var(--paper-edge))}.ghost-note .skel:last-child{margin-bottom:0}.ghost-note .skel{background-image:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--ink) 6%,transparent) 50%,transparent 100%);background-size:200% 100%;background-repeat:no-repeat;animation:skelShimmer 1.8s ease-in-out infinite}@keyframes skelShimmer{0%{background-position:140% 0}to{background-position:-40% 0}}@media(prefers-reduced-motion:reduce){.bar,.flow-wave .b{animation:none;transform:scaleY(.6)}.rec-dot{animation:none}.ba-track,.ba-track.playing{animation:none;transform:none}.ba-scroll,.ba-scroll.resetting{opacity:1;transition:none}.sreveal{opacity:1;transform:none;transition:none}.rl{opacity:1;transform:none}.demo-panel.active{animation:none}.ghost-note .skel{animation:none;background-image:none}.macwin,.titlebar,.ba-pane,.cell,.mac-lockup,.mini-note,.rec-pill{transition:none}}