@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg:#0f0f12;--bg-2:#15151a;--bg-3:#1b1b22;--surface-card:rgba(255,255,255,.06);--surface-card-hover:rgba(255,255,255,.1);--surface-solid:#1a1a21;--border-1:rgba(255,255,255,.16);--border-2:rgba(255,255,255,.09);--text-1:#f5f5f7;--text-2:rgba(245,245,247,.64);--text-3:rgba(245,245,247,.38);--fg-inverse:#0f0f12;--accent:#ff8a3d;--accent-2:#ff5d8f;--accent-3:#a06bff;--link:#6aa6ff;--positive:#3fce7c}[data-theme=light]{--bg:#f7f6f4;--bg-2:#fafaf8;--bg-3:#efedea;--surface-card:#fafaf8;--surface-card-hover:#f3f1ed;--surface-solid:#fafaf8;--border-1:rgba(23,23,26,.14);--border-2:rgba(23,23,26,.08);--text-1:#17171a;--text-2:rgba(23,23,26,.62);--text-3:rgba(23,23,26,.4);--fg-inverse:#f5f5f7;--accent:#e8701f;--accent-2:#e5487b;--accent-3:#7a4de0;--link:#2f6fd6;--positive:#199a55}:root{--font-sans:"Hanken Grotesk","Noto Sans KR",-apple-system,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",monospace;--text-display:clamp(44px,7vw,72px);--text-h1:40px;--text-h2:28px;--text-h3:20px;--text-body:16px;--text-sm:14px;--text-xs:12px;--leading-tight:1.08;--leading-body:1.65;--tracking-display:-.03em;--tracking-tight:-.01em;--tracking-wide:.08em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-heavy:800}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--container:1040px;--container-narrow:680px}:root{--shadow-card:0 4px 16px rgba(0,0,0,.3);--shadow-float:0 12px 40px rgba(0,0,0,.45);--shadow-inset-hi:inset 0 1px 1px rgba(255,255,255,.18);--glass-bg:rgba(255,255,255,.08);--glass-border:rgba(255,255,255,.2);--glass-blur:blur(16px) saturate(180%);--gradient-ambient:radial-gradient(1200px 850px ellipse at 82% 8%,rgba(255,120,40,.1),rgba(255,120,40,.04) 45%,transparent 75%),radial-gradient(1000px 750px ellipse at 12% 92%,rgba(160,90,255,.08),rgba(160,90,255,.03) 45%,transparent 75%),radial-gradient(1500px 1000px ellipse at 50% 50%,rgba(255,255,255,.03),transparent 80%);--ease:cubic-bezier(.4,0,.2,1);--dur:.25s}[data-theme=light]{--shadow-card:0 4px 16px rgba(20,20,30,.08);--shadow-float:0 12px 40px rgba(20,20,30,.12);--shadow-inset-hi:inset 0 1px 1px rgba(255,255,255,.8);--glass-bg:rgba(255,255,255,.6);--glass-border:rgba(20,20,30,.1);--glass-blur:blur(16px) saturate(180%);--gradient-ambient:radial-gradient(1200px 850px ellipse at 82% 8%,rgba(255,150,80,.07),rgba(255,150,80,.03) 45%,transparent 75%),radial-gradient(1000px 750px ellipse at 12% 92%,rgba(160,120,255,.06),rgba(160,120,255,.02) 45%,transparent 75%),radial-gradient(1500px 1000px ellipse at 50% 45%,rgba(250,250,248,.5),transparent 80%)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text-1);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}a{color:var(--link);text-decoration:none;transition:opacity var(--dur) var(--ease)}a:hover{opacity:.72}h1,h2,h3{margin:0;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.bg-ambient{background-image:var(--gradient-ambient)}@media (prefers-reduced-transparency:reduce){.ds-glassnav,.ds-btn--glass{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--bg-2)!important}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.ds-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-pill);font-family:var(--font-sans);font-weight:var(--weight-semibold);font-size:15px;line-height:1;padding:13px 22px;cursor:pointer;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),opacity var(--dur) var(--ease);text-decoration:none}.ds-btn:hover{transform:translateY(-1px)}.ds-btn:active{transform:translateY(0) scale(.98)}.ds-btn--sm{padding:9px 16px;font-size:13px}.ds-btn--primary{background:var(--text-1);color:var(--bg)}.ds-btn--primary:hover{opacity:.88}.ds-btn--glass{background:var(--glass-bg);color:var(--text-1);border-color:var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-card),var(--shadow-inset-hi)}.ds-btn--glass:hover{background:var(--surface-card-hover)}.ds-btn--ghost{background:transparent;color:var(--text-2)}.ds-btn--ghost:hover{color:var(--text-1)}.ds-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-pill);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-1);cursor:pointer;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:background var(--dur) var(--ease),transform var(--dur) var(--ease)}.ds-iconbtn:hover{background:var(--surface-card-hover);transform:translateY(-1px)}.ds-iconbtn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.ds-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:var(--radius-pill);background:var(--surface-card);border:1px solid var(--border-2);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-2);line-height:1.4}.ds-badge__dot{width:7px;height:7px;border-radius:50%;background:var(--positive);box-shadow:0 0 8px var(--positive)}.ds-tag{display:inline-flex;align-items:center;padding:5px 12px;border-radius:var(--radius-pill);border:1px solid var(--border-1);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-2);background:transparent}.ds-card{background:var(--surface-card);border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5);transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}.ds-card--hover:hover{transform:translateY(-3px);background:var(--surface-card-hover)}.ds-glassnav{position:relative;display:inline-flex;align-items:center;gap:2px;padding:6px;border-radius:var(--radius-pill);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-float),var(--shadow-inset-hi)}.ds-glassnav__pill{position:absolute;top:6px;bottom:6px;border-radius:var(--radius-pill);background:var(--text-1);transition:left .35s var(--ease),width .35s var(--ease);z-index:0}.ds-navitem{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-2);cursor:pointer;background:transparent;border:0;font-family:var(--font-sans);transition:color var(--dur) var(--ease),background var(--dur) var(--ease);text-decoration:none}.ds-navitem:hover{color:var(--text-1);opacity:1}.ds-navitem--active{background:transparent;color:var(--bg)}.ds-navitem--active:hover{color:var(--bg)}.skill-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:110px;height:110px;background:var(--surface-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);cursor:pointer;transition:transform .3s var(--ease),background .3s var(--ease)}.skill-card:hover{transform:translateY(-4px);background:var(--surface-card-hover)}.skill-card img{width:32px;height:32px;object-fit:contain}.skill-card span{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-1)}.ds-section-heading{font-size:var(--text-h1);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--text-1);margin:0}.ds-section-heading small{display:block;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-3);margin-bottom:10px}.ds-timeline{display:flex;flex-direction:column;gap:var(--space-6);margin:0;padding:0;list-style:none}.ds-timeline__item{display:grid;grid-template-columns:1fr auto;gap:4px 16px}.ds-timeline__org{font-size:var(--text-h3);font-weight:var(--weight-bold);color:var(--text-1)}.ds-timeline__role{color:var(--link);font-size:var(--text-sm);font-weight:var(--weight-medium)}.ds-timeline__period{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-3);white-space:nowrap;padding-top:6px}.ds-timeline__desc{grid-column:1/-1;color:var(--text-2);font-size:var(--text-sm);margin:4px 0 0;max-width:56ch}.masonry{columns:3;column-gap:var(--space-4)}.masonry>*{break-inside:avoid;margin-bottom:var(--space-4);border-radius:var(--radius-md);overflow:hidden;display:block;width:100%}.masonry img{display:block;width:100%;border-radius:var(--radius-md);transition:transform .35s var(--ease),opacity .35s var(--ease)}.masonry a:hover img,.masonry img:hover{transform:scale(1.02);opacity:.9}@media (max-width:720px){.masonry{columns:2}}.ds-social{display:flex;gap:var(--space-4);align-items:center}.ds-social a{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-size:var(--text-sm);font-weight:var(--weight-medium)}.ds-social a:hover{color:var(--text-1);opacity:1}html{scroll-behavior:smooth}*{transition-property:background-color,color,border-color;transition-duration:.5s;transition-timing-function:var(--ease)}.section{max-width:var(--container);margin:0 auto;padding:var(--space-9) var(--space-6)}.hero-about{display:grid;grid-template-columns:280px 1fr;gap:var(--space-8);align-items:start}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-6)}.proj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5);margin-top:var(--space-6)}.skills-wrap{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.skill-row{display:flex;gap:18px;flex-wrap:wrap}.skill-label{font-family:var(--font-mono);font-size:12px;color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.foot-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5)}.ambient-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.glow-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.glow{position:absolute;border-radius:50%;filter:blur(130px)}.glow-1{width:1100px;height:1100px;top:-380px;right:-280px;background:radial-gradient(circle,rgba(255,120,40,.22),rgba(255,120,40,.08) 45%,transparent 75%);animation:float1 24s ease-in-out infinite}.glow-2{width:940px;height:940px;bottom:-320px;left:-280px;background:radial-gradient(circle,rgba(160,90,255,.18),rgba(160,90,255,.06) 45%,transparent 75%);animation:float2 28s ease-in-out infinite}[data-theme=light] .glow-1{background:radial-gradient(circle,rgba(255,150,80,.18),rgba(255,150,80,.06) 45%,transparent 75%)}[data-theme=light] .glow-2{background:radial-gradient(circle,rgba(160,120,255,.14),rgba(160,120,255,.05) 45%,transparent 75%)}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(-36px,26px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(28px,-34px)}}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes cardIn{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes routeFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spinIco{to{transform:rotate(360deg)}}@keyframes shakeX{10%,90%{transform:translate(-6px)}20%,80%{transform:translate(8px)}30%,50%,70%{transform:translate(-10px)}40%,60%{transform:translate(10px)}}.spin-ico{animation:spinIco .9s linear infinite}.login-card input{transition:border-color .2s var(--ease)}.login-card input:focus{outline:none;border-color:var(--text-3)}.ds-input{background:var(--surface-card);border:1px solid var(--border-1);border-radius:var(--radius-sm);padding:11px 13px;color:var(--text-1);font-family:var(--font-sans);font-size:var(--text-sm);width:100%;transition:border-color .2s var(--ease)}.ds-input:focus{outline:none;border-color:var(--text-3)}.ds-input::placeholder{color:var(--text-3)}.list-toolbar{display:flex;gap:10px;margin-top:var(--space-6);flex-wrap:wrap}.list-toolbar__search{display:flex;align-items:center;gap:8px;flex:1;min-width:200px;background:var(--surface-card);border:1px solid var(--border-1);border-radius:var(--radius-sm);padding:9px 13px}.list-toolbar__search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--text-1);font-family:var(--font-sans);font-size:var(--text-sm)}.list-toolbar__search input::placeholder{color:var(--text-3)}.list-toolbar__sort{width:auto;min-width:148px;flex-shrink:0}.gallery-item{position:relative;cursor:pointer}.gallery-item__meta{padding:10px 4px 4px}.gallery-item__caption{margin:0;font-size:var(--text-sm);color:var(--text-2)}.gallery-item__tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.lightbox-img{border-radius:var(--radius-md);overflow:hidden;background:var(--bg-2);display:flex;align-items:center;justify-content:center;max-height:60vh}.lightbox-img img{width:100%;max-height:60vh;object-fit:contain;display:block}.guestbook-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto;margin-top:14px;padding-right:4px}.guestbook-entry{background:var(--surface-card-hover);border-radius:var(--radius-sm);padding:10px 12px}.playlist-tabs{display:flex;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:var(--space-6) 2px 4px;scrollbar-width:none}.playlist-tabs::-webkit-scrollbar{display:none}.playlist-tab{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:78px;flex-shrink:0;padding:8px 6px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.playlist-tab:hover{background:var(--surface-card-hover)}.playlist-tab--active{border-color:var(--text-3);background:var(--surface-card-hover)}.playlist-tab__cover{width:56px;height:56px;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-card);display:flex;align-items:center;justify-content:center;flex-shrink:0}.playlist-tab__cover img{width:100%;height:100%;object-fit:cover;display:block}.playlist-tab__title{font-size:var(--text-xs);color:var(--text-2);text-align:center;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.playlist-tab--active .playlist-tab__title{color:var(--text-1);font-weight:var(--weight-semibold)}.playlist-grid{display:grid;grid-template-columns:320px 1fr;gap:var(--space-5);margin-top:var(--space-6);align-items:start}.rec-grid{display:grid;grid-template-columns:380px 1fr;gap:var(--space-5);margin-top:var(--space-5);align-items:start}.track-row{display:grid;grid-template-columns:28px 34px 1fr auto;gap:12px;align-items:center;padding:11px 4px;border-bottom:1px solid var(--border-2);border-radius:var(--radius-sm);transition:background var(--dur) var(--ease)}.track-row:last-child{border-bottom:0}.track-row__num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-3);display:flex;align-items:center;justify-content:flex-end}.track-row__thumb{width:34px;height:34px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--surface-card-hover);display:flex;align-items:center;justify-content:center}.track-row__thumb img{width:100%;height:100%;object-fit:cover;display:block}.track-row__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-1)}.track-row__artist{font-size:var(--text-xs);color:var(--text-3);margin-left:10px}.track-row__dur{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-3)}.track-row--playable{cursor:pointer}.track-row--playable:hover{background:var(--surface-card-hover)}.track-row--active .track-row__title,.track-row--active .track-row__num{color:var(--text-1)}.track-player{position:fixed;right:20px;bottom:20px;z-index:500}.track-player__bubble{position:relative;width:56px;height:56px;border-radius:50%;overflow:hidden;padding:0;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-card),var(--shadow-inset-hi);cursor:pointer;display:flex;align-items:center;justify-content:center;animation:cardIn .3s var(--ease)}.track-player__bubble img{width:100%;height:100%;object-fit:cover;display:block}.track-player__pulse{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;background:var(--surface-card);border:2px solid var(--bg);display:flex;align-items:center;justify-content:center}.track-player__pulse:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--text-3)}.track-player__pulse.is-playing:before{background:#4ade80;animation:pulseDot 1.2s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.track-player__panel{width:260px;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-float),var(--shadow-inset-hi);animation:cardIn .3s var(--ease);display:flex;flex-direction:column;gap:10px}.track-player__panel-head{display:flex;justify-content:space-between;align-items:center}.track-player__panel-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-3)}.track-player__panel-head .ds-iconbtn{width:26px;height:26px}.track-player__cover{width:100%;aspect-ratio:1/1;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-card-hover);display:flex;align-items:center;justify-content:center}.track-player__cover img{width:100%;height:100%;object-fit:cover;display:block}.track-player__meta{text-align:center}.track-player__title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-player__artist{font-size:var(--text-xs);color:var(--text-3);margin-top:2px}.track-player__progress{height:4px;border-radius:var(--radius-pill);background:var(--border-2);cursor:pointer;overflow:hidden}.track-player__progress-fill{height:100%;background:var(--text-1);border-radius:var(--radius-pill);transition:width .2s linear}.track-player__times{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:var(--text-3);margin-top:-4px}.track-player__controls{display:flex;align-items:center;justify-content:center;gap:14px}@media (max-width: 640px){.track-player{right:14px;bottom:14px}.track-player__panel{width:calc(100vw - 28px);max-width:300px}}.track-list{max-height:414px;overflow-y:auto}.rec-list{display:flex;flex-direction:column;gap:var(--space-3);max-height:560px;overflow-y:auto;padding-right:4px}@media (max-width: 900px){.playlist-grid,.rec-grid{grid-template-columns:1fr}.playlist-grid>*,.rec-grid>*{min-width:0}.playlist-cover{width:180px;max-width:60%;margin:0 auto}.track-list{max-height:none;overflow-y:visible;display:flex;flex-direction:row;gap:10px;overflow-x:auto;min-width:0;-webkit-overflow-scrolling:touch;padding-bottom:6px}.track-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex-shrink:0;width:140px;border-bottom:0;border-radius:var(--radius-sm);background:var(--surface-card-hover);padding:12px}.track-row__num{order:-1;justify-content:flex-start}.track-row__thumb{order:-2;width:100%;height:116px;border-radius:var(--radius-sm);margin-bottom:2px}.track-row__body{display:block}.track-row__artist{display:block;margin-left:0;margin-top:2px}.track-row__dur{margin-top:2px}.rec-list{flex-direction:row;max-height:none;overflow-y:visible;overflow-x:auto;min-width:0;padding-right:0;padding-bottom:6px;-webkit-overflow-scrolling:touch}.rec-list>.ds-card{width:260px;flex-shrink:0}}@media (max-width: 720px){.hero-about{grid-template-columns:1fr;justify-items:center;text-align:center}.blog-grid,.proj-grid{grid-template-columns:1fr}.section{padding:var(--space-8) var(--space-5)}.foot-row{flex-direction:column;text-align:center}}@media (max-width: 640px){header{padding-left:14px!important;padding-right:14px!important}.header-clock{display:none}.header-center{flex:1;min-width:0;justify-content:flex-end}.ds-glassnav{min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ds-glassnav::-webkit-scrollbar{display:none}.ds-navitem{padding:8px 12px;font-size:13px;white-space:nowrap}.ds-iconbtn{flex-shrink:0}}.post-editor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;background:var(--bg);background-image:var(--gradient-ambient);animation:overlayFade .3s var(--ease)}.post-editor__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--glass-border);background:color-mix(in srgb,var(--bg-2) 55%,transparent);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.post-editor__kind{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-3)}.post-editor__bar-actions{display:flex;align-items:center;gap:8px}.post-editor__scroll{flex:1;overflow-y:auto}.post-editor__inner{max-width:820px;margin:0 auto;padding:44px 24px 140px}.post-editor__title{width:100%;border:0;background:transparent;outline:none;font-family:var(--font-sans);font-size:clamp(28px,4vw,40px);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-tight);color:var(--text-1);padding:0 0 18px;border-bottom:1px solid var(--border-2)}.post-editor__title::placeholder{color:var(--text-3)}.post-editor__textarea{width:100%;min-height:58vh;border:0;background:transparent;outline:none;resize:none;font-family:var(--font-sans);font-size:17px;line-height:1.85;color:var(--text-1);padding:4px 0}.post-editor__textarea::placeholder{color:var(--text-3)}.md-toolbar{position:sticky;top:12px;z-index:5;display:flex;align-items:center;gap:2px;flex-wrap:wrap;margin:18px 0;padding:6px;width:fit-content;border-radius:var(--radius-pill);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-card),var(--shadow-inset-hi)}.md-toolbar__btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-2);cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:var(--weight-semibold);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.md-toolbar__btn:hover{background:var(--surface-card-hover);color:var(--text-1)}.md-toolbar__sep{width:1px;height:18px;background:var(--border-1);margin:0 5px;flex-shrink:0}.publish-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;background:#00000073;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:overlayFade .25s var(--ease)}.publish-sheet{width:660px;max-width:100vw;max-height:84vh;overflow-y:auto;padding:var(--space-6);border:1px solid var(--glass-border);border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:color-mix(in srgb,var(--bg-2) 82%,transparent);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-float),var(--shadow-inset-hi);animation:sheetUp .38s var(--ease)}@keyframes sheetUp{0%{transform:translateY(55%);opacity:0}to{transform:translateY(0);opacity:1}}.publish-sheet__label{display:block;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-3);margin:0 0 8px}.publish-sheet__row{margin-bottom:var(--space-5)}.publish-sheet__radio{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--radius-pill);border:1px solid var(--border-1);font-size:var(--text-sm);color:var(--text-2);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.publish-sheet__radio--on{background:var(--text-1);color:var(--bg);border-color:transparent}.repo-card{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-inset-hi)}.repo-card__avatar{width:40px;height:40px;border-radius:10px;flex-shrink:0}.repo-card__name{font-weight:var(--weight-bold);color:var(--text-1);font-size:var(--text-sm)}.repo-card__desc{margin:3px 0 0;font-size:var(--text-sm);color:var(--text-2)}.repo-card__meta{display:flex;gap:14px;flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-3);margin-top:7px}.repo-card__meta span{display:inline-flex;align-items:center;gap:5px}.prose{color:var(--text-2);line-height:1.85;font-size:17px;overflow-wrap:break-word}.prose>:first-child{margin-top:0}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--text-1);margin:1.6em 0 .55em;line-height:1.3;letter-spacing:var(--tracking-tight)}.prose h1{font-size:28px}.prose h2{font-size:23px}.prose h3{font-size:19px}.prose h4{font-size:17px}.prose p{margin:0 0 1em}.prose strong{color:var(--text-1)}.prose img{max-width:100%;border-radius:var(--radius-md)}.prose blockquote{margin:1.2em 0;padding:2px 0 2px 18px;border-left:3px solid var(--accent);color:var(--text-2)}.prose blockquote p:last-child{margin-bottom:0}.prose pre{background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--radius-md);padding:16px;overflow-x:auto;font-family:var(--font-mono);font-size:13.5px;line-height:1.6;color:var(--text-1)}.prose code{font-family:var(--font-mono);font-size:.88em;background:var(--bg-3);padding:2px 6px;border-radius:6px}.prose pre code{background:transparent;padding:0;font-size:inherit}.prose ul,.prose ol{padding-left:1.4em;margin:0 0 1em}.prose li{margin-bottom:.3em}.prose hr{border:0;border-top:1px solid var(--border-1);margin:2em 0}.prose table{border-collapse:collapse;width:100%;margin:1em 0;font-size:15px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border-1);padding:8px 12px;text-align:left}.prose th{color:var(--text-1)}@media (max-width:720px){.post-editor__inner{padding:28px 18px 120px}.md-toolbar{width:100%;border-radius:var(--radius-md)}}