:root{--bg-color: #050505;--text-color: #FFFFFF;--accent-color: #2F4F4F;--card-bg: #1A1A1A;--secondary-text: #D0D0D0;--highlight-bg: #333333;--font-body: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--font-heading: "Space Grotesk", "Inter", system-ui, sans-serif;--font-size-base: 1rem;--font-size-body: 1.0625rem;--font-size-lg: 1.125rem;--font-size-h1: 2rem;--font-size-h2: 1.625rem;--font-size-h3: 1.25rem;--font-size-small: .875rem;--line-height-body: 1.75;--line-height-heading: 1.3;--letter-spacing-body: .01em;--letter-spacing-heading: -.02em;--paragraph-spacing: 1.5em;--spacing-unit: 8px;--border-radius: 12px;--transition-speed: .3s}body{margin:0;padding:0;font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-feature-settings:"liga" 1,"calt" 1}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-heading);font-weight:700;line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}p{margin-bottom:var(--paragraph-spacing)}button{cursor:pointer;border:none;background:none;font-family:inherit}input{font-family:var(--font-body)}.search-container{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center}.search-label{display:none}.search-input-wrapper{background:#111;border:none;border-radius:60px;padding:24px 32px;display:flex;align-items:center;gap:16px;width:100%;box-shadow:0 8px 40px #0000004d;transition:transform var(--transition-speed);position:relative;z-index:1}.search-input-wrapper:before{content:"";position:absolute;inset:-3px;border-radius:63px;background:conic-gradient(from var(--angle, 0deg),#39FF14,#00D4FF,#FF00FF,#FF6B00,#39FF14);z-index:-1;animation:rotate-border 3s linear infinite}.search-input-wrapper:after{content:"";position:absolute;inset:0;border-radius:60px;background:#111;z-index:-1}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes rotate-border{0%{--angle: 0deg}to{--angle: 360deg}}.search-input-wrapper:focus-within{box-shadow:0 12px 50px #39ff1440;transform:scale(1.02)}.search-input-wrapper:focus-within:before{animation:rotate-border 1s linear infinite;filter:blur(2px)}.search-icon{font-size:1.8rem;color:#555;transition:color .3s ease}.search-input-wrapper:focus-within .search-icon{color:#39ff14;text-shadow:0 0 8px rgba(57,255,20,.5)}.search-input{border:none;background:transparent;width:100%;font-size:1.8rem;color:#39ff14;outline:none;font-weight:500;text-shadow:0 0 5px rgba(57,255,20,.5);caret-color:#39ff14}.search-input::placeholder{color:#444;text-shadow:none}.scroll-wheel-container{background:transparent;padding:0;width:300px;margin-left:40px;display:flex;flex-direction:column;align-items:flex-start;position:relative}.nav-arrow{background:transparent;border:none;font-size:1.5rem;cursor:pointer;margin:10px 0;transition:all .2s ease;align-self:flex-start;display:flex;align-items:center;gap:12px;opacity:.9;padding:10px 10px 10px 12px;text-transform:uppercase;letter-spacing:1px}.nav-arrow.up{color:#00f0ff}.nav-arrow.down{color:#ff003c}.arrow-label{font-size:1rem;font-weight:700}.arrow-icon{font-weight:900;font-size:2rem;line-height:1}.nav-arrow:hover{transform:scale(1.1);opacity:1;text-shadow:0 0 15px currentColor}.wheel-header{font-size:.6rem;letter-spacing:2px;font-weight:600;color:#fff9;text-transform:uppercase;margin-bottom:24px;align-self:flex-start;padding-left:12px}.wheel-track{display:flex;flex-direction:column;gap:8px;align-items:flex-start;position:relative;mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 5%,black 95%,transparent);padding:100px 0;height:60vh;max-height:600px;overflow-y:hidden;perspective:1000px;perspective-origin:left center;width:300px}.wheel-item{display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .4s cubic-bezier(.2,.8,.2,1);opacity:.3;transform:rotateX(var(--item-rotation, 0deg)) scale(.9) translateZ(-20px);transform-origin:left center;height:30px;flex-shrink:0;padding-left:12px;will-change:transform,opacity}.wheel-item:hover{opacity:.6}.wheel-indicator{width:6px;height:6px;border-radius:50%;background-color:var(--secondary-text);transition:all .2s ease-out}.wheel-item.active{opacity:1;transform:rotateX(0) scale(1) translateZ(0);z-index:100;height:auto}.active-item-content{display:flex;align-items:center;gap:16px}.active-indicator-group{display:flex;align-items:center;gap:8px}.active-cube{width:12px;height:12px;background-color:#e0ff00;border-radius:2px;box-shadow:0 0 10px #e0ff0066}.active-number{font-weight:700;font-size:1rem;color:#e0ff00;text-shadow:0 0 10px rgba(224,255,0,.4)}.active-title-wrapper{position:relative;white-space:nowrap}.active-title{font-size:1.2rem;font-weight:700;color:#e0ff00;text-shadow:0 0 10px rgba(224,255,0,.4)}.active-title.echo{position:absolute;top:2px;left:2px;color:#e0ff0033;z-index:-1;filter:blur(1px)}.wheel-item.near-1{opacity:.9;transform:rotateX(var(--item-rotation)) scale(.98)}.wheel-item.near-2{opacity:.75;transform:rotateX(var(--item-rotation)) scale(.95)}.wheel-item.far{opacity:.5;transform:rotateX(var(--item-rotation)) scale(.9)}.wheel-title-faded{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;color:#e0ff0080;transition:color .1s ease-in-out}.wheel-number{font-weight:500;font-size:.8rem;color:#e0ff0080;font-variant-numeric:tabular-nums;transition:color .1s ease-in-out}.wheel-item:hover .wheel-title-faded{color:#e0ff00b3;text-shadow:0 0 5px rgba(224,255,0,.3)}.wheel-item:hover .wheel-number{color:#e0ff00b3}.microblog-card-container{background-color:transparent;display:flex;flex-direction:column;animation:floatIn .4s ease-out forwards;position:relative;margin-bottom:120px;padding-top:50px;max-width:75%}@keyframes floatIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.microblog-header{background-color:#1a1a1a;padding:32px 40px;border-radius:20px;margin-bottom:20px;position:relative;box-shadow:0 10px 30px #0000004d;border:1px solid #333}.microblog-title{font-size:1.5rem;font-weight:700;margin:0;color:#fff;letter-spacing:-.02em}.microblog-body{background-color:#111;padding:40px;border-radius:20px;min-height:200px;box-shadow:0 10px 30px #0000004d;position:relative;border:1px solid #333}.microblog-content{font-size:1.1rem;line-height:1.6;color:#eee;margin-bottom:40px;white-space:pre-wrap}.microblog-content a{color:#00f0ff;text-decoration:none;border-bottom:1px dotted #00F0FF;transition:all .2s;font-weight:500}.microblog-content a:hover{border-bottom:1px solid #00F0FF;text-shadow:0 0 8px rgba(0,240,255,.4)}.microblog-footer{margin-top:auto}.microblog-date{font-size:.9rem;color:var(--secondary-text)}.card-indicator{position:absolute;top:20px;right:-60px;font-size:1rem;letter-spacing:1px;color:#39ff14;font-weight:600;white-space:nowrap;text-shadow:0 0 5px rgba(57,255,20,.4);writing-mode:vertical-rl;text-orientation:sideways}.background-floating-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden}.floating-item{position:absolute;background-repeat:no-repeat;background-size:400% 400%;filter:invert(1) drop-shadow(0 4px 8px rgba(255,255,255,.3));border-radius:50%;will-change:transform,opacity}@keyframes floatRise{0%{transform:translateY(20vh) rotate(var(--initial-rotation));opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-50vh) rotate(calc(var(--initial-rotation) + var(--rotation-change)));opacity:0}}@keyframes floatFall{0%{transform:translateY(-20vh) rotate(var(--initial-rotation));opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(50vh) rotate(calc(var(--initial-rotation) + var(--rotation-change)));opacity:0}}@keyframes floatNeutral{0%{transform:translate(0) rotate(var(--initial-rotation))}to{transform:translate(30px,-30px) rotate(calc(var(--initial-rotation) + var(--rotation-change)))}}.app-container{max-width:1400px;margin:0 auto;padding:40px 40px 400px;min-height:100vh;display:flex;flex-direction:column}.app-header{margin-bottom:60px;display:flex;justify-content:flex-start;align-items:center;gap:20px}.linkedin-link{color:#fff;display:flex;align-items:center;padding:8px;border-radius:8px;position:relative;background:linear-gradient(135deg,#0a66c2,#00d4ff);background-clip:padding-box;animation:neon-pulse 2s ease-in-out infinite}.linkedin-link:before{content:"";position:absolute;inset:-2px;border-radius:10px;background:linear-gradient(135deg,#00d4ff,#f0f,#00d4ff);background-size:200% 200%;animation:neon-border 1.5s ease-in-out infinite;z-index:-1}.linkedin-link:hover{transform:scale(1.15);animation:none}.linkedin-link:hover:before{animation:neon-border .5s ease-in-out infinite}@keyframes neon-pulse{0%,to{box-shadow:0 0 5px #00d4ff,0 0 10px #00d4ff,0 0 20px #0a66c2}50%{box-shadow:0 0 10px #f0f,0 0 20px #f0f,0 0 30px #f0f}}@keyframes neon-border{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.main-content{display:grid;grid-template-columns:1fr 300px;gap:60px;align-items:start}.content-area{min-height:400px}.sidebar-area{position:sticky;top:40px}.empty-state{text-align:center;color:var(--secondary-text);margin-top:100px;font-size:1.2rem}@media(max-width:900px){.main-content{grid-template-columns:1fr}.sidebar-area{display:none}}