:root{--bg:#0b0d12;--surface:#ffffff09;--surface-hover:#ffffff0f;--border:#ffffff14;--border-hover:#ffffff29;--text:#e8eaf0;--text-soft:#9aa0ad;--text-faint:#6b7280;--accent:#7c5cff;--accent-2:#22d3ee;--live:#34d399;--building:#fbbf24;--idea:#94a3b8;--radius:18px;--maxw:1040px;--sans:"Pretendard Variable", Pretendard, system-ui, -apple-system, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100dvh;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.page{max-width:var(--maxw);margin:0 auto;padding:clamp(48px,9vw,120px) clamp(20px,5vw,40px) 72px;position:relative}.page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 12% -5%,#7c5cff33,#0000 60%),radial-gradient(50% 45% at 105% 8%,#22d3ee1f,#0000 55%);position:fixed;inset:0}.hero,.grid,.foot{z-index:1;position:relative}.hero{margin-bottom:clamp(40px,7vw,76px)}.hero__brand{align-items:center;gap:14px;margin-bottom:22px;display:flex}.logo{filter:drop-shadow(0 4px 16px #7c5cff59);flex:none}.hero__kicker{letter-spacing:.22em;color:var(--accent-2);font-size:12px;font-weight:600}.hero__name{letter-spacing:-.03em;font-size:clamp(44px,9vw,88px);font-weight:800;line-height:1}.hero__dot{color:var(--accent)}.hero__tagline{margin-top:20px;font-size:clamp(18px,3vw,24px);font-weight:600}.hero__intro{color:var(--text-soft);max-width:46ch;margin-top:10px}.hero__nav{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.hero__nav a{border:1px solid var(--border-hover);background:var(--surface);letter-spacing:.01em;color:var(--text);border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:700;transition:transform .15s,border-color .15s,background .15s,color .15s}.hero__nav a:hover{border-color:var(--accent);color:#fff;background:#7c5cff1f;transform:translateY(-2px)}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:clamp(40px,7vw,72px);display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:4px;padding:18px 20px;display:flex}.stat__n{letter-spacing:-.02em;background:linear-gradient(100deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(26px,5vw,34px);font-weight:800;line-height:1}.stat__label{color:var(--text-soft);font-size:12.5px}.section{margin-bottom:clamp(44px,8vw,80px)}.section__label{letter-spacing:.16em;color:var(--text-faint);text-transform:uppercase;border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:12px;font-size:12px;font-weight:700}.section__para{color:var(--text-soft);max-width:68ch;margin-bottom:14px;font-size:15.5px}.section__para:last-of-type{margin-bottom:0}.links__lead{letter-spacing:.18em;color:var(--text-faint);margin-top:26px;margin-bottom:12px;font-size:11px;font-weight:700}.links{flex-wrap:wrap;gap:12px;list-style:none;display:flex}.link{border:1px solid var(--border);color:var(--text-soft);background:#ffffff05;border-radius:11px;align-items:center;gap:9px;padding:9px 15px 9px 13px;font-size:14px;font-weight:600;transition:transform .15s,border-color .15s,color .15s,background .15s;display:inline-flex}.link__icon{color:var(--text-faint);transition:color .15s;display:inline-flex}.link__hint{color:var(--text-faint);border-left:1px solid var(--border);margin-left:2px;padding-left:9px;font-size:12px;font-weight:500}.link:hover{border-color:var(--accent-2);color:var(--text);background:#22d3ee0f;transform:translateY(-2px)}.link:hover .link__icon{color:var(--accent-2)}.now{gap:12px;list-style:none;display:grid}.now__item{color:var(--text-soft);padding-left:22px;font-size:15.5px;position:relative}.now__item:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:999px;width:8px;height:8px;position:absolute;top:9px;left:0}.stack{gap:16px;display:grid}.stack__group{grid-template-columns:124px 1fr;align-items:start;gap:16px;display:grid}.stack__label{color:var(--text-faint);padding-top:6px;font-size:12.5px;font-weight:600}.stack__items{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.stack__items li{color:var(--text-soft);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s}.stack__items li:hover{border-color:var(--border-hover);color:var(--text)}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;min-height:200px;padding:24px;transition:transform .18s,border-color .18s,background .18s;display:flex}.card--link{cursor:pointer}.card--link:hover{background:var(--surface-hover);border-color:var(--border-hover);transform:translateY(-4px)}.card__top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card__emoji{font-size:30px;line-height:1}.card__title{letter-spacing:-.01em;font-size:20px;font-weight:700}.card__desc{color:var(--text-soft);flex:1;margin-top:8px;font-size:14.5px}.card__tags{flex-wrap:wrap;gap:6px;margin-top:16px;list-style:none;display:flex}.card__tags li{color:var(--text-faint);border:1px solid var(--border);border-radius:999px;padding:3px 9px;font-size:11.5px}.card__cta{color:var(--accent-2);opacity:0;margin-top:16px;font-size:13.5px;font-weight:600;transition:opacity .18s,transform .18s;transform:translate(-4px)}.card--link:hover .card__cta{opacity:1;transform:translate(0)}.status{letter-spacing:.06em;white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:4px 10px;font-size:10.5px;font-weight:700}.status--live{color:var(--live);background:#34d3991a;border-color:#34d39940}.status--building{color:var(--building);background:#fbbf241a;border-color:#fbbf2440}.status--idea{color:var(--idea);background:#94a3b81a;border-color:#94a3b838}.foot{border-top:1px solid var(--border);color:var(--text-faint);align-items:center;gap:10px;margin-top:64px;padding-top:24px;font-size:13px;display:flex}.foot__sep{opacity:.5}.foot__link{color:var(--text-soft);font-weight:600;transition:color .15s}.foot__link:hover{color:var(--accent-2)}.promptgroup__head{align-items:center;gap:10px;margin-bottom:16px;display:flex}.promptgroup__name{letter-spacing:-.01em;color:var(--text);font-size:18px;font-weight:700}.promptgroup__more{color:var(--accent-2);margin-left:auto;font-size:13px;font-weight:600}.prompt__draft{letter-spacing:.04em;vertical-align:middle;color:var(--building);background:#fbbf241a;border:1px solid #fbbf2440;border-radius:999px;margin-left:8px;padding:2px 7px;font-size:10px;font-weight:700}.back{z-index:1;color:var(--text-soft);font-size:14px;font-weight:600;transition:color .15s;display:inline-block;position:relative}.back:hover{color:var(--accent-2)}.dhero{z-index:1;margin-top:26px;margin-bottom:clamp(28px,5vw,44px);position:relative}.dhero__top{align-items:center;gap:14px;margin-bottom:14px;display:flex}.dhero__emoji{font-size:44px;line-height:1}.dhero__name{letter-spacing:-.03em;font-size:clamp(34px,6vw,56px);font-weight:800;line-height:1.05}.dhero__desc{color:var(--text-soft);max-width:62ch;margin-top:12px;font-size:clamp(16px,2.4vw,18px)}.dhero__tags{margin-top:16px}.dhero__cta{color:#0b0d12;background:linear-gradient(100deg, var(--accent), var(--accent-2));border-radius:999px;margin-top:22px;padding:11px 22px;font-size:14.5px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-block}.dhero__cta:hover{transform:translateY(-2px);box-shadow:0 10px 28px #7c5cff52}.dmeta{z-index:1;flex-wrap:wrap;gap:12px;margin-bottom:clamp(36px,6vw,56px);display:flex;position:relative}.dmeta__item{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:4px;padding:16px 22px;display:flex}.dmeta__n{letter-spacing:-.02em;background:linear-gradient(100deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(22px,4vw,28px);font-weight:800;line-height:1}.dmeta__label{color:var(--text-soft);font-size:12.5px}.dsection{z-index:1;margin-bottom:clamp(36px,6vw,56px);position:relative}.tl{border-left:2px solid var(--border);gap:0;margin-left:6px;list-style:none;display:grid}.tl__item{padding:0 0 22px 24px;position:relative}.tl__item:last-child{padding-bottom:0}.tl__item:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-2));border:2px solid var(--bg);border-radius:999px;width:12px;height:12px;position:absolute;top:5px;left:-7px}.tl__date{letter-spacing:.03em;color:var(--accent-2);font-size:12.5px;font-weight:700;display:block}.tl__label{color:var(--text-soft);margin-top:2px;font-size:14.5px;display:block}.tl--journey .tl__item{padding-bottom:26px}.jlink{border-radius:12px;padding:2px 0;transition:transform .15s;display:block}.jlink:hover{transform:translate(2px)}.jrow{align-items:center;gap:10px;margin-top:4px;display:flex}.jrow__emoji{font-size:20px;line-height:1}.jrow__name{letter-spacing:-.01em;color:var(--text);font-size:16.5px;font-weight:700}.jlink:hover .jrow__name{color:#fff}.tl--journey .tl__label{margin-top:4px}.prompts{gap:14px;display:grid}.prompt{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:18px 20px}.prompt__title{letter-spacing:.04em;color:var(--accent-2);margin-bottom:10px;font-size:12.5px;font-weight:700}.prompt__text{color:var(--text-soft);border-left:2px solid var(--border-hover);padding-left:14px;font-size:14.5px;line-height:1.7}.dshot{z-index:1;margin:0 0 clamp(28px,5vw,44px);position:relative}.dshot__img{border:1px solid var(--border);background:var(--surface);border-radius:16px;width:100%;height:auto;display:block;box-shadow:0 18px 48px #0006}.dshot__cap{color:var(--text-faint);text-align:center;margin-top:10px;font-size:12.5px}.shots{gap:18px;display:grid}.shots .dshot{margin-bottom:0}.postlist{z-index:1;gap:14px;list-style:none;display:grid;position:relative}.postcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;transition:transform .18s,border-color .18s,background .18s;display:block}.postcard:hover{background:var(--surface-hover);border-color:var(--border-hover);transform:translateY(-3px)}.postcard__date{letter-spacing:.03em;color:var(--accent-2);font-size:12.5px;font-weight:700}.postcard__title{letter-spacing:-.01em;margin-top:6px;font-size:20px;font-weight:700}.postcard__sum{color:var(--text-soft);margin-top:8px;font-size:14.5px}.postcard .card__tags{margin-top:14px}.post__date{letter-spacing:.03em;color:var(--accent-2);font-size:13px;font-weight:700}.post__title{margin-top:8px}.prose{z-index:1;max-width:70ch;color:var(--text-soft);font-size:16px;line-height:1.85;position:relative}.prose h2{letter-spacing:-.01em;color:var(--text);margin-top:40px;margin-bottom:14px;font-size:22px;font-weight:700}.prose h3{color:var(--text);margin-top:28px;margin-bottom:10px;font-size:18px;font-weight:700}.prose p{margin-bottom:18px}.prose ul,.prose ol{gap:8px;margin:0 0 18px 1.1em;display:grid}.prose li{padding-left:4px}.prose a{color:var(--accent-2);text-underline-offset:3px;text-decoration:underline}.prose strong{color:var(--text);font-weight:700}.prose blockquote{border-left:2px solid var(--border-hover);color:var(--text-faint);margin:0 0 18px;padding:4px 0 4px 16px}.prose code{border:1px solid var(--border);background:#ffffff0f;border-radius:6px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}.prose pre{border:1px solid var(--border);background:#0e1118;border-radius:12px;margin:0 0 18px;padding:16px 18px;overflow-x:auto}.prose pre code{color:var(--text-soft);background:0 0;border:none;padding:0;font-size:13px;line-height:1.7}.to-top{z-index:20;border:1px solid var(--border-hover);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:46px;height:46px;color:var(--text);cursor:pointer;opacity:0;pointer-events:none;background:#14171fd1;border-radius:50%;place-items:center;transition:opacity .2s,transform .2s,border-color .15s,background .15s;display:grid;position:fixed;bottom:clamp(16px,4vw,32px);right:clamp(16px,4vw,32px);transform:translateY(12px)scale(.92);box-shadow:0 8px 24px #00000059}.to-top--show{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.to-top:hover{border-color:var(--accent);color:#fff;background:#7c5cff2e;transform:translateY(-2px)scale(1)}#about,#now,#stack,#journey,#work{scroll-margin-top:28px}@media (width<=520px){.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.stack__group{grid-template-columns:1fr;gap:8px}.stack__label{padding-top:0}}