@charset "UTF-8";@font-face{font-family:Cascadia Code;src:url(/assets/CascadiaCode-400-hfeVgAEz.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cascadia Code;src:url(/assets/CascadiaCode-700-D3cIOP92.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/PretendardVariable-CJuje-Rk.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg-color: #0d1117;--card-bg: #161b22;--card-bg-hover: #1c2128;--text-primary: #e6edf3;--text-secondary: #8b949e;--border-color: #30363d;--accent: var(--accent-fullstack);--accent-ai: #7c3aed;--accent-fullstack: #10b981;--accent-devops: #f97316;--accent-cloud: #0ea5e9;--header-height: 64px;--section-padding: 5rem 0;--container-max: 1100px;--radius: 8px;--radius-lg: 12px;--transition: .35s cubic-bezier(.4, 0, .2, 1);--sidebar-w: 240px;--statusbar-h: 26px;--breadcrumb-h: 30px;--code-keyword: #ff7b72;--code-var: #ffa657;--code-prop: #79c0ff;--code-string: #a5d6ff;--code-comment: #8b949e;--code-punc: #c9d1d9;--scrollbar-size: 8px;--scrollbar-track: var(--bg-color);--scrollbar-thumb: #3d444d;--scrollbar-thumb-hover: color-mix(in srgb, var(--accent) 45%, #3d444d);--font-black: Pretendard, 맑은 고딕, sans-serif;--font-bold: Pretendard, 맑은 고딕, sans-serif;--font-middle: Pretendard, 맑은 고딕, sans-serif;--font-regular: Pretendard, 맑은 고딕, sans-serif;--font-thin: Pretendard, 맑은 고딕, sans-serif;--font-sans: Pretendard, 맑은 고딕, sans-serif;--font-mono: "Cascadia Code", "Pretendard", monospace}@media screen and (max-width:1300px){:root{--section-padding: 4rem 0}}@media screen and (max-width:820px){:root{--section-padding: 3.25rem 0;--header-height: 56px}}@media screen and (max-width:480px){:root{--section-padding: 2.5rem 0;--header-height: 104px}}[data-role=ai]{--accent: var(--accent-ai)}[data-role=fullstack]{--accent: var(--accent-fullstack)}[data-role=devops]{--accent: var(--accent-devops)}[data-role=cloud]{--accent: var(--accent-cloud)}.btn-ai{border:1px solid var(--accent-ai);color:var(--accent-ai)}.btn-fullstack{border:1px solid var(--accent-fullstack);color:var(--accent-fullstack)}.btn-devops{border:1px solid var(--accent-devops);color:var(--accent-devops)}.btn-cloud{border:1px solid var(--accent-cloud);color:var(--accent-cloud)}.hashtag{display:inline-block;font-family:var(--font-bold);font-size:.8rem;line-height:1.3;padding:.28rem .55rem;border-radius:4px;background:color-mix(in srgb,var(--accent) 12%,var(--card-bg));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border-color));color:var(--accent);transition:all var(--transition)}.hashtag:before{content:"#";opacity:.65;margin-right:.05em}.hashtag:hover{background:color-mix(in srgb,var(--accent) 22%,var(--card-bg));border-color:var(--accent)}.hashtag--lg{font-size:.9rem;padding:.4rem .75rem}.hashtag--sm{font-size:.68rem;padding:.15rem .4rem}.hashtag--focus{background:color-mix(in srgb,var(--accent) 25%,var(--card-bg));border-color:var(--accent);color:var(--text-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}.hashtag-list{display:flex;flex-wrap:wrap;gap:.4rem}@media screen and (max-width:480px){.hashtag-list{gap:.3rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 1rem)}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid var(--scrollbar-track);background-clip:padding-box;transition:background .2s ease}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border:2px solid var(--scrollbar-track);background-clip:padding-box}*::-webkit-scrollbar-corner{background:var(--scrollbar-track)}body{font-family:var(--font-regular);background:var(--bg-color);color:var(--text-primary);line-height:1.65;-webkit-font-smoothing:antialiased;transition:background var(--transition)}h1,h2,h3,h4{font-family:var(--font-black)}strong{font-family:var(--font-bold)}a{color:var(--accent);text-decoration:none;transition:opacity var(--transition),color var(--transition)}a:hover{opacity:.85}img{max-width:100%;display:block}ul{list-style:none}.container{width:min(100% - 2rem,var(--container-max));margin-inline:auto}@media screen and (max-width:480px){.container{width:min(100% - 1.25rem,var(--container-max))}}.section{padding:var(--section-padding)}.section__title{font-family:var(--font-black);font-size:clamp(1.5rem,4vw,2rem);font-weight:900;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.section__title:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--accent),transparent);max-width:120px}@media screen and (max-width:820px){.section__title{margin-bottom:1.5rem;gap:.5rem}.section__title:after{max-width:72px}}@media screen and (max-width:480px){.section__title{font-size:1.35rem;margin-bottom:1.25rem}}.keyword{font-family:var(--font-bold);color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--radius);font-family:var(--font-bold);font-size:.9rem;cursor:pointer;transition:all var(--transition);border:1px solid var(--accent);color:var(--accent);background:transparent}.btn:hover{background:color-mix(in srgb,var(--accent) 15%,transparent)}.btn--filled{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--filled:hover{background:color-mix(in srgb,var(--accent) 85%,#000);opacity:1}@media screen and (max-width:480px){.btn{padding:.55rem 1rem;font-size:.82rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.reveal{transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);transition-delay:var(--reveal-delay, 0ms)}[data-motion=on] .reveal{opacity:0;transform:translateY(14px);will-change:opacity,transform}[data-motion=on] .reveal.reveal--in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.about__caret,.typewriter__cursor{display:none}}.stat-chips{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.stat-chips__item{display:flex;flex-direction:column;gap:.1rem}.stat-chips__value{font-family:var(--font-mono);font-size:1.3rem;font-weight:700;color:var(--accent);line-height:1.1}@media screen and (max-width:480px){.stat-chips__value{font-size:1.1rem}}.stat-chips__label{font-size:.72rem;color:var(--text-secondary);margin:0}.stat-chips--sm .stat-chips__value{font-size:.95rem}.stat-chips--sm .stat-chips__label{font-size:.65rem}.copy-btn{position:relative;display:inline-flex;align-items:center;gap:.4rem;border:none;background:none;padding:0;font:inherit;color:inherit;cursor:pointer}.copy-btn__feedback{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%,4px);padding:.2rem .55rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.7rem;font-family:var(--font-mono);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.copy-btn__feedback--show{opacity:1;transform:translate(-50%)}.header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height);background:color-mix(in srgb,var(--bg-color) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:border-color var(--transition)}@media screen and (max-width:480px){.header{height:auto;min-height:var(--header-height)}}.header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:1rem}@media screen and (max-width:480px){.header__inner{flex-wrap:wrap;align-content:center;padding:.65rem 0;min-height:var(--header-height)}}.header__logo{font-family:var(--font-mono);font-size:1.1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;white-space:nowrap;flex-shrink:0}.header__logo:hover{opacity:1;color:var(--text-primary)}@media screen and (max-width:480px){.header__logo{font-size:1rem;max-width:calc(100% - 5.5rem)}}.header__logo-accent{color:var(--accent)}.header__role-badge{font-size:.7rem;font-family:var(--font-mono);padding:.2rem .5rem;border-radius:4px;background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent);font-weight:600}@media screen and (min-width:1301px){.header--editor .header__inner{width:100%;max-width:none;margin:0;padding-left:calc(var(--sidebar-w) + 1.25rem);padding-right:1.25rem}}.header__tabs{display:flex;gap:1px;flex-wrap:nowrap;overflow-x:auto;max-width:min(62vw,640px);scrollbar-width:none;-webkit-overflow-scrolling:touch}.header__tabs::-webkit-scrollbar{display:none}@media screen and (max-width:1300px){.header__tabs{max-width:min(56vw,520px)}}@media screen and (max-width:820px){.header__tabs{max-width:min(52vw,440px)}}@media screen and (max-width:480px){.header__tabs{order:3;flex:1 1 100%;max-width:100%;justify-content:flex-start;padding-top:.3rem;margin-top:.15rem;border-top:1px solid var(--border-color)}}.header__tab{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;border-top:2px solid transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:.78rem;white-space:nowrap;padding:.4rem .7rem;cursor:pointer;transition:color var(--transition),background var(--transition);flex-shrink:0}.header__tab .file-icon{opacity:.7}.header__tab:hover{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 8%,transparent)}.header__tab.is-active{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 12%,var(--card-bg));border-top-color:var(--accent)}.header__tab.is-active .file-icon{opacity:1}@media screen and (max-width:820px){.header__tab{font-size:.75rem;padding:.36rem .55rem}}@media screen and (max-width:480px){.header__tab{font-size:.72rem;padding:.32rem .5rem}}.header__home-link{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;padding:.35rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius);flex-shrink:0}.header__home-link:hover{border-color:var(--accent);color:var(--accent);opacity:1}@media screen and (max-width:480px){.header__home-link{font-size:.72rem;padding:.3rem .55rem}}.about{padding-top:calc(var(--header-height) + 3rem)}@media screen and (max-width:820px){.about{padding-top:calc(var(--header-height) + 2rem)}}@media screen and (max-width:480px){.about{padding-top:calc(var(--header-height) + 1.25rem)}}.about__top{display:grid;grid-template-columns:240px 1fr;gap:2.5rem;align-items:start;margin-bottom:2.5rem}@media screen and (max-width:1300px){.about__top{grid-template-columns:210px 1fr;gap:2rem}}@media screen and (max-width:820px){.about__top{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}}.about__photo-wrap{align-self:start;display:flex;align-items:center;justify-content:center}@media screen and (max-width:820px){.about__photo-wrap{justify-self:center;display:block}}.about__photo{width:100%;aspect-ratio:7/9;object-fit:cover;object-position:center}@media screen and (max-width:820px){.about__photo{width:180px;aspect-ratio:auto;height:220px}}.about__photo-placeholder{width:100%;aspect-ratio:7/9;border:2px solid var(--text-primary);background:var(--card-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}@media screen and (max-width:820px){.about__photo-placeholder{width:180px;aspect-ratio:auto;height:220px}}.about__photo-icon{font-size:3rem}.about__photo-hint{font-size:.75rem;color:var(--text-secondary)}.about__quick-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.85rem}.about__action{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:var(--radius);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);font-family:var(--font-mono);font-size:.8rem;transition:color var(--transition),border-color var(--transition),background var(--transition),transform var(--transition)}.about__action:hover{color:var(--text-primary);border-color:var(--accent);opacity:1;transform:translateY(-1px)}.about__action--primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.about__action--primary:hover{background:color-mix(in srgb,var(--accent) 85%,#000);border-color:color-mix(in srgb,var(--accent) 85%,#000)}.about__motto{display:grid;grid-template-columns:260px 1fr;gap:1.5rem;align-items:stretch;margin-bottom:2.25rem}@media screen and (max-width:820px){.about__motto{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}}.about__motto-body{display:flex;flex-direction:column;gap:.7rem;padding-top:.15rem}.about__prompt{grid-column:1/-1;font-family:var(--font-mono);font-size:.82rem;color:var(--text-secondary);margin-bottom:.1rem}.about__prompt-sign{color:var(--accent);margin-right:.15rem}.about__caret{display:inline-block;width:.55ch;height:1.05em;margin-left:5px;background:var(--accent);vertical-align:text-bottom;animation:caretBlink 1s steps(2,start) infinite}.about__quote{width:min(100%,260px);height:100%;display:flex;align-items:center;justify-content:center;white-space:pre-line;background:color-mix(in srgb,var(--accent) 25%,var(--card-bg));color:#fff;padding:.85rem .95rem;font-size:.9rem;font-weight:700;line-height:1.5;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border-color));border-radius:var(--radius-lg);margin:0;text-align:center;box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 14%,transparent)}@media screen and (max-width:820px){.about__quote{width:100%}}.about__headline{font-family:var(--font-bold);font-size:1.15rem;line-height:1.45}.about__hashtags{margin-top:.25rem}.about__tagline{font-size:.9rem;color:var(--text-secondary)}.about__bio{border-top:1px solid var(--border-color);padding-top:2rem;margin-bottom:2.5rem}.about__bio p{margin-bottom:1rem;color:var(--text-secondary);font-size:.98rem;line-height:1.75}.about__bio p:last-child{margin-bottom:0}.about__section-heading{font-family:var(--font-black);font-size:1.15rem;margin-bottom:1.25rem;color:var(--accent)}.about__strengths{margin-bottom:2.5rem}.about__strengths-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}@media screen and (max-width:480px){.about__strengths-grid{grid-template-columns:1fr}}.about__strength-card{background:var(--card-bg);border:1px solid var(--border-color);border-top:3px solid var(--accent);border-radius:var(--radius-lg);padding:1.25rem}.about__strength-card h4{font-family:var(--font-bold);font-size:.95rem;margin-bottom:.5rem}.about__strength-card p{font-size:.88rem;color:var(--text-secondary);line-height:1.65}.about__cases{margin-bottom:2.5rem}.about__cases-list{display:grid;gap:1.25rem;grid-template-columns:1fr}@media screen and (max-width:820px){.about__cases-list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.about__cases-list{grid-template-columns:1fr}}.about__case-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem 1.5rem}.about__case-card h4{font-size:1rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.about__case-card dl div{margin-bottom:.65rem}.about__case-card dt{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:.2rem}.about__case-card dd{font-size:.88rem;color:var(--text-secondary);line-height:1.55;margin:0}.about__case-result{color:var(--text-primary)!important;font-weight:500}.about__goals{padding:1.25rem 1.5rem;background:color-mix(in srgb,var(--accent) 8%,var(--card-bg));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border-color));border-radius:var(--radius-lg)}.about__goals ul li{position:relative;padding-left:1rem;margin-bottom:.5rem;font-size:.9rem;color:var(--text-secondary)}.about__goals ul li:before{content:"→";position:absolute;left:0;color:var(--accent)}.about__goals ul li:last-child{margin-bottom:0}.codecard{align-self:start;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--card-bg);overflow:hidden;box-shadow:0 12px 34px #00000047;font-family:var(--font-mono);width:100%}.codecard__tab{display:flex;align-items:center;gap:.45rem;padding:.5rem .85rem;background:var(--bg-color);border-bottom:1px solid var(--border-color);font-size:.78rem;color:var(--text-secondary)}.codecard__tab-name{color:var(--text-primary)}.codecard__tab-dot{width:8px;height:8px;border-radius:50%;background:var(--text-secondary);margin-left:auto}.codecard__body{padding:.8rem 0;overflow-x:auto}.codecard__code{counter-reset:ln;list-style:none;font-size:.85rem;line-height:1.9;min-width:max-content}@media screen and (max-width:480px){.codecard__code{font-size:.8rem}}.codecard__line{counter-increment:ln;display:block;position:relative;padding:0 1.1rem 0 3rem;white-space:nowrap}.codecard__line:before{content:counter(ln);position:absolute;left:0;width:2.1rem;text-align:right;color:color-mix(in srgb,var(--text-secondary) 55%,transparent);font-size:.76rem}.codecard__line:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.codecard__line--prop{padding-left:4.4rem}.codecard__key{display:inline-block;min-width:6ch;color:var(--code-prop)}.codecard__copy{margin-left:.6rem;font-size:.72rem;color:var(--accent);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.codecard__copy:hover{opacity:.8}.codecard .c-key{color:var(--code-keyword)}.codecard .c-var{color:var(--code-var)}.codecard .c-str{color:var(--code-string)}.codecard .c-com{color:var(--code-comment);font-style:italic}.codecard .c-punc{color:var(--code-punc)}.codecard .c-link{text-decoration:none;border-bottom:1px dashed color-mix(in srgb,var(--code-string) 45%,transparent);transition:color var(--transition),border-color var(--transition)}.codecard .c-link:hover{color:#fff;border-bottom-color:var(--code-string);opacity:1}.career{background:color-mix(in srgb,var(--card-bg) 40%,var(--bg-color))}.career__company{background:var(--card-bg);border:1px solid var(--border-color);border-left:3px solid var(--accent);border-radius:var(--radius-lg);padding:1.5rem 1.75rem;margin-bottom:2rem}@media screen and (max-width:820px){.career__company{padding:1.25rem 1.35rem}}@media screen and (max-width:480px){.career__company{padding:1rem 1.1rem;margin-bottom:1.5rem}}.career__company-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem 1.25rem;margin-bottom:1rem}.career__company-header h3{font-size:1.35rem;font-weight:700}@media screen and (max-width:480px){.career__company-header{gap:.5rem .75rem}.career__company-header h3{font-size:1.15rem;flex:1 1 100%}}.career__role{font-size:.95rem}.career__period{font-size:.85rem;color:var(--text-secondary);margin-left:auto}@media screen and (max-width:480px){.career__period{margin-left:0;flex:1 1 100%;font-size:.8rem}}.career__company-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.career__stats{margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.career__projects-header{margin-bottom:1rem}.career__subtitle{font-size:1.1rem;font-weight:600;margin-bottom:.35rem;color:var(--text-primary)}.career__hint{font-size:.82rem;color:var(--text-secondary)}.career__filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}@media screen and (max-width:480px){.career__filters{gap:.4rem}}.career__filter{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:999px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);font-size:.8rem;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition)}.career__filter:hover{border-color:var(--accent);color:var(--accent)}.career__filter--active{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent);color:var(--accent);font-weight:600}@media screen and (max-width:480px){.career__filter{padding:.38rem .7rem;font-size:.72rem}}.career__filter-count{font-family:var(--font-mono);font-size:.7rem;padding:.1rem .35rem;border-radius:4px;background:color-mix(in srgb,var(--accent) 12%,var(--bg-color))}.career__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;align-items:start}@media screen and (max-width:1300px){.career__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media screen and (max-width:820px){.career__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.career__grid{grid-template-columns:1fr}}.career__empty{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.9rem}.career__card{display:flex;flex-direction:column;height:284px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.career__card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border-color));box-shadow:0 4px 20px color-mix(in srgb,var(--accent) 8%,transparent)}.career__card-toggle{display:flex;flex-direction:column;width:100%;height:100%;padding:0;border:none;background:none;text-align:left;cursor:pointer;color:inherit;font:inherit}.career__card-compact{display:flex;flex-direction:column;height:100%;padding:1.1rem 1.2rem 1.15rem;box-sizing:border-box}.career__card-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;flex-shrink:0}.career__card-title{font-family:var(--font-bold);font-size:.92rem;line-height:1.35;height:2.484rem;margin-bottom:.25rem;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.career__work-type{font-size:.62rem;font-weight:700;font-family:var(--font-mono);padding:.2rem .45rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.career__work-type--develop{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}.career__work-type--maintain{background:color-mix(in srgb,var(--text-secondary) 25%,transparent);color:var(--text-secondary)}.career__work-type--both{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border:1px solid var(--accent)}.career__work-type--outbound{background:color-mix(in srgb,#a78bfa 25%,transparent);color:#c4b5fd;border:1px solid #a78bfa}.career__tags-row{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:.35rem;min-height:1.75rem;max-height:3.5rem;margin-bottom:.5rem;flex-shrink:0;overflow:hidden}.career__tag-more{font-size:.65rem;font-family:var(--font-mono);color:var(--text-secondary)}.career__card-org{font-size:.78rem;color:var(--text-secondary);margin-bottom:.35rem;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.career__card-period{font-size:.72rem;color:var(--text-secondary);white-space:nowrap;font-family:var(--font-mono)}.career__card-summary{font-size:.82rem;line-height:1.5;color:var(--text-secondary);height:2.46rem;margin-bottom:.4rem;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.career__expand-hint{display:block;font-size:.75rem;line-height:1.4;font-family:var(--font-bold);color:var(--accent);margin-top:auto;flex-shrink:0;padding-top:.5rem}.career-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:career-modal-fade .2s ease}@media screen and (max-width:820px){.career-modal{padding:1rem;align-items:flex-end}}@media screen and (max-width:480px){.career-modal{padding:0;align-items:stretch}}.career-modal__panel{position:relative;width:min(100%,640px);max-height:min(90vh,820px);overflow-y:auto;--scrollbar-track: var(--card-bg);background:var(--card-bg);border:1px solid var(--accent);border-radius:var(--radius-lg);padding:1.5rem 1.75rem;box-shadow:0 24px 64px #00000073;animation:career-modal-slide .25s ease}@media screen and (max-width:820px){.career-modal__panel{max-height:min(88vh,820px);padding:1.25rem 1.35rem}}@media screen and (max-width:480px){.career-modal__panel{width:100%;max-height:100vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:1.15rem 1.1rem 1.5rem;border-left:none;border-right:none;border-bottom:none}}.career-modal__close{position:absolute;top:.75rem;right:.75rem;width:36px;height:36px;border:none;border-radius:var(--radius);background:var(--bg-color);color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;transition:color var(--transition),background var(--transition)}.career-modal__close:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--bg-color))}.career-modal__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;padding-right:2rem}.career-modal__period{font-size:.8rem;font-family:var(--font-mono);color:var(--text-secondary)}.career-modal__title{font-family:var(--font-black);font-size:1.25rem;line-height:1.35;margin-bottom:.35rem;padding-right:1.5rem}@media screen and (max-width:480px){.career-modal__title{font-size:1.1rem;padding-right:2rem}}.career-modal__org{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem}.career-modal__summary{font-size:.95rem;color:var(--text-primary);line-height:1.65;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.career-modal__tags{margin-bottom:1.25rem}.career-modal__overview{font-size:.9rem;color:var(--text-secondary);line-height:1.75;margin-bottom:.85rem}.career-modal__overview:last-of-type{margin-bottom:1.25rem}.career-modal__section{margin-bottom:1.35rem}.career-modal__section:last-of-type{margin-bottom:.5rem}.career-modal__section-title{font-family:var(--font-bold);font-size:.88rem;color:var(--accent);margin-bottom:.6rem;letter-spacing:.02em}.career-modal__highlights{margin-bottom:0}.career-modal__highlights li{position:relative;padding-left:1.1rem;margin-bottom:.5rem;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.career-modal__highlights li:before{content:"▸";position:absolute;left:0;color:var(--accent)}.career-modal__highlights li:last-child{margin-bottom:0}.career-modal__links{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}@keyframes career-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes career-modal-slide{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.personal-project__hint{font-size:.85rem;color:var(--text-secondary);margin-top:-1rem;margin-bottom:1rem}.personal-project__filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}@media screen and (max-width:480px){.personal-project__filters{gap:.4rem}}.personal-project__filter{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:999px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);font-size:.8rem;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition)}@media screen and (max-width:480px){.personal-project__filter{padding:.38rem .7rem;font-size:.72rem}}.personal-project__filter:hover{border-color:var(--accent);color:var(--accent)}.personal-project__filter--active{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent);color:var(--accent);font-weight:600}.personal-project__filter-count{font-family:var(--font-mono);font-size:.7rem;padding:.1rem .35rem;border-radius:4px;background:color-mix(in srgb,var(--accent) 12%,var(--bg-color))}.personal-project__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;align-items:start}@media screen and (max-width:1300px){.personal-project__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media screen and (max-width:820px){.personal-project__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.personal-project__grid{grid-template-columns:1fr}}.personal-project__empty{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.9rem}.personal-project__card{display:flex;flex-direction:column;height:284px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.personal-project__card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border-color));box-shadow:0 4px 20px color-mix(in srgb,var(--accent) 8%,transparent)}.personal-project__card-toggle{display:flex;flex-direction:column;width:100%;height:100%;padding:0;border:none;background:none;text-align:left;cursor:pointer;color:inherit;font:inherit}.personal-project__card-compact{display:flex;flex-direction:column;height:100%;padding:1.1rem 1.2rem 1.15rem;box-sizing:border-box}.personal-project__card-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;flex-shrink:0}.personal-project__category{font-size:.62rem;font-weight:700;font-family:var(--font-mono);padding:.2rem .45rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-color) 60%,transparent);color:var(--text-secondary)}.personal-project__category--personal,.personal-project__category--academy{text-transform:none}.personal-project__category--personal{border-color:color-mix(in srgb,#a78bfa 55%,transparent);color:#c4b5fd;background:color-mix(in srgb,#a78bfa 18%,transparent)}.personal-project__category--academy{border-color:color-mix(in srgb,#38bdf8 55%,transparent);color:#7dd3fc;background:color-mix(in srgb,#38bdf8 16%,transparent)}.personal-project__card-period{font-size:.72rem;color:var(--text-secondary);white-space:nowrap;font-family:var(--font-mono)}.personal-project__card-title{font-family:var(--font-bold);font-size:.92rem;line-height:1.35;height:2.484rem;margin-bottom:.25rem;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.personal-project__card-subtitle{font-size:.78rem;color:var(--text-secondary);margin-bottom:.35rem;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.personal-project__card-summary{font-size:.82rem;line-height:1.5;color:var(--text-secondary);height:1.23rem;margin-bottom:.4rem;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.personal-project__card-highlight{font-size:.76rem;line-height:1.45;color:var(--text-primary);background:color-mix(in srgb,var(--accent) 8%,transparent);border-left:2px solid var(--accent);padding:.32rem .5rem;border-radius:0 5px 5px 0;height:2.844rem;margin-bottom:.5rem;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.personal-project__stats-slot{min-height:2.2rem;margin-bottom:.4rem;flex-shrink:0}.personal-project__tags-row{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:.35rem;min-height:1.75rem;max-height:3.5rem;margin-bottom:.5rem;flex-shrink:0;overflow:hidden}.personal-project__tag-more{font-size:.65rem;font-family:var(--font-mono);color:var(--text-secondary)}.personal-project__expand-hint{display:block;font-size:.75rem;line-height:1.4;font-family:var(--font-bold);color:var(--accent);margin-top:auto;flex-shrink:0;padding-top:.5rem}.personal-project-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:personal-project-modal-fade .2s ease}@media screen and (max-width:820px){.personal-project-modal{padding:1rem;align-items:flex-end}}@media screen and (max-width:480px){.personal-project-modal{padding:0;align-items:stretch}}.personal-project-modal__panel{position:relative;width:min(100%,780px);max-height:min(90vh,820px);overflow-y:auto;--scrollbar-track: var(--card-bg);background:var(--card-bg);border:1px solid var(--accent);border-radius:var(--radius-lg);padding:1.5rem 1.75rem;box-shadow:0 24px 64px #00000073;animation:personal-project-modal-slide .25s ease}@media screen and (max-width:820px){.personal-project-modal__panel{max-height:min(88vh,820px);padding:1.25rem 1.35rem}}@media screen and (max-width:480px){.personal-project-modal__panel{width:100%;max-height:100vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:1.15rem 1.1rem 1.5rem;border-left:none;border-right:none;border-bottom:none}}.personal-project-modal__close{position:absolute;top:.75rem;right:.75rem;width:36px;height:36px;border:none;border-radius:var(--radius);background:var(--bg-color);color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;transition:color var(--transition),background var(--transition)}.personal-project-modal__close:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--bg-color))}.personal-project-modal__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;padding-right:2rem}.personal-project-modal__period{font-size:.8rem;font-family:var(--font-mono);color:var(--text-secondary)}.personal-project-modal__title{font-family:var(--font-black);font-size:1.25rem;line-height:1.35;margin-bottom:.35rem;padding-right:1.5rem}@media screen and (max-width:480px){.personal-project-modal__title{font-size:1.1rem;padding-right:2rem}}.personal-project-modal__subtitle{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem}.personal-project-modal__summary{font-size:.95rem;color:var(--text-primary);line-height:1.65;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.personal-project-modal__tags{margin-bottom:1.25rem}.personal-project-modal__overview{font-size:.9rem;color:var(--text-secondary);line-height:1.75;margin-bottom:.85rem}.personal-project-modal__overview:last-of-type{margin-bottom:1.25rem}.personal-project-modal__stats{margin:.85rem 0 .5rem}.personal-project-modal__section{margin-bottom:1.35rem}.personal-project-modal__section:last-of-type{margin-bottom:.5rem}.personal-project-modal__section-title{font-family:var(--font-bold);font-size:.88rem;color:var(--accent);margin-bottom:.6rem;letter-spacing:.02em}.personal-project-modal__highlights{margin-bottom:0}.personal-project-modal__highlights li{position:relative;padding-left:1.1rem;margin-bottom:.5rem;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.personal-project-modal__highlights li:before{content:"▸";position:absolute;left:0;color:var(--accent)}.personal-project-modal__highlights li:last-child{margin-bottom:0}.personal-project-modal__links{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}@keyframes personal-project-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes personal-project-modal-slide{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.education{background:color-mix(in srgb,var(--card-bg) 40%,var(--bg-color))}.education__list{position:relative;padding-left:1.5rem}.education__list:before{content:"";position:absolute;left:0;top:.5rem;bottom:.5rem;width:2px;background:linear-gradient(180deg,var(--accent),var(--border-color))}.education__item{position:relative;padding-bottom:1.75rem}.education__item:before{content:"";position:absolute;left:-1.5rem;top:.45rem;width:10px;height:10px;margin-left:-4px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.education__item:last-child{padding-bottom:0}.education__date{display:block;font-family:var(--font-mono);font-size:.8rem;color:var(--accent);margin-bottom:.35rem}@media screen and (max-width:480px){.education__date{font-size:.75rem}}.education__content{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.education__content a{color:var(--text-primary)}.education__content a:hover{color:var(--accent)}@media screen and (max-width:480px){.education__content{font-size:.88rem}}.skills,.skills .section__title,.skills .hashtag{font-family:var(--font-mono)}.skills__highlight{margin-bottom:2rem}@media screen and (max-width:480px){.skills__highlight{margin-bottom:1.25rem}}.skills__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}@media screen and (max-width:1300px){.skills__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:820px){.skills__grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media screen and (max-width:480px){.skills__grid{grid-template-columns:1fr}}.skills__category{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;transition:border-color var(--transition)}.skills__category:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border-color))}.skills__category-title{font-family:var(--font-mono);font-size:.9rem;color:var(--accent);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.03em}.skills__list{gap:.35rem}.footer{padding:2rem 0;border-top:1px solid var(--border-color);margin-top:2rem}@media screen and (max-width:480px){.footer{padding:1.5rem 0;margin-top:1rem}}.footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem;color:var(--text-secondary)}@media screen and (max-width:480px){.footer__inner{flex-direction:column;align-items:flex-start;font-size:.8rem;gap:.75rem}}.footer__links{display:flex;gap:1.25rem;align-items:center}@media screen and (max-width:480px){.footer__links{flex-wrap:wrap;gap:.75rem 1rem}}.footer__email-link{font-family:var(--font-mono);font-size:.82rem;color:var(--text-secondary);padding:.2rem .45rem;border:1px solid var(--border-color);border-radius:999px;background:color-mix(in srgb,var(--card-bg) 70%,transparent);transition:color var(--transition),border-color var(--transition)}.footer__email-link:hover{color:var(--accent);border-color:var(--accent);opacity:1}.footer__copy{font-family:var(--font-mono);font-size:.78rem;color:var(--accent);text-decoration:underline;text-underline-offset:2px}.footer__copy:hover{opacity:.8}.landing{min-height:100vh;display:flex;flex-direction:column}.landing__main{flex:1;padding-top:calc(var(--header-height) + 4rem);padding-bottom:3rem}@media screen and (max-width:820px){.landing__main{padding-top:calc(var(--header-height) + 2.5rem);padding-bottom:2rem}}@media screen and (max-width:480px){.landing__main{padding-top:calc(var(--header-height) + 1.5rem);padding-bottom:1.5rem}}.landing__hero{margin-bottom:3rem}@media screen and (max-width:820px){.landing__hero{margin-bottom:2.5rem}}@media screen and (max-width:480px){.landing__hero{margin-bottom:2rem}}.landing__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:3rem}@media screen and (max-width:1300px){.landing__cards{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.landing__cards{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}}.landing__card{position:relative;display:flex;flex-direction:column;padding:1.75rem}@media screen and (max-width:480px){.landing__card{padding:1.35rem 1.25rem}}.landing__card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);overflow:hidden;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition),opacity .55s ease calc(var(--card-index, 0) * 80ms);border-top:3px solid var(--card-accent)}.landing__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 50% -20%,color-mix(in srgb,var(--card-accent) 18%,transparent),transparent 70%);opacity:0;transition:opacity var(--transition);pointer-events:none}.landing__card:hover{transform:translateY(-6px);border-color:var(--card-accent);box-shadow:0 16px 48px color-mix(in srgb,var(--card-accent) 22%,transparent)}.landing__card:hover:before{opacity:1}.landing__card:hover .landing__card-cta{color:var(--card-accent)}.landing__card:hover .landing__card-cta:before{color:var(--card-accent)}[data-motion=on] .landing__cards:not(.landing__cards--ready) .landing__card{opacity:0}[data-motion=on] .landing__cards.landing__cards--ready .landing__card{opacity:1}.landing__card-dir{font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);opacity:.7;margin-bottom:.6rem}.landing__card-label{font-size:1.35rem;font-weight:700;color:var(--card-accent);margin-bottom:.2rem}.landing__card-label-en{font-size:.8rem;font-family:var(--font-mono);color:var(--text-secondary);margin-bottom:.75rem}.landing__card-desc{flex:1;font-size:.9rem;color:var(--text-secondary);line-height:1.55;margin-bottom:1rem}.landing__card-cta{font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--text-secondary);transition:color var(--transition)}.landing__card-cta:before{content:"$ ";color:inherit}.landing__contact{text-align:center;font-size:.9rem;color:var(--text-secondary);font-family:var(--font-mono)}.terminal{max-width:760px;margin:0 auto;text-align:left;font-family:var(--font-mono);background:#0a0e14;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 24px 70px #00000080,0 0 0 1px #ffffff05}.terminal__bar{display:flex;align-items:center;gap:.75rem;padding:.55rem .9rem;background:#12161f;border-bottom:1px solid var(--border-color)}.terminal__dots{display:inline-flex;gap:.4rem}.terminal__dots i{display:block;width:11px;height:11px;border-radius:50%;background:#3d444d}.terminal__dots i:nth-child(1){background:#ff5f56}.terminal__dots i:nth-child(2){background:#ffbd2e}.terminal__dots i:nth-child(3){background:#27c93f}.terminal__title{font-size:.76rem;color:var(--text-secondary)}.terminal__body{padding:1.4rem 1.5rem 1.6rem;font-size:clamp(.82rem,1.9vw,1rem);line-height:1.95;min-height:210px}@media screen and (max-width:480px){.terminal__body{padding:1.1rem 1.1rem 1.3rem;min-height:240px}}.typewriter__line{white-space:pre-wrap;word-break:break-word}.typewriter__line--out{color:color-mix(in srgb,var(--accent) 65%,var(--text-primary));padding-bottom:.4rem}.typewriter__prompt{color:var(--accent);margin-right:.5rem;-webkit-user-select:none;user-select:none}.typewriter__cursor{display:inline-block;width:.55ch;height:1.05em;margin-left:1px;background:var(--accent);vertical-align:text-bottom;animation:caretBlink 1s steps(2,start) infinite}@keyframes caretBlink{50%{opacity:0}}.architecture{margin:1.5rem 0 .5rem}.architecture__title{font-family:var(--font-mono);font-size:.95rem;color:var(--accent);margin-bottom:.75rem}.architecture__scroll{overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-color);padding:.75rem}.arch-svg{display:block;width:100%;height:auto;font-family:var(--font-mono)}.arch-node{fill:var(--card-bg);stroke:var(--border-color);stroke-width:1.2}.arch-node--agent{stroke:var(--accent);stroke-width:1.8}.arch-node--tool{stroke:#10b981}.arch-node--graph{stroke:#0ea5e9}.arch-node--llm{stroke:#f97316}.arch-node--db{stroke:#8b949e}.arch-title{fill:var(--text-primary);font-size:13px;font-weight:600}.arch-sub{fill:var(--text-secondary);font-size:11px}.arch-label{fill:var(--text-secondary);font-size:10px}.arch-zone{fill:var(--accent);font-size:12px;font-weight:700;opacity:.85}.arch-legend{fill:var(--text-secondary);font-size:10px}.arch-note{fill:#f97316;font-size:11px}.arch-arrow{stroke:#9aa4b2;stroke-width:1.8;fill:none}.arch-arrow--dashed{stroke-dasharray:4 3;opacity:.7}.arch-arrowhead{fill:#9aa4b2}.pipe-box{fill:var(--card-bg);stroke-width:1.5}.pipe-title{fill:#fff;font-size:13px;font-weight:700}.pipe-num{fill:#fff;font-size:11px;font-weight:700}.pipe-desc{fill:var(--text-secondary);font-size:11px}.pipe-phase{fill:var(--text-secondary);font-size:12px;font-weight:700}.pipe-flowline{stroke:#8b949e;stroke-width:1.5;fill:none}.pipe-loop{stroke:#ef4444;stroke-width:1.5;fill:none;stroke-dasharray:5 4}.pipe-loop-label{fill:#ef4444;font-size:12px;font-weight:600}.pipe-flow{stroke:#10b981;stroke-width:1.5;fill:none}.pipe-flow-label{fill:#10b981;font-size:12px;font-weight:600}.pipe-logo{fill:var(--text-primary);font-size:30px;font-weight:800}.pipe-logo-sub{fill:var(--text-secondary);font-size:12px}.pipe-ellipse{fill:none;stroke:var(--border-color);stroke-dasharray:3 3}.portfolio--editor{padding-bottom:var(--statusbar-h)}@media screen and (min-width:1301px){.portfolio--editor{padding-left:var(--sidebar-w)}}.portfolio--editor main{padding-top:var(--header-height)}.portfolio--editor .about{padding-top:2rem}@media screen and (max-width:820px){.portfolio--editor .about{padding-top:1.5rem}}@media screen and (max-width:480px){.portfolio--editor .about{padding-top:1.25rem}}.editor-sidebar{display:none}@media screen and (min-width:1301px){.editor-sidebar{display:flex;flex-direction:column;position:fixed;left:0;top:var(--header-height);bottom:var(--statusbar-h);width:var(--sidebar-w);background:color-mix(in srgb,var(--bg-color) 96%,#000);border-right:1px solid var(--border-color);z-index:90;overflow-y:auto;padding:.4rem 0}}.editor-sidebar__head{padding:.5rem 1rem .35rem}.editor-sidebar__head-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text-secondary)}.editor-sidebar__folder{display:flex;align-items:center;gap:.35rem;padding:.3rem .9rem;font-family:var(--font-mono);font-size:.82rem;color:var(--text-primary)}.editor-sidebar__chevron{color:var(--text-secondary);font-size:.7rem;line-height:1}.editor-sidebar__files{margin-top:.1rem}.editor-sidebar__file{display:flex;align-items:center;gap:.45rem;padding:.32rem .9rem .32rem 1.5rem;font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);border-left:2px solid transparent;transition:color var(--transition),background var(--transition)}.editor-sidebar__file:hover{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 8%,transparent);opacity:1}.editor-sidebar__file.is-active{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 14%,transparent);border-left-color:var(--accent)}.editor-sidebar__file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-crumb{position:sticky;top:var(--header-height);z-index:40;height:var(--breadcrumb-h);display:flex;align-items:center;background:color-mix(in srgb,var(--bg-color) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color)}.editor-crumb__inner{display:flex;align-items:center;gap:.4rem}.editor-crumb__seg{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary)}.editor-crumb__seg--file{color:var(--text-primary)}.editor-crumb__sep{color:color-mix(in srgb,var(--text-secondary) 55%,transparent);font-size:.72rem}@media screen and (max-width:480px){.editor-crumb{display:none}}.editor-status{position:fixed;left:0;right:0;bottom:0;height:var(--statusbar-h);z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 .8rem;background:var(--accent);color:#fff;font-family:var(--font-mono);font-size:.72rem;overflow:hidden}.editor-status__group{display:flex;align-items:center;gap:.85rem;min-width:0}.editor-status__item{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}.editor-status__ico{font-size:.8rem}.editor-status__dot{width:8px;height:8px;border-radius:50%;background:#fff}@media screen and (max-width:820px){.editor-status{font-size:.68rem}.editor-status__group{gap:.65rem}.editor-status__sync,.editor-status__opt{display:none}}@media screen and (max-width:480px){.editor-status{font-size:.64rem;gap:.5rem;padding:0 .5rem}.editor-status__role{display:none}}