*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#07060f;margin:0;font-family:Pretendard,system-ui,-apple-system,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,sans-serif;line-height:1.5}a:focus-visible,button:focus-visible{outline-offset:3px;outline:2px solid}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lang-switch{border:1px solid color-mix(in srgb, currentColor 25%, transparent);border-radius:999px;padding:3px;display:inline-flex}.lang-switch button{font:inherit;color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 11px;font-size:.78rem;font-weight:700}.lang-switch button.is-active{background:color-mix(in srgb, currentColor 18%, transparent);opacity:1}.shell{--bg:#fff;--fg:#1c1b22;--muted:#6b6878;--line:#0000001a;--accent:#7a3cff;--bar-bg:#ffffffbf;--width:960px;background:var(--bg);min-height:100svh;color:var(--fg)}.shell__bar{z-index:10;border-bottom:1px solid var(--line);background:var(--bar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap;align-items:center;gap:8px 20px;padding:12px clamp(16px,4vw,40px);display:flex;position:sticky;top:0}.shell__brand{letter-spacing:.12em;color:var(--fg);font-weight:900;text-decoration:none}.shell__nav{scrollbar-width:none;flex:1;gap:4px;display:flex;overflow-x:auto}.shell__nav::-webkit-scrollbar{display:none}.shell__nav a{white-space:nowrap;color:var(--muted);border-radius:999px;padding:6px 12px;font-size:.92rem;text-decoration:none}.shell__nav a:hover{color:var(--fg)}.shell__nav a[aria-current=page]{background:var(--accent);color:var(--on-accent,#fff)}@media (width<=600px){.shell__nav{flex-basis:100%;order:3;margin:0 -12px}.shell__brand{flex:1}}.shell__main{width:100%;max-width:var(--width);margin:0 auto;padding:clamp(28px,6vw,64px) clamp(16px,4vw,40px) 80px}.shell h1{margin:0 0 8px;font-size:clamp(2rem,6vw,3rem);line-height:1.15}.shell--profile{--bg:linear-gradient(160deg, #fff1e6 0%, #ffe3ef 50%, #ece6ff 100%) fixed;--fg:#3a2440;--muted:#86678a;--accent:#e0518f;--width:520px}.profile{text-align:center}.profile__avatar{color:#fff;background:linear-gradient(135deg,#ff7ab8,#a78bff);border-radius:50%;place-items:center;width:112px;height:112px;margin:0 auto 20px;font-size:3rem;font-weight:900;display:grid;box-shadow:0 16px 40px -16px #e0518fb3}.profile__role{color:var(--accent);margin:0;font-weight:600}.profile__bio{word-break:keep-all;margin:18px 0 28px;line-height:1.7}.profile__links{gap:12px;margin:0;padding:0;list-style:none;display:grid}.profile__links a{color:var(--fg);background:#fffc;border-radius:16px;padding:15px 20px;font-weight:600;text-decoration:none;transition:transform .2s,background .2s;display:block;box-shadow:0 6px 20px -12px #3a244080}.profile__links a:hover{background:#fff;transform:translateY(-2px)}.shell--blog{--bg:#fbf8f1;--fg:#26221b;--muted:#7d7565;--line:#26221b1f;--accent:#b4551d;--bar-bg:#fbf8f1cc;--width:720px}.blog h1,.blog h2{font-family:Georgia,Noto Serif KR,Nanum Myeongjo,serif}.blog__intro{color:var(--muted);margin:0 0 32px}.blog time{color:var(--muted);font-size:.85rem}.blog__list{margin:0;padding:0;list-style:none}.blog__list li{border-top:1px solid var(--line)}.blog__list a{color:inherit;padding:22px 0;text-decoration:none;display:block}.blog__list h2{margin:4px 0 6px;font-size:1.4rem}.blog__list a:hover h2{color:var(--accent)}.blog__list p{color:var(--muted);margin:0}.blog__back{color:var(--accent);margin-bottom:28px;text-decoration:none;display:inline-block}.blog article h1{margin:6px 0 24px}.blog article p{word-break:keep-all;font-size:1.08rem;line-height:1.85}.shell--projects{--bg:#0e1116;--fg:#e9edf3;--muted:#93a0b2;--line:#ffffff1a;--accent:#5fe0c8;--on-accent:#06221d;--bar-bg:#0e1116bf;--width:1080px}.projects__intro{color:var(--muted);margin:0 0 32px}.projects__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.project{border:1px solid var(--line);background:#161b22;border-radius:18px;flex-direction:column;gap:10px;padding:22px;transition:border-color .2s;display:flex}.project:hover{border-color:var(--accent)}.project h2{margin:0;font-size:1.25rem}.project p{color:var(--muted);word-break:keep-all;flex:1;margin:0;line-height:1.6}.project__status{border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:.75rem;font-weight:700}.project__status--live{color:#5fe0c8;background:#5fe0c826}.project__status--wip{color:#ffc46b;background:#ffc46b26}.project__status--idea{color:#a9b3ff;background:#8d9bff26}.project__tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.project__tags li{border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:2px 8px;font-family:ui-monospace,Consolas,monospace;font-size:.75rem}.project__link{color:var(--accent);font-weight:600;text-decoration:none}.shell--community{--bg:radial-gradient(circle at 50% 0%, #2b2a6b 0%, #14132e 60%) fixed;--fg:#eef0ff;--muted:#a9adde;--line:#ffffff1a;--accent:#8d9bff;--on-accent:#14132e;--bar-bg:#14132eb3;--width:560px}.community{text-align:center;padding-top:8vh}.community__badge{border:1px solid var(--accent);letter-spacing:.08em;color:var(--accent);border-radius:999px;margin:0 0 16px;padding:5px 14px;font-size:.8rem;font-weight:700;display:inline-block}.community p{color:var(--muted);word-break:keep-all;line-height:1.7}.community a{color:var(--accent);margin-top:20px;display:inline-block}.hub{isolation:isolate;color:#f4f2ff;background:#07060f;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.hub__aurora{z-index:-2;position:absolute;inset:0}.hub__aurora span{filter:blur(90px);opacity:.5;border-radius:50%;width:60vmax;height:60vmax;animation:22s ease-in-out infinite alternate hub-drift;position:absolute}.hub__aurora span:first-child{background:#7a3cff;top:-25vmax;left:-15vmax}.hub__aurora span:nth-child(2){background:#ff3d9a;animation-duration:28s;animation-delay:-6s;top:10vmax;right:-30vmax}.hub__aurora span:nth-child(3){background:#12b5c9;animation-duration:34s;animation-delay:-12s;bottom:-35vmax;left:15vmax}@keyframes hub-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(8vmax,6vmax)scale(1.25)}}.hub__grid{z-index:-1;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 35%,#000 0%,#0000 72%);mask-image:radial-gradient(at 50% 35%,#000 0%,#0000 72%)}.hub__bar{justify-content:space-between;align-items:center;padding:18px clamp(16px,4vw,40px);display:flex}.hub__domain{letter-spacing:.18em;text-transform:uppercase;color:#f4f2ffa6;font-size:.85rem}.hub__main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:1120px;margin:0 auto;padding:24px clamp(16px,4vw,40px) 40px;display:flex}.hub__title{letter-spacing:.04em;background:linear-gradient(100deg,#fff 0%,#ffb3dc 25%,#a78bff 50%,#6fe7ff 75%,#fff 100%) 0 0/250% 100%;color:#0000;filter:drop-shadow(0 0 40px #a78bff59);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(4rem,19vw,11rem);font-weight:900;line-height:.95;animation:9s linear infinite hub-shine}@keyframes hub-shine{to{background-position:-250% 0}}.hub__tagline{color:#f4f2ffc7;word-break:keep-all;max-width:32ch;margin:18px 0 0;font-size:clamp(1rem,2.6vw,1.3rem)}.hub__tiles{text-align:left;grid-template-columns:1fr;gap:14px;width:100%;margin-top:clamp(32px,6vw,64px);display:grid}@media (width>=560px){.hub__tiles{grid-template-columns:repeat(2,1fr)}}@media (width>=980px){.hub__tiles{grid-template-columns:repeat(4,1fr)}}.tile{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-height:190px;color:inherit;animation:.7s cubic-bezier(.2,.8,.2,1) both tile-in;animation-delay:var(--delay,0s);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:22px;flex-direction:column;gap:8px;padding:22px;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.tile:before{content:"";background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%), var(--accent), transparent 70%);opacity:.14;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}a.tile:hover,a.tile:focus-visible{border-color:var(--accent);box-shadow:0 18px 50px -18px var(--accent);outline:none;transform:translateY(-6px)}a.tile:hover:before,a.tile:focus-visible:before{opacity:.38}.tile--disabled{cursor:default;filter:grayscale(.6)}.tile--disabled>*{opacity:.5}.tile--disabled:before{opacity:.06}.tile>*{position:relative}.tile__icon{fill:none;width:34px;height:34px;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:6px}.tile__name{font-size:1.35rem;font-weight:700}.tile__text{color:#f4f2ffb8;word-break:keep-all;flex:1;font-size:.95rem;line-height:1.5}.tile__cta{letter-spacing:.04em;color:var(--accent);font-size:.85rem;font-weight:600}@keyframes tile-in{0%{opacity:0;transform:translateY(24px)}}.hub__footer{text-align:center;color:#f4f2ff80;padding:18px 16px 24px;font-size:.8rem}@media (width<=559px){.tile{min-height:0}}@media (prefers-reduced-motion:reduce){.hub__aurora span,.hub__title,.tile{animation:none}.tile{transition:none}}