:root{--bg-color: #000000;--sidebar-bg: #000000;--text-primary: #ffffff;--text-secondary: #888888;--accent-color: #ffffff;--border-color: rgba(255, 255, 255, .1);--font-main: "Outfit", sans-serif}body.light-mode{--bg-color: #ffffff;--sidebar-bg: #ffffff;--text-primary: #000000;--text-secondary: #666666;--accent-color: #000000;--border-color: rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);height:100vh;display:flex;overflow:hidden}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;z-index:5}.sidebar{width:80px;background-color:var(--sidebar-bg);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1rem 0;border-right:1px solid var(--border-color);z-index:100;transition:background-color .3s ease,border-color .3s ease}.logo{font-weight:700;font-size:1.5rem;letter-spacing:-1px}.menu-items{display:flex;flex-direction:column;gap:2rem}.menu-item{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);cursor:pointer;color:var(--text-secondary);transition:color .3s ease;font-size:.9rem;letter-spacing:1px}.menu-item:hover,.menu-item.active{color:var(--text-primary)}.theme-toggle{cursor:pointer;color:var(--text-secondary);transition:color .3s ease,transform .3s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{color:var(--text-primary);transform:scale(1.1)}.sun-icon{display:none}.moon-icon,.sun-icon{display:block}.moon-icon,body.light-mode .sun-icon{display:none}body.light-mode .moon-icon{display:block}.content-wrapper{flex:1;position:relative;height:100%;overflow:hidden}.view{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0}.view.active-view{visibility:visible;opacity:1;z-index:10}.view-content{max-width:800px;padding:2rem;z-index:1}#profile-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}h1{font-size:5rem;line-height:1;margin-bottom:1rem;background:none;-webkit-text-fill-color:initial;color:var(--text-primary)}p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem}#view-start,#view-next{background:var(--bg-color)}.social-links{display:flex;gap:1.5rem;margin-top:2rem;justify-content:center}.social-icon{color:var(--text-secondary);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.social-icon svg{width:28px;height:28px}.social-icon:hover{color:var(--text-primary);transform:translateY(-3px)}.social-icon.disabled{opacity:.3;cursor:not-allowed}.social-icon.disabled:hover{transform:none;color:var(--text-secondary)}@media (min-width: 769px){.social-links{justify-content:flex-start}}.card-grid{display:flex;gap:1rem}.card{width:150px;height:200px;background:#7d7d7d0d;border:1px solid var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-arrow{position:absolute;bottom:3rem;right:3rem;width:60px;height:60px;background:transparent;border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav-arrow:hover{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-color);transform:scale(1.1);box-shadow:none}.nav-arrow svg{transition:transform .3s ease}@media (max-width: 768px){body{flex-direction:column;overflow:hidden}.sidebar{width:100%;height:70px;flex-direction:row;padding:0 1rem;border-right:none;border-bottom:1px solid var(--border-color);border-top:none;order:-1}.logo{display:block;font-size:1.2rem}body.light-mode #theme-logo{filter:invert(1)}.menu-items{flex-direction:row;gap:1rem;width:100%;justify-content:space-evenly}.menu-item{writing-mode:horizontal-tb;transform:none;font-size:.8rem}.theme-toggle{margin-left:auto}.content-wrapper{height:100%;position:relative}#bg-canvas{position:fixed}.sidebar{height:80px;padding-bottom:1rem}.logo-container{margin-bottom:0!important;margin-right:auto}.view{align-items:flex-start;padding-top:2rem}.view-content{padding:1rem;text-align:center;max-width:100%;margin-top:1rem}h1{font-size:2.5rem}p{font-size:1rem}.nav-arrow{position:fixed;top:100px;bottom:auto;right:1.5rem;width:50px;height:50px;z-index:1000}.card-grid{flex-direction:column;align-items:center}}.profile-container{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;gap:1rem}.profile-img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid var(--text-primary);box-shadow:0 0 15px #fff3}.profile-name{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.verified-badge{width:20px;height:20px;fill:var(--text-primary)}.hacker-text{font-family:Courier New,Courier,monospace;background:transparent;color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--accent-color);padding:0 4px;cursor:default;font-weight:700}.logo-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem}@media (min-width: 769px){.profile-container{align-items:center;flex-direction:row}}@media (max-width: 768px){.logo-container{flex-direction:row;margin-bottom:0;margin-right:auto}.content-wrapper{overflow:hidden}#view-start{overflow:hidden;align-items:center}#view-next{overflow-y:auto;align-items:flex-start;padding-top:2rem;padding-bottom:6rem;-webkit-overflow-scrolling:touch}.nav-arrow.hide-btn{transform:translateY(150%) scale(.8);opacity:0;pointer-events:none}}