:root{--bg:#0a0a10;--surface:#12121d;--surface-2:#171728;--line:#23233c;--ink:#eeedf5;--muted:#8d8da6;--pink:#ff2e7e;--blue:#4a5cff;--green:#29e06a;--red:#ff4747;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",Arial,sans-serif;--font-display:var(--font-body);--font-mono:ui-monospace,"SFMono-Regular","Cascadia Mono",Consolas,"Nanum Gothic Coding",monospace}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}::selection{background:var(--pink);color:#0a0a10}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(10,10,16,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:58px}.logo{font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:.02em;position:relative}.logo:focus-visible .logo-text,.logo:hover .logo-text{animation:glitch .45s steps(2,jump-none) infinite}@keyframes glitch{0%{text-shadow:2px 0 var(--pink),-2px 0 var(--blue)}25%{text-shadow:-2px 1px var(--pink),2px -1px var(--green)}50%{text-shadow:1px -1px var(--blue),-1px 1px var(--pink)}75%{text-shadow:-2px 0 var(--green),2px 0 var(--blue)}to{text-shadow:2px 0 var(--pink),-2px 0 var(--blue)}}@media (prefers-reduced-motion:reduce){.logo:hover .logo-text{animation:none;text-shadow:2px 0 var(--pink),-2px 0 var(--blue)}}.logo .tld{color:var(--muted);font-weight:400}.nav{display:flex;gap:18px;align-items:center;font-family:var(--font-mono);font-size:.8rem}.nav a{color:var(--muted);transition:color .15s}.nav a:hover{color:var(--pink)}.nav a.admin-link{color:var(--green)}.hero{position:relative;border-bottom:1px solid var(--line);overflow:hidden}.hero-bg{background-image:url(/imgs/background-hero.webp);background-size:cover;background-position:center 30%;opacity:.38;filter:saturate(1.1)}.hero-bg,.hero-bg:after{position:absolute;inset:0}.hero-bg:after{content:"";background:linear-gradient(180deg,rgba(10,10,16,.55) 0,rgba(10,10,16,.75) 60%,var(--bg) 100%)}.hero .wrap{position:relative;display:flex;align-items:center;gap:24px;padding-top:56px;padding-bottom:56px}.hero-profile{width:96px;height:96px;border-radius:50%;padding:3px;background:conic-gradient(var(--pink),var(--blue),var(--green),var(--pink));flex-shrink:0}.hero-profile img{display:block;width:100%;height:100%;border-radius:50%;border:3px solid var(--bg)}.hero h1{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.2;letter-spacing:-.01em}.hero p{color:var(--muted);margin-top:6px;max-width:46ch}.hero .eyebrow{font-family:var(--font-mono);font-size:.72rem;color:var(--green);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.main-grid{display:grid;grid-template-columns:230px 1fr;grid-gap:40px;gap:40px;padding-top:36px;padding-bottom:80px}@media (max-width:760px){.main-grid{grid-template-columns:1fr;gap:20px}.cat-mobile-toggle{display:flex;width:100%;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-family:var(--font-body);font-size:.9rem;padding:10px 14px;cursor:pointer}.cat-panel{display:none}.cat-panel.open{display:block;margin-top:12px}.cat-tree .tree-title{display:none}}.cat-tree{font-size:.9rem}.cat-tree .tree-title{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.cat-tree ul{list-style:none}.cat-tree ul ul{margin-left:9px;padding-left:8px;border-left:1px solid var(--line)}.cat-tree li{margin:2px 0}.cat-row{display:flex;align-items:center;gap:2px}.cat-chevron{flex-shrink:0;width:18px;height:24px;background:none;border:none;padding:0;color:var(--muted);font-size:.7rem;cursor:pointer;border-radius:4px}.cat-chevron:hover{color:var(--pink)}.cat-chevron.spacer{cursor:default}.cat-mobile-toggle{display:none}.cat-tree a{flex:1 1;display:flex;justify-content:space-between;gap:8px;padding:4px 8px;border-radius:6px;color:var(--muted)}.cat-tree a:hover{background:var(--surface);color:var(--ink)}.cat-tree a.active{background:var(--surface);color:var(--pink)}.cat-tree .count{font-size:.72rem}.cat-tree .count,.section-title{font-family:var(--font-mono);color:var(--muted)}.section-title{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}.post-list{list-style:none;display:flex;flex-direction:column}.post-card{padding:20px 0;border-bottom:1px solid var(--line)}.post-card:first-child{padding-top:0}.post-card h2{font-size:1.25rem;font-weight:500;line-height:1.4;margin-bottom:3px}.post-card h2 a:hover{color:var(--pink);text-decoration:underline;text-underline-offset:3px}.post-card .meta{font-size:.8125rem;line-height:20px;color:var(--muted);margin-top:4px;display:flex;gap:12px;flex-wrap:wrap}.post-card .meta .cat{color:var(--blue)}.post-card .body{display:flex;align-items:flex-start;gap:14px;margin-top:6px}.post-thumb{flex-shrink:0;width:76px;height:76px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}.post-thumb img{width:100%;height:100%;object-fit:cover;display:block}.post-card .excerpt{color:var(--muted);font-size:.875rem;line-height:1.58}.empty{padding:32px 0;font-size:.92rem}.crumbs,.empty{color:var(--muted)}.crumbs{font-family:var(--font-mono);font-size:.75rem;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.crumbs a:hover{color:var(--pink)}.crumbs .sep{color:var(--line)}.crumbs .here{color:var(--green)}.article{max-width:720px;margin:0 auto;padding:44px 0 90px}.article-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--line)}.article-header h1{font-size:clamp(1.5rem,3.4vw,2.1rem);line-height:1.3;letter-spacing:-.01em}.article-header .meta{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);margin-top:12px;display:flex;gap:14px;flex-wrap:wrap}.prose{font-size:1.02rem}.prose h1,.prose h2,.prose h3{margin:1.6em 0 .6em;line-height:1.35}.prose h2{font-size:1.35rem;padding-left:12px;border-left:3px solid var(--pink)}.prose h3{font-size:1.12rem}.prose blockquote,.prose ol,.prose p,.prose ul{margin:.9em 0}.prose ol,.prose ul{padding-left:1.4em}.prose a{color:var(--blue);border-bottom:1px solid transparent}.prose a:hover{border-bottom-color:var(--blue)}.prose blockquote{border-left:3px solid var(--line);padding:4px 0 4px 16px;color:var(--muted)}.prose code{font-family:var(--font-mono);font-size:.86em;background:var(--surface-2);padding:2px 6px;border-radius:4px}.prose pre{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px;overflow-x:auto;margin:1em 0}.prose pre code{background:none;padding:0}.prose img{border-radius:10px;margin:1em 0}.prose hr{border:none;border-top:1px solid var(--line);margin:2em 0}.gb-form{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:32px;display:flex;flex-direction:column;gap:12px}.admin-form input[type=password],.admin-form input[type=text],.admin-form select,.admin-form textarea,.gb-form input[type=text],.gb-form textarea{background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--ink);font-family:var(--font-body);font-size:.95rem;padding:10px 12px;width:100%}.gb-form textarea{min-height:90px;resize:vertical}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus,.gb-form input:focus,.gb-form textarea:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:transparent}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.btn{display:inline-block;background:var(--pink);color:#0a0a10;font-family:var(--font-mono);font-size:.8rem;font-weight:600;border:none;border-radius:8px;padding:10px 18px;cursor:pointer;align-self:flex-start;transition:transform .1s,box-shadow .15s}.btn:hover{box-shadow:0 0 16px rgba(255,46,126,.45);transform:translateY(-1px)}.btn.secondary{background:var(--surface-2);color:var(--ink);border:1px solid var(--line)}.btn.danger{background:transparent;color:var(--red);border:1px solid var(--red);padding:4px 10px;font-size:.7rem}.gb-list{list-style:none;display:flex;flex-direction:column;gap:14px}.gb-item{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:10px;padding:14px 16px}.gb-item:nth-child(3n+1){border-left-color:var(--pink)}.gb-item:nth-child(3n+2){border-left-color:var(--blue)}.gb-item:nth-child(3n){border-left-color:var(--green)}.gb-item .gb-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px}.gb-item .gb-nick{font-weight:600;font-size:.9rem}.gb-item .gb-date{font-family:var(--font-mono);font-size:.7rem;color:var(--muted)}.gb-item p{font-size:.92rem;white-space:pre-wrap;word-break:break-word}.page{max-width:720px;margin:0 auto;padding:44px 0 90px}.page>h1{font-family:var(--font-display);font-size:1.7rem;margin-bottom:8px}.page>.lede{color:var(--muted);margin-bottom:32px}.admin-form{gap:14px}.admin-form,.admin-form label{display:flex;flex-direction:column}.admin-form label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);gap:6px}.admin-form textarea.editor{min-height:420px;font-family:var(--font-mono);font-size:.88rem;line-height:1.6}.admin-form .row{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.admin-form .row>label{flex:1 1;min-width:180px}.admin-form .check{flex-direction:row;align-items:center;gap:8px}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);text-align:left;padding:8px}.admin-table td,.admin-table th{border-bottom:1px solid var(--line)}.admin-table td{padding:10px 8px;vertical-align:middle}.admin-table .draft{color:var(--muted)}.admin-table .draft,.admin-table .pub{font-family:var(--font-mono);font-size:.72rem}.admin-table .pub{color:var(--green)}.admin-nav{display:flex;gap:14px;margin-bottom:28px;font-family:var(--font-mono);font-size:.78rem}.admin-nav a{color:var(--muted);padding:6px 10px;border:1px solid var(--line);border-radius:8px}.admin-nav a:hover{color:var(--pink);border-color:var(--pink)}.form-error{color:var(--red);font-size:.85rem}.form-ok{color:var(--green);font-size:.85rem}.music-dock{position:fixed;right:18px;bottom:18px;z-index:80;gap:8px}.music-dock,.music-panel{display:flex;align-items:center}.music-panel{gap:10px;background:rgba(18,18,29,.94);border:1px solid var(--line);border-radius:999px;padding:6px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.music-panel .track{font-family:var(--font-mono);font-size:.68rem;color:var(--muted);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-panel input[type=range]{width:70px;accent-color:var(--pink)}.music-panel button{background:none;border:none;color:var(--ink);cursor:pointer;font-size:.85rem;padding:2px 4px}.music-panel button:hover{color:var(--pink)}.music-toggle{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:rgba(18,18,29,.94);color:var(--muted);font-size:1rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .15s,border-color .15s,box-shadow .15s}.music-toggle:hover{color:var(--pink);border-color:var(--pink)}.music-toggle.playing{color:var(--green);border-color:var(--green);box-shadow:0 0 12px rgba(41,224,106,.35)}.site-footer{border-top:1px solid var(--line);padding:28px 0 40px;color:var(--muted);font-family:var(--font-mono);font-size:.72rem}.site-footer .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.site-footer .dots span{display:inline-block;width:8px;height:8px;border-radius:2px;margin-left:4px}