.reveal-hidden{opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.reveal-visible{opacity:1;transform:translateY(0)}:root{--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: none;--glass-blur: 0px;--glass-radius: 24px;--primary-gradient: white;--secondary-gradient: #888;--text-primary: #ffffff;--text-secondary: #888888;--font-main: "Inter", system-ui, -apple-system, sans-serif;--transition-speed: .2s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:#0f0f11;color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius)}a{color:inherit;text-decoration:none}.project-card{display:flex;flex-direction:column;padding:1.5rem;transition:all .2s ease;cursor:pointer;position:relative;aspect-ratio:1/1;justify-content:center;align-items:center;text-align:center}.project-card:after{display:none}.project-card:hover{background:#ffffff0d;border-color:#ffffff4d;transform:translateY(-2px)}.card-image-container{width:50%;aspect-ratio:1/1;border-radius:0;overflow:visible;margin-bottom:1.5rem;background:transparent;box-shadow:none;display:flex;justify-content:center;align-items:center}.card-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 15px rgba(255,255,255,.1));padding:0;transition:transform .3s ease}.project-card:hover .card-image{transform:scale(1.1)}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#fff;letter-spacing:.5px}.card-description{font-size:.9rem;color:#888;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-stats,.card-overlay{display:none}.gallery-view{animation:fadeIn .4s ease}.gallery-header{text-align:center;margin-bottom:2rem}.gallery-header h2{font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.gallery-subtitle{color:#ffffff80;font-size:1.1rem;margin:0}.gallery-loading{text-align:center;margin:0 0 1.25rem;color:#ffffff8c;font-size:.95rem;letter-spacing:.02em}.masonry-grid{column-count:4;column-gap:1rem}@media(max-width:1200px){.masonry-grid{column-count:3}}@media(max-width:768px){.masonry-grid{column-count:2}}@media(max-width:480px){.masonry-grid{column-count:1}}.masonry-item{break-inside:avoid;margin-bottom:1rem;border-radius:16px;overflow:hidden;position:relative;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.masonry-item--image{cursor:pointer}.masonry-item--placeholder{background:#0a0a0abf;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #00000073}.masonry-item:hover{transform:scale(1.02);box-shadow:0 8px 30px #6450c84d;border-color:#82aaff4d}.masonry-item--placeholder:hover{border-color:#ffffff40;box-shadow:0 20px 80px #000000a6}.masonry-item img{width:100%;height:auto;object-fit:cover;display:block}.placeholder-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.gallery-spinner{width:44px;height:44px;border-radius:50%;border:3px solid rgba(255,255,255,.14);border-top-color:#ffffffe6;animation:gallerySpin 1s linear infinite;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}@keyframes gallerySpin{to{transform:rotate(360deg)}}.gallery-lightbox{position:fixed;inset:0;background:#000000d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem}.gallery-lightbox-inner{max-width:min(1100px,92vw);max-height:86vh;border-radius:18px;overflow:hidden;background:#0a0a0a8c;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 120px #000000b3}.gallery-lightbox-img{display:block;width:100%;height:100%;max-height:86vh;object-fit:contain}.gallery-lightbox-close{position:fixed;top:18px;right:18px;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0a0a0aa6;color:#ffffffe6;font-size:28px;line-height:44px;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.gallery-lightbox-close:hover{border-color:#ffffff4d;color:#fff}.website-view{display:flex;flex-direction:column;animation:fadeIn .4s ease}.website-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.website-info h2{font-size:2rem;font-weight:700;margin:0 0 .5rem}.website-url{color:#82aaffcc;font-size:.95rem;font-family:monospace}.website-actions{display:flex;gap:1rem}.iframe-container{height:220vh;max-height:3200px;min-height:700px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0000004d;position:relative}.website-iframe{width:100%;height:100%;border:none;background:#fff}.website-footer{padding-top:1rem;margin-top:1rem}.iframe-note{color:#ffffff80;font-size:.9rem;margin:0;text-align:center}@media(max-width:768px){.website-header{flex-direction:column;align-items:flex-start}.website-info h2{font-size:1.5rem}.iframe-container{height:160vh;min-height:520px;max-height:2200px}}.contact-view{animation:fadeIn .35s ease;max-width:900px;margin:0 auto}.contact-header h2{margin:0 0 .5rem;font-size:2rem;font-weight:750}.contact-subtitle{margin:0;color:#fff9;line-height:1.5}.contact-form{margin-top:1.25rem;padding:1.25rem;border-radius:18px;background:#0a0a0aa6;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.contact-row{display:flex;gap:.75rem;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:1rem}.contact-value{color:#ffffffd9;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-field{display:flex;flex-direction:column;gap:.5rem;margin:.9rem 0}.contact-label{font-size:.9rem;color:#fff9}.contact-input,.contact-textarea{width:100%;background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;padding:.9rem 1rem;outline:none;font-size:1rem}.contact-textarea{resize:vertical;min-height:160px}.contact-input:focus,.contact-textarea:focus{border-color:#ffffff42}.contact-input.is-valid,.contact-textarea.is-valid{border-color:#50ffb48c}.contact-input.is-invalid,.contact-textarea.is-invalid{border-color:#ff5a5a99}.send-check{display:inline-flex;align-items:center;justify-content:center;width:100%;color:#50ffb4f2;line-height:1}.send-check-icon{width:22px;height:22px;fill:#50ffb4f2;display:block}.contact-actions{display:flex;gap:1rem;margin-top:1.25rem}.contact-status{margin-top:.9rem;font-size:.95rem;line-height:1.4;padding:.75rem .9rem;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#00000059;color:#ffffffe6}.contact-status--success{border-color:#ffffff29;background:#0a0a0a8c}.contact-status--error{border-color:#ffffff29;background:#0a0a0a8c;color:#ffffffe6}.disabled-link{opacity:.5;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.artifact-overlay-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s ease;display:flex;justify-content:center;align-items:flex-end}.artifact-overlay-backdrop.open{opacity:1;pointer-events:auto}.artifact-drawer{width:100%;max-width:100%;height:80vh;background:#0a0a0af2!important;backdrop-filter:blur(40px)!important;-webkit-backdrop-filter:blur(40px)!important;border:1px solid rgba(255,255,255,.1);border-top-left-radius:32px;border-top-right-radius:32px;box-shadow:0 -20px 80px #000c;transform:translateY(100%);transition:transform .5s cubic-bezier(.32,0,.67,0);display:flex;flex-direction:column;position:relative;overflow:hidden}.artifact-drawer.open{transform:translateY(0);transition:transform .6s cubic-bezier(.16,1,.3,1)}.artifact-header{height:60px;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.artifact-pill{width:40px;height:4px;background:#fff3;border-radius:2px}.artifact-close-btn{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.artifact-close-btn:hover{background:#fff3}.artifact-content{flex:1;overflow-y:auto;padding:2rem;color:#fff;max-width:1400px;margin:0 auto;width:100%;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.artifact-content--website{max-width:100%}@media(max-width:768px){.artifact-content{padding:1.5rem}}.artifact-project-view{animation:fadeIn .4s ease}.project-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.artifact-title{font-size:2.5rem;font-weight:700;margin:0}.artifact-badge{padding:.5rem 1rem;background:#82aaff33;color:#82aaff;border-radius:99px;font-size:.9rem;font-weight:600}.project-details{display:flex;flex-direction:column;gap:2rem}.artifact-hero-image{width:100%;height:300px;object-fit:cover;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.artifact-description{font-size:1.2rem;line-height:1.6;color:#ffffffe6}.artifact-stats{display:flex;gap:1rem;flex-wrap:wrap}.stat-pill{padding:.75rem 1.25rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.artifact-actions{display:flex;gap:1rem;margin-top:1rem}.action-btn{flex:1;padding:1.25rem;border-radius:16px;border:none;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s}.action-btn.primary{background:#fff;color:#000}.action-btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.1)}.action-btn:hover{transform:scale(1.02)}.artifact-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff6;text-align:center}.placeholder-icon{font-size:4rem;margin-bottom:1rem}.chat-container{width:100%;height:100vh;display:flex;flex-direction:column;position:relative;max-width:1200px;margin:0 auto;padding-top:4rem}.chat-scroll-area{flex:1;overflow-y:auto;padding:8rem 2rem 0;padding-bottom:200px;scrollbar-width:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.chat-stream{width:100%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column}.hero-center{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;animation:heroFadeIn 1s ease-out;pointer-events:none}@keyframes heroFadeIn{0%{opacity:0}to{opacity:1}}.hero-logo{font-size:4rem;font-weight:700;color:#fff;margin-bottom:0;letter-spacing:-2px}.hero-subtitle{color:#ffffff80;font-size:1.1rem;margin:.5rem 0 2rem}.starter-prompts{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;max-width:100%;margin-top:1.5rem;animation:fadeInUp .6s ease .3s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.starter-chip{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px;color:#fffc;font-size:.9rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.starter-chip:hover{background:#ffffff1f;border-color:#82aaff66;color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #6450c833}.starter-chip:active{transform:translateY(0) scale(.98)}.chip-emoji{font-size:1.1rem}.chip-text{font-weight:500}@media(max-width:600px){.starter-prompts{flex-direction:column;align-items:center}.starter-chip{width:100%;max-width:280px;justify-content:center}.refresh-chip{width:auto}}.refresh-chip{width:56px;height:56px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;box-shadow:none;border-radius:0}.refresh-chip:hover,.starter-chip.refresh-chip:hover{background:transparent;border-color:transparent;box-shadow:none;transform:none}.starter-chip.refresh-chip:active{transform:none}.refresh-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center}.refresh-icon svg{width:36px;height:36px;display:block;transform-origin:50% 50%}.refresh-chip:hover .refresh-icon svg{animation:refreshWiggle .42s cubic-bezier(.16,1,.3,1)}@keyframes refreshWiggle{0%{transform:rotate(0)}45%{transform:rotate(-45deg)}to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.refresh-chip:hover .refresh-icon svg{animation:none}}.refresh-path-primary{fill:#ffffffeb}.refresh-path-secondary{fill:#ffffff73}.input-area{position:fixed;left:50%;transform:translate(-50%);width:95%;max-width:1100px;z-index:100;transition:all .6s cubic-bezier(.16,1,.3,1)}.input-hero{top:50%;bottom:auto;margin-top:1rem;transform:translate(-50%);width:100%;max-width:1100px;display:flex;flex-direction:column;align-items:center}.input-fixed{bottom:3rem}.chat-message{margin-bottom:3rem;display:flex;flex-direction:column;animation:fadeIn .4s cubic-bezier(.25,.46,.45,.94);width:100%}.chat-message.user{align-items:flex-end}.chat-message.assistant{align-items:flex-start}.message-bubble{padding:1.5rem 2rem;max-width:85%;color:var(--text-primary);line-height:1.6;font-size:1.15rem;font-weight:400;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;box-shadow:0 4px 20px #0003;position:relative;word-wrap:break-word}.chat-message.user .message-bubble{background:#0a0a0abf;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.15);border-bottom-right-radius:4px;color:#fff}.chat-message.assistant .message-bubble{background:#292d3ed9;border:1px solid rgba(130,170,255,.2);border-bottom-left-radius:4px;box-shadow:0 4px 25px #6450c826}.chat-project-embed{margin-top:2rem;width:100%;max-width:500px}.chat-projects-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:1rem;width:100%}.chat-project-card{flex:1 1 200px;max-width:280px;padding:1rem 1.25rem;background:#141419cc;border:1px solid rgba(255,255,255,.12);border-radius:16px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chat-project-card:hover{border-color:#82aaff66;background:#1e1e28e6;transform:translateY(-2px);box-shadow:0 8px 24px #6450c833}.chat-project-card:focus{outline:none;border-color:#82aaff80}.chat-project-card-title{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.5rem}.chat-project-card-desc{font-size:.9rem;color:#fff9;line-height:1.4}@media(max-width:480px){.chat-project-card{flex:1 1 100%;max-width:100%}}.input-form{display:flex;align-items:center;padding:1rem 1.25rem;background:#0a0a0abf!important;-webkit-backdrop-filter:blur(30px)!important;backdrop-filter:blur(30px)!important;border:1px solid rgba(255,255,255,.15);border-radius:24px;box-shadow:0 20px 60px #0009;transition:all .3s ease;width:100%}.input-form:focus-within{border-color:#ffffff4d;box-shadow:0 20px 80px #000c;transform:scale(1.01)}.chat-input{flex:1;background:transparent;border:none;padding:1.25rem 2rem;font-size:1.25rem;color:#fff;outline:none;font-weight:500}.chat-input::placeholder{color:#ffffff4d}.send-btn{width:56px;height:56px;border-radius:50%;background:#fff;color:#000;border:none;cursor:pointer;font-size:1.75rem;display:flex;align-items:center;justify-content:center;transition:transform .2s;margin-right:6px}.send-btn:hover:not(:disabled){transform:scale(1.1)}.send-btn:disabled{opacity:.5;cursor:default}.loading-container{display:flex;align-items:center;margin-top:1rem;margin-left:1rem}.grok-pulse{position:relative;width:40px;height:40px}.grok-pulse:before,.grok-pulse:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#fff;border-radius:50%;opacity:.8}.grok-pulse:before{animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite}.grok-pulse:after{background:#fff;width:12px;height:12px;animation:pulse-dot 2s cubic-bezier(.455,.03,.515,.955) infinite}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{opacity:.5}to{transform:translate(-50%,-50%) scale(4);opacity:0}}@keyframes pulse-dot{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(.8);opacity:.5}to{transform:translate(-50%,-50%) scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.hero-center{left:calc(50% + 30px);width:calc(100% - 60px);padding:0 1rem;box-sizing:border-box}.hero-logo{font-size:2.2rem;letter-spacing:-1px;text-align:center;line-height:1.15}.hero-subtitle{font-size:.95rem;text-align:center}.input-area{left:calc(50% + 30px);width:calc(95% - 60px)}.input-hero{width:calc(100% - 60px);padding:0 .5rem}.chat-scroll-area{padding:6rem 1rem 0;padding-left:calc(1rem + 60px);padding-bottom:180px}.input-fixed{bottom:1.5rem}.chat-input-wrapper{padding:.8rem 1rem}.input-form{padding:.6rem .75rem}.chat-input{font-size:1rem;padding:.75rem}.send-btn{width:44px;height:44px;min-width:44px;min-height:44px;flex-shrink:0}.message-bubble{padding:1rem 1.25rem;font-size:1rem;max-width:90%}}@media(max-width:480px){.hero-logo{font-size:1.8rem}.hero-subtitle{font-size:.85rem}.starter-chip{font-size:.95rem;padding:.7rem 1rem}.input-form{padding:.5rem .6rem}.chat-input{font-size:.95rem;padding:.6rem .5rem}.send-btn{width:40px;height:40px;min-width:40px;min-height:40px}}.sidebar-container{position:fixed;top:0;left:0;height:100vh;width:60px;background:#0a0a0a66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.08);z-index:1000;transition:width .4s cubic-bezier(.25,.8,.25,1);overflow:hidden;color:#fff;box-shadow:10px 0 30px #0000004d}.sidebar-container.hovered,.sidebar-container.pinned{width:240px;background:#0a0a0aa6;border-right:1px solid rgba(255,255,255,.15)}.sidebar-content{display:flex;flex-direction:column;height:100%;width:240px}.sidebar-container:not(.hovered):not(.pinned) .sidebar-content{width:60px}.sidebar-header{height:70px;display:flex;align-items:center;padding:0 1.2rem;justify-content:flex-end}.sidebar-container:not(.hovered):not(.pinned) .sidebar-header{justify-content:flex-end;padding:0 10px 0 0}.pin-btn{background:transparent;border:none;color:#fff6;cursor:pointer;padding:8px;opacity:0;transition:all .3s;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}.pin-icon{width:18px;height:18px;stroke:#ffffffe6;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.pin-icon-mark{transition:transform .16s ease,opacity .16s ease;opacity:.95}.pin-btn.is-pinned .pin-icon{opacity:1}.sidebar-writing--main{flex:1;padding:0 1.2rem 1.2rem;min-height:0}.nav-item{display:flex;align-items:center;padding:.8rem 1.2rem;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);white-space:nowrap;position:relative;border-left:3px solid transparent;border-radius:8px;margin:0 .5rem}.nav-item:after{content:"";position:absolute;inset:0;border-radius:8px;background:linear-gradient(135deg,#ffffff1a,#ffffff05);opacity:0;transition:opacity .2s ease;pointer-events:none}.nav-item:hover{background:#0a0a0a59;border-left-color:#ffffff38}.nav-item:active{transform:scale(.99)}.nav-item .icon{width:18px;height:18px;flex:0 0 18px;margin-right:1rem;display:flex;justify-content:center;opacity:.8;transition:transform .3s}.nav-item:hover .icon{transform:scale(1.05);opacity:1}.nav-item:hover:after{opacity:1}.nav-icon{background-color:#ffffffd9;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.nav-icon--newchat{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 5a1 1 0 1 1 2 0v6h6a1 1 0 1 1 0 2h-6v6a1 1 0 1 1-2 0v-6H5a1 1 0 1 1 0-2h6V5Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 5a1 1 0 1 1 2 0v6h6a1 1 0 1 1 0 2h-6v6a1 1 0 1 1-2 0v-6H5a1 1 0 1 1 0-2h6V5Z'/%3E%3C/svg%3E")}.nav-icon--projects{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 7a2 2 0 0 1 2-2h5l2 2h8a2 2 0 0 1 2 2v8.5A3.5 3.5 0 0 1 20.5 21h-14A3.5 3.5 0 0 1 3 17.5V7Zm3.5 12h14a1.5 1.5 0 0 0 0-3h-14a1.5 1.5 0 0 0 0 3Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 7a2 2 0 0 1 2-2h5l2 2h8a2 2 0 0 1 2 2v8.5A3.5 3.5 0 0 1 20.5 21h-14A3.5 3.5 0 0 1 3 17.5V7Zm3.5 12h14a1.5 1.5 0 0 0 0-3h-14a1.5 1.5 0 0 0 0 3Z'/%3E%3C/svg%3E")}.nav-icon--artifacts{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 4h10a2 2 0 0 1 2 2v2h1a1 1 0 1 1 0 2h-1v10a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V12H4a1 1 0 1 1 0-2h1V6a2 2 0 0 1 2-2Zm0 4h10V6H7v2Zm0 3v9h10v-9H7Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 4h10a2 2 0 0 1 2 2v2h1a1 1 0 1 1 0 2h-1v10a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V12H4a1 1 0 1 1 0-2h1V6a2 2 0 0 1 2-2Zm0 4h10V6H7v2Zm0 3v9h10v-9H7Z'/%3E%3C/svg%3E")}.nav-icon--about{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4Zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4Zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5Z'/%3E%3C/svg%3E")}.nav-icon--contact{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6Zm-2 0-6 4L6 6h12Zm0 12H6V8l6 4 6-4v10Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6Zm-2 0-6 4L6 6h12Zm0 12H6V8l6 4 6-4v10Z'/%3E%3C/svg%3E")}.nav-item .label{font-size:.95rem;font-weight:500;letter-spacing:.3px;color:#fff;opacity:0;transform:translate(-10px);transition:all .4s cubic-bezier(.25,.8,.25,1)}.sidebar-container.hovered .nav-item .label,.sidebar-container.pinned .nav-item .label{opacity:1;transform:translate(0)}.sidebar-container:not(.hovered):not(.pinned) .sidebar-nav{align-items:center}.sidebar-container:not(.hovered):not(.pinned) .nav-item{justify-content:center;padding:.85rem 0;width:44px;margin:.25rem 0;border-left-color:transparent}.sidebar-container:not(.hovered):not(.pinned) .nav-item .icon{margin-right:0}.sidebar-container:not(.hovered):not(.pinned) .nav-item .label{display:none}.sidebar-writing{display:flex;flex-direction:column;gap:.75rem}.sidebar-writing-title{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;opacity:0;transform:translate(-10px);transition:all .4s cubic-bezier(.25,.8,.25,1)}.sidebar-writing-list{display:flex;flex-direction:column;gap:.35rem;max-height:none;overflow:auto;padding-right:4px;padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}.writing-item{display:flex;align-items:center;gap:.9rem;padding:.7rem .9rem;margin:0 .25rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0a0a0a8c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#ffffffe6;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative}.writing-item:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff05);opacity:0;transition:opacity .2s ease;pointer-events:none}.writing-item:hover{border-color:#ffffff38;background:#0a0a0a9e}.writing-icon{width:18px;height:18px;flex:0 0 18px;background-color:#ffffffd9;opacity:.95;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.writing-item:hover:after{opacity:1}.writing-icon--link{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10.59 13.41a1 1 0 0 1 0-1.41l2.83-2.83a1 1 0 1 1 1.41 1.41l-2.83 2.83a1 1 0 0 1-1.41 0Zm-2.12 2.12a4 4 0 0 1 0-5.66l2.12-2.12a4 4 0 0 1 5.66 0 1 1 0 1 1-1.41 1.41 2 2 0 0 0-2.83 0L9.89 11.3a2 2 0 0 0 2.83 2.83l.71-.71a1 1 0 1 1 1.41 1.41l-.71.71a4 4 0 0 1-5.66 0Zm9.06-9.06a4 4 0 0 1 0 5.66l-2.12 2.12a4 4 0 0 1-5.66 0 1 1 0 1 1 1.41-1.41 2 2 0 0 0 2.83 0l2.12-2.12a2 2 0 0 0-2.83-2.83l-.71.71a1 1 0 0 1-1.41-1.41l.71-.71a4 4 0 0 1 5.66 0Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10.59 13.41a1 1 0 0 1 0-1.41l2.83-2.83a1 1 0 1 1 1.41 1.41l-2.83 2.83a1 1 0 0 1-1.41 0Zm-2.12 2.12a4 4 0 0 1 0-5.66l2.12-2.12a4 4 0 0 1 5.66 0 1 1 0 1 1-1.41 1.41 2 2 0 0 0-2.83 0L9.89 11.3a2 2 0 0 0 2.83 2.83l.71-.71a1 1 0 1 1 1.41 1.41l-.71.71a4 4 0 0 1-5.66 0Zm9.06-9.06a4 4 0 0 1 0 5.66l-2.12 2.12a4 4 0 0 1-5.66 0 1 1 0 1 1 1.41-1.41 2 2 0 0 0 2.83 0l2.12-2.12a2 2 0 0 0-2.83-2.83l-.71.71a1 1 0 0 1-1.41-1.41l.71-.71a4 4 0 0 1 5.66 0Z'/%3E%3C/svg%3E")}.writing-icon--article{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 3h7l5 5v13a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm7 1.5V9h4.5L14 4.5ZM8 12a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H8Zm0 4a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H8Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 3h7l5 5v13a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm7 1.5V9h4.5L14 4.5ZM8 12a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H8Zm0 4a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H8Z'/%3E%3C/svg%3E")}.writing-label{font-size:.9rem;font-weight:600;color:#fff;opacity:0;transform:translate(-10px);transition:all .4s cubic-bezier(.25,.8,.25,1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-container:not(.hovered):not(.pinned) .sidebar-writing-title{display:none}.sidebar-container:not(.hovered):not(.pinned) .sidebar-writing-list{align-items:center;padding-right:0}.sidebar-container:not(.hovered):not(.pinned) .writing-item{justify-content:center;gap:0;width:44px;margin:0;padding:.85rem 0}.sidebar-container:not(.hovered):not(.pinned) .writing-label{display:none}.writing-item:before{content:attr(data-tooltip);position:absolute;left:100%;margin-left:1rem;background:#141414f2;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:1000;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #00000080}.sidebar-container:not(.hovered):not(.pinned) .writing-item:hover:before{opacity:1}.sidebar-container.hovered .sidebar-writing-title,.sidebar-container.pinned .sidebar-writing-title,.sidebar-container.hovered .writing-label,.sidebar-container.pinned .writing-label{opacity:1;transform:translate(0)}.pin-btn:hover{background:#ffffff1a;color:#fff}.sidebar-container.hovered .pin-btn,.sidebar-container.pinned .pin-btn{opacity:1}.top-actions{position:fixed;top:18px;right:18px;z-index:2500;display:flex;gap:10px}.top-action-btn{width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);background:#0a0a0aa6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;cursor:pointer;text-decoration:none;box-shadow:0 18px 50px #0000008c;transition:border-color .2s ease,background .2s ease,transform .12s ease}.top-action-btn:hover{border-color:#ffffff47;background:#0a0a0ac7}.top-action-btn:active{transform:scale(.98)}.top-action-icon{width:18px;height:18px;background-color:#ffffffe6;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.top-action-icon--github{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 .5a12 12 0 0 0-3.79 23.39c.6.11.82-.26.82-.58v-2.03c-3.34.73-4.04-1.61-4.04-1.61-.55-1.39-1.34-1.76-1.34-1.76-1.09-.75.08-.74.08-.74 1.21.08 1.85 1.24 1.85 1.24 1.07 1.84 2.81 1.31 3.49 1 .11-.78.42-1.31.76-1.61-2.66-.3-5.46-1.33-5.46-5.93 0-1.31.47-2.38 1.24-3.22-.12-.3-.54-1.52.12-3.17 0 0 1.01-.32 3.3 1.23a11.4 11.4 0 0 1 6 0c2.29-1.55 3.3-1.23 3.3-1.23.66 1.65.24 2.87.12 3.17.77.84 1.24 1.91 1.24 3.22 0 4.61-2.8 5.62-5.47 5.92.43.37.81 1.1.81 2.22v3.29c0 .32.22.69.82.58A12 12 0 0 0 12 .5Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 .5a12 12 0 0 0-3.79 23.39c.6.11.82-.26.82-.58v-2.03c-3.34.73-4.04-1.61-4.04-1.61-.55-1.39-1.34-1.76-1.34-1.76-1.09-.75.08-.74.08-.74 1.21.08 1.85 1.24 1.85 1.24 1.07 1.84 2.81 1.31 3.49 1 .11-.78.42-1.31.76-1.61-2.66-.3-5.46-1.33-5.46-5.93 0-1.31.47-2.38 1.24-3.22-.12-.3-.54-1.52.12-3.17 0 0 1.01-.32 3.3 1.23a11.4 11.4 0 0 1 6 0c2.29-1.55 3.3-1.23 3.3-1.23.66 1.65.24 2.87.12 3.17.77.84 1.24 1.91 1.24 3.22 0 4.61-2.8 5.62-5.47 5.92.43.37.81 1.1.81 2.22v3.29c0 .32.22.69.82.58A12 12 0 0 0 12 .5Z'/%3E%3C/svg%3E")}.top-action-icon--linkedin{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.94 6.5A2.44 2.44 0 1 1 6.94 1.62a2.44 2.44 0 0 1 0 4.88ZM2.75 22.5h8.38V7.9H2.75v14.6ZM13.3 7.9h8.03v2a7 7 0 0 1 1.92-1.65 5.34 5.34 0 0 1 2.62-.64c3.02 0 5.13 1.78 5.13 5.62V22.5h-8.38v-7.6c0-1.7-.73-2.65-2.12-2.65-1.1 0-1.74.74-2.03 1.45-.1.25-.12.62-.12 1v7.8H13.3V7.9Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.94 6.5A2.44 2.44 0 1 1 6.94 1.62a2.44 2.44 0 0 1 0 4.88ZM2.75 22.5h8.38V7.9H2.75v14.6ZM13.3 7.9h8.03v2a7 7 0 0 1 1.92-1.65 5.34 5.34 0 0 1 2.62-.64c3.02 0 5.13 1.78 5.13 5.62V22.5h-8.38v-7.6c0-1.7-.73-2.65-2.12-2.65-1.1 0-1.74.74-2.03 1.45-.1.25-.12.62-.12 1v7.8H13.3V7.9Z'/%3E%3C/svg%3E")}.top-action-icon--mail{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6Zm-2 0-6 4L6 6h12Zm0 12H6V8l6 4 6-4v10Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6Zm-2 0-6 4L6 6h12Zm0 12H6V8l6 4 6-4v10Z'/%3E%3C/svg%3E")}.top-action-btn--contact{width:auto;padding:0 16px;gap:8px}.top-action-label{font-size:.9rem;font-weight:500;color:#ffffffe6;white-space:nowrap}@media(max-width:480px){.top-action-btn--contact{width:44px;padding:0}.top-action-label{display:none}}.app-container{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column}.main-header{text-align:center;margin-bottom:4rem;margin-top:2rem;animation:fadeIn 1s ease-out}.title-gradient{font-size:2.5rem;font-weight:600;margin-bottom:.5rem;color:#fff;background:none;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:white;letter-spacing:-1px}.subtitle{font-size:1.2rem;color:var(--text-secondary);letter-spacing:2px;text-transform:uppercase}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:4rem;flex:1;width:100%;max-width:1200px;margin:0 auto}.main-footer{text-align:center;padding:3rem 0;color:#ffffff4d;font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.title-gradient{font-size:2.5rem}.app-container{padding:1rem}}