@keyframes aotn-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes aotn-pulse{0%,to{opacity:1}50%{opacity:.85}}.motion-safe\:animate-\[float_6s_ease-in-out_infinite\]{animation:aotn-float 6s ease-in-out infinite}.motion-safe\:animate-\[pulse_2\.5s_ease-in-out_infinite\]{animation:aotn-pulse 2.5s ease-in-out infinite}.zoom-mock{filter:brightness(.85) saturate(.85);transition:filter .3s ease}.zoom-mock:hover{filter:brightness(1) saturate(1)}.mech-stage{--mech-dur: 6s;position:relative;isolation:isolate;border-radius:16px;background:radial-gradient(ellipse at 70% 30%,var(--color-accent) 0%,transparent 50%),var(--color-bg);background-blend-mode:overlay;padding:32px;overflow:hidden}.mech-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(253,224,71,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.mech-stage:not(.in-view) .mech-browser,.mech-stage:not(.in-view) .mech-floating,.mech-stage:not(.in-view) .mech-cursor,.mech-stage:not(.in-view) .mech-pop-out-btn,.mech-stage:not(.in-view) .mech-note-card,.mech-stage:not(.in-view) .mech-step{animation-play-state:paused!important}.mech-stage:hover .mech-browser,.mech-stage:hover .mech-floating,.mech-stage:hover .mech-cursor,.mech-stage:hover .mech-pop-out-btn,.mech-stage:hover .mech-note-card,.mech-stage:hover .mech-step{animation-play-state:paused!important}.mech-browser{position:absolute;top:32px;left:32px;width:calc(100% - 64px);max-width:640px;aspect-ratio:16/10;background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:10px;overflow:hidden;box-shadow:0 24px 48px -12px #00000040;z-index:1;transform-origin:center;animation:mech-browser-dim var(--mech-dur) ease-in-out infinite}@keyframes mech-browser-dim{0%,35%,92%,to{opacity:1;transform:scale(1);filter:none}55%,85%{opacity:.35;transform:scale(.94);filter:blur(2px) saturate(.5) brightness(.7)}}.mech-browser-chrome{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--color-bg-muted);border-bottom:1px solid var(--color-border);height:28px}.mech-tab{display:inline-flex;align-items:center;gap:6px;background:var(--color-bg);padding:3px 10px;border-radius:4px 4px 0 0;font-size:11px;color:var(--color-fg-muted)}.mech-tab-favicon{width:8px;height:8px;border-radius:1px;background:var(--color-accent)}.mech-window-controls{display:flex;gap:12px;color:var(--color-fg-subtle)}.mech-app{display:grid;grid-template-columns:130px 1fr;height:calc(100% - 28px)}.mech-sidebar{background:var(--color-bg-subtle);border-right:1px solid var(--color-border);padding:10px 8px;overflow:hidden}.mech-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px;border-bottom:1px solid var(--color-border);margin-bottom:6px}.mech-sidebar-title{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-fg-subtle)}.mech-sidebar-count{font-size:9px;color:var(--color-fg-subtle);background:var(--color-bg-muted);padding:1px 5px;border-radius:4px}.mech-note-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.mech-note-item{display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:4px;font-size:10px;color:var(--color-fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mech-note-item.active{background:var(--color-bg-muted);color:var(--color-fg);font-weight:500}.mech-note-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.mech-note-name{overflow:hidden;text-overflow:ellipsis}.mech-editor{display:flex;flex-direction:column;padding:0;overflow:hidden}.mech-editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--color-border)}.mech-editor-title{font-size:11px;font-weight:600;color:var(--color-fg);margin:0}.mech-pop-out-btn{display:inline-flex;align-items:center;gap:4px;background:var(--color-fg);color:var(--color-bg);border:none;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:600;cursor:pointer;animation:mech-btn-press var(--mech-dur) ease-in-out infinite;transform-origin:center}@keyframes mech-btn-press{0%,32%,38%,to{transform:scale(1);background:var(--color-fg)}33%,36%{transform:scale(.92);background:var(--color-accent);color:#422006}40%{transform:scale(1.05);background:var(--color-accent);color:#422006}44%{transform:scale(1);background:var(--color-fg);color:var(--color-bg)}}.mech-editor-content{flex:1;padding:16px;display:flex;align-items:flex-start;justify-content:center;background:var(--color-bg-subtle);position:relative}.mech-note-ghost{position:absolute;top:96px;left:178px;width:360px;height:264px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--color-accent);border-radius:6px;background:#fde0470a;opacity:0;z-index:5;pointer-events:none;animation:mech-ghost-show var(--mech-dur) ease-in-out infinite}@keyframes mech-ghost-show{0%,48%,88%,to{opacity:0}55%,82%{opacity:1}}.mech-note-ghost-label{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-bg);border:1px solid var(--color-accent);border-radius:6px;color:var(--color-accent);font-size:12px;font-weight:600;letter-spacing:.02em}.mech-note-card{width:100%;max-width:280px;background:#fde047;color:#422006;border-radius:6px;padding:14px;transform-origin:center;box-shadow:0 1px 2px #0000000d,0 4px 12px #0000001a;animation:mech-card-lift var(--mech-dur) ease-in-out infinite}@keyframes mech-card-lift{0%,32%,92%,to{transform:scale(1) translateY(0);opacity:1;box-shadow:0 1px 2px #0000000d,0 4px 12px #0000001a}40%{transform:scale(1.04) translateY(-2px);opacity:1;box-shadow:0 0 30px #fde04780,0 4px 8px #00000014,0 12px 28px #00000026}48%{transform:scale(.6) translateY(-30px) translate(40px);opacity:0}52%,86%{transform:scale(.6) translateY(-30px) translate(40px);opacity:0}90%{transform:scale(.95) translateY(0);opacity:.6}}.mech-note-eyebrow{display:block;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.6}.mech-note-headline{font-size:14px;font-weight:700;margin:4px 0 8px;color:#422006}.mech-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px;font-size:11px}.mech-checklist li{display:flex;align-items:center;gap:6px}.mech-checklist li.done{opacity:.5;text-decoration:line-through}.mech-check{width:11px;height:11px;border:1px solid rgba(66,32,6,.5);border-radius:2px;flex-shrink:0}.mech-check.checked{background:#42200633;border-color:#422006b3}.mech-floating{position:absolute;top:110px;left:calc(min(640px,100% - 64px) - 80px);width:240px;background:#fde047;color:#422006;border-radius:8px;overflow:hidden;box-shadow:0 0 140px -4px #fde047b3,0 0 80px -10px #fde0478c,0 0 30px -4px #fde04766,0 4px 12px #00000026,0 16px 40px -8px #0006,0 32px 64px -16px #00000080;transform-origin:top right;opacity:0;transform:scale(.4) translate(60px,-30px);z-index:10;animation:mech-float-in var(--mech-dur) cubic-bezier(.34,1.56,.64,1) infinite}@keyframes mech-float-in{0%,42%{opacity:0;transform:scale(.4) translate(60px,-30px) rotate(-8deg)}48%{opacity:.85;transform:scale(.85) translate(20px,-10px) rotate(-3deg)}52%{opacity:1;transform:scale(1.06) translate(0) rotate(0)}56%,88%{opacity:1;transform:scale(1) translate(0) rotate(0)}96%,to{opacity:0;transform:scale(.4) translate(60px,-30px) rotate(-8deg)}}.mech-floating-chrome{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background:#42200614;border-bottom:1px solid rgba(66,32,6,.1);font-size:9px;font-weight:600;color:#422006b3}.mech-floating-title{letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mech-floating-content{padding:10px 12px 12px}.mech-checklist.compact{gap:4px;font-size:10px}.mech-cursor{position:absolute;top:0;left:0;z-index:20;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));transform-origin:top left;animation:mech-cursor-path var(--mech-dur) cubic-bezier(.4,0,.2,1) infinite}@keyframes mech-cursor-path{0%,5%{transform:translate(20%,75%) scale(1);opacity:1}30%,32%{transform:translate(46%,14%) scale(1)}34%,36%{transform:translate(46%,14%) scale(.85)}40%{transform:translate(46%,14%) scale(1)}55%{transform:translate(75%,35%) scale(1)}85%{transform:translate(75%,35%) scale(1);opacity:1}95%,to{transform:translate(20%,75%) scale(1);opacity:1}}.mech-steps{list-style:none;padding:0;counter-reset:step}.mech-step{flex:1;display:flex;align-items:flex-start;gap:12px;opacity:.6;transition:opacity .2s ease;animation:mech-step-glow var(--mech-dur) ease-in-out infinite}.mech-step[data-step="1"]{animation-delay:0s}.mech-step[data-step="2"]{animation-delay:2s}.mech-step[data-step="3"]{animation-delay:3.4s}.mech-stage:not(.in-view)~.mech-steps .mech-step,.mech-stage:hover~.mech-steps .mech-step{animation-play-state:paused!important}@keyframes mech-step-glow{0%,25%,to{opacity:.55}5%,18%{opacity:1}}.mech-step-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-accent);color:#422006;font-weight:700;font-size:14px}.mech-step-title{font-size:15px;font-weight:600;color:var(--color-fg);margin:4px 0}.mech-step-desc{font-size:13px;color:var(--color-fg-muted);margin:0;line-height:1.5}.mech-kbd{display:inline-block;padding:1px 5px;font-family:var(--font-mono);font-size:10px;background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:3px;color:var(--color-fg)}@media(prefers-reduced-motion:reduce){.mech-browser,.mech-floating,.mech-cursor,.mech-pop-out-btn,.mech-note-card,.mech-note-ghost,.mech-step{animation:none!important}.mech-floating{opacity:1;transform:scale(1) translate(0)}.mech-note-ghost{opacity:.7}.mech-note-card{opacity:0}.mech-cursor{display:none}.mech-step{opacity:1}}