:root{--bg-color:#0d0d0d;--text-primary:#f0f0f0;--text-secondary:#707070;--border-color:#202020;--accent-color:#fff;--dot-color:#f0f0f005;--cursor-blend:difference;--font-mono:"IBM Plex Mono", monospace;--transition-speed:.4s;--transition-easing:cubic-bezier(.16, 1, .3, 1)}:root.light{--bg-color:#f6f6f6;--text-primary:#121212;--text-secondary:#7e7e7e;--border-color:#e2e2e2;--accent-color:#000;--dot-color:#12121205;--cursor-blend:normal}*{box-sizing:border-box;margin:0;padding:0}a,button,[role=button],.toggle-btn{cursor:pointer}html,body{background-color:var(--bg-color);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.12em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-speed) var(--transition-easing), color var(--transition-speed) var(--transition-easing);font-size:12px;font-weight:400;line-height:1.8;overflow:hidden}a,button{color:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit;text-transform:uppercase;background:0 0;border:none;outline:none;text-decoration:none;transition:color .3s}a:hover,button:hover{color:var(--accent-color)}#root{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.app-wrapper{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:40px;display:flex;position:relative}.app-header,.app-main,.app-footer,.interactive-element{pointer-events:auto}.app-header{justify-content:space-between;align-items:center;width:100%;display:flex}.toggles-group{gap:24px;display:flex}.toggle-btn{color:var(--text-secondary);padding:4px 0;position:relative;overflow:hidden}.toggle-btn.active{color:var(--text-primary)}.toggle-btn:after{content:"";background-color:var(--text-primary);transform-origin:100%;width:100%;height:1px;transition:transform .4s var(--transition-easing);position:absolute;bottom:0;left:0;transform:scaleX(0)}.toggle-btn:hover:after,.toggle-btn.active:after{transform-origin:0;transform:scaleX(1)}.app-main{flex-grow:1;justify-content:center;align-items:center;display:flex}.hero-card{text-align:left;flex-direction:column;align-items:flex-start;gap:8px;width:66ch;max-width:100%;display:flex}.hero-name-row{justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.hero-name{text-transform:uppercase;font-weight:500}.asterisk-btn{transform-origin:50%;transition:transform .5s var(--transition-easing);color:var(--text-primary);font-size:14px;line-height:1;display:inline-block}.asterisk-btn:hover{color:var(--text-primary)}.asterisk-btn:hover .records-label{color:var(--text-primary)!important}.hero-subtitle{color:var(--text-secondary);text-transform:uppercase;width:100%;font-weight:400}.hero-tagline{color:var(--text-secondary);text-transform:uppercase;opacity:.8;width:100%;font-weight:400}.hero-action-row{width:100%;margin-top:4px}.selected-works-trigger{color:var(--text-primary);text-align:left;background:0 0;border:none;width:100%;padding:0;font-weight:500}.selected-works-trigger:hover{color:var(--accent-color)}.hero-socials-row{gap:28px;width:100%;margin-top:32px;display:flex}.social-link{color:var(--text-secondary);text-transform:uppercase;padding:0;font-weight:400}.social-link:hover{color:var(--text-primary)}.works-overlay{background-color:var(--bg-color);z-index:20;flex-direction:column;justify-content:flex-start;width:100%;height:100%;padding:80px 40px;display:flex;position:absolute;top:0;left:0;overflow-y:auto}.works-overlay::-webkit-scrollbar{width:4px}.works-overlay::-webkit-scrollbar-track{background:0 0}.works-overlay::-webkit-scrollbar-thumb{background:var(--border-color)}.works-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.works-title{text-transform:uppercase;color:var(--text-secondary)}.close-works-btn{color:var(--text-primary);border-bottom:1px solid var(--text-primary);padding-bottom:2px;font-weight:500}.works-list{flex-direction:column;gap:0;width:100%;max-width:900px;margin:auto;display:flex}.work-item-wrapper{border-bottom:1px solid var(--border-color);width:100%}.work-item{grid-template-columns:60px 1.5fr 120px 2fr;align-items:center;width:100%;padding:24px 0 16px;display:grid;position:relative}.work-details-content{color:var(--text-secondary);flex-direction:column;gap:8px;padding:0 0 24px 16px;display:flex}.work-detail-bullet{text-transform:uppercase;max-width:600px;font-size:10px;line-height:1.6}.work-meta{color:var(--text-secondary);font-size:10px}.work-title{color:var(--text-primary);font-size:14px;font-weight:500;transition:transform .3s}.work-tech{color:var(--text-secondary);text-align:right}.work-item:hover .work-title{transform:translate(12px)}.project-action-link{transition:opacity .3s,transform .3s}.project-action-link:hover{transform:translate(4px);opacity:1!important}.floating-preview{pointer-events:none;z-index:100;border:1px solid var(--border-color);background-color:var(--bg-color);justify-content:center;align-items:center;width:280px;height:180px;display:flex;position:fixed;overflow:hidden;box-shadow:0 10px 30px #0000004d}.light .floating-preview{box-shadow:0 10px 30px #0000001a}.floating-preview img{object-fit:cover;opacity:.9;width:100%;height:100%}.terminal-overlay{background-color:var(--bg-color);border-left:1px solid var(--border-color);z-index:30;flex-direction:column;justify-content:space-between;width:600px;height:100%;padding:40px;display:flex;position:absolute;top:0;right:0;box-shadow:-10px 0 30px #0000001a}@media (width<=768px){.terminal-overlay{width:100%}}.terminal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.terminal-title{color:var(--text-primary);align-items:center;gap:8px;font-weight:700;display:flex}.terminal-dot{background-color:#0f6;border-radius:50%;width:6px;height:6px;animation:1s infinite alternate blink}@keyframes blink{0%{opacity:.2}to{opacity:1}}.close-terminal-btn{color:var(--text-secondary)}.terminal-content{flex-direction:column;flex-grow:1;gap:20px;margin:24px 0;padding-right:10px;display:flex;overflow-y:auto}.terminal-content::-webkit-scrollbar{width:4px}.terminal-content::-webkit-scrollbar-track{background:0 0}.terminal-content::-webkit-scrollbar-thumb{background:var(--border-color)}.terminal-log-section{flex-direction:column;gap:8px;display:flex}.log-time{color:var(--text-secondary)}.log-entry{color:var(--text-primary)}.terminal-system-logs{color:var(--text-secondary);border:1px solid var(--border-color);background-color:#ffffff03;flex-direction:column;gap:4px;padding:12px;font-size:10px;display:flex}.light .terminal-system-logs{background-color:#00000003}.terminal-footer{border-top:1px solid var(--border-color);color:var(--text-secondary);justify-content:space-between;padding-top:20px;font-size:10px;display:flex}.magnetic-wrapper{display:inline-block;position:relative}.background-canvas{z-index:1;pointer-events:none;opacity:.75;width:100%;height:100%;position:absolute;top:0;left:0}