body,html{margin:0;padding:0;background:#fff;color:#000;font-family:neue-haas-grotesk-display,Inter,sans-serif;font-size:1rem;font-weight:500;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:text}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}#canvas-container{position:fixed!important;top:0;left:0;width:100vw;height:100vh;z-index:0}:root{--neon-green: #007AFF;--black: #000000;--glass-text: #333333;--text-secondary: #666666;--chat-grey: #e9e9eb;--glass-bg: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .6);--border-subtle: rgba(0, 0, 0, .05);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .1);--glass-blur: blur(10px)}.project-page-container{width:100vw;min-height:100vh;background:#fff;position:relative;display:flex;flex-direction:column;align-items:center}.project-header{margin-top:30px;text-align:center;z-index:10;color:var(--black);margin-bottom:40px}.project-header h1{font-size:3rem;margin:0 0 10px}.project-meta{font-size:1rem;color:var(--text-secondary);display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.project-viewport{width:80vw;max-width:600px;aspect-ratio:1 / 1;height:auto;position:relative;margin-bottom:20px;border-radius:20px;overflow:hidden}.project-dropdown-list{width:90vw;max-width:1080px;z-index:20;display:flex;flex-direction:column;gap:10px}.dropdown-toggle{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);color:var(--glass-text);padding:10px 25px;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;font-size:1rem;transition:all .3s ease}.dropdown-toggle:hover{background:#ffffffe6;border-color:var(--neon-green);box-shadow:0 0 15px #007aff66,var(--glass-shadow)}.dropdown-header-row{display:flex;justify-content:space-between;width:100%;align-items:center}.dropdown-title{font-weight:500}.dropdown-desc{margin-top:10px;font-size:.8rem;color:var(--text-secondary);line-height:1.4;border-top:1px solid rgba(0,0,0,.05);padding-top:10px;width:100%;animation:fadeIn .3s ease}.dropdown-grid{margin-top:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;animation:fadeIn .5s ease .2s both}@media(max-width:768px){.dropdown-grid{grid-template-columns:repeat(2,1fr)}}.link-card{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none;padding:20px;box-sizing:border-box;text-align:center;border-radius:20px;color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .2s ease;box-shadow:inset 0 0 0 1px #fff3}.link-card:hover{transform:scale(1.02)}.link-title{font-size:1rem;text-shadow:0 2px 4px rgba(0,0,0,.8)}.link-cta{font-size:.8rem;margin-top:5px;color:#fffc;text-transform:uppercase;letter-spacing:1px}.media-wrapper{position:relative;width:100%;height:0;padding-bottom:100%;border-radius:20px;border:1px solid var(--glass-border);overflow:hidden;background:#fff}.media-wrapper.landscape{grid-column:span 2;padding-bottom:calc((100% - 10px)/2)}.media-content{position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:cover}.media-content.contain{object-fit:contain}@media(max-width:768px){.media-wrapper.landscape{grid-column:span 2}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.floating-label{font-family:neue-haas-grotesk-display,Inter,sans-serif;font-weight:500;font-size:1rem;background:#ffffffd9;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);color:var(--glass-text);padding:8px 16px;border-radius:20px;white-space:nowrap;pointer-events:auto!important;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;will-change:transform;opacity:0;transform:translateY(10px)}.floating-label:hover{background:#fffffff2;transform:scale(1.1);border-color:var(--neon-green);box-shadow:0 0 15px #007aff66,var(--glass-shadow)}.floating-label.visible{opacity:1;transform:translateY(0)}.chat-wrapper{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:90%;max-width:500px;z-index:1000;display:flex;flex-direction:column;gap:20px;pointer-events:none}.chat-input-container{display:flex;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:8px;border-radius:20px;pointer-events:auto;opacity:.8;box-sizing:border-box;transition:opacity .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease}.name-container{position:absolute;right:100%;bottom:0;display:flex;gap:20px;padding-right:30px;pointer-events:auto}.social-container{position:absolute;left:100%;bottom:0;display:flex;gap:20px;padding-left:30px;pointer-events:auto}.social-btn{display:flex;justify-content:center;align-items:center;font-family:inherit;font-size:1rem;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);opacity:.8;color:var(--glass-text);border-radius:20px;padding:8px 16px;box-sizing:border-box;white-space:nowrap;text-decoration:none;cursor:pointer;transition:all .3s ease}.social-btn:hover,.chat-input-container:hover,.chat-input-container:focus-within{opacity:1;background:#ffffffe6;border-color:var(--neon-green);box-shadow:0 0 15px #007aff80,var(--glass-shadow)}.chat-window{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);box-sizing:border-box;border-radius:20px;width:100%;height:300px;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px;animation:slideUp .3s ease-out;pointer-events:auto}.message{max-width:80%;padding:10px 15px;border-radius:20px;font-size:.8rem;line-height:1.4}.message.user{align-self:flex-end;background:var(--neon-green);color:#fff;border-bottom-right-radius:2px;box-shadow:0 2px 5px var(--border-subtle)}.message.ai{align-self:flex-start;background:var(--chat-grey);color:#000;border-bottom-left-radius:2px;font-weight:500;box-shadow:0 2px 5px #0000000d}.chat-input{flex:1;background:transparent;border:none;color:var(--glass-text);padding:0 10px;font-family:inherit;font-size:1rem;outline:none}.chat-input::placeholder{color:var(--text-secondary)}@media(max-width:1000px){.chat-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:95%}.chat-window,.profile-window{grid-column:1 / -1;order:1}.name-container{position:static;justify-content:flex-start;padding-right:0;order:2;grid-column:1}.social-container{position:static;justify-content:flex-end;padding-left:0;order:2;grid-column:2}.chat-input-container{grid-column:1 / -1;order:3}}@media(hover:none){.chat-window{height:240px}}*,*:before,*:after{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}input,textarea{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important;cursor:text!important}img,video,canvas{-webkit-user-drag:none!important;pointer-events:auto}.profile-window{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);box-sizing:border-box;border-radius:20px;width:100%;height:300px;padding:20px;display:flex;flex-direction:column;gap:10px;animation:slideUp .3s ease-out;pointer-events:auto;color:var(--glass-text);overflow-y:auto}@media(hover:none){.profile-window{height:300px!important}}.profile-title{font-size:1rem;font-weight:500;margin:0;color:var(--black)}.profile-role{font-size:.8rem;color:var(--text-secondary);margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border-subtle)}.profile-section p{margin:0 0 10px;font-size:.8rem;line-height:1.5}.typing-indicator{display:flex;align-items:center;gap:4px;min-height:18px}.typing-dot{width:6px;height:6px;background-color:#888;border-radius:50%;animation:typingWave 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-dot:nth-child(3){animation-delay:0s}@keyframes typingWave{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}