@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background:36 100% 97%;--foreground:36 92% 14%;--card:0 0% 100%;--card-foreground:36 92% 14%;--popover:0 0% 100%;--popover-foreground:36 92% 14%;--primary:36 92% 40%;--primary-foreground:0 0% 100%;--secondary:36 30% 96%;--secondary-foreground:36 92% 14%;--muted:36 30% 96%;--muted-foreground:36 10% 40%;--accent:36 30% 96%;--accent-foreground:36 92% 14%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--border:36 30% 86%;--input:36 30% 86%;--ring:36 92% 40%;--radius:0.5rem}*{@apply m-0 p-0 box-border;margin:0;padding:0;box-sizing:border-box}body,html{@apply h-[100dvh] w-screen overflow-hidden;width:100vw;height:100vh;overflow:hidden}}@layer components{.nav-link{@apply text-amber-900 hover:text-amber-700 transition-colors}}@layer utilities{.canvas-container{@apply w-full h-full absolute inset-0}}canvas{touch-action:none}.canvas-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh}.nav-container{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);z-index:10;background-color:hsla(44,87%,94%,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:9999px;padding:.75rem 2rem}.nav-links-wrapper{display:flex;gap:2rem}.nav-link{color:#78350f;text-decoration:none;font-size:1rem;transition:all .2s ease-in-out}.nav-link:hover{color:#b45309;transform:translateY(-1px)}.header-container{position:fixed;top:2rem;left:2rem;z-index:10}.name-title{color:#78350f;font-size:1.5rem;font-weight:600}.project-panel{position:relative;width:20rem;background-color:hsla(44,87%,94%,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #faebd7;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border-radius:.5rem}.project-header{padding:1rem 1rem .5rem}.project-title{color:#78350f;font-size:1.25rem;font-weight:600;margin-right:2rem}.project-close-btn{position:absolute;top:.75rem;right:.75rem;padding:.25rem;border-radius:9999px;background:transparent;transition:background-color .2s}.project-close-btn:hover{background-color:hsla(48,96%,89%,.5)}.project-description{color:rgba(120,53,15,.9);margin-top:.5rem}.project-content{padding:.5rem 1rem}.project-image-container{margin-bottom:1rem;border-radius:.375rem;overflow:hidden;border:1px solid hsla(34,78%,91%,.5)}.project-image{width:100%;height:10rem;object-fit:cover}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-tag{background-color:hsla(48,96%,89%,.8);color:#92400e;font-size:.75rem;padding:.25rem .75rem;border-radius:9999px;font-weight:500}.project-footer{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem 1rem 1rem}.project-link{flex:1 1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;border:1px solid #faebd7;border-radius:.375rem;color:#78350f;background:transparent;transition:background-color .2s}.project-link:hover{background-color:hsla(48,96%,89%,.5)}