@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #000000;--bg-card: rgba(20, 20, 20, .4);--bg-card-hover: rgba(35, 35, 35, .6);--border: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .2);--text-main: #f0f0f0;--text-muted: #999999;--accent: #ffffff;--accent-2: #aaaaaa;--nav-h: 72px;--footer-h: 56px;--space: clamp(16px, 4vw, 40px)}*{box-sizing:border-box}::selection{background:#333;color:#fff}body{margin:0;min-height:100vh;background:var(--bg-dark);color:var(--text-main);font-family:Outfit,Pretendard,sans-serif;overflow-x:clip}a,button{color:inherit;text-decoration:none;border:none;background:none;cursor:pointer}.flex-center{display:flex;align-items:center;justify-content:center;gap:6px}.flex-col{display:flex;flex-direction:column}.page-backdrop{position:fixed;inset:0;z-index:-1;background-image:url(/assets/home-background-dark.jpg);background-size:cover;background-position:center;filter:blur(28px) brightness(.85);transform:scale(1.1)}.page{min-height:calc(100vh - var(--nav-h));padding-bottom:var(--footer-h);display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:var(--nav-h);padding:0 var(--space);background:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar__identity{display:flex;align-items:center;gap:16px}.topbar__divider{width:1px;height:24px;background:var(--border);transform:rotate(15deg)}.topbar__back{font-size:.9rem;font-weight:500;color:var(--text-muted);display:flex;align-items:center;gap:6px;transition:.2s}.topbar__back:hover{color:var(--text-main)}.mark{display:flex;align-items:center;gap:12px}.mark__avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.mark__avatar img{width:100%;height:100%;object-fit:cover}.mark__word{font-weight:700;font-size:1.2rem;letter-spacing:-.02em}.topbar nav{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:24px}.topbar nav a{font-size:.85rem;font-weight:500;color:var(--text-muted);transition:.2s}.topbar nav a:hover{color:var(--text-main)}.bento-container{width:min(100%,1200px);margin:0 auto;padding:40px var(--space) 80px}.bento-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;gap:24px}.bento-box,.settings-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:24px;padding:32px;position:relative;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.bento-nav--settings:hover,.bento-nav--contact:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.bento-hero{grid-column:span 3;justify-content:center;display:flex;flex-direction:column}.bento-hero h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:1.1;margin:0 0 16px;letter-spacing:-.03em}.bento-hero p{font-size:1.2rem;color:var(--text-muted);max-width:500px;line-height:1.6;margin:0}.bento-image{grid-column:span 1;padding:0;position:relative;min-height:0}.bento-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bento-header{display:flex;align-items:center;gap:10px;color:var(--accent-2);margin-bottom:24px;font-weight:600}.bento-about{grid-column:span 2}.bento-about p{font-size:1.1rem;line-height:1.6;color:var(--text-main);margin:0}.bento-nav{grid-column:span 1;justify-content:space-between}.bento-nav h3{margin:0 0 8px;font-size:1.3rem}.bento-nav p{margin:0;font-size:.9rem;color:var(--text-muted)}.bento-nav-icon,.bento-nav--settings .bento-nav-icon,.bento-nav--contact .bento-nav-icon{color:var(--accent)}.bento-arrow{position:absolute;top:24px;right:24px;color:var(--text-muted);transition:.3s}.bento-nav--settings:hover .bento-arrow,.bento-nav--contact:hover .bento-arrow,.bento-recent-posts:hover .bento-arrow{color:var(--text-main);transform:translate(4px,-4px)}.bento-recent-posts .bento-header{color:#fff}.bento-recent-posts:hover,.bento-nav--settings:hover,.bento-nav--contact:hover{border-color:#fff3;background:#ffffff08}.bento-gear{grid-column:span 4;grid-row:auto}.gear-bento-list{display:flex;flex-direction:column;gap:16px}.gear-bento-item{display:flex;flex-direction:column;padding-bottom:16px;border-bottom:1px solid var(--border)}.gear-bento-item:last-child{border-bottom:none;padding-bottom:0}.gear-bento-category{font-size:.75rem;font-weight:600;color:var(--accent-2);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.gear-bento-name{margin:0 0 4px;font-size:1.2rem;font-weight:600}.gear-bento-desc{margin:0;font-size:.95rem;color:var(--text-muted);line-height:1.5;padding-left:14px;position:relative}.gear-bento-desc:before{content:"•";position:absolute;left:2px;color:var(--border-hover)}.list-layout{width:min(100%,1000px);margin:0 auto;padding:80px var(--space) 120px}.list-header{text-align:center;margin-bottom:64px}.list-icon-wrapper{display:inline-flex;padding:16px;border-radius:20px;background:var(--bg-card);border:1px solid var(--border);color:var(--accent);margin-bottom:24px}.list-header h1{font-size:3rem;margin:0 0 16px;letter-spacing:-.04em}.list-header p{font-size:1.1rem;color:var(--text-muted);margin:0}.settings-list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.settings-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.item-card__category{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-2);font-weight:600}.item-card__index{display:flex;align-items:center;gap:4px;font-size:.9rem;color:var(--text-muted);font-weight:500}.settings-card h2{margin:8px 0 0;font-size:1.8rem}.settings-card__note{margin:0;color:var(--text-muted);line-height:1.6;font-size:1rem}.settings-card__values{margin-top:32px;background:#0000004d;border-radius:16px;overflow:hidden}.settings-category-title{margin:0;padding:24px 24px 12px;font-size:1rem;color:var(--accent);background:#ffffff05;border-bottom:1px solid var(--border)}.settings-category-title:first-child{border-top:none}.settings-value-row{display:flex;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border)}.settings-value-row:last-child{border-bottom:none}.settings-label{color:var(--text-muted);font-size:.95rem;flex-shrink:0;margin-right:16px}.settings-val{font-weight:500;text-align:right;min-width:0;overflow-wrap:anywhere}.contact-list{width:min(100%,640px);margin:0 auto;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:24px;overflow:hidden}.contact-row{display:grid;grid-template-columns:160px minmax(0,1fr) 24px;align-items:center;gap:16px;width:100%;min-height:72px;padding:0 28px;font:inherit;text-align:left;border-bottom:1px solid var(--border)}.contact-list>div:last-child .contact-row{border-bottom:none}.contact-row__label{font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-2)}.contact-row__value{font-size:1.05rem;font-weight:500;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-row__action{display:flex;justify-content:flex-end;color:var(--text-muted);transition:color .2s}.contact-row:hover .contact-row__action{color:var(--text-main)}.page-footer{position:fixed;left:0;right:0;bottom:0;z-index:50;height:var(--footer-h);display:flex;justify-content:space-between;align-items:center;padding:0 var(--space);background:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem;font-weight:500}.page-footer button{font:inherit;color:inherit;transition:color .2s}.page-footer button:hover{color:var(--text-main)}@media(max-width:1024px){.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-hero{grid-column:span 2}.bento-image{grid-column:span 2;grid-row:span 1;aspect-ratio:2/1}.bento-gear{grid-column:span 2}.settings-list-grid{grid-template-columns:1fr}}@media(max-width:640px){.bento-grid{grid-template-columns:minmax(0,1fr)}.bento-hero,.bento-image,.bento-about,.bento-nav,.bento-gear{grid-column:span 1;grid-row:auto}.bento-hero{padding:40px 24px}.bento-hero h1{font-size:2.2rem}.bento-image{aspect-ratio:16/9}.bento-nav{min-height:200px}.settings-value-row{flex-direction:column;gap:8px;text-align:left}.settings-val{text-align:left}.contact-row{grid-template-columns:96px minmax(0,1fr) 20px;padding:0 20px}.topbar nav a{display:none}.topbar nav a.flex-center{display:flex}}.bento-recent-posts{display:flex;flex-direction:column}.recent-posts-list{display:flex;flex-direction:column;gap:12px}.recent-post-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--border);font-size:.95rem}.recent-post-item:last-child{border-bottom:none;padding-bottom:0}.recent-post-title{color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:16px}.recent-post-date{color:var(--text-muted);font-size:.8rem;flex-shrink:0}.post-list-layout{width:min(100%,1200px);margin:0 auto;padding:80px var(--space) 120px}.post-list-header{text-align:center;margin-bottom:48px}.post-list-header h1{font-size:3rem;margin:16px 0 8px;letter-spacing:-.04em}.post-list-header p{color:var(--text-muted);font-size:1.1rem}.back-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s;font-family:inherit}.back-btn:hover{color:var(--text-main);background:#ffffff0d}.post-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:16px}.category-filters{display:flex;gap:8px;flex-wrap:wrap}.category-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);padding:8px 16px;border-radius:20px;cursor:pointer;transition:.2s;font-size:.9rem}.category-btn:hover,.category-btn.active{background:var(--text-main);color:#000;border-color:var(--text-main)}.search-box{position:relative;width:100%;max-width:300px}.search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-box input{width:100%;background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);padding:10px 16px 10px 40px;border-radius:20px;font-size:.95rem;outline:none;transition:border-color .2s}.search-box input:focus{border-color:var(--text-muted)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.post-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .3s,border-color .3s;display:flex;flex-direction:column}.post-card:hover{transform:translateY(-4px);border-color:var(--border-hover)}.post-card-banner{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden}.post-card-banner img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.post-card:hover .post-card-banner img{transform:scale(1.05)}.post-card-category{position:absolute;top:12px;left:12px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff}.post-card-content{padding:20px;display:flex;flex-direction:column;flex-grow:1}.post-card-content h2{margin:0 0 12px;font-size:1.3rem;line-height:1.4}.post-card-date{margin-top:auto;font-size:.85rem;color:var(--text-muted)}.no-posts{grid-column:1 / -1;text-align:center;padding:60px;color:var(--text-muted);background:var(--bg-card);border-radius:16px;border:1px dashed var(--border)}.post-list-header-compact{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;border-bottom:2px solid var(--border);padding-bottom:12px}.post-list-header-compact h1{font-size:1.8rem;margin:0;line-height:1}.post-list-table{display:flex;flex-direction:column}.post-list-table-header{display:flex;padding:12px 16px;background:#ffffff08;border-bottom:1px solid var(--border);font-size:.85rem;color:var(--text-muted);font-weight:600;text-transform:uppercase}.post-list-row{display:flex;padding:16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s;align-items:center}.post-list-row:hover{background:#ffffff0d}.col-cat{width:100px;flex-shrink:0;color:var(--accent);font-size:.85rem;font-weight:600}.col-title{flex-grow:1;font-size:1rem;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:16px}.col-date{width:100px;flex-shrink:0;text-align:right;color:var(--text-muted);font-size:.85rem}.post-detail-card{position:relative;border-radius:20px;padding:48px}.post-detail-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:#00000080;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:-1;pointer-events:none}.post-detail-layout{width:min(100%,800px);margin:0 auto;padding:60px var(--space) 120px}@media(min-width:1024px){.post-detail-layout{width:min(100%,1400px);display:grid;grid-template-columns:200px minmax(0,800px) 240px;justify-content:center;gap:40px}}.post-sidebar{display:none}@media(min-width:1024px){.post-sidebar{display:block}}.sidebar-sticky{position:sticky;top:calc(var(--nav-h) + 40px);max-height:calc(100vh - var(--nav-h) - 80px);overflow-y:auto;padding-bottom:20px}.sidebar-sticky::-webkit-scrollbar{width:4px}.sidebar-sticky::-webkit-scrollbar-track{background:transparent}.sidebar-sticky::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sidebar-title{font-size:.9rem;font-weight:700;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:16px}.category-list,.toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.category-list li button,.toc-list li a{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;background:transparent;border:none;padding:6px 12px;border-radius:6px;color:var(--text-muted);font-size:.95rem;cursor:pointer;transition:all .2s;text-decoration:none;font-family:inherit}.category-list li.active button,.toc-list li.active a{color:var(--accent);background:#ffffff0d;font-weight:600}.category-list li button:hover,.toc-list li a:hover{color:var(--text-main);background:#ffffff1a}.cat-count{font-size:.8rem;opacity:.7}.toc-item.toc-level-2 a{padding-left:24px}.toc-item.toc-level-3 a{padding-left:36px;font-size:.85rem}.toc-item.toc-level-4 a{padding-left:48px;font-size:.8rem}.no-toc{font-size:.9rem;color:var(--text-muted);padding:12px}.post-detail-header{margin:0 0 60px;display:flex;flex-direction:column;align-items:flex-start}.post-category-label{color:var(--accent);font-size:.9rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.post-title{font-size:clamp(2.3rem,3vw,2.6rem);font-weight:700;line-height:1.2;margin:0 0 16px;letter-spacing:-.03em}.post-date{color:var(--text-muted);font-size:1rem}.post-content{color:var(--text-main);line-height:1.8;font-size:1.1rem}.post-content h1,.post-content h2,.post-content h3,.post-content h4{margin:2em 0 1em;font-weight:700;letter-spacing:-.02em;line-height:1.3;scroll-margin-top:calc(var(--nav-h) + 20px)}.post-content h1{font-size:2.2rem}.post-content h2{font-size:1.8rem;border-bottom:1px solid var(--border);padding-bottom:8px}.post-content h3{font-size:1.4rem}.post-content h4{font-size:1.2rem}.post-content p{margin:0 0 1.5em}.post-content strong{font-weight:700;color:#fff}.post-content em{font-style:italic;color:var(--accent-2)}.post-content del{text-decoration:line-through;opacity:.6}.post-content kbd{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:.85em;font-family:monospace;box-shadow:0 2px 0 var(--border)}.post-content code{background:var(--bg-card);color:var(--accent);padding:2px 6px;border-radius:4px;font-size:.9em;font-family:Consolas,Monaco,monospace}.code-block-wrapper{background:#0f1115;border:1px solid var(--border);border-radius:12px;margin:2em 0;display:flex;flex-direction:column;overflow:hidden}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#ffffff08;border-bottom:1px solid var(--border)}.code-language{font-size:.8rem;font-weight:600;color:var(--text-muted);letter-spacing:.05em}.code-actions{display:flex;gap:8px}.code-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.code-btn:hover{background:#ffffff1a;color:var(--text-main)}.code-block-body{overflow-x:auto;padding:20px}.code-block-body::-webkit-scrollbar{height:8px}.code-block-body::-webkit-scrollbar-track{background:#0003;border-radius:4px}.code-block-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.code-block-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.post-content pre{margin:0;padding:0;background:transparent;border:none;overflow:visible}.code-block-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:40px;pointer-events:none}.code-block-overlay-bg{position:absolute;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.code-block-expanded-container{position:relative;width:100%;max-width:1200px;height:90vh;display:flex;flex-direction:column;z-index:9999;pointer-events:auto}.page:has(.code-block-wrapper.expanded){position:relative;z-index:9999}.code-block-expanded-container .code-block-wrapper{margin:0;height:100%;max-height:90vh;box-shadow:0 24px 48px #00000080}.code-block-expanded-container .code-block-body{overflow:auto}.post-content pre code{background:transparent;color:#e2e8f0;padding:0;font-size:.95em;border-radius:0}.post-content blockquote{margin:2em 0;padding:16px 24px;border-left:4px solid var(--accent);background:var(--bg-card);border-radius:0 12px 12px 0;color:var(--text-muted)}.post-content blockquote p:last-child{margin-bottom:0}.post-content blockquote blockquote{margin:1em 0 0;background:#ffffff05}.post-content ul,.post-content ol{margin:0 0 1.5em;padding-left:24px}.post-content li{margin-bottom:8px}.post-content .task-list{list-style:none;padding-left:0}.post-content .task-list li{display:flex;align-items:center;gap:12px}.post-content .task-list input[type=checkbox]{appearance:none;width:18px;height:18px;border:2px solid var(--border);border-radius:4px;display:grid;place-content:center;cursor:pointer;background:transparent}.post-content .task-list input[type=checkbox]:before{content:"";width:10px;height:10px;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em var(--accent);background-color:var(--accent);transform-origin:bottom left;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.post-content .task-list input[type=checkbox]:checked:before{transform:scale(1)}.post-content .task-list .task-done{color:var(--text-muted);text-decoration:line-through}.post-content table{width:100%;border-collapse:collapse;margin:2em 0;font-size:.95rem}.post-content th,.post-content td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.post-content th{background:var(--bg-card);font-weight:600;color:var(--accent-2)}.post-content details{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin:2em 0;overflow:hidden}.post-content summary{padding:16px 20px;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px}.post-content summary:before{content:"▶";font-size:.8em;color:var(--text-muted);transition:transform .2s}.post-content details[open] summary:before{transform:rotate(90deg)}.post-content details .details-content{padding:16px 20px 20px;border-top:1px solid var(--border);margin-top:16px}.post-image-figure{margin:2em 0;border-radius:12px;overflow:hidden}.post-image-figure img{width:100%;height:auto;border-radius:12px;border:1px solid var(--border)}.post-image-figure figcaption{text-align:center;font-size:.9rem;color:var(--text-muted);margin-top:12px}.post-widget{display:flex;align-items:center;gap:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px;text-decoration:none;color:inherit;margin:1.5em 0;transition:all .2s}.post-widget:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px)}.widget-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;background:#ffffff08;border:1px solid var(--border);color:var(--accent);flex-shrink:0}.widget-info{display:flex;flex-direction:column;gap:4px;flex-grow:1;overflow:hidden}.widget-title{font-weight:600;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-desc{font-size:.85rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-url,.widget-meta{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--accent-2)}.widget-action{color:var(--text-muted);display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;transition:all .2s}.post-widget:hover .widget-action{color:var(--accent);background:#ffffff0d}.widget-action.action-large{padding:12px;background:#ffffff0d;border:1px solid var(--border);color:var(--accent-2)}.post-widget:hover .widget-action.action-large{background:#ffffff1a;color:#fff}.file-widget-fallback{border-style:dashed}