*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--fg:#ededed;--fg-muted:#888;--fg-subtle:#444;--border:#222;--accent:#fff;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Geist Mono", "SF Mono", "Fira Code", monospace}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);min-height:100vh;line-height:1.6}a{color:var(--fg-muted);text-decoration:none;transition:color .15s}a:hover{color:var(--fg)}*{-webkit-user-select:none;user-select:none}.atropos{perspective:1200px;display:block;position:relative;transform:translate(0,0)}.atropos-rotate-touch,.atropos-rotate-scroll-x,.atropos-rotate-scroll-y{-webkit-tap-highlight-color:#0000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.atropos-rotate-touch-scroll-y{touch-action:pan-y}.atropos-rotate-touch-scroll-x{touch-action:pan-x}.atropos-rotate-touch{touch-action:none}.atropos-scale,.atropos-rotate{width:100%;height:100%;transform-style:preserve-3d;transition-property:transform;display:block}.atropos-shadow,.atropos-highlight{pointer-events:none;opacity:0;transition-property:transform,opacity;display:block;position:absolute}.atropos-shadow{z-index:-1;filter:blur(30px);background:#000;width:100%;height:100%;top:0;left:0}.atropos-highlight{z-index:0;background-image:radial-gradient(circle,#ffffff40,#0000 50%);width:200%;height:200%;top:-50%;left:-50%}.atropos-rotate{position:relative}.atropos-inner{width:100%;height:100%;transform-style:preserve-3d;display:block;position:relative;overflow:hidden;transform:translate(0,0)}.atropos-active{z-index:1}.atropos-active .atropos-shadow{opacity:1!important}[data-atropos-offset],::slotted([data-atropos-offset]){transition-property:transform}[data-atropos-opacity]{transition-property:opacity}[data-atropos-offset][data-atropos-opacity],::slotted([data-atropos-offset][data-atropos-opacity]){transition-property:transform,opacity}.burst-layer{z-index:0;opacity:0;pointer-events:none;transition:none;position:fixed;inset:0}.burst-visible{opacity:1}.burst-fading{opacity:0;transition:opacity 1.5s ease-out}.page{z-index:1;max-width:600px;margin:0 auto;padding:80px 24px 120px;position:relative}.page-hidden{opacity:0;pointer-events:none;transition:opacity .3s}.header-atropos{cursor:pointer;margin-bottom:48px}.header-atropos .atropos-inner{overflow:visible}.header-atropos .header{z-index:1;cursor:pointer;position:relative}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.header,.year-label,.project,.footer{opacity:0;animation:.4s forwards fade-in}.header{cursor:pointer;background:#000000f2;border:1px solid #ffffff14;border-radius:12px;padding:16px;text-decoration:none;transition:border-color .3s;animation-delay:0s;display:block;position:relative;overflow:hidden}.header:before{content:"";-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:#fff;border-radius:12px;padding:1px;transition:opacity .2s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.header-holding{border-color:#ffffff14}.header-holding:before{opacity:1;animation:1.5s cubic-bezier(.7,0,1,.5) forwards border-fill}@keyframes border-fill{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}.header-content{justify-content:space-between;align-items:flex-start;display:flex}.header-pill{font-family:var(--font-sans);color:var(--fg-muted);white-space:nowrap;opacity:0;background:#000000f2;border:1px solid #ffffff14;border-radius:9999px;flex-shrink:0;align-items:center;gap:5px;padding:2px 8px;font-size:10px;text-decoration:none;transition:opacity .2s,border-color .2s,color .2s;display:flex}.header-pill-visible{opacity:1}.header-pill:hover{color:var(--fg);border-color:#fff3}.header-atropos:hover .header-pill{opacity:1;color:#000;background:#fff;border-color:#fff}.header-row{align-items:center;gap:10px;display:flex}.avatar{object-fit:cover;border:1px solid #ffffff14;border-radius:5px;flex-shrink:0;width:24px;height:24px}.header-name{font-family:var(--font-sans);color:var(--fg);letter-spacing:-.01em;font-size:14px;font-weight:500}.header p{color:var(--fg-muted);margin-top:4px;font-size:13px;line-height:1.5}.header-link{font-family:var(--font-mono);color:var(--fg-subtle);margin-top:8px;font-size:11px;display:inline-block}.header-link:hover{color:var(--fg)}.timeline{padding-left:48px;padding-right:16px;position:relative}@keyframes line-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.timeline:before{content:"";transform-origin:top;background:#ffffff14;width:1px;animation:.8s ease-out forwards line-grow;position:absolute;top:9px;bottom:0;left:18.5px}.year-group:last-child .project:last-child:after{content:"";background:var(--bg);width:7px;position:absolute;top:13px;bottom:-32px;left:-32px}.year-group{margin-bottom:48px}.year-group:last-child{margin-bottom:0}.year-label{font-family:var(--font-sans);color:var(--fg-muted);background:#000000f2;border:1px solid #ffffff14;border-radius:9999px;margin-bottom:24px;padding:2px 6px;font-size:10px;font-weight:400;line-height:1;display:inline-flex;position:relative}.project{margin-bottom:32px;position:relative}.project:last-child{margin-bottom:0}.project:before{content:"";background:var(--border);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;left:-32px}.project-active:before{background:#1a6b4d;transition:background .3s,box-shadow .3s}.project-active:hover:before{background:#34d399;box-shadow:0 0 16px 8px #34d39926}.project-coming-soon:before{background:#b45309;transition:background .3s,box-shadow .3s}.project-coming-soon:hover:before{background:#f59e0b;box-shadow:0 0 16px 8px #f59e0b26}.project-coming-soon:after{content:"";opacity:0;background:linear-gradient(#0000,#f59e0b26 30% 70%,#0000);width:1px;height:calc(100% + 32px);transition:opacity .3s;position:absolute;top:-16px;left:-32px;transform:translate(2.5px)}.project-coming-soon:hover:after{opacity:1}.project-active:after{content:"";opacity:0;background:linear-gradient(#0000,#34d39926 30% 70%,#0000);width:1px;height:calc(100% + 32px);transition:opacity .3s;position:absolute;top:-16px;left:-32px;transform:translate(2.5px)}.year-group:first-child .project:first-child.project-coming-soon:after{background:linear-gradient(#f59e0b26,#f59e0b26 50%,#0000);height:calc(100% + 16px);top:6px}.year-group:first-child .project:first-child.project-active:after{background:linear-gradient(#34d39926,#34d39926 50%,#0000);height:calc(100% + 16px);top:6px}.project-active:hover:after{opacity:1}.project-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.project-logo{object-fit:cover;border:1px solid #ffffff14;border-radius:4px;width:20px;height:20px}.project-row{justify-content:space-between;align-items:flex-start;display:flex}.project-link-hint{opacity:0;background:#000000f2;border:1px solid #ffffff14;border-radius:9999px;flex-shrink:0;align-items:center;gap:5px;padding:2px 6px 2px 5px;transition:opacity .2s;display:flex}.project-clickable:hover .project-link-hint{opacity:1}.project-url{font-family:var(--font-sans);color:var(--fg);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:10px;overflow:hidden}.project-arrow{color:var(--fg-subtle);flex-shrink:0;transition:color .25s}.project-clickable{color:inherit;cursor:pointer;padding-left:0;text-decoration:none;transition:padding-left .2s;display:block}.project-clickable:hover{padding-left:4px}.project-clickable:hover .project-arrow{color:var(--fg-subtle)}.project-clickable:hover .project-name{color:var(--fg)}.project-name{color:var(--fg);letter-spacing:-.01em;font-size:13px;font-weight:500}.project-tag{font-family:var(--font-mono);color:var(--fg-subtle);letter-spacing:.02em;border:1px solid var(--border);border-radius:3px;padding:1px 6px;font-size:10px}.project-desc{color:var(--fg-muted);margin-bottom:6px;font-size:13px;line-height:1.5}.project-link{font-family:var(--font-mono);color:var(--fg-subtle);font-size:11px;transition:color .15s}.project-link:hover{color:var(--fg)}.project-link:after{content:" ↗";font-size:10px}.footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:80px;padding-top:24px;display:flex}.footer span{font-family:var(--font-mono);color:var(--fg-subtle);font-size:11px}.footer-links{gap:16px;display:flex}.footer-links a{font-family:var(--font-mono);color:var(--fg-subtle);font-size:11px}.footer-links a:hover{color:var(--fg)}.admin-panel{z-index:9999;width:260px;font-family:var(--font-mono);color:var(--fg-muted);background:#000000eb;border:1px solid #ffffff1a;border-radius:8px;max-height:calc(100vh - 24px);font-size:11px;transition:transform .2s;position:fixed;top:12px;left:12px;overflow-y:auto}.admin-header{color:var(--fg);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 12px;font-size:11px;font-weight:500;display:flex}.admin-header button{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;line-height:1}.admin-body{flex-direction:column;gap:8px;padding:10px 12px;display:flex}.admin-body label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.admin-body input[type=range]{accent-color:#555;width:100px;height:4px}.admin-body input[type=color]{cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:3px;width:28px;height:20px;padding:0}.admin-body input[type=checkbox]{accent-color:#555}.admin-body select{color:var(--fg-muted);font-family:var(--font-mono);background:#111;border:1px solid #ffffff1a;border-radius:3px;padding:2px 4px;font-size:10px}.admin-apply{color:var(--fg);font-family:var(--font-mono);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;margin-top:4px;padding:6px 0;font-size:11px;transition:background .15s}.admin-apply:hover{background:#ffffff26}.admin-toggle{z-index:9999;width:32px;height:32px;color:var(--fg-muted);cursor:pointer;background:#000000e6;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;font-size:14px;display:flex;position:fixed;top:12px;left:12px}.admin-toggle:hover{border-color:#fff3}@media (width<=480px){.page{padding:48px 20px 80px}.header-atropos{margin-bottom:48px}.project-header{flex-wrap:wrap}}