.magic-quill{position:fixed;bottom:32px;left:32px;z-index:900;width:72px;height:72px;cursor:pointer;text-decoration:none;display:block;animation:quillFloat 4s ease-in-out infinite;filter:drop-shadow(0 4px 20px rgba(99,102,241,.15));transition:filter .3s ease,transform .3s ease}.magic-quill:hover{filter:drop-shadow(0 6px 30px rgba(99,102,241,.35));animation-play-state:paused;transform:scale(1.08)}@keyframes quillFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mq-book-left,.mq-book-right{transition:transform .3s ease;transform-origin:36px 52px}.magic-quill:hover .mq-book-left{transform:rotate(-2deg)}.magic-quill:hover .mq-book-right{transform:rotate(2deg)}.mq-text-line{stroke-dasharray:30;stroke-dashoffset:30;animation:mq-writeLine 2.5s ease forwards infinite}.mq-text-line:nth-child(1){animation-delay:0s}.mq-text-line:nth-child(2){animation-delay:.8s}.mq-text-line:nth-child(3){animation-delay:1.6s}@keyframes mq-writeLine{0%{stroke-dashoffset:30;opacity:0}10%{opacity:.6}50%{stroke-dashoffset:0;opacity:.6}80%{stroke-dashoffset:0;opacity:.3}to{stroke-dashoffset:30;opacity:0}}.mq-quill-group{transform-origin:38px 44px;animation:mq-quillWrite 2.5s ease-in-out infinite}@keyframes mq-quillWrite{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(2px,-1px) rotate(-1.5deg)}30%{transform:translate(5px) rotate(0)}45%{transform:translate(8px,-1px) rotate(1deg)}60%{transform:translate(4px) rotate(-.5deg)}75%{transform:translate(1px,-1px) rotate(.5deg)}}.mq-ink-drop{animation:mq-inkDrip 3s ease-in infinite;opacity:0}.mq-ink-drop:nth-child(1){animation-delay:.5s}.mq-ink-drop:nth-child(2){animation-delay:1.8s}.mq-ink-drop:nth-child(3){animation-delay:2.8s}@keyframes mq-inkDrip{0%{opacity:0;transform:translateY(0) scale(1)}10%{opacity:.8}60%{opacity:.3;transform:translateY(6px) scale(.5)}to{opacity:0;transform:translateY(10px) scale(0)}}.mq-sparkle{animation:mq-sparkleAnim 2s ease-in-out infinite;opacity:0}.mq-sparkle:nth-child(1){animation-delay:0s}.mq-sparkle:nth-child(2){animation-delay:.7s}.mq-sparkle:nth-child(3){animation-delay:1.4s}.mq-sparkle:nth-child(4){animation-delay:.3s}.mq-sparkle:nth-child(5){animation-delay:1.1s}@keyframes mq-sparkleAnim{0%{opacity:0;transform:scale(0) rotate(0)}30%{opacity:1;transform:scale(1) rotate(90deg)}70%{opacity:.6;transform:scale(.8) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(270deg)}}.mq-tooltip{position:absolute;bottom:100%;left:0;margin-bottom:10px;padding:8px 14px;background:#0a0a14eb;border:1px solid rgba(99,102,241,.25);border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease;font-family:JetBrains Mono,Roboto Mono,monospace;font-size:.7rem;color:#fffc;letter-spacing:.04em;box-shadow:0 4px 20px #0006}.mq-tooltip:after{content:"";position:absolute;top:100%;left:20px;border:5px solid transparent;border-top-color:#0a0a14eb}.magic-quill:hover .mq-tooltip{opacity:1;transform:translateY(0)}.mq-tooltip-title{color:#6366f1e6;font-weight:600;display:block;margin-bottom:2px;font-size:.72rem}.mq-tooltip-sub{color:#ffffff80;font-size:.62rem}@media (max-width: 768px){.magic-quill{bottom:20px;left:20px;width:56px;height:56px}}