@import"https://fonts.googleapis.cn/css2?family=Huninn&family=Noto+Sans+HK:wght@400;700&family=Patrick+Hand&display=swap";.yue-craft-container{font-family:Patrick Hand,sans-serif;background-color:#faf9f6;color:#44403c;overflow-x:clip;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E")}.yue-craft-container h1,.yue-craft-container h2,.yue-craft-container h3,.yue-craft-container .cantonese-text{font-family:Huninn,Noto Sans HK,cursive;color:#44403c}.texture-paper{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");position:relative}.texture-cardboard{background-color:#e6e2d6;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E")}.tape-strip{background-color:#fff6;background-image:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.1'/%3E%3C/svg%3E");box-shadow:0 1px 3px #0000001a;mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='black'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='black'/%3E%3C/svg%3E")}.paper-cut{border-radius:2px 255px 3px 25px/255px 5px 225px 3px}.bg-graph-paper{background-color:#faf9f6;background-image:linear-gradient(#f0eee6 1px,transparent 1px),linear-gradient(90deg,#f0eee6 1px,transparent 1px);background-size:20px 20px}.yue-craft-container ::-webkit-scrollbar{width:12px}.yue-craft-container ::-webkit-scrollbar-track{background-color:#f5f5f4;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23e7e5e4' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");border-left:1px solid #d6d3d1}.yue-craft-container ::-webkit-scrollbar-thumb{background-color:#fcd34d;background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d97706' fill-opacity='0.3' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");border:2px solid #a8a29e;border-radius:6px;box-shadow:inset 1px 1px #fff6}.yue-craft-container ::-webkit-scrollbar-thumb:hover{background-color:#fbbf24}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.animate-wiggle{animation:wiggle .3s ease-in-out infinite}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-bounce-slow{animation:bounce-slow 1.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.animate-wiggle,.animate-bounce-slow{animation:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.scribble-border{position:relative}.scribble-border:before{content:"";position:absolute;inset:-4px;border:1.5px solid #57534e;border-radius:255px 15px 225px/15px 225px 15px 255px;pointer-events:none;opacity:.6}.dog-ear{position:relative;clip-path:polygon(0% 0%,calc(100% - var(--fold-w, 24px)) 0%,100% var(--fold-h, 24px),100% 100%,0% 100%)}.dog-ear:after{content:"";position:absolute;top:0;right:0;width:var(--fold-w, 24px);height:var(--fold-h, 24px);background-color:inherit;background-image:inherit;border-left:2px solid #a8a29e;border-bottom:2px solid #a8a29e;border-bottom-left-radius:6px;box-shadow:-2px 2px 3px -1px #0000001a,-5px 5px 10px -2px #00000014,inset 2px -2px 5px #fff6;z-index:20}.dog-ear:before{content:none}.paper-crease{position:relative;z-index:0}.paper-crease:before,.paper-crease:after{content:"";position:absolute;left:0;right:0;pointer-events:none;z-index:-1}.paper-crease:before{top:calc(50% - 2px);height:4px;background:linear-gradient(to bottom,#0000,#0000000f 45%,#0000001f,#0000000f 55%,#0000);filter:blur(.5px);mix-blend-mode:multiply}.paper-crease:after{top:calc(50% + 1px);height:1px;background:#fff9;box-shadow:0 1px 1px #fff6;mix-blend-mode:overlay}.tape-strip-enhanced{background:linear-gradient(180deg,#ffffffb3,#ffffff73 30%,#fff6 70%,#fff9);box-shadow:0 1px 2px #00000014,inset 0 1px #fff9,inset 0 -1px #00000005;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-left:1px solid rgba(255,255,255,.4);border-right:1px solid rgba(0,0,0,.02)}.ink-smudge{background:radial-gradient(ellipse,rgba(30,41,59,.08) 0%,transparent 70%);filter:blur(2px);pointer-events:none}.fingerprint{background:radial-gradient(ellipse 60% 40% at 50% 50%,transparent 30%,rgba(0,0,0,.02) 32%,transparent 34%),radial-gradient(ellipse 60% 40% at 50% 50%,transparent 40%,rgba(0,0,0,.02) 42%,transparent 44%),radial-gradient(ellipse 60% 40% at 50% 50%,transparent 50%,rgba(0,0,0,.02) 52%,transparent 54%),radial-gradient(ellipse 60% 40% at 50% 50%,transparent 60%,rgba(0,0,0,.015) 62%,transparent 64%);pointer-events:none}.punch-hole{width:12px;height:12px;border-radius:50%;background:#d6cbb6;border:2px solid #a8a29e;box-shadow:inset 2px 2px 4px #0003,inset -1px -1px 2px #ffffff4d}.sticky-note{position:relative;padding:8px 10px;background:linear-gradient(135deg,#fef08a,#fde047);box-shadow:3px 3px 6px #00000026,inset 0 -2px 4px #0000000d;font-family:Patrick Hand,cursive}.sticky-note:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,transparent 100%)}.sticky-note-pink{background:linear-gradient(135deg,#fecdd3,#fda4af)}.sticky-note-blue{background:linear-gradient(135deg,#bfdbfe,#93c5fd)}.sticky-note-green{background:linear-gradient(135deg,#bbf7d0,#86efac)}.paper-clip{filter:drop-shadow(1px 1px 1px rgba(0,0,0,.2))}@keyframes sticker-land{0%{opacity:0;transform:scale(1.3) rotate(-8deg) translateY(-20px)}50%{opacity:1;transform:scale(1.05) rotate(2deg) translateY(0)}70%{transform:scale(.98) rotate(-1deg)}to{transform:scale(1) rotate(0)}}.animate-sticker-land{animation:sticker-land .5s cubic-bezier(.34,1.56,.64,1) forwards;will-change:transform}@keyframes pop-spring{0%{opacity:0;transform:scale(.5) rotate(-10deg)}60%{opacity:1;transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0)}}.animate-pop-spring{animation:pop-spring .6s cubic-bezier(.175,.885,.32,1.275) forwards;will-change:transform}.card-3d-lift{transform-style:preserve-3d;transition:transform .25s cubic-bezier(.34,1.56,.64,1),filter .25s ease-out,box-shadow .25s ease-out}.card-3d-lift:hover{transform:perspective(600px) rotateX(-3deg) rotateY(2deg) translateY(-4px) scale(1.02)}.card-3d-lift.selected{transform:perspective(600px) rotateX(-5deg) translateY(-8px) scale(1.05);filter:drop-shadow(6px 6px 0px rgba(251,191,36,1));box-shadow:none}.pencil-stroke{stroke-dasharray:4 2;stroke-linecap:round}.crayon-texture{filter:url(#crayonFilter)}.eraser-mark{background:linear-gradient(135deg,#fdfbf799,#fdfbf7cc,#fdfbf780);filter:blur(3px);pointer-events:none}.popover-enter{opacity:0;transform:scale(.95)}.popover-enter-active{opacity:1;transform:scale(1);transition:opacity .15s ease-out,transform .15s ease-out}@keyframes jiggle{0%,to{transform:rotate(calc(var(--rotation, 0deg) - 1.5deg))}50%{transform:rotate(calc(var(--rotation, 0deg) + 1.5deg))}}.animate-jiggle{animation:jiggle .25s ease-in-out infinite;will-change:transform}.animate-jiggle-delay-1{animation-delay:.1s}.animate-jiggle-delay-2{animation-delay:.2s}.animate-jiggle-delay-3{animation-delay:.3s}@media(prefers-reduced-motion:reduce){.animate-sticker-land{animation:none;opacity:1;transform:none}.card-3d-lift,.card-3d-lift:hover,.card-3d-lift.selected{transform:none!important;transition:box-shadow .2s ease-out}[role=tooltip]{transition:none!important}.animate-jiggle{animation:none}}