:root{--bg:#000;--line:#ffffff12;--line-strong:#ffffff29;--text:#fff;--muted:#9a9a9a;--faint:#5e5e5e;--accent:#ffd60a;--font-display:"Sixtyfour", monospace;--font-body:"Space Grotesk", "IBM Plex Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cursor-default:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23ffd60a' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%23ffd60a' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='12' cy='12' r='11' fill='url(%23g)'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23ffffff'/%3E%3C/svg%3E") 12 12, default;--cursor-pointer:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23ffd60a' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23ffd60a' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='16' cy='16' r='15' fill='url(%23g)'/%3E%3Ccircle cx='16' cy='16' r='9' fill='none' stroke='%23ffd60a' stroke-opacity='.8'/%3E%3Ccircle cx='16' cy='16' r='2' fill='%23ffffff'/%3E%3C/svg%3E") 16 16, pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;cursor:var(--cursor-default);font-size:13px;font-weight:300}*{box-sizing:border-box}::selection{color:var(--bg);background:var(--accent)}body{background:var(--bg);min-height:100svh;margin:0;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(45% 35% at 78% 22%,#ffd60a0e,#0000 70%),radial-gradient(50% 40% at 18% 80%,#ffffff0b,#0000 70%),radial-gradient(30% 25% at 55% 55%,#ffffff05,#0000 70%);animation:40s ease-in-out infinite alternate nebula;position:fixed;inset:-20%}a{cursor:var(--cursor-pointer)}.cosmos{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.navbar{z-index:10;height:48px;padding:0 max(24px, env(safe-area-inset-right)) 0 max(24px, env(safe-area-inset-left));align-items:center;display:flex;position:sticky;top:0}.navbar-brand{font-family:var(--font-display);color:var(--accent);text-shadow:0 0 8px #ffd60a99,0 0 24px #ffd60a40;font-size:10px;line-height:1;text-decoration:none;animation:5s ease-in-out infinite breathe}.navbar-cursor{vertical-align:top;background:var(--accent);width:.7em;height:1em;margin-left:.2em;animation:1s step-end infinite blink;display:inline-block;box-shadow:0 0 8px #ffd60a99}.page{z-index:1;width:100%;max-width:560px;padding:clamp(40px, 16svh, 180px) max(20px, env(safe-area-inset-right)) calc(64px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));margin:0 auto;position:relative}.clock{font-variant-numeric:tabular-nums;letter-spacing:.14em;color:var(--faint);margin:0 0 14px 2px;font-size:10px;line-height:1.4;animation:1.4s both appear;display:block}.project-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.project-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);background:#ffffff04;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;transition:border-color .5s,background-color .5s,box-shadow .5s;animation:1.4s both appear;display:flex;position:relative}.project-card:active{border-color:var(--line-strong);background:#ffffff0a}.project-info{min-width:0}.project-name{letter-spacing:.08em;color:var(--text);margin:0 0 6px;font-size:13px;font-weight:400;line-height:1.4}.project-description{color:var(--muted);word-break:keep-all;overflow-wrap:anywhere;margin:0 0 10px;font-size:13px;line-height:1.7}.project-meta{letter-spacing:.06em;min-height:20px;color:var(--faint);flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0;font-size:11px;display:flex}.project-sublink{z-index:1;color:var(--muted);text-decoration:none;transition:color .3s,text-shadow .3s;position:relative}.project-sublink:before{content:"";position:absolute;inset:-6px -4px}.project-sublink:active{color:var(--accent)}.project-link{color:var(--faint);flex-shrink:0;font-size:14px;line-height:1;text-decoration:none;transition:color .4s,text-shadow .4s}.project-arrow{transition:transform .4s;display:inline-block}.project-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.project-link:active{color:var(--accent)}.project-people{align-items:center;margin:0;padding:0;list-style:none;display:flex}.project-people li+li{margin-left:-5px}.person{z-index:1;width:20px;height:20px;display:block;position:relative}.person img{background:var(--bg);border:1px solid var(--line-strong);filter:grayscale();opacity:.85;border-radius:50%;width:100%;height:100%;transition:opacity .3s,border-color .3s;display:block}.person:before{content:"";position:absolute;inset:-4px 0}.person:after{content:attr(data-name);letter-spacing:.06em;white-space:nowrap;color:var(--text);border:1px solid var(--line-strong);opacity:0;pointer-events:none;background:#0a0a0a;border-radius:6px;padding:4px 8px;font-size:10px;line-height:1.2;transition:opacity .25s,transform .25s;position:absolute;bottom:calc(100% + 8px);left:-4px;transform:translateY(3px)}.person:focus-visible{z-index:2}.person:focus-visible:after{opacity:1;transform:translateY(0)}.project-more{padding-left:10px;font-size:10px}.project-updated{color:var(--faint)}.crew{margin-top:56px;animation:1.4s .3s both appear}.crew-header{justify-content:space-between;align-items:baseline;gap:12px;padding:0 2px;display:flex}.crew-title,.crew-summary{letter-spacing:.14em;margin:0;font-size:10px;font-weight:300;line-height:1.4}.crew-title{color:var(--muted)}.crew-summary{color:var(--faint);font-variant-numeric:tabular-nums}.crew-list{flex-direction:column;margin:10px 0 0;padding:0;list-style:none;display:flex}.crew-member{color:var(--muted);border-top:1px solid var(--line);align-items:center;gap:12px;padding:14px 2px;text-decoration:none;transition:color .3s;display:flex;position:relative}.crew-member:after{content:"";width:var(--share,0%);background:var(--accent);opacity:.45;height:1px;transition:width 1.2s,opacity .3s;position:absolute;top:-1px;left:0}.crew-avatar{border:1px solid var(--line-strong);filter:grayscale();opacity:.85;border-radius:50%;flex-shrink:0;width:32px;height:32px;transition:opacity .3s,border-color .3s}.crew-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.crew-head{align-items:baseline;gap:8px;display:flex}.crew-name{letter-spacing:.06em;color:var(--text);font-size:12px;line-height:1.3;transition:color .3s,text-shadow .3s}.crew-role{letter-spacing:.14em;color:var(--faint);font-size:9px;line-height:1.3}.crew-sub,.crew-message{letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.4;overflow:hidden}.crew-message{color:var(--faint)}.crew-stats{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:5px;display:flex}.crew-commits{font-variant-numeric:tabular-nums;letter-spacing:.04em;white-space:nowrap;font-size:10px;line-height:1.3}.crew-commits strong{color:var(--text);font-size:12px;font-weight:400}.crew-spark{fill:var(--faint);opacity:.5;transition:opacity .3s;display:block}.crew-spark-on{fill:var(--text)}.crew-caption{letter-spacing:.14em;color:var(--faint);font-size:8px;line-height:1}.crew-member:active .crew-name{color:var(--accent)}@media (hover:hover){.person:hover{z-index:2}.person:hover img{opacity:1;border-color:var(--accent)}.person:hover:after{opacity:1;transform:translateY(0)}.crew-member:hover .crew-name{color:var(--accent);text-shadow:0 0 10px #ffd60a80}.crew-member:hover .crew-avatar{opacity:1;border-color:var(--accent)}.crew-member:hover .crew-spark,.crew-member:hover:after{opacity:1}.project-card:hover{border-color:var(--line-strong);background:#ffffff08;box-shadow:0 0 40px #ffd60a0d,inset 0 0 24px #ffffff04}.project-sublink:hover{color:var(--accent);text-shadow:0 0 10px #ffd60a80}.project-link:hover{color:var(--accent);text-shadow:0 0 10px #ffd60a99}.project-link:hover .project-arrow{transform:translate(3px)}}@media (width<=600px){:root{font-size:14px}.navbar{height:44px;padding:0 max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left))}.page{padding:clamp(24px, 9svh, 80px) max(16px, env(safe-area-inset-right)) calc(48px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.project-card{border-radius:12px;gap:14px;padding:16px}.project-name,.project-description{font-size:14px}.project-meta{font-size:12px}.project-sublink:before{inset:-14px -10px}.crew{margin-top:44px}.crew-title,.crew-summary,.clock{font-size:11px}.crew-member{gap:10px}.crew-name{font-size:13px}.crew-sub,.crew-message,.crew-commits{font-size:11px}}@media (width<=340px){.navbar-brand{font-size:9px}.project-card{gap:10px;padding:14px}}@media (pointer:coarse){:root,a{cursor:auto}}.project-link:focus-visible,.project-sublink:focus-visible,.crew-member:focus-visible,.person:focus-visible,.navbar-brand:focus-visible{outline:1px solid var(--accent);outline-offset:4px}@keyframes breathe{0%,to{opacity:1}50%{opacity:.6}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes nebula{0%{transform:translate(-2%,-1%)scale(1)}to{transform:translate(2%,2%)scale(1.08)}}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){body:before,.navbar-brand,.project-card,.clock,.crew{animation:none}.navbar-cursor{display:none}.project-link,.project-arrow,.person img,.person:after,.crew-member,.crew-member:after,.crew-name,.crew-avatar,.crew-spark{transition:none}}