@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Inter:wght@400;600;800&display=swap";:root{--bg-color: #d9d9d9;--text-color: #111111;--accent-color: #ff3b00;--grid-color: #ff3b00;font-family:Inter,sans-serif;color:var(--text-color);background-color:var(--bg-color);margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E")}h1,h2,h3,h4,h5,h6{margin:0;font-weight:800;letter-spacing:-.03em}p{margin:0;line-height:1.6}.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column}.hero{position:relative;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background-color:transparent;cursor:crosshair}@media(hover:none)and (pointer:coarse){.hero{cursor:default}}.grid-overlay{--cursor-x: 50%;--cursor-y: 50%;--grid-size: 40px;--grid-mask: radial-gradient(circle 240px at var(--cursor-x) var(--cursor-y), black 0%, transparent 100%);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-size:var(--grid-size) var(--grid-size);background-image:linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px);z-index:1;opacity:0;mask-image:var(--grid-mask);-webkit-mask-image:var(--grid-mask);transition:opacity .25s ease;will-change:opacity,mask-image,-webkit-mask-image;contain:paint}.hero.is-hovering .grid-overlay{opacity:1}.hero-content{position:relative;z-index:2;text-align:center;pointer-events:none;display:flex;flex-direction:column;align-items:center}.hero-carousel{position:absolute;left:50%;bottom:7.5rem;z-index:3;display:flex;align-items:center;gap:.8rem;width:min(860px,92vw);margin-top:0;transform:translate(-50%) scale(1);transform-origin:center bottom;transition:transform .25s ease}.hero-carousel.is-hovered{transform:translate(-50%) scale(1.05)}.carousel-window{flex:1;overflow:hidden;border:3px solid var(--text-color);background-color:var(--bg-color);box-shadow:10px 10px 0 var(--accent-color);pointer-events:none}.carousel-track{display:flex;width:max-content;will-change:transform}.carousel-slide{min-width:320px;display:flex;align-items:center;justify-content:center;padding:.45rem}.carousel-item{width:100%;display:block;text-align:center;text-decoration:none;font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:.1em;font-size:clamp(.82rem,1.6vw,1.1rem);font-weight:700;color:var(--text-color);background-color:transparent;padding:.9rem 1rem;border:2px solid transparent;transition:all .2s ease}.carousel-item:hover{background-color:var(--accent-color);color:var(--bg-color);border-color:var(--text-color)}.carousel-item.is-mock{opacity:.6}.carousel-item.is-mock:hover{background-color:transparent;color:var(--text-color);border-color:transparent}.carousel-arrow{width:46px;height:46px;border:3px solid var(--text-color);background-color:var(--bg-color);color:var(--text-color);font-size:1.3rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(2px);transition:all .2s ease}.hero-carousel.is-hovered .carousel-arrow{opacity:1;pointer-events:auto;transform:translateY(0)}.hero-carousel.is-hovered .carousel-window{pointer-events:auto}.carousel-arrow:hover{background-color:var(--accent-color);color:var(--bg-color)}.hero-content h1{font-size:clamp(3rem,8vw,8rem);text-transform:uppercase;line-height:.9;margin-bottom:1.5rem;color:var(--text-color);letter-spacing:-.05em}.hero-content p{font-family:Space Mono,monospace;font-size:clamp(.8rem,1.5vw,1.2rem);color:var(--bg-color);text-transform:uppercase;letter-spacing:.15em;background-color:var(--accent-color);padding:.5rem 1.5rem;display:inline-block;border-radius:2px;font-weight:700}.tech-details{position:absolute;font-family:Space Mono,monospace;font-size:.8rem;color:var(--text-color);opacity:.5;pointer-events:none;z-index:2}.top-left{top:2rem;left:2rem}.top-right{top:2rem;right:2rem}.bottom-left{bottom:2rem;left:2rem}.bottom-right{bottom:2rem;right:2rem}.about{min-height:100vh;background-color:transparent;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;position:relative;z-index:10;border-top:4px solid var(--text-color)}.about-content{max-width:1000px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media(max-width:768px){.about-content{grid-template-columns:1fr;gap:2rem}}.about-text h2{font-size:clamp(2rem,5vw,4rem);margin-bottom:2rem;text-transform:uppercase;position:relative;display:inline-block;letter-spacing:-.05em}.about-text h2:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:6px;background-color:var(--accent-color)}.about-text p{font-family:Space Mono,monospace;font-size:1.1rem;margin-bottom:1.5rem;color:var(--text-color);line-height:1.8}.about-image-block{width:100%}.photo-credit{margin:1rem 0 0;font-family:Space Mono,monospace;font-size:.8rem;color:var(--text-color);opacity:.75;line-height:1.4;text-align:right}.photo-credit-link{color:inherit;text-decoration:none;cursor:default}.photo-credit-link:hover{cursor:pointer}.image-container{width:100%;aspect-ratio:4/5;background-color:silver;border:3px solid var(--text-color);box-shadow:16px 16px 0 var(--accent-color);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:0;transition:transform .3s ease,box-shadow .3s ease}.image-container:hover{transform:translate(4px,4px);box-shadow:12px 12px 0 var(--accent-color)}.profile-image{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%) contrast(1.1);transition:filter .3s ease}.image-container:hover .profile-image{filter:grayscale(0%) contrast(1)}.image-container:before{content:"";position:absolute;top:16px;right:16px;width:12px;height:12px;border-radius:50%;background-color:var(--accent-color);z-index:2}.contact{min-height:50vh;background-color:var(--text-color);color:var(--bg-color);display:flex;align-items:center;justify-content:center;padding:4rem 2rem;position:relative;z-index:10}.contact-content{max-width:1000px;width:100%;display:flex;flex-direction:column;align-items:center;gap:3rem}.contact-content h2{font-size:clamp(1.5rem,3vw,2.5rem);text-transform:uppercase;letter-spacing:.2em;color:var(--bg-color);font-family:Space Mono,monospace;opacity:.5}.links-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:600px}.brutal-link{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background-color:var(--bg-color);color:var(--text-color);text-decoration:none;font-size:clamp(1.5rem,4vw,3rem);font-weight:800;text-transform:uppercase;letter-spacing:-.03em;border:3px solid var(--bg-color);transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.brutal-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:var(--accent-color);transition:transform .4s cubic-bezier(.25,.8,.25,1);z-index:0}.brutal-link:hover{transform:translate(-8px,-8px);box-shadow:8px 8px 0 var(--accent-color);border-color:var(--accent-color);color:var(--bg-color)}.brutal-link:hover:before{transform:translate(100%)}.link-label,.link-arrow{position:relative;z-index:1}.link-arrow{font-family:Space Mono,monospace;font-weight:400;transition:transform .3s ease}.brutal-link:hover .link-arrow{transform:translate(4px,-4px)}@media(max-width:768px){.hero-carousel{width:94vw;bottom:4rem;gap:.5rem}.carousel-slide{min-width:260px}.carousel-arrow{width:40px;height:40px}.carousel-window{box-shadow:6px 6px 0 var(--accent-color)}.brutal-link{padding:1rem 1.5rem}}.sound-canvas-page{min-height:100vh;background:#f8f3e5;color:#121212;font-family:Arial Black,Impact,sans-serif;padding:24px;box-sizing:border-box}.sound-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.sound-header h1{margin:0;font-size:clamp(1.3rem,2vw,2rem);letter-spacing:.06em;text-transform:uppercase}.sound-header p{margin:10px 0 0;max-width:680px;font-family:Courier New,monospace;font-size:.95rem;text-transform:uppercase}.home-link{display:inline-flex;border:4px solid #121212;background:#f9c80e;color:#121212;text-decoration:none;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;padding:10px 12px;box-shadow:6px 6px #121212}.home-link:hover{transform:translate(2px,2px);box-shadow:4px 4px #121212}.sound-layout{display:grid;grid-template-columns:260px 1fr;gap:16px;height:calc(100vh - 150px)}.sound-palette{border:4px solid #121212;background:#fff;padding:16px;box-shadow:8px 8px #121212;overflow:auto}.sound-palette h2{margin:0 0 12px;font-size:1rem;letter-spacing:.06em}.palette-btn,.action-btn,.node-connect,.node-delete{border:3px solid #121212;background:#fff;color:#121212;font-family:inherit;font-weight:800;text-transform:uppercase}.palette-btn{width:100%;margin-bottom:10px;padding:10px;text-align:left;cursor:pointer;box-shadow:4px 4px #121212}.palette-btn:hover{transform:translate(1px,1px);box-shadow:3px 3px #121212}.control-group{margin-top:12px;border-top:3px solid #121212;padding-top:12px;display:grid;gap:8px}.action-btn{padding:10px;cursor:pointer;box-shadow:4px 4px #121212}.action-btn.run{background:#00f5d4}.action-btn.danger{background:#ff006e;color:#fff}.status{margin-top:12px;border:3px solid #121212;background:#f4d35e;padding:10px;font-family:Courier New,monospace;font-size:.82rem;text-transform:uppercase}.canvas-wrap{position:relative;border:4px solid #121212;background-image:linear-gradient(to right,rgba(18,18,18,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(18,18,18,.1) 1px,transparent 1px);background-size:32px 32px;background-color:#fff;overflow:hidden;box-shadow:8px 8px #121212;cursor:grab;touch-action:none}.canvas-wrap:active{cursor:grabbing}.canvas-content{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.canvas-content>*{pointer-events:auto}.edge-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.sound-node{position:absolute;width:140px;height:72px;border:4px solid #121212;box-shadow:6px 6px #121212;padding:8px;box-sizing:border-box;-webkit-user-select:none;user-select:none;cursor:grab;touch-action:none}.sound-node.active{transform:scale(1.04)}.sound-node.selected{outline:4px dashed #121212;outline-offset:2px}.node-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.75rem;letter-spacing:.06em}.node-delete{width:26px;height:22px;background:#fff;cursor:pointer}.node-connect{width:100%;padding:8px;background:#fffc;cursor:pointer;font-size:.72rem;letter-spacing:.05em}.node-kick{background:#f72585}.node-snare{background:#ff9f1c}.node-hihat{background:#f9c74f}.node-bass{background:#4cc9f0}.node-lead{background:#80ed99}.node-chime{background:#b388eb}.header-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.burger-btn{display:none;position:fixed;top:16px;left:16px;z-index:1001;width:52px;height:52px;background:#f9c80e;border:4px solid #121212;box-shadow:4px 4px #121212;cursor:pointer;justify-content:center;align-items:center;flex-direction:column;gap:6px;padding:0}.burger-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px #121212}.burger-btn .bar{display:block;width:28px;height:4px;background:#121212;transition:.3s}.burger-btn.is-open .bar:nth-child(1){transform:translateY(10px) rotate(45deg)}.burger-btn.is-open .bar:nth-child(2){opacity:0}.burger-btn.is-open .bar:nth-child(3){transform:translateY(-10px) rotate(-45deg)}@media(max-width:960px){.burger-btn{display:flex}.sound-header{padding-left:64px}.sound-layout{grid-template-columns:1fr;height:calc(100vh - 200px);position:relative;overflow:visible}.sound-palette{display:none;position:absolute;top:0;left:0;right:0;z-index:1000;border:4px solid #121212;background:#fff;padding:64px 16px 16px;box-shadow:8px 8px #121212;max-height:80vh;overflow-y:auto}.sound-palette.is-open{display:block}.canvas-wrap{height:100%;min-height:60vh}}.never-hallucinate-page{min-height:100vh;position:relative;overflow:hidden;padding:28px;color:#e7f2ff;background:radial-gradient(circle at 16% 14%,rgba(41,241,255,.34),transparent 34%),radial-gradient(circle at 80% 20%,rgba(104,73,255,.42),transparent 40%),radial-gradient(circle at 78% 82%,rgba(255,166,72,.24),transparent 36%),linear-gradient(145deg,#03061a,#090b2d 48%,#060922)}.never-hallucinate-page:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(circle at center,black 35%,transparent 110%);mask-image:radial-gradient(circle at center,black 35%,transparent 110%)}.glass-bg-orb{position:absolute;border-radius:50%;filter:blur(24px);pointer-events:none;mix-blend-mode:screen;opacity:.8;animation:drift 10s ease-in-out infinite alternate}.orb-a{width:340px;height:340px;top:-80px;left:-70px;background:radial-gradient(circle at 32% 28%,#f5fffff2,#5ffff3d1 28%,#4a78ff94 58%,#3f13ff00)}.orb-b{width:380px;height:380px;right:-120px;top:8%;animation-duration:14s;background:radial-gradient(circle at 24% 28%,#4afff3e6,#4d96ffcc 32%,#7147ff9e 62%,#7147ff00)}.orb-c{width:320px;height:320px;left:48%;bottom:-150px;animation-duration:12s;background:radial-gradient(circle at 52% 20%,#ffec82f2,#ffa456c2 26%,#8276ff80 62%,#8276ff00)}.chat-shell{position:relative;z-index:2;max-width:920px;margin:0 auto;display:grid;gap:16px}.chat-header,.chat-panel{border:1px solid rgba(255,255,255,.2);border-radius:24px;background:linear-gradient(150deg,#fff3,#ffffff14 46%,#ffffff0a);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px #ffffff59,0 10px 50px #00000059}.chat-header{display:grid;justify-items:start;padding:20px}.back-link{text-decoration:none;color:#cce4ff;font-family:Space Mono,monospace;font-size:.8rem;letter-spacing:.08em}.badge{margin-top:28px;display:inline-flex;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.25);font-family:Space Mono,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.11em;background:#ffffff14;justify-self:center}.chat-header h1{margin-top:14px;font-size:clamp(1.6rem,5vw,3rem);line-height:1.04;letter-spacing:-.03em;text-align:center;justify-self:center}.chat-header p{margin-top:10px;color:#e6f2ffc7;text-align:center;justify-self:center}.chat-panel{min-height:64vh;display:grid;grid-template-rows:1fr auto;overflow:hidden}.chat-messages{padding:20px;display:grid;align-content:start;gap:12px;overflow-y:auto}.chat-bubble{width:min(85%,560px);border-radius:18px;padding:14px;border:1px solid rgba(255,255,255,.22);background:#0810298f;box-shadow:inset 0 1px #ffffff26;animation:fadeUp .4s ease}.chat-bubble.user{margin-left:auto;background:linear-gradient(140deg,#1668ff8c,#12abff5c)}.chat-bubble.assistant{margin-right:auto}.bubble-role{display:block;margin-bottom:6px;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#dbeeffbf;font-family:Space Mono,monospace}.chat-bubble p{margin:0;font-size:.98rem;line-height:1.6}.thinking-bubble{display:grid;gap:10px}.liquid-loader{display:inline-flex;align-items:center;gap:8px}.liquid-loader span{width:10px;height:10px;border-radius:50%;background:linear-gradient(160deg,#fff,#45dcff);box-shadow:0 0 16px #51dcff8c;animation:pulseBlob 1s ease-in-out infinite}.liquid-loader span:nth-child(2){animation-delay:.15s}.liquid-loader span:nth-child(3){animation-delay:.3s}.composer{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;border-top:1px solid rgba(255,255,255,.18);background:#060a1859}.composer input{border:1px solid rgba(255,255,255,.25);border-radius:14px;background:#ffffff14;color:#ecf6ff;padding:12px 14px;font-size:.95rem;outline:none}.composer input::placeholder{color:#ecf6ff8c}.composer input:focus{border-color:#50e4fff2;box-shadow:0 0 0 3px #2dcbff2e}.composer button{border:1px solid rgba(255,255,255,.35);border-radius:14px;padding:0 18px;background:linear-gradient(135deg,#29c8ff,#5e6fff);color:#f8fcff;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:transform .2s ease,filter .2s ease}.composer button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.composer button:disabled{opacity:.5;cursor:not-allowed}@keyframes pulseBlob{0%,to{transform:scale(.75) translateY(0);opacity:.6}50%{transform:scale(1.2) translateY(-2px);opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(10px,-16px,0) scale(1.08)}}@media(max-width:740px){.never-hallucinate-page{padding:14px}.chat-header{padding:16px}.chat-panel{min-height:72vh}.chat-bubble{width:100%}}