@import"https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap";.notebook-dialog{--dialog-rotate-x: 0deg;--dialog-rotate-y: 0deg;transform:translate(-50%,-50%) perspective(1500px) rotateX(var(--dialog-rotate-x)) rotateY(var(--dialog-rotate-y));transition:transform .16s ease-out}@keyframes dialog-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes dialog-paper-open{0%{transform:translate(-50%,100vh) perspective(1500px) rotateX(-14deg) rotate(3deg);animation-timing-function:cubic-bezier(.16,1,.3,1)}70%{transform:translate(-50%,-52%) perspective(1500px) rotateX(3deg) rotate(-.6deg);animation-timing-function:ease-out}to{transform:translate(-50%,-50%) perspective(1500px) rotateX(var(--dialog-rotate-x)) rotateY(var(--dialog-rotate-y))}}@keyframes dialog-paper-close{0%{transform:translate(-50%,-50%) perspective(1500px) rotateX(var(--dialog-rotate-x)) rotateY(var(--dialog-rotate-y))}to{transform:translate(-50%,100vh) perspective(1500px) rotateX(-10deg) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.notebook-dialog{transform:translate(-50%,-50%);transition:none}@keyframes dialog-paper-open{0%{transform:translate(-50%,-46%)}to{transform:translate(-50%,-50%)}}@keyframes dialog-paper-close{0%{transform:translate(-50%,-50%)}to{transform:translate(-50%,-48%)}}}.notebook-overlay[data-state=open]{animation:dialog-overlay-fade-in .4s ease-out forwards}.notebook-overlay[data-state=closed]{animation:dialog-overlay-fade-out .25s ease-in forwards}.notebook-dialog[data-state=open]{animation:dialog-paper-open .65s backwards;transform-origin:center center}.notebook-dialog[data-state=closed]{animation:dialog-paper-close .32s cubic-bezier(.5,0,.75,0) forwards;transform-origin:center center}.pointer-tilt-host{position:relative}.pointer-tilt-host[data-tilt-active=true],.pointer-tilt-host[data-tilt-pressed=true]{z-index:30}.pointer-tilt-surface{position:relative;width:100%;height:100%}.pointer-tilt-host[data-tilt-active=true]>.pointer-tilt-surface,.pointer-tilt-host[data-tilt-pressed=true]>.pointer-tilt-surface{will-change:transform}.pointer-tilt-shadow{position:absolute;inset:8% 5% 0;border-radius:18px;background:#0a2a66;filter:blur(18px);opacity:0;pointer-events:none}.pointer-tilt-glare{position:absolute;inset:0;overflow:hidden;pointer-events:none;transform:translateZ(32px)}.pointer-tilt-sheen{position:absolute;left:-50%;top:-50%;width:200%;height:200%;opacity:0;background:radial-gradient(circle at center,#ffffff8c,#ffffff38 16%,#fff0 42%)}.project-tilt-card{transform-style:preserve-3d}.project-tilt-art{transform:translateZ(24px)}.project-tilt-clip{transform:translateZ(40px)}.project-tilt-card>.project-spiral{transform:translateZ(30px)}.reference-portfolio .pointer-tilt-surface>.project-sheet-stack{transform:rotate(calc(var(--stack-rotate, 3deg) * 1.6)) translateZ(-10px)}.reference-portfolio .pointer-tilt-host[data-tilt-pressed=true] .project-tilt-card{box-shadow:0 4px 8px #113d7855}.notebook-portfolio[data-motion-paused=true] :is(.pointer-tilt-shadow,.pointer-tilt-glare){display:none}@media(prefers-reduced-motion:reduce){.pointer-tilt-surface{transform:none!important;will-change:auto!important}.project-tilt-art,.project-tilt-clip,.project-tilt-card>.project-spiral{transform:none}.pointer-tilt-shadow,.pointer-tilt-glare{display:none}}.cs-scene-container{position:relative;width:100%;height:260px;display:flex;align-items:center;justify-content:center;perspective:1000px;overflow:hidden;touch-action:pan-y}@media(min-width:768px){.cs-scene-container{height:300px}}.cs-pointer-wrapper{width:0;height:0;transform-style:preserve-3d;transition:transform .15s ease-out;pointer-events:none}.cs-pivot{transform-style:preserve-3d;transform:rotateX(-30deg) rotateY(40deg)}.cs-group,.cs-box{position:absolute;transform-style:preserve-3d;top:0;left:0}.cs-face{box-sizing:border-box;border:2px solid #1e293b;position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;backface-visibility:hidden}.cs-bg-yellow{background-color:#facc15}.cs-bg-yellow-dark{background-color:#eab308}.cs-bg-pink{background-color:#f472b6}.cs-bg-pink-dark{background-color:#db2777}.cs-bg-white{background-color:#fff}.cs-bg-white-dark{background-color:#f1f5f9}.cs-bg-blue{background-color:#3b82f6}.cs-bg-blue-dark{background-color:#2563eb}.cs-grid-pattern{background-image:linear-gradient(to right,#cbd5e1 2px,transparent 2px),linear-gradient(to bottom,#cbd5e1 2px,transparent 2px);background-size:20px 20px;background-position:center}.cs-circuit-pattern{background-image:radial-gradient(circle,#fbcfe8 1px,transparent 1px);background-size:8px 8px}.cs-lined-pattern{background-image:linear-gradient(transparent 80%,#cbd5e1 80%);background-size:100% 10px}@keyframes cs-key-press{0%,80%,to{transform:translate3d(var(--kx),-17px,var(--kz))}90%{transform:translate3d(var(--kx),-12px,var(--kz))}}.cs-anim-key{transform:translate3d(var(--kx),-17px,var(--kz));animation:cs-key-press 4s infinite;animation-fill-mode:both}@keyframes cs-bob{0%,to{transform:translate3d(var(--cx),calc(var(--cy) - 6px),var(--cz))}50%{transform:translate3d(var(--cx),calc(var(--cy) + 6px),var(--cz))}}.cs-anim-bob{transform:translate3d(var(--cx),var(--cy),var(--cz));animation:cs-bob 3.5s ease-in-out infinite;animation-fill-mode:both}@keyframes cs-rotate-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(720deg)}}.cs-anim-rotate{animation:cs-rotate-3d 16s linear infinite;animation-fill-mode:both}.cs-paused *,.cs-paused{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.cs-scene-container *{animation:none!important;transition:none!important}.cs-pointer-wrapper{transform:none!important}.cs-anim-rotate{transform:rotateX(-12deg) rotateY(20deg)}}.lanyard{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}.lanyard[data-dragging=true]{z-index:40}.lanyard-hook{position:relative;z-index:3;width:34px;height:20px;border:4px solid #1a3f8f;border-radius:10px;background:#d9e6ff;box-shadow:0 3px #10306b}.lanyard-swing{position:relative;display:flex;justify-content:center;width:100%;padding-top:62px;margin-top:-8px;transform-origin:50% 0;animation:lanyard-sway 5.5s ease-in-out infinite alternate}.lanyard-strap{position:absolute;top:0;left:calc(50% - 9.5px);z-index:1;width:19px;height:62px;transform-origin:50% 0;background:repeating-linear-gradient(#ffd042 0 12px,#ffe890 12px 17px);box-shadow:1px 2px #bf8a12}.lanyard-strap:after{content:"";position:absolute;left:-4px;right:-4px;bottom:-3px;height:9px;border-radius:3px;background:#1a3f8f;box-shadow:0 2px #10306b}.lanyard-card{position:relative;z-index:2;cursor:grab;user-select:none;-webkit-user-select:none}.lanyard-card:active,.lanyard[data-dragging=true] .lanyard-card{cursor:grabbing}.lanyard-card img{-webkit-user-drag:none;pointer-events:none}.lanyard-hint{margin-top:14px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8a6a1d;transition:opacity .25s ease;animation:lanyard-hint-bob 1.8s ease-in-out infinite}.lanyard[data-dragging=true] .lanyard-hint{opacity:0}@keyframes lanyard-sway{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}@keyframes lanyard-hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.notebook-portfolio[data-motion-paused=true] .lanyard-swing,.notebook-portfolio[data-motion-paused=true] .lanyard-hint{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.lanyard-swing,.lanyard-hint{animation:none}}.elevator-stage{--elevator-from: 106%;--elevator-to: -106%;position:fixed;inset:0;z-index:100;overflow:hidden;pointer-events:none}.elevator-sheet{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background-color:#fffef8;background-image:linear-gradient(90deg,transparent 60px,#f9a8d4 60px,#f9a8d4 62px,transparent 62px),repeating-linear-gradient(0deg,transparent 0 31px,#dbeafe 31px 32px);box-shadow:0 -12px 40px #17255440;will-change:transform}.elevator-sheet:before,.elevator-sheet:after{content:"";position:absolute;left:0;right:0;height:16px;background:#fffef8;clip-path:polygon(0 0,100% 0,100% 65%,94% 100%,89% 55%,81% 95%,74% 60%,68% 100%,61% 55%,53% 95%,46% 60%,39% 100%,32% 50%,24% 95%,16% 55%,8% 100%,0 60%)}.elevator-sheet:before{top:-15px;transform:scaleY(-1)}.elevator-sheet:after{bottom:-15px}.elevator-sheet[data-phase=cover]{animation:elevator-cover .36s cubic-bezier(.22,.7,.25,1) both}.elevator-sheet[data-phase=reveal]{animation:elevator-reveal .42s .64s cubic-bezier(.65,0,.35,1) both}.elevator-binding{position:absolute;top:14px;left:28px;right:28px;height:18px;background:radial-gradient(circle,#cbd5e1 5px,#f1f5f9 6px,transparent 7px) left center / 34px 18px repeat-x}.elevator-caption{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:min(100%,900px);text-align:center;animation:elevator-caption .38s 80ms cubic-bezier(.2,.8,.2,1) both}.elevator-label{display:flex;flex-wrap:wrap;justify-content:center;color:#2f75d8;font-weight:900;font-size:clamp(2.6rem,9vw,6.5rem);line-height:1.1;-webkit-text-stroke:5px #fffef8;paint-order:stroke fill;text-shadow:4px 5px 0 #193d99}.elevator-letter{display:inline-block;transform-origin:50% 100%;animation:elevator-letter .46s ease-in-out both}.elevator-number{padding:7px 16px;border-radius:999px;color:#fff;background:#ff4c9b;box-shadow:0 4px #c93975;font-size:clamp(.7rem,1.6vw,.9rem);letter-spacing:.12em;animation:elevator-pill .38s .52s cubic-bezier(.34,1.56,.64,1) both}.elevator-position{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:6px;color:#1d4ed8;font-size:.875rem;animation:elevator-caption .38s .64s cubic-bezier(.2,.8,.2,1) both}.elevator-pips{display:inline-flex;gap:6px;margin-left:6px}.elevator-pips i{display:block;width:12px;height:12px;border:2px solid #1d4ed8;background:#fff}.elevator-pips i[data-active=true]{background:#f472b6;border-color:#db2777}.elevator-tab{position:absolute;top:18%;right:-2px;width:38px;height:100px;background:#f472b6;border:2px solid #db2777;border-radius:4px 0 0 4px;transform:rotate(2deg)}@keyframes elevator-cover{0%{transform:translate3d(0,var(--elevator-from),0)}to{transform:translateZ(0)}}@keyframes elevator-reveal{0%{transform:translateZ(0)}to{transform:translate3d(0,var(--elevator-to),0)}}@keyframes elevator-caption{0%{transform:translate3d(0,22px,0)}to{transform:translateZ(0)}}@keyframes elevator-letter{0%{transform:scale(1) rotate(0)}30%{transform:scale(.82,.78) rotate(var(--tilt, -5deg))}65%{transform:scale(1.12,1.16) rotate(calc(var(--tilt, -5deg) * -.5))}to{transform:scale(1) rotate(0)}}@keyframes elevator-pill{0%{transform:scale(1)}40%{transform:scale(.86)}to{transform:scale(1)}}@media(max-width:767px){.elevator-sheet{background-image:repeating-linear-gradient(0deg,transparent 0 31px,#dbeafe 31px 32px)}.elevator-tab{display:none}}@media(prefers-reduced-motion:reduce){.elevator-stage{display:none}}.pixel-heading{white-space:nowrap}.pixel-heading-letter{display:inline-block;transform-origin:50% 70%}@media(prefers-reduced-motion:reduce){.pixel-heading-letter{opacity:1!important;transform:none!important}}.matrix-cell{position:relative}.matrix-original{visibility:hidden}.matrix-code{position:absolute;inset:0;text-align:center;pointer-events:none}.matrix-code[data-decoding=true]{color:#168dce;text-shadow:0 0 12px #58dfff80,4px 6px 0 #193d99}@media(prefers-reduced-motion:reduce){.matrix-original{visibility:visible}.matrix-code{display:none}}.depth-scene{position:relative}.depth-layer{will-change:transform}.depth-overlay{position:absolute;inset:0;pointer-events:none;animation:depth-in .05s step-end both}.depth-back{z-index:0}.depth-front{z-index:3}.depth-glyph{position:absolute;display:block;font-family:var(--font-pixel),monospace;font-size:var(--glyph-size, 24px);font-weight:700;line-height:1;white-space:nowrap;color:#fff;opacity:.26;text-shadow:3px 4px 0 #1c3f95;animation:depth-float 7s ease-in-out infinite}.depth-glyph.tone-sun{color:#ffd54a;opacity:.34}.depth-glyph.tone-pink{color:#ff7ab8;opacity:.34}.pixel-cube-stage{position:absolute;perspective:380px;animation:depth-float 6s ease-in-out infinite}.pixel-cube{position:relative;display:block;transform-style:preserve-3d;animation:cube-spin 16s linear infinite}.cube-face{position:absolute;inset:0;display:grid;place-items:center;border:2px solid #1e2b4a;background:var(--face);backface-visibility:hidden;font-family:var(--font-pixel),monospace;font-size:9px;font-style:normal;line-height:1;color:var(--glyph-color, #ffffff)}.cube-front{transform:translateZ(var(--half))}.cube-back{transform:rotateY(180deg) translateZ(var(--half))}.cube-right{transform:rotateY(90deg) translateZ(var(--half))}.cube-left{transform:rotateY(-90deg) translateZ(var(--half))}.cube-top{transform:rotateX(90deg) translateZ(var(--half))}.cube-bottom{transform:rotateX(-90deg) translateZ(var(--half))}.cube-pink{--face: #f472b6}.cube-pink .cube-right,.cube-pink .cube-back,.cube-pink .cube-bottom{--face: #db2777}.cube-pink .cube-top{--face: #fbcfe8}.cube-sun{--face: #facc15;--glyph-color: #4a3b10}.cube-sun .cube-right,.cube-sun .cube-back,.cube-sun .cube-bottom{--face: #d9a90b}.cube-sun .cube-top{--face: #fff1a8}.cube-blue{--face: #3b82f6}.cube-blue .cube-right,.cube-blue .cube-back,.cube-blue .cube-bottom{--face: #1d4ed8}.cube-blue .cube-top{--face: #93c5fd}@keyframes depth-in{0%{opacity:0}to{opacity:1}}@keyframes depth-float{0%,to{transform:translateZ(0) rotate(var(--tilt, 0deg))}50%{transform:translate3d(0,-10px,0) rotate(var(--tilt, 0deg))}}@keyframes cube-spin{0%{transform:rotateX(-18deg) rotateY(0)}to{transform:rotateX(-18deg) rotateY(360deg)}}.notebook-portfolio[data-motion-paused=true] :is(.depth-glyph,.pixel-cube,.pixel-cube-stage){animation-play-state:paused}.notebook-portfolio[data-motion-paused=true] .depth-layer{will-change:auto}@media(max-width:767px){.depth-glyph{font-size:calc(var(--glyph-size, 24px) * .62)}.pixel-cube-stage{scale:.75}}@media(prefers-reduced-motion:reduce){.depth-overlay,.depth-glyph,.pixel-cube,.pixel-cube-stage{animation:none!important}.depth-layer{transform:none!important;will-change:auto}}.stationery-model{--model-delay: 0s;position:absolute;display:block;transform-style:preserve-3d;perspective:720px;pointer-events:none;filter:drop-shadow(0 13px 8px #123b7440);animation:stationery-float 7s ease-in-out var(--model-delay) infinite;will-change:transform}.stationery-model>*,.stationery-model *{transform-style:preserve-3d}.stationery-model :is(i,b){display:block;font-style:normal}.model-keyboard{width:190px;height:124px;right:-106px;bottom:14px}.keyboard-shell{position:absolute;left:50%;top:50%;width:154px;height:61px;transform:translate(-50%,-50%) rotateX(55deg) rotate(-8deg);animation:keyboard-rock 8s ease-in-out var(--model-delay) infinite alternate}.keyboard-top{position:absolute;inset:0;padding:8px 8px 7px;border:2px solid #183b7b;border-radius:9px 9px 5px 5px;background:linear-gradient(145deg,#fff,#d9e7ff);box-shadow:inset 0 2px #fff,0 2px #91a7cf;transform:translateZ(8px)}.keyboard-front{position:absolute;left:0;top:100%;width:100%;height:10px;border:2px solid #183b7b;border-top:0;border-radius:0 0 5px 5px;background:linear-gradient(#a6bde8,#7997d0);transform-origin:top;transform:rotateX(-90deg)}.keyboard-side{position:absolute;top:0;right:-10px;width:10px;height:61px;border:2px solid #183b7b;border-left:0;background:#6d8bc4;transform-origin:left;transform:rotateY(90deg)}.keyboard-keys{position:relative;z-index:2;display:grid;gap:2px}.keyboard-row{display:flex;justify-content:center;gap:2px}.keyboard-key{display:grid;place-items:center;width:14px;height:8px;padding:0;border:1px solid #7388ae;border-radius:2px;background:linear-gradient(145deg,#fff,#d7e1f1);box-shadow:0 2px #8ea2c3,0 3px 3px #15366b33;color:#294d93;font-family:var(--font-mono);font-size:4px;line-height:1;transform:translateZ(11px)}.keyboard-key-wide{width:20px;font-size:3px}.keyboard-space{width:48px;color:transparent}.keyboard-bottom-row{gap:3px;margin-top:1px}.keyboard-status{position:absolute;z-index:4;right:9px;bottom:4px;width:5px;height:5px;border:1px solid #1d4ed8;border-radius:50%;background:#f472b6;box-shadow:0 0 0 2px #f472b633;transform:translateZ(13px);animation:status-blink 2.8s ease-in-out var(--model-delay) infinite}.model-server{width:112px;height:142px;right:-74px;top:12%}.hero-server{right:-76px;top:24%}.server-shell{position:absolute;left:50%;top:50%;width:72px;height:96px;transform:translate(-50%,-50%) rotateX(4deg) rotateY(-19deg) rotate(2deg);animation:server-rock 9s ease-in-out var(--model-delay) infinite alternate}.server-front{position:absolute;inset:0;padding:11px 8px;border:2px solid #132f6e;border-radius:5px;background:linear-gradient(135deg,#2d72dc,#17469f 72%);box-shadow:inset 3px 0 #65a0f044,inset -3px 0 #0c286055;transform:translateZ(10px)}.server-side{position:absolute;top:0;right:-18px;width:18px;height:96px;border:2px solid #132f6e;border-left:0;background:linear-gradient(90deg,#1b4ca9,#0d2e71);transform-origin:left;transform:rotateY(90deg)}.server-top{position:absolute;left:0;top:-18px;width:72px;height:18px;border:2px solid #132f6e;border-bottom:0;border-radius:5px 5px 0 0;background:linear-gradient(90deg,#76b0fa,#377ae5);transform-origin:bottom;transform:rotateX(90deg)}.server-brand{padding-bottom:8px;color:#fff;font-family:var(--font-pixel);font-size:6px;font-weight:400;letter-spacing:.04em;white-space:nowrap}.server-rack{position:relative;display:flex;align-items:center;gap:4px;height:20px;margin-top:5px;padding:0 6px;border:1px solid #8dc0ff80;border-radius:3px;background:#123477;box-shadow:inset 0 2px 3px #071e4b88}.server-rack em{width:5px;height:5px;border-radius:50%;background:#57e4a2;box-shadow:0 0 0 2px #57e4a233}.server-rack em:nth-child(2){background:#ffcf32;box-shadow:0 0 0 2px #ffcf3233}.server-rack em:nth-child(3){background:#ff70b2;box-shadow:0 0 0 2px #ff70b233}.server-port{position:absolute;right:8px;bottom:8px;width:9px;height:4px;border:1px solid #98c7ff;background:#081c4d}.model-pencil-cup{width:112px;height:150px;left:-68px;bottom:7%}.pencil-cup-shell{position:absolute;left:50%;top:52%;width:72px;height:102px;transform:translate(-50%,-50%) rotateX(5deg) rotateY(17deg) rotate(-3deg);animation:cup-rock 8.5s ease-in-out var(--model-delay) infinite alternate}.cup-body{position:absolute;z-index:3;left:7px;top:17px;width:61px;height:78px;border:2px solid #774b0c;border-radius:7px 7px 17px 17px;background:linear-gradient(90deg,#ffcf32 0 15%,#ffe782 35% 62%,#eeb51a 88%);box-shadow:inset 4px 0 #fff3a64d,inset -7px 0 #a76c0c44;transform:translateZ(5px)}.cup-side{position:absolute;z-index:1;top:17px;right:-4px;width:10px;height:78px;border:2px solid #774b0c;border-left:0;border-radius:0 0 10px;background:#b8780c;transform-origin:left;transform:rotateY(90deg)}.cup-rim{position:absolute;z-index:6;left:3px;top:8px;width:69px;height:24px;border:3px solid #774b0c;border-radius:50%;background:radial-gradient(ellipse at center,#6b430d 0 43%,#ffd94b 45% 70%,#bd7c0e 73%);transform:translateZ(13px) rotateX(55deg)}.cup-pencil-bundle{position:absolute;z-index:5;inset:0;transform:translateZ(9px)}.cup-pencil{position:absolute;left:31px;bottom:49px;width:8px;height:83px;border:1px solid #965d13;border-radius:3px 3px 1px 1px;background:linear-gradient(90deg,#f5a51e 0 30%,#ffdf4f 31% 70%,#d98710 71%);box-shadow:2px 3px #70460b66;transform-origin:bottom center;transform:rotate(var(--pencil-angle)) translateZ(9px)}.cup-pencil:before{content:"";position:absolute;left:-1px;top:-9px;width:8px;height:10px;border:1px solid #9f315f;border-radius:3px 3px 0 0;background:#f472b6}.cup-pencil:after{content:"";position:absolute;left:0;bottom:-11px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:12px solid #e8c393}.cup-pencil-1{background:linear-gradient(90deg,#2672d7 0 30%,#6eacf2 31% 70%,#174ea9 71%)}.cup-pencil-2{background:linear-gradient(90deg,#f15d9a 0 30%,#ff9bc5 31% 70%,#bd3474 71%)}.cup-pencil-3{background:linear-gradient(90deg,#36ae73 0 30%,#82ddb0 31% 70%,#1e7c4d 71%)}.model-mouse{width:110px;height:124px;right:-63px;top:58%}.contact-keyboard{right:-112px;bottom:13%;opacity:.8}.mouse-shell{position:absolute;left:50%;top:50%;width:55px;height:78px;transform:translate(-50%,-50%) rotateX(51deg) rotate(11deg);animation:mouse-rock 7.5s ease-in-out var(--model-delay) infinite alternate}.mouse-top{position:absolute;z-index:3;inset:0;overflow:hidden;border:2px solid #16366f;border-radius:52% 52% 43% 43%/42% 42% 58% 58%;background:linear-gradient(120deg,#fff,#c9dcfb 76%);box-shadow:inset 5px 1px #fff9,inset -5px -3px #7e9dd255;transform:translateZ(8px)}.mouse-divider{position:absolute;top:0;left:50%;width:2px;height:36px;background:#7692bf;transform:translate(-50%)}.mouse-wheel{position:absolute;top:17px;left:50%;width:8px;height:14px;border:2px solid #1c4b9f;border-radius:5px;background:repeating-linear-gradient(0deg,#f472b6 0 2px,#ffd1e7 2px 4px);transform:translate(-50%) translateZ(4px)}.mouse-led{position:absolute;left:50%;bottom:9px;width:8px;height:4px;border-radius:5px;background:#4bd89a;box-shadow:0 0 0 3px #4bd89a33;transform:translate(-50%) translateZ(3px)}.mouse-front{position:absolute;z-index:1;left:0;bottom:-10px;width:55px;height:11px;border:2px solid #16366f;border-top:0;border-radius:0 0 45% 45%;background:#88a9dd;transform-origin:top;transform:rotateX(-90deg)}.mouse-side{position:absolute;z-index:2;top:0;right:-9px;width:9px;height:78px;border:2px solid #16366f;border-left:0;border-radius:0 40% 40% 0;background:#7395ce;transform-origin:left;transform:rotateY(90deg)}.mouse-cord{position:absolute;z-index:0;left:26px;bottom:-31px;width:3px;height:35px;border-radius:3px;background:#183b7b;transform-origin:top;transform:rotate(14deg)}@keyframes stationery-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-10px,0)}}@keyframes keyboard-rock{0%{transform:translate(-50%,-50%) rotateX(55deg) rotate(-8deg)}to{transform:translate(-50%,-50%) rotateX(58deg) rotate(-4deg)}}@keyframes server-rock{0%{transform:translate(-50%,-50%) rotateX(4deg) rotateY(-19deg) rotate(2deg)}to{transform:translate(-50%,-50%) rotateX(-2deg) rotateY(-11deg) rotate(-1deg)}}@keyframes cup-rock{0%{transform:translate(-50%,-50%) rotateX(5deg) rotateY(17deg) rotate(-3deg)}to{transform:translate(-50%,-50%) rotateX(8deg) rotateY(23deg) rotate(1deg)}}@keyframes mouse-rock{0%{transform:translate(-50%,-50%) rotateX(51deg) rotate(11deg)}to{transform:translate(-50%,-50%) rotateX(55deg) rotate(6deg)}}@keyframes status-blink{0%,42%,to{opacity:.45}48%,76%{opacity:1}}.stationery-model.is-offscreen,.stationery-model.is-offscreen *,.notebook-portfolio[data-motion-paused=true] .stationery-model,.notebook-portfolio[data-motion-paused=true] .stationery-model *{animation-play-state:paused!important}.notebook-portfolio[data-motion-paused=true] .stationery-model{will-change:auto}@media(max-width:1023px){.model-keyboard{right:-84px;scale:.82;transform-origin:right bottom}.model-server{right:-52px;scale:.82;transform-origin:right center}.model-pencil-cup{left:-45px;scale:.82;transform-origin:left bottom}.model-mouse{right:-45px;scale:.82;transform-origin:right center}}@media(max-width:767px){.model-keyboard{display:none}.model-server{right:-30px;top:28%;scale:.58;opacity:.82}.model-pencil-cup{left:-27px;bottom:8%;scale:.62;opacity:.78}.model-mouse{right:-27px;top:54%;scale:.62;opacity:.82}}@media(prefers-reduced-motion:reduce){.stationery-model,.stationery-model *{animation:none!important;will-change:auto}}.matrix-heading-text{display:inline}.puzzle-preview{padding:16px;color:#e2d4ba;text-align:center;font-size:12px;font-family:var(--font-mono)}.puzzle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-width:222px;margin:14px auto}.puzzle-tile,.puzzle-empty{aspect-ratio:1;border-radius:7px}.puzzle-tile{border:2px solid #ffffff55;font-size:24px;font-weight:800;color:#172d51;cursor:pointer;box-shadow:0 4px #050b16}.puzzle-color-0{background:#ffd44f}.puzzle-color-1{background:#f69ec4}.puzzle-color-2{background:#70d9ff}.puzzle-color-3{background:#a8edb0}.puzzle-tile:disabled{cursor:default;filter:saturate(.6)}.puzzle-tile:hover:not(:disabled){outline:2px solid white}.puzzle-tile:focus-visible,.puzzle-again:focus-visible{outline:3px solid #ffd44f;outline-offset:3px}.puzzle-empty{border:1px dashed #ffffff33;background:#ffffff08}.puzzle-result{min-height:30px;color:#b4e1b0}.puzzle-again{border:1px solid #b4e1b0;padding:7px 14px;border-radius:5px;cursor:pointer}.fireworks-demo .code-replay-button{color:#172c26;background:#b4e1b0;font-weight:800;min-width:90px;justify-content:center}.fireworks-demo .code-replay-button:hover{background:#d5f2b6}.fireworks-demo .code-replay-button:focus-visible{outline:3px solid #ffd44f;outline-offset:-4px}.fireworks-demo .code-scroll{overflow-y:auto;position:relative}.fireworks-demo .code-line code.firework-comment{color:#96a58b}.fireworks-stage{position:relative;flex:1;min-height:280px;background:#10172a;overflow:hidden}.fireworks-canvas{display:block;width:100%;height:100%;min-height:280px;position:absolute;inset:0;object-fit:contain}.fireworks-waiting{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center;color:#e2d4ba;font-family:var(--font-mono);font-size:13px}.fireworks-waiting small{color:#a5d29e}.fireworks-status{min-height:45px;margin:0;padding:12px 16px;color:#b4e1b0;font-family:var(--font-mono);font-size:11px;border-top:1px solid #463a34}@media(max-width:767px){.fireworks-demo .code-file-tab{padding-inline:8px;font-size:9px}.fireworks-demo .code-file-tab .code-file-icon{display:none}.fireworks-demo .code-replay-button{min-width:66px}.fireworks-demo .code-pane{min-height:280px}.fireworks-demo .code-scroll{height:255px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:"Nunito", sans-serif;--font-mono:"Fira Code", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-300:oklch(84.5% .143 164.978);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-950:oklch(28.2% .091 267.935);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-pink-900:oklch(40.8% .153 2.432);--color-slate-800:oklch(27.9% .041 260.031);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-3xl:48rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--drop-shadow-md:0 3px 3px #0000001f;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Nunito", sans-serif;--default-mono-font-family:"Fira Code", monospace;--color-border:hsl(var(--border));--font-display:"Nunito", Arial, sans-serif;--font-pixel:"Silkscreen", cursive}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:hsl(var(--border))}:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-pink-500);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-offset-color:hsl(var(--background));--tw-outline-style:none;outline-style:none}body{background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Nunito,sans-serif}}@layer components;@layer utilities{.\@container\/field-group{container:field-group/inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.-top-4{top:calc(var(--spacing) * -4)}.-top-12{top:calc(var(--spacing) * -12)}.top-0{top:0}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-1\/3{top:33.3333%}.top-2{top:calc(var(--spacing) * 2)}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-4{top:calc(var(--spacing) * 4)}.top-16{top:calc(var(--spacing) * 16)}.top-\[1px\]{top:1px}.top-\[42rem\]{top:42rem}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.-right-4{right:calc(var(--spacing) * -4)}.-right-6{right:calc(var(--spacing) * -6)}.-right-12{right:calc(var(--spacing) * -12)}.right-0{right:0}.right-1{right:var(--spacing)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-10{right:calc(var(--spacing) * 10)}.-bottom-12{bottom:calc(var(--spacing) * -12)}.bottom-0{bottom:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-56{bottom:calc(var(--spacing) * 56)}.-left-6{left:calc(var(--spacing) * -6)}.-left-12{left:calc(var(--spacing) * -12)}.left-0{left:0}.left-1\/2{left:50%}.left-1\/4{left:25%}.left-2{left:calc(var(--spacing) * 2)}.left-5{left:calc(var(--spacing) * 5)}.left-\[50\%\]{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[100\]{z-index:100}.order-first{order:-9999}.order-last{order:9999}.\!m-0{margin:0!important}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3\.5{margin-inline:calc(var(--spacing) * 3.5)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing) * -2)}.my-0{margin-block:0}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:var(--spacing)}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-24{margin-top:calc(var(--spacing) * 24)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-24{margin-bottom:calc(var(--spacing) * 24)}.mb-32{margin-bottom:calc(var(--spacing) * 32)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.ml-1{margin-left:var(--spacing)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-\[--cell-size\]{width:--cell-size;height:--cell-size}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-\[--cell-size\]{height:--cell-size}.h-\[1px\]{height:1px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-\[--radix-context-menu-content-available-height\]{max-height:--radix-context-menu-content-available-height}.max-h-\[--radix-select-content-available-height\]{max-height:--radix-select-content-available-height}.max-h-\[90dvh\]{max-height:90dvh}.max-h-\[300px\]{max-height:300px}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-\[60px\]{min-height:60px}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-0{width:0}.w-1{width:var(--spacing)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[--cell-size\]{width:--cell-size}.w-\[1px\]{width:1px}.w-\[100px\]{width:100px}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-\[var\(--sidebar-width\)\]{width:var(--sidebar-width)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[var\(--skeleton-width\)\]{max-width:var(--skeleton-width)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-max{max-width:max-content}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-\[--cell-size\]{min-width:--cell-size}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[200px\]{min-width:200px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-context-menu-content-transform-origin\]{transform-origin:--radix-context-menu-content-transform-origin}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:--radix-dropdown-menu-content-transform-origin}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:--radix-hover-card-content-transform-origin}.origin-\[--radix-menubar-content-transform-origin\]{transform-origin:--radix-menubar-content-transform-origin}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:--radix-popover-content-transform-origin}.origin-\[--radix-select-content-transform-origin\]{transform-origin:--radix-select-content-transform-origin}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:--radix-tooltip-content-transform-origin}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-2{rotate:-2deg}.-rotate-\[25deg\]{rotate:-25deg}.rotate-2{rotate:2deg}.rotate-12{rotate:12deg}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.rotate-\[-2deg\]{rotate:-2deg}.rotate-\[-3deg\]{rotate:-3deg}.rotate-\[15deg\]{rotate:15deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-caret-blink{animation:1.25s ease-out infinite caret-blink}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(var(--spacing) * var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[calc\(var\(--radius\)-5px\)\]{border-radius:calc(var(--radius) - 5px)}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:1rem}.rounded-md{border-radius:.5rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.25rem}.rounded-xl{border-radius:1.5rem}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-l-md{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-tl-sm{border-top-left-radius:.25rem}.rounded-r-md{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.\[border-color\:var\(--button-outline\)\]{border-color:var(--button-outline)}.border-\[--color-border\]{border-color:--color-border}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-800{border-color:var(--color-blue-800)}.border-blue-950{border-color:var(--color-blue-950)}.border-border,.border-border\/50{border-color:hsl(var(--border))}@supports (color:color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,hsl(var(--border)) 50%,transparent)}}.border-destructive,.border-destructive\/50{border-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.border-destructive\/50{border-color:color-mix(in oklab,hsl(var(--destructive)) 50%,transparent)}}.border-emerald-300{border-color:var(--color-emerald-300)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-900{border-color:var(--color-gray-900)}.border-input{border-color:hsl(var(--input))}.border-pink-300{border-color:var(--color-pink-300)}.border-primary,.border-primary\/50{border-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.border-primary\/50{border-color:color-mix(in oklab,hsl(var(--primary)) 50%,transparent)}}.border-transparent{border-color:#0000}.border-yellow-300{border-color:var(--color-yellow-300)}.border-yellow-400{border-color:var(--color-yellow-400)}.border-yellow-500{border-color:var(--color-yellow-500)}.border-yellow-600{border-color:var(--color-yellow-600)}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\[\#fffdf6\]{background-color:#fffdf6}.bg-\[--color-bg\]{background-color:--color-bg}.bg-accent{background-color:hsl(var(--accent))}.bg-background{background-color:hsl(var(--background))}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-foreground{background-color:hsl(var(--foreground))}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-input{background-color:hsl(var(--input))}.bg-muted,.bg-muted\/50{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,hsl(var(--muted)) 50%,transparent)}}.bg-pink-100{background-color:var(--color-pink-100)}.bg-popover{background-color:hsl(var(--popover))}.bg-primary,.bg-primary\/10{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,hsl(var(--primary)) 10%,transparent)}}.bg-primary\/20{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,hsl(var(--primary)) 20%,transparent)}}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-white\/60{background-color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-400{background-color:var(--color-yellow-400)}.fill-current{fill:currentColor}.fill-primary{fill:hsl(var(--primary))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[1px\]{padding:1px}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[--cell-size\]{padding-inline:--cell-size}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-0{padding-top:0}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-display{font-family:Nunito,Arial,sans-serif}.font-mono{font-family:Fira Code,monospace}.font-pixel{font-family:Silkscreen,cursive}.font-sans{font-family:Nunito,sans-serif}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/relaxed{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.text-\[8px\]{font-size:8px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-card-foreground{color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground,.text-foreground\/50{color:hsl(var(--foreground))}@supports (color:color-mix(in lab,red,red)){.text-foreground\/50{color:color-mix(in oklab,hsl(var(--foreground)) 50%,transparent)}}.text-gray-400{color:var(--color-gray-400)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-red-500{color:var(--color-red-500)}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-slate-800{color:var(--color-slate-800)}.text-white{color:var(--color-white)}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.text-yellow-800{color:var(--color-yellow-800)}.text-yellow-900{color:var(--color-yellow-900)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[8px_8px_0px_rgba\(0\,0\,0\,1\)\]{--tw-shadow:8px 8px 0px var(--tw-shadow-color,#000);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-ring{--tw-ring-color:hsl(var(--ring))}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-transparent{outline-color:#0000}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-md{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--drop-shadow-md));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.\[--cell-size\:2rem\]{--cell-size:2rem}.paused{animation-play-state:paused}.running{animation-play-state:running}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing) * 8)}.group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation=horizontal]) *){text-wrap:balance}.group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot=item-description]) *){--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot=item-description]) *){align-self:flex-start}.group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(>input) *){padding-top:calc(var(--spacing) * 2.5)}.group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(>input) *){padding-bottom:calc(var(--spacing) * 2.5)}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing) * -8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:h-8\!:is(:where(.group)[data-collapsible=icon] *){height:calc(var(--spacing) * 8)!important}.group-data-\[collapsible\=icon\]\:w-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing) * 8)!important}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+var\(--spacing-4\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + var(--spacing-4))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+var\(--spacing-4\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + var(--spacing-4) + 2px)}.group-data-\[collapsible\=icon\]\:w-\[var\(--sidebar-width-icon\)\]:is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:0!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:0}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *),.group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *){opacity:.5}.group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *){position:relative}.group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *){z-index:10}.group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused=true] *){border-color:hsl(var(--ring))}.group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused=true] *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:hsl(var(--ring))}@supports (color:color-mix(in lab,red,red)){.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:color-mix(in oklab, hsl(var(--ring)) 50%, transparent)}}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing) * -4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:0}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:1rem}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *){margin-bottom:calc(var(--spacing) * -2)}.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:hsl(var(--muted))}@supports (color:color-mix(in lab,red,red)){.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:color-mix(in oklab,hsl(var(--muted)) 40%,transparent)}}.group-\[\.destructive\]\:text-red-300:is(:where(.group).destructive *){color:var(--color-red-300)}.group-\[\.toast\]\:bg-muted:is(:where(.group).toast *){background-color:hsl(var(--muted))}.group-\[\.toast\]\:bg-primary:is(:where(.group).toast *){background-color:hsl(var(--primary))}.group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *){color:hsl(var(--muted-foreground))}.group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *){color:hsl(var(--primary-foreground))}.group-\[\.toaster\]\:border-border:is(:where(.group).toaster *){border-color:hsl(var(--border))}.group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *){background-color:hsl(var(--background))}.group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *){color:hsl(var(--foreground))}.group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing) * 1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing) * 2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:var(--spacing)}.selection\:bg-pink-300 ::selection{background-color:var(--color-pink-300)}.selection\:bg-pink-300::selection{background-color:var(--color-pink-300)}.selection\:text-pink-900 ::selection{color:var(--color-pink-900)}.selection\:text-pink-900::selection{color:var(--color-pink-900)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:var(--spacing)}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.first\:rounded-l-md:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:mt-0:last-child{margin-top:0}.last\:rounded-r-md:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}@media(hover:hover){.hover\:translate-y-1:hover{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/80:hover{background-color:color-mix(in oklab,hsl(var(--destructive)) 80%,transparent)}}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,hsl(var(--muted)) 50%,transparent)}}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab,hsl(var(--primary)) 80%,transparent)}}.hover\:bg-secondary:hover,.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,hsl(var(--secondary)) 80%,transparent)}}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))}.hover\:text-pink-600:hover{color:var(--color-pink-600)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-none:hover{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group).destructive *):hover{border-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group).destructive *):hover{border-color:color-mix(in oklab,hsl(var(--destructive)) 30%,transparent)}}.group-\[\.destructive\]\:hover\:bg-destructive:is(:where(.group).destructive *):hover{background-color:hsl(var(--destructive))}.group-\[\.destructive\]\:hover\:text-destructive-foreground:is(:where(.group).destructive *):hover{color:hsl(var(--destructive-foreground))}.group-\[\.destructive\]\:hover\:text-red-50:is(:where(.group).destructive *):hover{color:var(--color-red-50)}}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:opacity-100:focus{opacity:1}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-pink-500:focus{--tw-ring-color:var(--color-pink-500)}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.group-\[\.destructive\]\:focus\:ring-destructive:is(:where(.group).destructive *):focus{--tw-ring-color:hsl(var(--destructive))}.group-\[\.destructive\]\:focus\:ring-red-400:is(:where(.group).destructive *):focus{--tw-ring-color:var(--color-red-400)}.group-\[\.destructive\]\:focus\:ring-offset-red-600:is(:where(.group).destructive *):focus{--tw-ring-offset-color:var(--color-red-600)}.focus-visible\:border-ring:focus-visible{border-color:hsl(var(--ring))}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-pink-500:focus-visible{--tw-ring-color:var(--color-pink-500)}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:hsl(var(--ring))}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, hsl(var(--ring)) 50%, transparent)}}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:translate-y-1:active{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:shadow-none:active{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.has-focus\:border-ring:has(:focus){border-color:hsl(var(--ring))}.has-focus\:ring-\[3px\]:has(:focus){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color:hsl(var(--ring))}@supports (color:color-mix(in lab,red,red)){.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color:color-mix(in oklab, hsl(var(--ring)) 50%, transparent)}}.has-data-\[state\=checked\]\:border-primary:has([data-state=checked]){border-color:hsl(var(--primary))}.has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){background-color:color-mix(in oklab,hsl(var(--primary)) 5%,transparent)}}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-1:has([data-slot=input-group-control]:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:hsl(var(--ring))}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]){border-color:hsl(var(--destructive))}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, hsl(var(--destructive)) 20%, transparent)}}.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){height:auto}.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){flex-direction:column}.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){height:auto}.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing) * 2)}.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]){gap:calc(var(--spacing) * 3)}.has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){width:100%}.has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){flex-direction:column}.has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]){border-radius:.5rem}.has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){border-style:var(--tw-border-style);border-width:1px}.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]){gap:calc(var(--spacing) * 3)}.has-\[\>button\]\:mr-\[-0\.4rem\]:has(>button){margin-right:-.4rem}.has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button){margin-left:-.45rem}.has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd){margin-right:-.35rem}.has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd){margin-left:-.35rem}.has-\[\>svg\]\:p-0:has(>svg){padding:0}.has-\[\>svg\]\:px-2:has(>svg){padding-inline:calc(var(--spacing) * 2)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>textarea\]\:h-auto:has(>textarea){height:auto}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-selected\:text-muted-foreground[aria-selected=true]{color:hsl(var(--muted-foreground))}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[invalid\=true\]\:text-destructive[data-invalid=true]{color:hsl(var(--destructive))}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:calc(52*var(--spacing))}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:calc(52*var(--spacing))}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-]{--tw-exit-opacity:0}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:var(--spacing)}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:hsl(var(--muted-foreground))}.data-\[range-end\=true\]\:rounded-md[data-range-end=true]{border-radius:.5rem}.data-\[range-end\=true\]\:bg-primary[data-range-end=true]{background-color:hsl(var(--primary))}.data-\[range-end\=true\]\:text-primary-foreground[data-range-end=true]{color:hsl(var(--primary-foreground))}.data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{border-radius:0}.data-\[range-middle\=true\]\:bg-accent[data-range-middle=true]{background-color:hsl(var(--accent))}.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle=true]{color:hsl(var(--accent-foreground))}.data-\[range-start\=true\]\:rounded-md[data-range-start=true]{border-radius:.5rem}.data-\[range-start\=true\]\:bg-primary[data-range-start=true]{background-color:hsl(var(--primary))}.data-\[range-start\=true\]\:text-primary-foreground[data-range-start=true]{color:hsl(var(--primary-foreground))}.data-\[selected-single\=true\]\:bg-primary[data-selected-single=true]{background-color:hsl(var(--primary))}.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single=true]{color:hsl(var(--primary-foreground))}.data-\[selected\=true\]\:rounded-none[data-selected=true]{border-radius:0}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:hsl(var(--accent))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:hsl(var(--accent-foreground))}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group]{gap:calc(var(--spacing) * 3)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:hsl(var(--primary-foreground))}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:.8}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50% }.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x: 100% }.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48% }.data-\[state\=hidden\]\:animate-out[data-state=hidden]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=on\]\:bg-accent[data-state=on]{background-color:hsl(var(--accent))}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open],.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:hsl(var(--accent))}@supports (color:color-mix(in lab,red,red)){.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:color-mix(in oklab,hsl(var(--accent)) 50%,transparent)}}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50% }.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48% }.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y: -100% }@media(hover:hover){.data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover{background-color:hsl(var(--accent))}}.data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus{background-color:hsl(var(--accent))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.data-\[state\=visible\]\:animate-in[data-state=visible]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[variant\=label\]\:text-sm[data-variant=label]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.data-\[variant\=legend\]\:text-base[data-variant=legend]{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.nth-last-2\:-mt-1:nth-last-child(2){margin-top:calc(var(--spacing) * -1)}@media(min-width:40rem){.sm\:top-auto{top:auto}.sm\:right-0{right:0}.sm\:bottom-0{bottom:0}.sm\:mt-0{margin-top:0}.sm\:flex{display:flex}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:1rem}.sm\:rounded-none{border-radius:0}.sm\:text-left{text-align:left}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y: 100% }}@media(min-width:48rem){.md\:absolute{position:absolute}.md\:-right-12{right:calc(var(--spacing) * -12)}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-48{width:calc(var(--spacing) * 48)}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[420px\]{max-width:420px}.md\:flex-row{flex-direction:row}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:p-12{padding:calc(var(--spacing) * 12)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:px-12{padding-inline:calc(var(--spacing) * 12)}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:opacity-0{opacity:0}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing) * 2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:0}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:1.5rem}.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing) * 2)}.md\:after\:hidden:after{content:var(--tw-content);display:none}}@media(min-width:80rem){.xl\:block{display:block}}@container field-group (min-width:28rem){.\@md\/field-group\:flex-row{flex-direction:row}.\@md\/field-group\:items-center{align-items:center}.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}}.dark\:border-destructive:is(.dark *){border-color:hsl(var(--destructive))}.dark\:bg-input\/30:is(.dark *){background-color:hsl(var(--input))}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,hsl(var(--input)) 30%,transparent)}}.dark\:bg-transparent:is(.dark *){background-color:#0000}.dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]){background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]){background-color:color-mix(in oklab,hsl(var(--primary)) 10%,transparent)}}.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]){--tw-ring-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, hsl(var(--destructive)) 40%, transparent)}}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:hsl(var(--muted-foreground))}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:hsl(var(--border))}@supports (color:color-mix(in lab,red,red)){.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:color-mix(in oklab,hsl(var(--border)) 50%,transparent)}}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:hsl(var(--border))}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-none .recharts-layer{--tw-outline-style:none;outline-style:none}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:hsl(var(--muted))}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-sector\]\:outline-none .recharts-sector{--tw-outline-style:none;outline-style:none}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{--tw-outline-style:none;outline-style:none}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing) * 1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing) * 12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing) * 3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing) * 5)}.\[\&_img\]\:size-full img{width:100%;height:100%}.\[\&_img\]\:object-cover img{object-fit:cover}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content]{flex:none}.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\.border-b\]\:pb-3.border-b{padding-bottom:calc(var(--spacing) * 3)}.\[\.border-t\]\:pt-3.border-t{padding-top:calc(var(--spacing) * 3)}:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),:is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){rotate:180deg}.\[a\]\:transition-colors:is(a){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:hsl(var(--accent))}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:color-mix(in oklab,hsl(var(--accent)) 50%,transparent)}}}.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.\[\&\>\*\]\:w-full>*{width:100%}.\[\&\>\*\]\:focus-visible\:relative>:focus-visible{position:relative}.\[\&\>\*\]\:focus-visible\:z-10>:focus-visible{z-index:10}@container field-group (min-width:28rem){.\@md\/field-group\:\[\&\>\*\]\:w-auto>*{width:auto}}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.\[\&\>\.sr-only\]\:w-auto>.sr-only{width:auto}.\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group]{gap:calc(var(--spacing) * 4)}.\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}@container field-group (min-width:28rem){.\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}}.\[\&\>\[data-slot\=field\]\]\:p-4>[data-slot=field]{padding:calc(var(--spacing) * 4)}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}@container field-group (min-width:28rem){.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>a\:hover\]\:text-primary>a:hover{color:hsl(var(--primary))}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>input\]\:flex-1>input{flex:1}.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input{padding-top:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input{padding-bottom:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input{padding-right:calc(var(--spacing) * 2)}.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input{padding-left:calc(var(--spacing) * 2)}.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px)}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>span\]\:text-xs>span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&\>span\]\:opacity-70>span{opacity:.7}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:top-4>svg{top:calc(var(--spacing) * 4)}.\[\&\>svg\]\:left-4>svg{left:calc(var(--spacing) * 4)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:h-3\.5>svg{height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:h-4>svg{height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing) * 3)}.\[\&\>svg\]\:w-3\.5>svg{width:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:w-4>svg{width:calc(var(--spacing) * 4)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{color:hsl(var(--foreground))}.\[\&\>svg\]\:text-muted-foreground>svg{color:hsl(var(--muted-foreground))}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:calc(var(--spacing) * 7)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{rotate:90deg}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing) * -2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing) * -2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color:#0000}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:hsl(var(--background))}@supports (color:color-mix(in lab,red,red)){[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:color-mix(in oklab,hsl(var(--background)) 20%,transparent)}}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background{color:hsl(var(--background))}[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *){background-color:hsl(var(--background))}@supports (color:color-mix(in lab,red,red)){[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *){background-color:color-mix(in oklab,hsl(var(--background)) 10%,transparent)}}[data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}html{scroll-behavior:smooth}[id]{scroll-margin-top:6rem}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--background:217 85% 55%;--foreground:220 60% 20%;--card:0 0% 98%;--card-foreground:220 60% 20%;--card-border:220 60% 85%;--popover:0 0% 98%;--popover-foreground:220 60% 20%;--popover-border:220 60% 85%;--primary:330 85% 60%;--primary-foreground:0 0% 100%;--secondary:45 95% 55%;--secondary-foreground:220 60% 20%;--muted:217 30% 90%;--muted-foreground:220 20% 50%;--accent:45 95% 55%;--accent-foreground:220 60% 20%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:220 60% 85%;--input:220 60% 85%;--ring:330 85% 60%;--radius:.5rem}.dark{--background:217 85% 40%;--foreground:0 0% 98%;--card:220 60% 15%;--card-foreground:0 0% 98%;--card-border:220 60% 25%;--popover:220 60% 15%;--popover-foreground:0 0% 98%;--popover-border:220 60% 25%;--primary:330 85% 60%;--primary-foreground:0 0% 100%;--secondary:45 95% 55%;--secondary-foreground:220 60% 20%;--muted:220 60% 20%;--muted-foreground:220 20% 65%;--accent:45 95% 55%;--accent-foreground:220 60% 20%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:220 60% 25%;--input:220 60% 25%;--ring:330 85% 60%}.bg-cutting-mat{background-color:#2b75ee;background-image:linear-gradient(#ffffff26 1px,#0000 1px),linear-gradient(90deg,#ffffff26 1px,#0000 1px),linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-position:-1px -1px,-1px -1px,-1px -1px,-1px -1px;background-size:100px 100px,100px 100px,20px 20px,20px 20px}.shadow-tactile{box-shadow:4px 6px #00000026,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-tactile-sm{box-shadow:2px 3px #00000026}.paper-holes-top{background-image:radial-gradient(circle,#cbd5e1 5px,#0000 6px);background-position:50% 10px;background-repeat:repeat-x;background-size:24px 24px}.font-pixel{font-family:var(--font-pixel)}.font-display{font-family:var(--font-display);font-synthesis:none;font-weight:900}.hero-name{letter-spacing:-.025em;text-wrap:balance;text-shadow:1px 2px #ed3185,2px 4px #ed3185,3px 6px #173f91;max-width:100%;padding-block:.12em;font-size:clamp(2.5rem,6.8vw,5.75rem);line-height:1.25}.bg-lined-paper{background-color:#fff;background-image:linear-gradient(#0000 95%,#cbd5e1 95%);background-size:100% 1.75rem}.clip-tape{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fff9;border:1px solid #fffc;box-shadow:0 1px 3px #0000001a}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}.notebook-portfolio{--ink: #173f91;--pink: #ed4d91;--sun: #ffc928;--paper: #fffdf6;--navy: #102b61;position:relative;isolation:isolate;background-color:#2f75d8;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px),radial-gradient(circle at 50% -12%,#69a2f0 0,transparent 37%);background-size:24px 24px,24px 24px,100% 100%}.notebook-portfolio:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}.notebook-portfolio .paper-holes-top{height:3.4rem;background-position:center top 12px}.notebook-portfolio .bg-lined-paper{background-color:var(--paper);background-image:linear-gradient(transparent 95%,#d6e2f5 95%),linear-gradient(90deg,transparent 4.5rem,rgba(237,77,145,.35) 4.5rem,rgba(237,77,145,.35) calc(4.5rem + 1px),transparent calc(4.5rem + 1px));background-size:100% 1.8rem,100% 100%}.notebook-nav{border-radius:3px 3px 12px 12px;box-shadow:0 7px #102b613d,0 16px 30px #0c32702e}.hero-shell{min-height:610px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:3.5rem 1.5rem 2rem;position:relative}.hero-copy{position:relative;z-index:3;padding:2.3rem 0 2rem}.hero-kicker{display:inline-flex;align-items:center;gap:.7rem;color:var(--navy);font-family:var(--font-mono);font-size:.72rem;font-weight:700;background:#ffe37a;border:2px solid #b67900;box-shadow:3px 3px #b67900;padding:.55rem .8rem;transform:rotate(-2deg)}.hero-kicker:before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--pink);border:1px solid #952554}.hero-title{color:#fffdf6;max-width:700px;font-size:clamp(3.1rem,7.6vw,6.7rem);line-height:.94;letter-spacing:-.055em;text-shadow:2px 3px 0 var(--pink),5px 7px 0 var(--ink);margin:.9rem 0 .75rem}.hero-title span{display:block}.hero-title .last-name{color:#ffe36e;text-shadow:2px 3px 0 var(--pink),5px 7px 0 var(--ink)}.hero-role{color:#e8f1ff;font-size:clamp(1rem,2.3vw,1.45rem);font-weight:800;max-width:31rem;line-height:1.4}.hero-note{margin-top:1.75rem;width:max-content;max-width:100%;color:var(--navy);background:var(--paper);padding:.72rem 1rem;border:2px solid var(--navy);box-shadow:4px 4px 0 var(--pink);font-family:var(--font-mono);font-size:.73rem;font-weight:700;transform:rotate(1deg)}.hero-art{position:relative;height:510px;z-index:2;pointer-events:none}.art-cutout{position:absolute;display:block;width:auto;pointer-events:none;filter:drop-shadow(0 18px 11px rgba(12,50,112,.26));animation:notebook-float 6s ease-in-out infinite}.art-computer{width:min(110%,520px);right:-3rem;top:2rem;animation-delay:-1s}.art-terminal{width:190px;left:-1.5rem;bottom:2.5rem;animation-delay:-3s}.art-headphones{width:170px;right:-1.25rem;bottom:-.2rem;animation-delay:-4.5s}.art-notebook{width:205px;right:43%;top:-.4rem;animation-delay:-2s}.sticker{position:absolute;z-index:4;font-family:var(--font-pixel);font-size:.62rem;line-height:1.4;color:var(--navy);background:#ffe36e;border:2px solid var(--navy);box-shadow:3px 3px 0 var(--pink);padding:.7rem;transform:rotate(5deg)}.sticker-top{right:5%;top:2.5rem}.reveal{opacity:0;transform:translateY(28px);animation:notebook-reveal 1s cubic-bezier(.2,.8,.2,1) forwards}.reveal-1{animation-delay:.15s}.reveal-2{animation-delay:.35s}.reveal-3{animation-delay:.55s}.reveal-4{animation-delay:.75s}.notebook-portfolio .project-tilt-card{border:2px solid #173f91;border-radius:3px;box-shadow:6px 7px #0e2b6152,0 14px 23px #0a2b6426;transition:box-shadow .22s ease,filter .22s ease;overflow:visible}.notebook-portfolio .project-tilt-card:hover{box-shadow:9px 10px 0 var(--pink),0 18px 28px #0a2b6433;filter:saturate(1.08)}.notebook-portfolio .project-tilt-art{border-color:#173f91;background-image:linear-gradient(135deg,rgba(255,255,255,.5),transparent 55%)}.project-section-heading{display:flex;align-items:end;gap:1rem}.project-section-heading p{color:#e6f0ff;font-family:var(--font-mono);font-size:.82rem;font-weight:700;margin:0 0 .35rem}.about-3d{position:absolute;width:190px;right:-5.25rem;bottom:-5.7rem;z-index:11;filter:drop-shadow(0 12px 9px rgba(12,50,112,.24));animation:notebook-float 7s ease-in-out infinite -3s;pointer-events:none}.contact-terminal{position:absolute;width:136px;left:-5.3rem;bottom:-3.4rem;z-index:2;filter:drop-shadow(0 12px 9px rgba(12,50,112,.22));animation:notebook-float 6.5s ease-in-out infinite -2s;pointer-events:none}.pause-note{color:#dbeafe;font-size:.75rem;font-family:var(--font-mono);text-align:center;margin-top:.25rem}.notebook-portfolio[data-motion-paused=true] .art-cutout,.notebook-portfolio[data-motion-paused=true] .about-3d,.notebook-portfolio[data-motion-paused=true] .contact-terminal{animation-play-state:paused}.notebook-portfolio[data-motion-paused=true] .reveal{animation:none;opacity:1;transform:none}@keyframes notebook-float{0%,to{transform:translateZ(0) rotate(var(--tilt,0deg))}50%{transform:translate3d(0,-13px,0) rotate(var(--tilt,0deg))}}@keyframes notebook-reveal{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.art-cutout,.about-3d,.contact-terminal,.reveal{animation:none!important;opacity:1;transform:none}}@media(max-width:767px){.project-section-heading{flex-direction:column;align-items:flex-start;gap:.75rem}.project-section-heading p{max-width:100%;overflow-wrap:anywhere;white-space:normal}.hero-shell{min-height:610px;display:block;padding-top:4.6rem}.hero-title{font-size:clamp(3.1rem,15vw,4.8rem)}.hero-art{height:268px;margin-top:1rem}.art-computer{width:320px;right:-1.8rem;top:0}.art-terminal{width:107px;left:-.5rem;bottom:0}.art-headphones{width:95px;right:-.6rem;bottom:-.2rem}.art-notebook{width:112px;right:42%;top:-.4rem}.sticker-top{font-size:.52rem;right:1%;top:1rem}.about-3d,.contact-terminal{display:none}.notebook-portfolio .bg-lined-paper{background-image:linear-gradient(transparent 95%,#d6e2f5 95%)}}.reference-portfolio{--paper: #f8f6ed;--royal: #2464de;--torn-edge: polygon(0 1%, 8% 0, 15% 1%, 23% 0, 31% 1%, 44% 0, 53% 1%, 66% 0, 79% 1%, 89% 0, 100% 1%, 99.5% 13%, 100% 26%, 99.4% 42%, 100% 55%, 99.5% 72%, 100% 88%, 99.5% 99%, 90% 98.6%, 81% 100%, 72% 99%, 64% 100%, 55% 98.7%, 46% 100%, 35% 99%, 24% 100%, 15% 98.6%, 5% 100%, 0 99%, .6% 87%, 0 73%, .5% 60%, 0 45%, .6% 29%, 0 15%);background-color:#286bdf;background-image:linear-gradient(#ffffff26 1px,transparent 1px),linear-gradient(90deg,#ffffff26 1px,transparent 1px),linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:100px 100px,100px 100px,25px 25px,25px 25px}.reference-header{gap:12px}.reference-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand-monogram{padding:7px 10px;background:#ffcf32;border-radius:9px;color:#16336c;font-family:var(--font-pixel);transform:rotate(-8deg);box-shadow:2px 3px #a27619}.reference-brand strong{display:block;font-size:12px;letter-spacing:.045em}.reference-brand small{display:block;margin-top:3px;font-family:var(--font-mono);font-size:9px;letter-spacing:.13em;opacity:.75}.reference-portfolio .notebook-nav{padding:5px;border:1px solid #ffffff40;border-radius:28px;background:#174bbcc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 15px #113f8830}.reference-portfolio .notebook-nav a{border-radius:24px;padding:10px 15px;background:#fffef7;font-size:12px;color:#2866d3;box-shadow:0 2px #d3d7db}.reference-portfolio .notebook-nav a:hover{background:#ffcf32;color:#17396a}.reference-portfolio .notebook-nav button{padding:10px 9px;border:0;color:#fff}.reference-main{padding-top:155px}.reference-hero{position:relative;margin-bottom:42px}.reference-desk{position:absolute;top:-230px;left:25%;width:430px;height:340px;z-index:0}.hero-paper-layer{position:relative;z-index:1}.hero-paper{position:relative;isolation:isolate;padding:85px 9% 55px;min-height:600px;filter:drop-shadow(0 15px 13px #123c783b)}.hero-paper:before,.toolkit-sheet:before,.contact-sheet:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--paper);clip-path:var(--torn-edge)}.hero-sheet{position:absolute;inset:0;z-index:-2;display:block;background:#ebe6d7;clip-path:var(--torn-edge);transform:rotate(1.4deg) translate(9px,7px);transform-origin:50% 60%}.hero-sheet-b{z-index:-3;background:#ddd7c6;transform:rotate(-1.8deg) translate(-7px,13px)}.spiral-binding,.project-spiral{position:absolute;display:flex;justify-content:space-between;pointer-events:none;left:3.3%;right:3.3%;top:-16px;height:44px;z-index:4}.spiral-binding i,.project-spiral i{position:relative;display:block;width:7px;height:34px;border-radius:8px;background:linear-gradient(90deg,#344352,#b5bfbd 45%,#405163);box-shadow:2px 1px 2px #0004;transform:rotate(-16deg)}.spiral-binding i:after,.project-spiral i:after{content:"";position:absolute;width:11px;height:9px;bottom:-2px;left:-2px;border-radius:50%;background:#214f8e;z-index:-1;box-shadow:0 1px #fff9}.hero-binder{position:absolute;width:104px;height:120px;top:-39px;left:48%;z-index:5;pointer-events:none;filter:drop-shadow(0 6px 3px #0003)}.paper-greeting{font-size:17px;font-weight:600;color:#546078;margin-bottom:25px;max-width:70%;line-height:1.6}.paper-greeting strong{color:#293b62;font-weight:800}.paper-hero-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:8%;align-items:start}.portfolio-selection{position:relative;border:2px solid #2b67d5;padding:12px 9px 14px;transform:rotate(-1.5deg);color:var(--royal);margin:0}.portfolio-word{display:flex;justify-content:center;font-family:var(--font-pixel),monospace;font-size:clamp(70px,8.3vw,110px);font-weight:700;line-height:1.03;letter-spacing:-.08em;white-space:nowrap}.portfolio-word>span{display:inline-block;-webkit-text-stroke:8px #fffef9;paint-order:stroke fill;text-shadow:5px 7px 0 #193d99}.selection-handle{position:absolute;width:10px;height:10px;border:2px solid #2b67d5;background:#fffdf4}.handle-tl{top:-6px;left:-6px}.handle-tr{top:-6px;right:-6px}.handle-bl{bottom:-6px;left:-6px}.handle-br{bottom:-6px;right:-6px}.developer-sticker{position:absolute;right:-15px;top:-23px;padding:8px 11px;font-family:var(--font-pixel);font-size:10px;letter-spacing:0;color:#fff;background:#ff4c9b;border-radius:7px;box-shadow:0 4px #c93975,2px 6px 8px #0002;transform:rotate(7deg)}.selection-cursor{position:absolute;right:-34px;bottom:-41px;color:#ffce35;-webkit-text-stroke:2px #1e50ac;font-size:60px;line-height:1;transform:rotate(-105deg)}.hero-sticky-note{position:relative;background:#fff084;padding:27px 22px 22px;box-shadow:5px 13px 15px #4c4a2c30;rotate:5deg;color:#423e28;margin-top:-30px}.hero-sticky-note h2{font-size:22px;font-weight:900;line-height:1.3;margin-bottom:12px}.hero-sticky-note p{font-size:15px;line-height:1.5;font-weight:600}.sticky-tape{position:absolute;top:-17px;left:24%;width:104px;height:28px;opacity:.8;rotate:-7deg}.note-status{display:flex;align-items:center;gap:8px;margin-top:18px;font-family:var(--font-pixel);font-size:8px;font-weight:700}.note-status i{width:8px;height:8px;background:#36c685;border-radius:100%;box-shadow:0 0 0 4px #59d79b33}.hero-paper-bottom{display:flex;align-items:center;gap:18px;margin:28px 0 4px 14px}.year-sticker{color:#f34493;font-family:var(--font-pixel);font-size:46px;-webkit-text-stroke:3px #fff;paint-order:stroke fill;text-shadow:3px 4px 0 #c52c76;rotate:-4deg}.coding-sticker{font-family:var(--font-pixel);font-size:8px;color:#fff;padding:8px 12px;border-radius:6px;background:#2766d8;rotate:-7deg}.hero-capabilities{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 22px;width:max-content;margin:14px 0 0 auto;color:#3774df;font-family:var(--font-mono);font-weight:700;letter-spacing:.05em;font-size:12px}.hero-capabilities span:before{content:"▪";margin-right:8px}.hero-pencil{position:absolute;bottom:-13px;left:23%;width:250px;rotate:-28deg;pointer-events:none;z-index:2}.hero-cube-a{left:-22px;top:63%}.hero-cube-b{right:21%;top:-34px}.reference-notebook{width:175px;left:-130px;top:120px;--tilt: -12deg}.reference-terminal{width:162px;right:-80px;top:-60px;--tilt: 12deg}.reference-headphones{width:157px;right:-75px;bottom:-35px;--tilt: 12deg}.code-tool-strip{margin:0 -8px 70px;padding:22px 28px;border-radius:20px;background:#102e6e;color:#d9e5fc;box-shadow:0 10px 18px #123b7433}.code-tool-strip p{font-family:var(--font-pixel);font-size:9px;margin-bottom:14px}.code-tool-strip p strong{color:#ffce36;font-weight:400}.code-tool-strip>div{display:flex;flex-wrap:wrap;gap:9px}.code-tool-strip>div>span{padding:4px 12px;border:1px solid #829cce80;border-radius:25px;font-size:12px;font-weight:800}.code-tool-strip .strip-pink{background:#f54b9c;border-color:#f54b9c;color:#fff}.clipboard-board{padding:22px 20px 24px;border-radius:30px;background:repeating-linear-gradient(5deg,#bd924f55 0 2px,transparent 2px 8px),linear-gradient(105deg,#d9b471,#b88742 42%,#e0b773 75%,#c69a57);box-shadow:inset 0 0 0 2px #f3d49780,0 15px 24px #183e7160}.clipboard-board:after{content:"";position:absolute;top:-19px;left:calc(50% - 87px);width:174px;height:52px;border-radius:14px 14px 7px 7px;background:linear-gradient(#f5f7f9,#a4adbe 56%,#d6dae1 60%,#9ca5b7);box-shadow:0 6px 5px #0003,inset 0 2px 2px #fff;z-index:6;border:1px solid #bac2cf}.clipboard-board>.spiral-binding{top:15px;left:33px;right:33px}.clipboard-board>.absolute,.clipboard-board>.about-3d{display:none}.about-sheet{position:absolute;inset:74px 12px 6px 30px;display:block;background:#e6e0d0;border-radius:3px;transform:rotate(-.7deg);transform-origin:50% 20%;z-index:0}.about-paper{position:relative;z-index:1;clip-path:polygon(0 0,100% 0,100% 99%,94% 100%,86% 99%,76% 100%,66% 99%,57% 100%,46% 99%,36% 100%,24% 99%,12% 100%,0 99%);padding-top:65px}.about-cube{right:-46px;top:-26px}.contact-cube{left:-34px;bottom:18%}.reference-heading{font-family:var(--font-pixel);font-size:clamp(25px,3.6vw,43px);font-weight:700;line-height:1.4;color:#2464d9;letter-spacing:-.035em;-webkit-text-stroke:5px white;paint-order:stroke fill;text-shadow:3px 4px 0 #193c83}.profile-badge{background:linear-gradient(120deg,#ffe783,#ffcb38);box-shadow:4px 6px 2px #ad7e2990,7px 13px 18px #423a2630;border:2px solid #ffda4f;rotate:2deg;margin-top:35px}.profile-badge:before{content:"";position:absolute;top:-59px;width:19px;height:60px;background:repeating-linear-gradient(#ffd042 0 12px,#ffe890 12px 17px);box-shadow:2px 0 3px #bc8b3350}.profile-badge:after{content:"";width:75%;height:17px;margin:14px 0 5px;background:repeating-linear-gradient(90deg,#533e27 0 2px,transparent 2px 5px,#533e27 5px 6px,transparent 6px 9px)}.profile-portrait{border:3px solid white;background:linear-gradient(#ffffff25 1px,transparent 1px),linear-gradient(90deg,#ffffff25 1px,transparent 1px),#83b3ff;background-size:20px 20px}.profile-portrait img{width:92%;height:auto;padding-bottom:15px}.toolkit-chip{border:1px solid #b9cbea;background:#ffffffa3;border-radius:11px;color:#275392}.stationery-ribbon{display:flex;justify-content:space-around;align-items:center;gap:22px;overflow:hidden;white-space:nowrap;padding:15px 8px;margin:-15px -70px 35px;rotate:-2deg;color:#62491c;background:repeating-linear-gradient(135deg,#ffdb70 0 14px,#ffcd44 14px 25px);font-family:var(--font-pixel);font-size:11px;box-shadow:0 7px 13px #12377740}.stationery-ribbon b{color:#ed5698}.works-heading{color:#fff;-webkit-text-stroke-color:#163e88;text-shadow:4px 5px 0 #163e88;font-size:clamp(38px,6vw,62px)}.reference-portfolio #projects{padding-top:45px;margin-bottom:50px}.reference-portfolio .project-section-heading{align-items:center;gap:32px}.reference-portfolio .project-tilt-card{border:0;border-radius:0;padding:37px 15px 31px;background:var(--paper);box-shadow:0 9px 16px #113d7855}.reference-portfolio .project-tilt-card:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:13px;background:var(--paper);clip-path:polygon(0 0,100% 0,100% 65%,94% 100%,89% 55%,81% 95%,74% 60%,68% 100%,61% 55%,53% 95%,46% 60%,39% 100%,32% 50%,24% 95%,16% 55%,8% 100%,0 60%)}.reference-portfolio .project-tilt-card:hover{box-shadow:0 17px 27px #102c6766}.reference-portfolio .project-sheet-stack{position:absolute;inset:24px -15px -17px 19px;pointer-events:none;background:#dcd5c3;box-shadow:0 9px 16px #113d7840;transform:rotate(calc(var(--stack-rotate, 3deg) * 1.6));transform-origin:50% 30%}.reference-portfolio .project-sheet-stack:after{content:"";position:absolute;inset:-10px 7px 7px -9px;background:#e9e3d4;box-shadow:0 6px 12px #113d7833;transform:rotate(calc(var(--stack-rotate, 3deg) * -.6));transform-origin:50% 30%}.reference-portfolio .project-tilt-art{border:0;border-radius:9px;aspect-ratio:4/3}.reference-portfolio .project-tilt-clip{top:-30px;z-index:5;width:72px}.project-spiral{top:-16px;left:12px;right:12px;height:34px}.project-spiral i{height:34px;width:5px}.project-spiral i:after{width:9px;left:-2px}.project-open-label{display:block;font-size:10px;font-weight:900;color:#3971d6;letter-spacing:.07em;margin-top:17px}.reference-footer{max-width:1160px;padding-left:25px;padding-right:25px;margin:0 auto}.reference-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}.toolkit-sheet,.contact-sheet{position:relative;isolation:isolate;filter:drop-shadow(0 12px 10px #133c773b)}.toolkit-sheet{padding:42px 35px;rotate:-1deg}.toolkit-sheet:before{background-color:#f5f4e9;background-image:linear-gradient(#286bdf22 1px,transparent 1px),linear-gradient(90deg,#286bdf22 1px,transparent 1px);background-size:22px 22px}.toolkit-sheet>p{font-size:15px;line-height:1.8;color:#647084;margin:20px 0}.toolkit-tape{position:absolute;width:115px;height:30px;left:-20px;top:-4px;rotate:-27deg}.sheet-label{display:inline-block;color:#cb387e;background:#ffe4ef;padding:4px 8px;font-size:9px;font-weight:900;margin-top:13px}.toolkit-list{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;margin:25px 0}.toolkit-list>div{display:flex;align-items:center;gap:10px;font-size:15px}.tech-icon{display:grid;place-items:center;width:45px;height:45px;flex-shrink:0;border-radius:11px;font-family:var(--font-mono);font-size:16px;font-weight:900;box-shadow:0 4px 5px #182e4a26}.tech-icon-0{background:#ffdb44;color:#454023}.tech-icon-1{background:#868dbe;color:#fff}.tech-icon-2{background:#2e6d9e;color:#ffdb55}.tech-icon-3{background:#173947;color:#6bdafa}.toolkit-sheet .toolkit-footnote{font-size:12px;font-style:italic}.contact-sheet{padding-top:57px}.reference-portfolio .contact-terminal{width:105px;left:auto;right:-30px;bottom:-50px}.contact-sheet>.absolute{display:none}.contact-sheet>.bg-yellow-50{border:0;box-shadow:none;background:transparent;padding:0;color:#52617c;font-family:var(--font-sans);font-weight:600}.contact-sheet>.bg-yellow-50>span{display:none}.contact-sheet a{border:0;border-radius:30px;box-shadow:none;text-align:center;padding:15px 25px}.reference-footer>.text-center{color:#e6efff}@media(min-width:1024px){.project-grid>:last-child:nth-child(3n+1){grid-column:2}}@media(max-width:1023px){.hero-paper{padding-left:7%;padding-right:7%}.portfolio-word{font-size:clamp(55px,8.5vw,90px)}.hero-sticky-note h2{font-size:19px}.reference-notebook{left:-110px}.reference-terminal{width:135px;right:-65px}.reference-headphones{width:128px;right:-56px}.reference-footer-grid{gap:25px}.toolkit-list{grid-template-columns:1fr}}@media(max-width:767px){.reference-brand strong{font-size:10px}.reference-brand small{font-size:7px;letter-spacing:.04em}.brand-monogram{font-size:12px}.reference-main{padding-top:125px}.reference-desk{display:none}.hero-paper{padding:62px 26px 80px;min-height:0}.hero-binder{width:68px;height:85px;left:43%;top:-30px}.spiral-binding i{width:4px;height:28px}.spiral-binding i:after{width:8px}.paper-greeting{max-width:100%;font-size:13px;margin-bottom:27px}.paper-hero-grid{display:flex;flex-direction:column;gap:25px}.paper-hero-grid>div{width:100%}.portfolio-word{font-size:clamp(45px,13.6vw,80px)}.portfolio-word>span{-webkit-text-stroke-width:5px;text-shadow:3px 4px 0 #193d99}.developer-sticker{font-size:7px;right:-7px;padding:6px 8px;top:-19px}.selection-cursor{font-size:46px;right:-22px;bottom:-32px}.hero-paper-bottom{gap:12px;margin-left:0;margin-top:21px}.year-sticker{font-size:35px}.coding-sticker{font-size:7px;padding:6px 8px}.hero-sticky-note{margin:0 0 0 auto;width:89%;padding:20px 17px}.hero-sticky-note h2{font-size:19px}.hero-sticky-note p{font-size:13px}.note-status{font-size:7px}.hero-capabilities{width:100%;font-size:9px;gap:8px;margin-top:25px;letter-spacing:0}.hero-pencil{width:170px;bottom:-8px;left:14%}.reference-notebook{display:none}.reference-terminal{width:88px;right:-27px;top:-41px}.reference-headphones{width:88px;right:-30px;bottom:-22px}.hero-sheet{transform:rotate(1.2deg) translate(5px,5px)}.hero-sheet-b{transform:rotate(-1.5deg) translate(-4px,9px)}.hero-cube-a{left:-8px;top:58%}.hero-cube-b{right:-4px;top:56%}.about-props,.contact-props{display:none}.about-sheet{inset:56px 8px 4px 19px}.reference-portfolio .project-sheet-stack{inset:18px -10px -12px 14px}.code-tool-strip{padding:19px;margin-bottom:45px}.code-tool-strip p{font-size:8px}.code-tool-strip>div>span{font-size:11px}.clipboard-board{padding:13px 10px 17px;border-radius:20px}.clipboard-board:after{width:130px;left:calc(50% - 65px);height:40px}.clipboard-board>.spiral-binding{left:19px;right:19px;top:9px}.about-paper{padding:66px 20px 40px}.profile-badge{margin-top:0;max-width:230px}.reference-heading{font-size:29px;-webkit-text-stroke-width:4px}.reference-portfolio #about{margin-bottom:65px}.stationery-ribbon{margin-bottom:15px;font-size:9px;gap:20px}.reference-portfolio .project-section-heading{align-items:flex-start;gap:10px}.works-heading{font-size:48px}.reference-portfolio .project-section-heading p{font-size:11px}.project-grid{max-width:600px;margin:0 auto}.reference-footer{padding-left:22px;padding-right:22px}.reference-footer-grid{grid-template-columns:1fr;gap:65px}.toolkit-list{grid-template-columns:1fr 1fr}.toolkit-sheet{padding:35px 27px}.contact-sheet{padding:51px 27px 38px}}@media(max-width:374px){.portfolio-word{font-size:12.5vw}.toolkit-list{grid-template-columns:1fr}.reference-brand small{display:none}}@media(prefers-reduced-motion:reduce){.reference-portfolio .reveal{animation:none!important;opacity:1;transform:none}}.reference-portfolio .paper-hero-grid{padding-top:34px}.reference-portfolio .hero-title-tilt{perspective:1200px}.reference-portfolio .hero-title-stack{transform-style:preserve-3d;animation:title-drift 10s ease-in-out infinite alternate}.reference-portfolio .portfolio-selection,.reference-portfolio .portfolio-word,.reference-portfolio .hero-paper-bottom{transform-style:preserve-3d}.reference-portfolio .portfolio-word>span{translate:0 0 24px}.reference-portfolio .selection-handle{translate:0 0 10px}.reference-portfolio .developer-sticker{translate:0 0 44px}.reference-portfolio .selection-cursor{translate:0 0 54px}.reference-portfolio .year-sticker{translate:0 0 38px}.reference-portfolio .coding-sticker{translate:0 0 30px}.reference-portfolio .hero-title-tilt[data-tilt-active=true] .portfolio-selection{box-shadow:0 22px 34px -18px #10306b66}@keyframes title-drift{0%{transform:rotateX(1.5deg) rotateY(-2deg)}50%{transform:rotateX(-1deg) rotateY(.6deg)}to{transform:rotateX(1deg) rotateY(2deg)}}.reference-portfolio .reference-brand,.reference-portfolio .notebook-nav,.reference-portfolio .mobile-controls{animation:nav-lower .65s cubic-bezier(.16,1,.3,1) .05s both}.reference-portfolio .hero-paper{animation:paper-slide .8s cubic-bezier(.16,1,.3,1) both}.reference-portfolio .hero-binder{animation:clip-drop .7s both}.reference-portfolio .letter-pop{--drop: -480px;display:inline-block;transform-origin:50% 100%;animation:letter-drop .62s both}.reference-portfolio .year-sticker{display:inline-flex}.reference-portfolio .year-sticker .letter-pop{--drop: -680px}.reference-portfolio .portfolio-selection{border-color:transparent;animation:none}.reference-portfolio .portfolio-selection:before{content:"";position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);box-sizing:border-box;border:2px solid #2b67d5;pointer-events:none;animation:frame-grow .72s cubic-bezier(.4,0,.2,1) 1.935s both}.reference-portfolio .selection-handle{animation:handle-snap .3s cubic-bezier(.34,1.56,.64,1) both}.reference-portfolio .handle-tl{animation-delay:1.95s}.reference-portfolio .handle-tr,.reference-portfolio .handle-bl{animation-delay:2.3s}.reference-portfolio .handle-br{animation-delay:2.62s}.reference-portfolio .selection-cursor{--cursor-left: calc(100% - 26px) ;--cursor-top: calc(100% - 19px) ;right:auto;bottom:auto;left:var(--cursor-left);top:var(--cursor-top);animation:cursor-drag 1.1s both;animation-delay:1.55s}.reference-portfolio .developer-sticker{--rest-rotate: 7deg;--drop: -480px;animation:sticker-drop .6s 2.65s both}.reference-portfolio .coding-sticker{--rest-rotate: 0deg;--drop: -680px;animation:sticker-drop .6s 2.8s both}.reference-portfolio .hero-sticky-note{opacity:1;transform:none;animation:slide-from-right .9s cubic-bezier(.16,1,.3,1) 1.15s both}.reference-portfolio .hero-capabilities{animation:slide-from-right .75s cubic-bezier(.16,1,.3,1) 2.75s both}.reference-portfolio .code-tool-strip{animation:settle-up .6s cubic-bezier(.16,1,.3,1) 2.95s both}.reference-portfolio .hero-pencil{animation:from-bottom-left .9s cubic-bezier(.16,1,.3,1) .85s both}.reference-portfolio .hero-cube-a{animation:depth-float 6s ease-in-out infinite,from-left .8s cubic-bezier(.16,1,.3,1) 1s both}.reference-portfolio .hero-cube-b{animation:depth-float 6s ease-in-out infinite -2s,from-top .8s cubic-bezier(.16,1,.3,1) 1.1s both}@keyframes nav-lower{0%{transform:translate3d(0,-170%,0)}to{transform:translateZ(0)}}@keyframes paper-slide{0%{transform:translate3d(0,90px,0)}to{transform:translateZ(0)}}@keyframes clip-drop{0%{transform:translate3d(0,-130px,0);animation-timing-function:cubic-bezier(.5,0,1,.6)}62%{transform:translate3d(0,7px,0);animation-timing-function:ease-out}80%{transform:translate3d(0,-4px,0);animation-timing-function:ease-in}to{transform:none}}@keyframes letter-drop{0%{transform:translate3d(0,var(--drop, -480px),0) rotate(var(--pop-tilt, -8deg));animation-timing-function:cubic-bezier(.55,0,1,.55)}56%{transform:translateZ(0) scale(1.1,.88) rotate(calc(var(--pop-tilt, -8deg) * -.3));animation-timing-function:ease-out}76%{transform:translate3d(0,-16px,0) scale(.97,1.05) rotate(0);animation-timing-function:ease-in}90%{transform:translateZ(0) scale(1.03,.98);animation-timing-function:ease-out}to{transform:none}}@keyframes sticker-drop{0%{transform:translate3d(0,var(--drop, -480px),0) rotate(calc(var(--rest-rotate, 0deg) - 12deg));animation-timing-function:cubic-bezier(.55,0,1,.55)}58%{transform:translateZ(0) scale(1.1,.9) rotate(calc(var(--rest-rotate, 0deg) + 4deg));animation-timing-function:ease-out}78%{transform:translate3d(0,-10px,0) scale(.97,1.04) rotate(var(--rest-rotate, 0deg));animation-timing-function:ease-in}to{transform:rotate(var(--rest-rotate, 0deg))}}@keyframes cursor-drag{0%{left:-60vw;top:-20vh;animation-timing-function:cubic-bezier(.2,.8,.2,1)}35%{left:-24px;top:-30px;animation-timing-function:cubic-bezier(.4,0,.2,1)}to{left:var(--cursor-left);top:var(--cursor-top)}}@keyframes frame-grow{0%{clip-path:inset(0 100% 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes handle-snap{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes slide-from-right{0%{transform:translate3d(100vw,0,0)}to{transform:none}}@keyframes settle-up{0%{transform:translate3d(0,26px,0)}to{transform:none}}@keyframes from-left{0%{translate:-60vw 0}to{translate:0 0}}@keyframes from-top{0%{translate:0 -45vh}to{translate:0 0}}@keyframes from-top-right{0%{translate:55vw -35vh}to{translate:0 0}}@keyframes from-bottom-right{0%{translate:55vw 35vh}to{translate:0 0}}@keyframes from-bottom-left{0%{translate:-50vw 40vh}to{translate:0 0}}.reference-portfolio .note-status-text{font-family:var(--font-display);font-size:12px;font-weight:800;line-height:1.4;letter-spacing:0;white-space:normal;align-items:flex-start;color:#7a5a12}.reference-portfolio .note-status-text i{flex-shrink:0;margin-top:4px}.reference-portfolio .reference-notebook{animation:cutout-rock 7s ease-in-out infinite -1s,from-left .9s cubic-bezier(.16,1,.3,1) .2s both}.reference-portfolio .reference-terminal{animation:cutout-rock 7s ease-in-out infinite -3s,from-top-right .9s cubic-bezier(.16,1,.3,1) .35s both}.reference-portfolio .reference-headphones{animation:cutout-rock 7s ease-in-out infinite -5s,from-bottom-right .9s cubic-bezier(.16,1,.3,1) .5s both}@keyframes cutout-rock{0%,to{transform:perspective(700px) rotateY(-4deg) rotateX(1.5deg) translateZ(0) rotate(var(--tilt, 0deg))}50%{transform:perspective(700px) rotateY(4deg) rotateX(-1.5deg) translate3d(0,-9px,0) rotate(var(--tilt, 0deg))}}.reference-portfolio .profile-badge{margin-top:0}.reference-portfolio .profile-badge:before{content:none}.reference-portfolio .stationery-ribbon{display:block;padding-left:0;padding-right:0}.reference-portfolio .ribbon-track{display:flex;width:max-content;animation:ribbon-scroll 26s linear infinite}.reference-portfolio .ribbon-run{display:flex;align-items:center;gap:44px;padding-right:44px}.reference-portfolio .ribbon-run b{color:var(--pink);font-weight:400}@keyframes ribbon-scroll{to{transform:translate3d(-25%,0,0)}}.reference-portfolio .project-card-entrance>.pointer-tilt-host{animation:sheet-sway 8s ease-in-out infinite alternate}.reference-portfolio .project-card-slot:nth-child(2) .project-card-entrance>.pointer-tilt-host{animation-delay:-3s}.reference-portfolio .reference-footer-grid .pointer-tilt-host{animation:sheet-sway 10s ease-in-out infinite alternate -3s}@keyframes sheet-sway{0%{transform:perspective(1200px) rotateX(1.2deg) rotateY(-1.6deg)}50%{transform:perspective(1200px) rotateX(-.8deg) rotateY(.5deg)}to{transform:perspective(1200px) rotateX(.6deg) rotateY(1.6deg)}}.reference-portfolio .brand-monogram{display:inline-block;transform:perspective(240px) rotateY(0) rotate(-8deg);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.reference-portfolio .reference-brand:hover .brand-monogram{transform:perspective(240px) rotateY(360deg) rotate(-8deg)}.notebook-portfolio[data-motion-paused=true] .hero-title-stack,.notebook-portfolio[data-motion-paused=true] .ribbon-track,.notebook-portfolio[data-motion-paused=true] .project-card-entrance>.pointer-tilt-host,.notebook-portfolio[data-motion-paused=true] .reference-footer-grid .pointer-tilt-host{animation-play-state:paused}.notebook-portfolio[data-motion-paused=true] :is(.reference-brand,.notebook-nav,.mobile-controls,.hero-paper,.hero-binder,.letter-pop,.selection-handle,.selection-cursor,.developer-sticker,.coding-sticker,.hero-sticky-note,.hero-capabilities,.code-tool-strip,.hero-pencil){animation:none}.notebook-portfolio[data-motion-paused=true] .portfolio-selection:before{animation:none}.notebook-portfolio[data-motion-paused=true] .art-cutout{animation:cutout-rock 7s ease-in-out infinite;animation-play-state:paused}.notebook-portfolio[data-motion-paused=true] .hero-cube{animation:depth-float 6s ease-in-out infinite;animation-play-state:paused}@media(max-width:767px){.reference-portfolio .paper-hero-grid{padding-top:24px}.reference-portfolio .note-status-text{font-size:11px}.reference-portfolio .ribbon-run{gap:28px;padding-right:28px}.reference-portfolio .letter-pop,.reference-portfolio .developer-sticker{--drop: -340px}.reference-portfolio .year-sticker .letter-pop,.reference-portfolio .coding-sticker{--drop: -480px}.reference-portfolio .selection-cursor{--cursor-left: calc(100% - 24px) ;--cursor-top: calc(100% - 14px) }}@media(prefers-reduced-motion:reduce){.reference-portfolio .hero-title-stack,.reference-portfolio .ribbon-track,.reference-portfolio .project-card-entrance>.pointer-tilt-host,.reference-portfolio .reference-footer-grid .pointer-tilt-host{animation:none}.reference-portfolio :is(.reference-brand,.notebook-nav,.mobile-controls,.hero-paper,.hero-binder,.letter-pop,.selection-handle,.selection-cursor,.developer-sticker,.coding-sticker,.hero-sticky-note,.hero-capabilities,.code-tool-strip,.hero-pencil,.hero-cube,.art-cutout){animation:none!important;opacity:1}.reference-portfolio .portfolio-selection:before{animation:none!important}.reference-portfolio .portfolio-word>span,.reference-portfolio .selection-handle,.reference-portfolio .developer-sticker,.reference-portfolio .selection-cursor,.reference-portfolio .year-sticker,.reference-portfolio .coding-sticker{translate:none}.reference-portfolio .brand-monogram{transition:none}}.reference-portfolio{--font-hand: "Patrick Hand", "Nunito", cursive;--ink-deep: #1e2f55;--ink-soft: #5a6784}.lang-toggle{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;isolation:isolate;padding:3px;border-radius:24px;background:#0f347f;box-shadow:inset 0 1px 3px #0006,0 2px #ffffff1f}.reference-portfolio .lang-toggle button.lang-option{position:relative;z-index:1;min-width:40px;padding:8px 9px;border:0;border-radius:20px;background:transparent;color:#c9d8f8;font-family:var(--font-pixel);font-size:10px;line-height:1;letter-spacing:0;cursor:pointer;transition:color .25s ease}.reference-portfolio .lang-toggle button.lang-option:hover{color:#fff}.reference-portfolio .lang-toggle button.lang-option[aria-pressed=true]{color:#17396a}.reference-portfolio .lang-toggle button.lang-option:focus-visible{outline:3px solid #ff4c9b;outline-offset:2px}.lang-thumb{position:absolute;z-index:0;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:20px;background:var(--sun);box-shadow:0 2px #b78500;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.lang-toggle[data-lang=en] .lang-thumb{transform:translate(100%)}.reference-portfolio .notebook-nav .lang-toggle{margin-left:6px}.mobile-controls .lang-toggle{box-shadow:inset 0 1px 3px #0006,0 3px #0b2a68}.reference-portfolio[data-lang=vi] .hero-capabilities{font-family:var(--font-display);font-weight:900;font-size:12px;letter-spacing:.04em}.reference-portfolio .code-tool-strip .strip-sun{background:#ffcf32;border-color:#ffcf32;color:#16336c}.reference-portfolio .about-board-wrap{max-width:1080px}.reference-portfolio .about-paper{padding-top:70px}.about-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:34px}.about-side{display:flex;flex-direction:column;align-items:center}.about-side .lanyard{max-width:260px}.detail-form{width:100%;max-width:300px;margin:22px 0 0;display:grid;gap:4px}.detail-form>div{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:baseline;gap:10px;padding:7px 0 3px;border-bottom:2px dashed #c9d4ea}.detail-form dt{font-family:var(--font-pixel);font-size:9px;color:#5a6b8c;letter-spacing:.03em;text-transform:uppercase}.reference-portfolio[data-lang=vi] .detail-form dt{font-family:var(--font-display);font-size:11px;font-weight:900;letter-spacing:.04em}.detail-form dd{margin:0;font-family:var(--font-hand);font-size:20px;line-height:1.1;color:#2557c9;transform:rotate(-1deg);transform-origin:0 100%}.detail-form>div:nth-child(2n) dd{transform:rotate(.8deg)}.about-heading-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}.about-tag{font-family:var(--font-display);font-size:10px;font-weight:900;letter-spacing:.06em;color:#cb387e;background:#ffe4ef;border:1px dashed #f2a4c6;padding:5px 9px;transform:rotate(-2deg)}.about-bio{font-size:15px;line-height:1.7;font-weight:600;color:#4a5670;margin-bottom:24px;max-width:64ch}.about-bio strong{color:var(--ink-deep);font-weight:900}.about-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;padding-top:24px;border-top:2px dashed #d3dcee;scroll-margin-top:120px}.about-col{min-width:0}.col-title{display:flex;align-items:center;gap:7px;margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid #f6c9dd;font-family:var(--font-pixel);font-size:11px;color:#e0468a;letter-spacing:0}.reference-portfolio[data-lang=vi] .col-title{font-family:var(--font-display);font-size:13px;font-weight:900;letter-spacing:.06em}.col-title i{font-style:normal;font-size:10px;color:#e0468a}.about-col:nth-child(2) .col-title i{color:#2765d8}.about-col:nth-child(3) .col-title i{color:#1f9a63}.journey-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.journey-list li{position:relative;padding-left:16px;border-left:3px solid #d7e0f3}.journey-list li:before{content:"";position:absolute;left:-7px;top:3px;width:11px;height:11px;border-radius:50%;background:#fff;border:3px solid var(--pink);box-sizing:border-box}.journey-period{display:block;margin-bottom:4px;font-family:var(--font-pixel);font-size:9px;color:#e0468a}.reference-portfolio[data-lang=vi] .journey-period{font-family:var(--font-display);font-size:10px;font-weight:900;letter-spacing:.08em}.journey-list strong{display:block;font-size:14px;font-weight:900;color:var(--ink-deep);line-height:1.25}.journey-list p{margin:3px 0 0;font-size:12px;line-height:1.55;color:var(--ink-soft);font-weight:600}.journey-cta{display:inline-flex;flex-direction:column;margin-top:18px;padding:10px 16px;background:#2765d8;color:#fff;border-radius:12px;box-shadow:0 4px #173f91;font-weight:900;font-size:12px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.journey-cta small{font-family:var(--font-mono);font-weight:700;font-size:10px;opacity:.85;margin-top:2px}.journey-cta:hover{transform:translateY(2px);box-shadow:0 2px #173f91}.journey-cta:focus-visible{outline:3px solid #ff4c9b;outline-offset:2px}.make-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.make-list li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start}.make-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;font-family:var(--font-mono);font-size:11px;font-weight:900;box-shadow:0 3px #0002;white-space:nowrap}.make-icon-0{background:#ffe0ee;color:#d13a80}.make-icon-1{background:#fff1b8;color:#7d5b06}.make-icon-2{background:#dbe7ff;color:#2456c6}.make-icon-3{background:#d9f5e6;color:#1f7a4d}.make-list strong{display:block;font-size:14px;font-weight:900;color:var(--ink-deep);line-height:1.25}.make-list p{margin:3px 0 0;font-size:12px;line-height:1.5;color:var(--ink-soft);font-weight:600}.about-quote{margin:20px 0 0;padding:12px 14px;border-left:4px solid var(--sun);background:#fff9df;font-size:12.5px;font-style:italic;font-weight:700;color:#6b5a1c;line-height:1.55;transform:rotate(-.6deg)}.toolset-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.toolset-list li{display:flex;align-items:center;gap:10px}.toolset-list .tech-icon{width:38px;height:38px;font-size:13px;border-radius:9px}.toolset-list strong{display:block;font-size:14px;font-weight:900;color:var(--ink-deep);line-height:1.2}.toolset-list small{display:block;font-size:11px;font-weight:700;color:#6d7a95}.chips-title{margin:20px 0 10px;font-family:var(--font-pixel);font-size:9px;color:#5a6b8c}.reference-portfolio[data-lang=vi] .chips-title{font-family:var(--font-display);font-size:11px;font-weight:900;letter-spacing:.06em}.capability-chips{display:flex;flex-wrap:wrap;gap:6px}.capability-chips span{padding:4px 9px;border:1px solid #b9cbea;border-radius:9px;background:#ffffffa3;color:#275392;font-family:var(--font-mono);font-size:10.5px;font-weight:700;transition:transform .2s ease}.capability-chips span:hover{transform:translateY(-2px)}.about-columns :is(.make-list,.toolset-list) li{--press-x: 0;--press-y: 0}.about-columns :is(.make-icon,.tech-icon){transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease}.about-columns li[data-press-hover] :is(.make-icon,.tech-icon){transform:perspective(360px) rotateX(calc(var(--press-y) * -16deg)) rotateY(calc(var(--press-x) * 16deg)) translate3d(0,-2px,10px)}.about-columns li[data-press-hover] .make-icon{box-shadow:0 6px #0002,0 10px 14px #1a3f8f2a}.about-columns li[data-press-hover] .tech-icon{box-shadow:0 8px 12px #182e4a38}.about-columns li[data-pressed] :is(.make-icon,.tech-icon){transform:perspective(360px) rotateX(calc(var(--press-y) * -7deg)) rotateY(calc(var(--press-x) * 7deg)) translate3d(0,2px,0) scale(.95);transition-duration:.09s}.about-columns li[data-pressed] .make-icon{box-shadow:0 1px #0002}.about-columns li[data-pressed] .tech-icon{box-shadow:0 1px 2px #182e4a26}.capability-chips span{--press-x: 0;--press-y: 0;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease}.capability-chips span[data-press-hover]{transform:perspective(300px) rotateX(calc(var(--press-y) * -12deg)) rotateY(calc(var(--press-x) * 12deg)) translate3d(0,-2px,6px);box-shadow:0 5px 10px #1a3f8f22}.capability-chips span[data-pressed]{transform:translate3d(0,1px,0) scale(.96);box-shadow:none;transition-duration:.09s}.reference-portfolio .contents-heading{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-bottom:40px;padding-left:8px}.contents-arrows{font-family:var(--font-pixel);font-size:22px;color:#fff;letter-spacing:.1em;text-shadow:2px 3px 0 #163e88}.contents-arrows span{display:inline-block;animation:arrow-step 1.6s ease-in-out infinite}.contents-arrows span:nth-child(2){animation-delay:.15s}.contents-arrows span:nth-child(3){animation-delay:.3s}.contents-arrows span:nth-child(4){animation-delay:.45s}@keyframes arrow-step{0%,to{transform:translate(0);opacity:.55}50%{transform:translate(4px);opacity:1}}.contents-note{display:grid;gap:2px;color:#e6f0ff;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em}.contents-note b{color:#ffd54a;font-weight:700}.reference-portfolio[data-lang=vi] .contents-note{font-family:var(--font-display);font-size:11px;font-weight:900;letter-spacing:.06em}.reference-portfolio .project-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:52px 44px;max-width:360px;margin:0 auto;padding:0 4px;align-items:start}.reference-portfolio .project-grid>:last-child{grid-column:auto}.reference-portfolio .project-card-slot{min-width:0}.reference-portfolio .project-tilt-card h3{overflow-wrap:anywhere}.reference-portfolio .project-tilt-art:has(.project-art-illustration){background:radial-gradient(circle at 50% 30%,#eaf3ff,#c9ddff 70%),#c9ddff}.project-art-illustration{padding:8%;filter:drop-shadow(0 14px 12px #1b3f8a33);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.project-tilt-card:hover .project-art-illustration{transform:translate3d(0,-6px,0) rotate(-3deg)}.project-stats{list-style:none;margin:14px 0 0;padding:12px 0 0;display:flex;flex-wrap:wrap;gap:10px 18px;border-top:2px dashed #c9d4ea}.project-stats li{display:grid;gap:2px;min-width:0}.project-stats strong{font-family:var(--font-pixel);font-size:15px;font-weight:400;line-height:1;color:#2058c7;letter-spacing:.02em}.project-stats span{font-family:var(--font-display);font-size:10px;font-weight:800;line-height:1.2;letter-spacing:.02em;color:#52617c}.dialog-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.dialog-stats>div{display:grid;gap:4px;padding:14px 16px;background:#fffef8;border:2px solid #1a3f8f;box-shadow:4px 4px #1a3f8f}.dialog-stats dt{font-family:var(--font-display);font-size:12px;font-weight:800;color:#52617c;order:2}.dialog-stats dd{margin:0;font-family:var(--font-pixel);font-size:22px;line-height:1;color:#2058c7;order:1}.dialog-section-title{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-family:var(--font-display);font-size:13px;font-weight:900;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:#2058c7}.dialog-section-title>i{flex-shrink:0;font-style:normal;font-family:var(--font-pixel);font-size:13px;font-weight:400;letter-spacing:0;transform:translateY(1px)}.dialog-section-title>span{min-width:0}.dialog-section-title:after{content:"";flex:1 1 24px;min-width:24px;border-top:2px dashed #c9d4ea}.reference-portfolio,.notebook-dialog{--font-pixel: "Silkscreen", "Nunito", Arial, sans-serif}.dialog-art{display:grid;place-items:center;margin-bottom:24px;padding:20px;border:2px solid #e5e7eb;border-radius:2px;background:radial-gradient(circle at 50% 30%,#eaf3ff,#c9ddff 70%),#c9ddff}.dialog-art img{display:block;width:min(60%,260px);height:auto;filter:drop-shadow(0 18px 16px #1b3f8a33)}.reference-portfolio .contact-scene{position:relative}.reference-portfolio .contact-scene .pointer-tilt-host{animation:sheet-sway 10s ease-in-out infinite alternate -3s}.reference-portfolio .contact-sheet{padding:60px 30px 40px}.contact-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}.contact-status{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;background:#e6f8ee;border:1px solid #a9e3c3;border-radius:20px;font-size:11px;font-weight:900;color:#1f7a4d}.contact-status i{width:8px;height:8px;border-radius:50%;background:#36c685;box-shadow:0 0 0 4px #59d79b33}.contact-intro{font-size:15px;line-height:1.7;font-weight:600;color:#52617c;max-width:58ch;margin:0 0 26px}.contact-channels{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.contact-channels li{display:flex;flex-direction:column;gap:8px;min-width:0}.reference-portfolio .contact-channels a.channel-link{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border-radius:14px;background:#fffdf6;border:2px solid #1a3f8f;box-shadow:4px 4px #1a3f8f;text-align:left;text-decoration:none;color:var(--ink-deep);transition:transform .2s ease,box-shadow .2s ease}.reference-portfolio .contact-channels a.channel-link:hover{transform:translate(2px,2px);box-shadow:2px 2px #1a3f8f}.reference-portfolio .contact-channels a.channel-link:focus-visible{outline:3px solid #ff4c9b;outline-offset:3px}.channel-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:#fff}.channel-instagram{background:linear-gradient(135deg,#f9a03f,#e6337a 55%,#7a3ce6)}.channel-email{background:#2765d8}.channel-telegram{background:#2aa5e0}.channel-text{min-width:0}.channel-text strong{display:block;font-size:13px;font-weight:900}.channel-text small{display:block;font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--ink-soft);overflow-wrap:anywhere}.channel-arrow{font-weight:900;color:#2765d8}.footer-line{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;max-width:1160px;margin:64px auto 0;padding:18px 25px 0;border-top:1px solid #ffffff4d;color:#e6efff;font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.footer-line .footer-right{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}.footer-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 3px #ffc92840}.footer-line a{color:#fff;text-decoration:none;transition:color .2s ease}.footer-line a:hover{color:var(--sun)}.notebook-portfolio[data-motion-paused=true] .contact-scene .pointer-tilt-host,.notebook-portfolio[data-motion-paused=true] .contents-arrows span{animation-play-state:paused}.notebook-portfolio[data-motion-paused=true] .about-columns li:is([data-press-hover],[data-pressed]) :is(.make-icon,.tech-icon),.notebook-portfolio[data-motion-paused=true] .capability-chips span:is([data-press-hover],[data-pressed]){transform:none}@media(min-width:560px){.contact-channels{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr) minmax(0,.85fr)}.reference-portfolio .contact-channels a.channel-link{grid-template-columns:34px minmax(0,1fr);padding:10px}.channel-icon{width:34px;height:34px}.channel-arrow{display:none}}@media(min-width:768px){.reference-portfolio .about-paper{padding-left:40px;padding-right:40px}.about-side{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:start;gap:30px;justify-items:stretch}.detail-form{margin-top:10px;max-width:none}.about-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.reference-portfolio .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:940px;margin:0 auto}.reference-portfolio .project-grid .project-card-slot:nth-child(2n){margin-top:36px}.reference-portfolio .project-tilt-card{padding:40px 20px 32px}.reference-portfolio .project-tilt-art{aspect-ratio:3 / 2}.reference-portfolio .project-tilt-card h3{font-size:21px}.reference-portfolio .project-tilt-card p{font-size:14px}.project-stats strong{font-size:17px}.project-stats span{font-size:11px}.reference-portfolio .contact-sheet{padding:62px 44px 44px}}@media(min-width:1024px){.about-grid{grid-template-columns:252px minmax(0,1fr);gap:40px}.about-side{display:flex;flex-direction:column;align-items:stretch;gap:0}.about-side .lanyard{max-width:none}.detail-form{margin-top:22px}.reference-portfolio .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1180px;gap:32px}.reference-portfolio .project-grid .project-card-slot:nth-child(2n){margin-top:0}.reference-portfolio .project-tilt-card{padding:38px 18px 30px}}@media(max-width:767px){.reference-portfolio .about-paper{padding-left:18px;padding-right:18px}.about-bio{font-size:14px}.reference-portfolio .contents-heading{gap:12px;margin-bottom:30px}.contents-arrows{font-size:16px}.footer-line{justify-content:center;text-align:center;font-size:10px}}@media(prefers-reduced-motion:reduce){.lang-thumb,.journey-cta,.capability-chips span,.about-columns :is(.make-icon,.tech-icon){transition:none}.about-columns li:is([data-press-hover],[data-pressed]) :is(.make-icon,.tech-icon),.capability-chips span:is([data-press-hover],[data-pressed]){transform:none}.contents-arrows span{animation:none;opacity:1}.reference-portfolio .contact-scene .pointer-tilt-host{animation:none}}@media(hover:hover)and (pointer:fine){:root{--cursor-notebook: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M5 3v24l6-6 5 9 5-3-5-8h10Z' fill='%23fffef9' stroke='%23fffef9' stroke-width='4' stroke-linejoin='miter'/%3E%3Cpath d='M5 3v24l6-6 5 9 5-3-5-8h10Z' fill='%23ffd54a' stroke='%23193d99' stroke-width='2' stroke-linejoin='miter'/%3E%3C/svg%3E") 5 3, auto;--cursor-notebook-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M5 3v24l6-6 5 9 5-3-5-8h10Z' fill='%23fffef9' stroke='%23fffef9' stroke-width='4' stroke-linejoin='miter'/%3E%3Cpath d='M5 3v24l6-6 5 9 5-3-5-8h10Z' fill='%23f472b6' stroke='%23193d99' stroke-width='2' stroke-linejoin='miter'/%3E%3C/svg%3E") 5 3, pointer}body,#root,.notebook-portfolio,[role=dialog]{cursor:var(--cursor-notebook)}:is(a,button,[role=button],summary,select,.cursor-pointer):not(:disabled):not([aria-disabled=true]){cursor:var(--cursor-notebook-link)}:is(input,textarea,[contenteditable=true]){cursor:text}:is(button,input,select,textarea):disabled,[aria-disabled=true]{cursor:not-allowed}}.code-showcase{position:relative;margin:0 -8px 62px;padding:22px 0 14px;scroll-margin-top:6rem}.code-showcase-paper{position:relative;isolation:isolate;max-width:1080px;margin:0 auto;padding:34px 34px 39px;background:#f6f0df;border:1px solid #e4d6bd;box-shadow:7px 12px #163b8124,0 22px 34px #163b8131;transform:rotate(-.28deg)}.code-showcase-paper:before,.code-showcase-paper:after{content:"";position:absolute;z-index:-1;inset:10px -9px -10px 12px;background:#e8dfc9;box-shadow:0 8px 12px #163b8128;transform:rotate(1.2deg)}.code-showcase-paper:after{inset:-7px 11px 10px -8px;z-index:-2;background:#fff4b3;transform:rotate(-1.8deg)}.code-showcase-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 4px 22px}.code-showcase-eyebrow{display:block;margin-bottom:7px;color:#db347d;font-family:var(--font-pixel);font-size:9px;letter-spacing:.08em}.code-showcase-heading h2{max-width:670px;margin:0;color:#173d88;font-family:var(--font-pixel);font-size:clamp(24px,4vw,42px);line-height:1.18;letter-spacing:-.045em;text-shadow:3px 4px 0 #f04c96}.code-showcase-heading p{max-width:660px;margin:13px 0 0;color:#52617c;font-size:15px;font-weight:700;line-height:1.55}[data-lang=vi] .code-showcase-heading h2{font-family:var(--font-display),sans-serif;font-weight:900;letter-spacing:-.025em;text-shadow:2px 2px 0 #f4a6c9}[data-lang=vi] .code-showcase-eyebrow{font-family:var(--font-display),sans-serif;font-weight:900}.code-demo-badge{flex:0 0 auto;margin-top:6px;padding:9px 12px;color:#15366f;background:#ffcf32;border:2px solid #c69615;box-shadow:3px 4px #c69615;font-family:var(--font-pixel);font-size:9px;line-height:1.25;transform:rotate(4deg)}.code-editor-window{overflow:hidden;color:#eee7dc;background:#292523;border:2px solid #191716;border-radius:13px;box-shadow:0 13px #173b7c22,0 22px 26px #152e5c34}.code-editor-bar{display:flex;align-items:center;gap:7px;min-height:42px;padding:0 14px;color:#c4b9ac;background:#3c3531;border-bottom:1px solid #594c44;font-family:var(--font-mono);font-size:10px}.editor-light{width:9px;height:9px;flex:0 0 auto;border-radius:50%;box-shadow:inset 0 1px 1px #fff5}.editor-light-red{background:#f16d61}.editor-light-yellow{background:#e4b74f}.editor-light-green{background:#5bc27b}.editor-window-title{margin-left:11px;color:#d9cdc0;letter-spacing:.08em}.editor-window-status{margin-left:auto;color:#e5bd52;font-size:9px;text-transform:uppercase}.code-file-tabs{display:flex;align-items:stretch;min-width:0;min-height:47px;overflow-x:auto;background:#322c29;border-bottom:1px solid #4e423b;scrollbar-width:thin;scrollbar-color:#78665b transparent}.code-file-tab,.code-replay-button{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-height:47px;padding:0 16px;border:0;border-right:1px solid #4e423b;color:#a99d92;background:transparent;font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:color .16s ease,background .16s ease}.code-file-tab:hover,.code-file-tab:focus-visible{color:#fff4dc;background:#443a35}.code-file-tab.is-active{position:relative;color:#fff2d8;background:#292523}.code-file-tab.is-active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#f04c96}.code-file-icon{display:grid;place-items:center;width:20px;height:18px;color:#292523;background:#e8b84a;border-radius:3px;font-size:8px;font-weight:900}.code-file-tab:nth-child(2) .code-file-icon{color:#fff5e4;background:#dc4e89}.code-replay-button{margin-left:auto;padding-inline:14px;color:#edc864;border-left:1px solid #4e423b;border-right:0;font-family:var(--font-display);font-size:11px;font-weight:900;white-space:nowrap}.code-replay-button:first-letter{font-size:18px}.code-replay-button:hover,.code-replay-button:focus-visible{color:#fff4dc;background:#443a35}.code-editor-content{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.8fr);min-height:392px;background:#292523}.code-pane{min-width:0;min-height:392px;background:#292523}.code-pane-header,.terminal-header{display:flex;align-items:center;gap:10px;min-height:39px;padding:0 17px;border-bottom:1px solid #403630;color:#a79a8e;font-family:var(--font-mono);font-size:10px}.code-pane-header span:last-child{margin-left:auto;color:#6e9bd5;font-size:9px}.code-scroll{height:353px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-color:#756359 #292523;scrollbar-width:thin}.code-lines{min-width:585px;padding:18px 22px 24px 0;font-family:var(--font-mono);font-size:12px;line-height:1.7}.code-line{display:flex;min-height:20px;white-space:pre}.code-line-number{width:47px;flex:0 0 47px;padding-right:14px;color:#786a60;text-align:right;-webkit-user-select:none;user-select:none}.code-line code{display:block;min-width:0;color:#e4d9c8;white-space:pre}.code-token-keyword{color:#db83bb}.code-token-string{color:#d6be6d}.code-token-function{color:#77c8b0}.code-token-comment{color:#8a9180;font-style:italic}.code-token-type{color:#78aadd}.code-token-number{color:#e39d69}.code-token-operator{color:#d2a7cc}.code-token-plain{color:#e4d9c8}.code-terminal{display:flex;min-width:0;min-height:392px;flex-direction:column;background:#211e1c;border-left:1px solid #463a34}.terminal-header{color:#d8cdc0;background:#2e2926}.terminal-dot{width:7px;height:7px;border-radius:50%;background:#e5bc53}.terminal-mode{margin-left:auto;color:#d77b9e;font-size:8px;text-align:right}.terminal-output{min-height:200px;padding:24px 18px;color:#b3d6a7;font-family:var(--font-mono);font-size:11px;line-height:1.85}.terminal-line{margin:0;overflow-wrap:anywhere}.terminal-line-0{color:#d7c9b7}.terminal-line-1,.terminal-line-2{color:#a2b4cb}.terminal-line-3{color:#9dcc8a}.terminal-caret{display:inline-block;width:7px;height:14px;margin-top:7px;vertical-align:middle;background:#dbbf62;animation:code-showcase-blink 1.1s steps(2,start) infinite}.terminal-footnote{margin:auto 18px 20px;padding-top:12px;color:#756960;border-top:1px dashed #4b3d36;font-family:var(--font-mono);font-size:9px;letter-spacing:.04em}@keyframes code-showcase-blink{50%{opacity:0}}@media(max-width:767px){.code-showcase{margin:0 -1px 43px;padding-top:12px}.code-showcase-paper{padding:26px 13px}.code-showcase-heading{gap:13px;margin-inline:3px}.code-showcase-heading h2{font-size:clamp(21px,7.5vw,31px)}.code-showcase-heading p{margin-top:10px;font-size:13px}.code-demo-badge{margin-top:2px;padding:7px 8px;font-size:7px}.code-editor-bar{min-height:38px;padding-inline:11px}.editor-window-title{margin-left:5px;font-size:8px}.editor-window-status{display:none}.code-file-tab,.code-replay-button{min-height:43px;padding-inline:11px;font-size:10px}.code-replay-button{padding-inline:10px}.code-replay-button span{display:none}.code-editor-content{grid-template-columns:minmax(0,1fr);min-height:0}.code-pane,.code-terminal{min-height:0}.code-pane{min-height:356px}.code-scroll{height:317px}.code-terminal{min-height:225px;border-top:1px solid #463a34;border-left:0}.terminal-output{min-height:130px;padding-block:17px}.terminal-footnote{margin-bottom:15px}}@media(prefers-reduced-motion:reduce){.terminal-caret{animation:none}}