@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,400&display=swap";:root{--accent: #FF0055;--text-primary: #1a1a2e;--text-secondary: #44445a;--text-muted: #8888aa;--bg: #FFFFFF;--panel-width: 40%;--panel-padding-x: 56px;--panel-padding-y: 44px;--deco-left: 36px;--section-title-size: 22px;--body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;--display-font: "Playfair Display", var(--body-font)}*{margin:0;padding:0;box-sizing:border-box}html{font-feature-settings:"kern" 1;text-rendering:optimizeLegibility}body{font-family:var(--body-font);font-weight:400;background-image:radial-gradient(var(--accent) .6px,transparent .6px);background-size:36px 36px;background-color:var(--bg);color:var(--text-primary);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100vw;height:100vh;overflow:hidden}.main-container{width:100vw;height:100vh;overflow:hidden;background:transparent;position:relative;display:flex}.canvas{display:block;position:absolute;right:0;top:0;width:60%;height:100%}.content-panel{position:fixed;left:0;top:0;width:var(--panel-width);height:100vh;padding:var(--panel-padding-y) var(--panel-padding-x);display:flex;flex-direction:column;justify-content:flex-start;z-index:100;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(26,26,46,.08) transparent}.content-panel::-webkit-scrollbar{width:4px}.content-panel::-webkit-scrollbar-track{background:transparent}.content-panel::-webkit-scrollbar-thumb{background:#1a1a2e14;border-radius:4px}.content-panel:before{content:"";position:absolute;left:var(--deco-left);top:10%;bottom:10%;width:2px;background:linear-gradient(180deg,transparent,var(--accent) 15%,var(--accent) 85%,transparent);opacity:.5}.panel-header{margin-bottom:24px;padding-left:20px;position:relative}.section-title{font-family:var(--display-font);font-size:var(--section-title-size);font-weight:600;letter-spacing:3px;text-transform:uppercase;opacity:.65;color:var(--text-primary);font-style:italic;margin-bottom:6px}.name-title{font-family:var(--display-font);font-size:68px;font-weight:700;letter-spacing:-.5px;margin-top:2px;margin-left:-3px;line-height:1.05}.panel-content{position:relative;padding-left:20px}.panel-content.slide-out{animation:slideOut .2s ease-in forwards}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.content-slide{animation:slideIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.content-slide:first-child{animation:none;opacity:1;transform:translateY(0)}.item-desc{font-family:var(--body-font);font-size:17px;font-weight:400;line-height:1.85;color:var(--text-secondary);white-space:pre-line;letter-spacing:.2px}.item-desc>b:first-child{display:block;font-size:15px;font-weight:600;color:var(--accent);letter-spacing:.5px;margin-bottom:16px;opacity:.85;text-transform:uppercase}.item-desc b:not(:first-child){display:inline-block;font-weight:700;color:var(--text-primary);font-style:normal;font-size:16px;margin-top:16px;line-height:1.4}.item-desc i{display:block;color:var(--text-muted);font-size:13px;font-style:italic;font-family:var(--display-font);margin-top:2px;margin-bottom:4px}.item-desc a{color:var(--accent);text-decoration:underline}.project-item{margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid rgba(255,0,85,.1)}.project-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.pj-title{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1.35;margin-bottom:6px;letter-spacing:-.2px}.pj-meta{font-size:13px;color:var(--text-muted);margin-bottom:8px;line-height:1.4}.pj-tags{font-size:11px;color:var(--accent);opacity:.75;margin-bottom:12px;text-transform:uppercase;letter-spacing:.6px}.pj-desc{font-size:15px;color:var(--text-secondary);line-height:1.75;white-space:pre-line}.pj-media{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}.pj-media img{width:100%;max-width:300px;border-radius:8px;height:auto}.pj-media video{width:100%;max-width:100%;border-radius:8px}.cursor-dot{position:fixed;width:8px;height:8px;border-radius:50%;pointer-events:none;z-index:9999;box-shadow:0 0 14px currentColor,0 0 28px currentColor;filter:drop-shadow(0 0 6px currentColor);transition:left .08s ease-out,top .08s ease-out;opacity:.5}.hint-text{position:fixed;top:8%;right:10%;font-size:22px;font-family:var(--body-font);color:#ff00558c;letter-spacing:1.5px;z-index:20;pointer-events:none;white-space:nowrap;animation:hintFade 2.5s ease-in-out infinite}@keyframes hintFade{0%,to{opacity:.45}50%{opacity:.95}}.copyright{position:fixed;bottom:28px;left:var(--deco-left);font-size:11px;font-family:var(--body-font);color:#1a1a2e33;letter-spacing:.5px;z-index:20;pointer-events:none}.auto-badge{position:fixed;bottom:28px;left:50%;transform:translate(-50%);font-family:SF Mono,Courier New,monospace;font-size:10px;font-weight:500;letter-spacing:2.5px;color:#ff005559;background:#ff00550d;padding:5px 16px;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,0,85,.08);animation:autoPulse 2.5s ease-in-out infinite;z-index:50;pointer-events:none}@keyframes autoPulse{0%,to{opacity:.5}50%{opacity:.9}}@media (max-width: 1200px){:root{--panel-padding-x: 44px;--section-title-size: 20px}.name-title{font-size:56px}.item-desc{font-size:16px}}@media (max-width: 1024px){:root{--panel-padding-x: 36px;--deco-left: 24px}.canvas{width:100%}.content-panel{position:fixed;bottom:0;left:0;width:100%;height:auto;min-height:34vh;padding:24px 24px 28px 36px;background:#fffffff0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,0,85,.1);justify-content:flex-start}.content-panel:before{left:16px;top:12%;bottom:12%}.panel-header,.panel-content{padding-left:12px}.name-title{font-size:44px}.section-title,.item-desc{font-size:15px}.item-desc>b:first-child{font-size:13px}.item-desc b:not(:first-child){font-size:15px}.pj-title{font-size:17px}.pj-desc{font-size:14px}.hint-text{font-size:18px;top:6%;right:8%}}@media (max-width: 768px){:root{--panel-padding-x: 20px;--deco-left: 16px}.content-panel{padding:20px 16px 24px 28px}.content-panel:before{left:10px}.panel-header{padding-left:8px;margin-bottom:16px}.panel-content{padding-left:8px}.name-title{font-size:34px}.section-title{font-size:13px}.item-desc{font-size:14px;line-height:1.7}.item-desc b:not(:first-child){font-size:14px}.pj-title{font-size:15px}.pj-desc{font-size:13px}.hint-text{font-size:15px;top:5%;right:6%}}