*{margin:0;padding:0;box-sizing:border-box}:root{--main-color: #fff59d;--second-color: #b3e5fc;--accent-color: #f57c00;--check-color: var(--blue-dark);--pg-1: #ffe08a;--pg-2: #ffc043;--pg-3: #f29d38;--yellow: #fff59d;--yellow-dark: #f57c00;--yellow-shadow: rgba(245, 124, 0, 0.4);--blue: #b3e5fc;--blue-dark: #0277bd;--blue-shadow: rgba(2, 119, 189, 0.4);--green: #c8e6c9;--green-dark: #388e3c;--green-shadow: rgba(56, 142, 60, 0.4);--pink: #f8bbd9;--pink-dark: #c2185b;--pink-shadow: rgba(194, 24, 91, 0.4);--purple: #d1c4e9;--purple-dark: #7b1fa2;--purple-shadow: rgba(123, 31, 162, 0.4);--orange: #ffcc80;--orange-dark: #f57c00;--orange-shadow: rgba(245, 124, 0, 0.4);--bg-primary: #ffffff;--bg-secondary: #ffffff;--cork-texture: #8d6e63;--text-primary: #2d1b1b;--text-secondary: #6c757d;--search-bg: rgba(255, 255, 255, 1);--search-text: #333;--search-placeholder: #999;--theme-toggle-bg: rgba(45, 27, 27, 0.1);--footer-text: #9ca3af}[data-theme=dark]{--main-color: #2c465d;--second-color: #462c5d;--accent-color: #93c5fd;--check-color: var(--text-primary);--pg-1: #86c8ff;--pg-2: #3fa4ff;--pg-3: #1383ff;--bg-primary: #22314d;--bg-secondary: #2c4163;--text-primary: #e9f1fa;--text-secondary: #b6c2d3;--yellow: #5a522b;--yellow-dark: #fde047;--blue: #2c465d;--blue-dark: #93c5fd;--green: #2a4d36;--green-dark: #86efac;--pink: #5d2c46;--pink-dark: #f9a8d4;--purple: #462c5d;--purple-dark: #d8b4fe;--orange: #7c2d12;--orange-dark: #fdba74}body{font-family:"IBM Plex Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;min-height:100vh;color:var(--text-primary);font-size:17px;overflow-x:hidden;position:relative;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative}.main-content{position:relative;z-index:1;min-height:calc(100vh - 200px)}.main-nav{background:rgba(45,27,27,.95);backdrop-filter:blur(10px);border-bottom:2px solid rgba(139,110,99,.3);padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.2)}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{font-family:"IBM Plex Sans KR",sans-serif;font-size:2.2rem;font-weight:700;color:var(--yellow-dark);text-decoration:none;transform:rotate(0);text-shadow:2px 2px 4px rgba(0,0,0,.3);transition:all .3s ease}.logo:hover{transform:rotate(0deg) scale(1.05);color:var(--yellow);text-shadow:3px 3px 6px rgba(0,0,0,.4)}.nav-menu{display:none;gap:2rem}.site-header{background:rgba(45,27,27,.9);backdrop-filter:blur(10px);border-bottom:2px solid rgba(139,110,99,.3);padding:1rem 0;position:sticky;top:0;z-index:100}.site-nav{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem}.site-logo{font-family:"IBM Plex Sans KR",sans-serif;font-size:2.2rem;font-weight:700;color:var(--yellow-dark);text-decoration:none;transform:rotate(0);text-shadow:2px 2px 4px rgba(0,0,0,.3);transition:all .3s ease}.site-logo:hover{transform:rotate(0deg) scale(1.05);color:var(--yellow);text-shadow:3px 3px 6px rgba(0,0,0,.4)}.nav-links{display:flex;gap:2rem}.nav-link{font-family:"IBM Plex Sans KR",sans-serif;color:var(--text-secondary);text-decoration:none;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;position:relative;transform:rotate(0)}.nav-link:hover{color:var(--yellow-dark);background:rgba(255,245,157,.1);transform:translateY(-1px)}.hero-section{text-align:center;padding:3rem 0 2rem 0;position:relative}.hero-title{font-family:"IBM Plex Sans KR",sans-serif;font-size:clamp(3rem,10vw,6rem);font-weight:700;color:var(--yellow-dark);text-shadow:4px 4px 8px rgba(0,0,0,.5);transform:rotate(0);margin-bottom:1rem}.hero-subtitle{font-family:"IBM Plex Sans KR",sans-serif;font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem;transform:rotate(0)}.memo-wall-container{position:relative;z-index:1;margin:0 auto;padding:0 2rem;min-height:600px;max-width:1400px}.memo-wall{position:relative;min-height:80vh;padding:2rem;margin:2rem 0;width:100%}.memo-card{position:absolute}.memo-card:not(.not-found-card){width:280px !important}.memo-card{padding:1.8rem 1.5rem 2.2rem 1.5rem;box-sizing:border-box;font-family:"IBM Plex Sans KR",sans-serif;cursor:pointer;transition:all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);border-radius:0;border-top-right-radius:12px;box-shadow:2px 4px 8px rgba(0,0,0,.2),0 0 20px rgba(0,0,0,.1),inset -1px -1px 2px rgba(0,0,0,.1);background-image:linear-gradient(90deg, transparent 79px, rgba(0, 0, 0, 0.04) 79px, rgba(0, 0, 0, 0.04) 81px, transparent 81px),linear-gradient(rgba(0, 0, 0, 0.02) 1px, transparent 1px);background-size:82px 20px,100% 20px;transform:rotate(var(--rotation)) translate(var(--x), var(--y));z-index:1}.memo-card.small{width:280px !important;font-size:.9rem}.memo-card.large{width:280px !important;font-size:1.05rem}.memo-card.extra-large{width:280px !important;font-size:1.1rem}.memo-card:hover{transform:rotate(0deg) translate(var(--x), calc(var(--y) - 20px)) scale(1.05);z-index:50;box-shadow:5px 15px 30px rgba(0,0,0,.4),0 0 40px rgba(0,0,0,.2),inset -2px -2px 4px rgba(0,0,0,.1)}.memo-card::before{content:"";position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:12px;height:12px;background:radial-gradient(circle, #8b4513 30%, #a0522d 60%, #8b4513 100%);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.3),inset -1px -1px 2px rgba(0,0,0,.2),inset 1px 1px 1px hsla(0,0%,100%,.3);z-index:10}.memo-card.yellow{background-color:var(--yellow);color:#bf8f00;box-shadow:2px 4px 8px var(--yellow-shadow),0 0 20px rgba(255,245,157,.3),inset -1px -1px 2px rgba(191,143,0,.2)}.memo-card.blue{background-color:var(--blue);color:#01579b;box-shadow:2px 4px 8px var(--blue-shadow),0 0 20px rgba(179,229,252,.3),inset -1px -1px 2px rgba(1,87,155,.2)}.memo-card.green{background-color:var(--green);color:#1b5e20;box-shadow:2px 4px 8px var(--green-shadow),0 0 20px rgba(200,230,201,.3),inset -1px -1px 2px rgba(27,94,32,.2)}.memo-card.pink{background-color:var(--pink);color:#880e4f;box-shadow:2px 4px 8px var(--pink-shadow),0 0 20px rgba(248,187,217,.3),inset -1px -1px 2px rgba(136,14,79,.2)}.memo-card.purple{background-color:var(--purple);color:#4a148c;box-shadow:2px 4px 8px var(--purple-shadow),0 0 20px rgba(209,196,233,.3),inset -1px -1px 2px rgba(74,20,140,.2)}.memo-card.orange{background-color:var(--orange);color:#e65100;box-shadow:2px 4px 8px var(--orange-shadow),0 0 20px rgba(255,204,128,.3),inset -1px -1px 2px rgba(230,81,0,.2)}.memo-title{margin:0;padding:0;font-family:"IBM Plex Sans KR",sans-serif;font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:.6rem;transform:rotate(0);max-width:100%;word-break:break-word;overflow-wrap:break-word}.memo-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8rem;margin-bottom:.8rem;opacity:.8}.memo-meta span{background:rgba(0,0,0,.1);padding:2px 6px;border-radius:4px;transform:rotate(0)}.memo-excerpt{font-size:.95rem;line-height:1.6;margin-bottom:1rem;font-weight:400}.memo-tags{display:flex;flex-wrap:wrap;gap:.3rem}.memo-tag{display:inline-block;background:rgba(0,0,0,.15);padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:600;transform:rotate(0deg)}.stats-wall{position:relative;height:200px;margin:3rem 0}.stat-card{position:absolute;width:140px;height:120px;padding:1rem;text-align:center;display:flex;flex-direction:column;justify-content:center;font-family:"IBM Plex Sans KR",sans-serif;cursor:default;transition:all .3s ease}.stat-number{font-size:2.2rem;font-weight:700;margin-bottom:.3rem}.stat-label{font-size:.85rem;font-weight:500}.stat-card:nth-child(1){top:20px;left:10%;transform:rotate(-8deg)}.stat-card:nth-child(2){top:40px;left:35%;transform:rotate(5deg)}.stat-card:nth-child(3){top:10px;right:30%;transform:rotate(-3deg)}.stat-card:nth-child(4){top:50px;right:5%;transform:rotate(7deg)}.stat-card:hover{transform:rotate(0deg) scale(1.1) translateY(-5px);z-index:10}.btn{display:inline-block;padding:.8rem 1.5rem;margin:.5rem;font-size:1rem;font-weight:500;text-decoration:none;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.btn-primary{background:var(--yellow);color:var(--yellow-dark)}.btn-secondary{background:var(--blue);color:var(--blue-dark)}.btn-tertiary{background:var(--green);color:var(--green-dark)}@media(max-width: 768px){.memo-wall{display:flex;flex-direction:column;gap:1.5rem;min-height:auto;padding:1rem}.memo-card{position:static;width:100%;max-width:400px;margin:0 auto 1.5rem auto;transform:rotate(var(--mobile-rotation, 0deg)) !important}.memo-card:hover{transform:rotate(var(--mobile-rotation, 0deg)) translateY(-10px) scale(1.02) !important}.stats-wall{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;height:auto}.stat-card{position:static !important;transform:rotate(-2deg) !important;width:120px;height:100px}}@media(min-width: 768px)and (max-width: 1024px){.memo-card{position:absolute;transform:rotate(var(--rotation)) translate(var(--x), var(--y))}.memo-wall{position:relative;min-height:400px}}@keyframes float{0%,100%{transform:rotate(var(--rotation)) translate(var(--x), var(--y)) translateY(0px)}50%{transform:rotate(var(--rotation)) translate(var(--x), var(--y)) translateY(-5px)}}.memo-card.floating{animation:float 4s ease-in-out infinite}.handwritten{transform:rotate(0);font-weight:700}[data-theme=dark] .memo-card.yellow{background-color:var(--yellow);color:var(--yellow-dark)}[data-theme=dark] .memo-card.blue{background-color:var(--blue);color:var(--blue-dark)}[data-theme=dark] .memo-card.green{background-color:var(--green);color:var(--green-dark)}[data-theme=dark] .memo-card.pink{background-color:var(--pink);color:var(--pink-dark)}[data-theme=dark] .memo-card.purple{background-color:var(--purple);color:var(--purple-dark)}[data-theme=dark] .memo-card.orange{background-color:var(--orange);color:var(--orange-dark)}[data-theme=dark] .memo-card{box-shadow:2px 4px 12px rgba(0,0,0,.4),0 0 30px rgba(0,0,0,.3),inset -1px -1px 2px rgba(0,0,0,.3)}[data-theme=dark] .memo-meta span,[data-theme=dark] .memo-tag{background:hsla(0,0%,100%,.1)}[data-theme=dark] .btn-primary{background:var(--blue);color:var(--blue-dark)}[data-theme=dark] .btn-secondary{background:var(--purple);color:var(--purple-dark)}[data-theme=dark] .btn-tertiary{background:var(--pink);color:var(--pink-dark)}[data-theme=dark] body{background:var(--bg-primary)}.not-found-container{text-align:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - var(--header-height) - var(--footer-height) - 8rem)}.not-found-container .not-found-card{position:relative;cursor:default}.memo-wall{position:relative;height:auto}.memo-wall .memo-card{margin:0 auto;width:400px;max-width:90%;z-index:10}.main-memo h1{font-size:2.5rem;margin-bottom:1rem}.main-memo h2{font-size:1.5rem;margin-bottom:1.5rem}.main-memo p{font-size:1.1rem;margin-bottom:1rem}.main-memo .action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-green{background:var(--green);color:var(--green-dark)}mark{background:rgba(0,0,0,0);background-image:linear-gradient(120deg, rgba(255, 215, 0, 0.4) 0%, rgba(255, 235, 59, 0.2) 100%);background-repeat:no-repeat;background-size:100% 40%;background-position:0 90%;color:inherit;padding:0 2px;font-weight:600;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:all .3s cubic-bezier(0.25, 0.8, 0.25, 1)}[data-theme=dark] mark{background-image:linear-gradient(120deg, rgba(253, 224, 71, 0.5) 0%, rgba(250, 204, 21, 0.3) 100%);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}:root{--cork-bg: #f7f3ed;--cork-transition-bg: rgba(247, 243, 237, 0.7);--cork-surface: #faf7f1;--cork-text: #5a4a3a;--cork-text-soft: #8b7a6a;--cork-shadow: rgba(0, 0, 0, 0.15);--cork-pin: #c4a484;--note-yellow: #fff3cd;--note-blue: #cde7ff;--note-pink: #ffcde7;--note-green: #cdffd3;--note-purple: #e7cdff;--glass-bg: rgb(255, 255, 255);--glass-border: rgba(90, 74, 58, 0.15);--cork-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}[data-theme=dark]{--cork-bg: #1b2a44;--cork-transition-bg: rgba(27, 42, 68, 0.7);--cork-surface: #2c4163;--cork-text: #e9f1fa;--cork-text-soft: #b6c2d3;--cork-shadow: rgba(0, 0, 0, 0.4);--cork-pin: #8b7355;--note-yellow: #d4a574;--note-blue: #7ba3c7;--note-pink: #c97ba3;--note-green: #8bc97b;--note-purple: #a37bc9;--glass-bg: rgba(245, 241, 235, 0.1);--glass-border: rgba(245, 241, 235, 0.2)}.corkboard-header{position:sticky;top:0;z-index:100;background:var(--cork-bg);padding:.75rem 0;box-shadow:0 2px 12px rgba(0,0,0,.08);transition:transform .3s ease}.corkboard-header.transparent{background:var(--cork-transition-bg);backdrop-filter:blur(6px)}.corkboard-header::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%, rgba(196, 164, 132, 0.1) 1px, transparent 1px),radial-gradient(circle at 75% 25%, rgba(196, 164, 132, 0.08) 1px, transparent 1px),radial-gradient(circle at 25% 75%, rgba(196, 164, 132, 0.06) 1px, transparent 1px),radial-gradient(circle at 75% 75%, rgba(196, 164, 132, 0.1) 1px, transparent 1px);background-size:60px 60px,80px 80px,70px 70px,90px 90px;opacity:.5;pointer-events:none}.corkboard-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;gap:2rem;position:relative;z-index:1}.brand-section{flex-shrink:0}.brand-memo{text-decoration:none;display:block}.brand-note{position:relative;display:flex;align-items:center;gap:.875rem}@media(max-width: 768px){.brand-note{gap:.4rem}}.brand-note{padding:.5rem .75rem;width:152px;height:62px;border-radius:4px;background:var(--note-yellow);border-radius:4px;box-shadow:0 4px 8px var(--cork-shadow);transition:var(--cork-transition);transform:rotate(-1.5deg);border:1px solid rgba(0,0,0,.05)}[data-theme=dark] .brand-note{background:var(--note-blue)}.brand-note:hover{transform:rotate(0deg) translateY(-2px);box-shadow:0 6px 12px var(--cork-shadow)}.brand-icon{font-size:1.75rem;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1))}.brand-text{display:flex;flex-direction:column}.brand-title{font-size:1rem;font-weight:700;color:var(--cork-text);line-height:1;margin-bottom:2px}.brand-subtitle{font-size:.65rem;font-weight:600;color:var(--cork-text-soft);text-transform:uppercase;letter-spacing:1.2px}.note-pin{position:absolute;top:-6px;right:12px;width:12px;height:12px;background:var(--cork-pin);border-radius:50%;box-shadow:inset 1px 1px 2px hsla(0,0%,100%,.3),0 1px 3px rgba(0,0,0,.2)}.note-pin::before{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;background:rgba(0,0,0,.2);border-radius:50%;transform:translate(-50%, -50%)}.nav-section{display:flex;align-items:center;gap:1rem;margin-left:auto}.nav-memo{text-decoration:none;display:block}.nav-note{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:4px;box-shadow:0 4px 8px var(--cork-shadow);transition:var(--cork-transition);border:1px solid rgba(0,0,0,.05);cursor:pointer}.nav-note:hover{transform:translateY(12px) rotate(0deg) !important;box-shadow:0 6px 12px var(--cork-shadow)}.nav-note:hover .note-pin{background:radial-gradient(circle, #8b4513 30%, #a0522d 60%, #8b4513 100%)}.nav-memo.active .nav-note{box-shadow:0 2px 4px var(--cork-shadow),inset 0 1px 3px rgba(0,0,0,.1);transform:scale(0.95) translateY(12px) !important}.nav-memo.active .note-pin{background:radial-gradient(circle, #8b4513 30%, #a0522d 60%, #8b4513 100%)}.nav-note-yellow{background:var(--note-yellow);transform:rotate(-2deg)}.nav-note-blue{background:var(--note-blue);transform:rotate(1.5deg)}.nav-note-pink{background:var(--note-pink);transform:rotate(-1deg)}.nav-note-green{background:var(--note-green);transform:rotate(2.5deg)}.nav-note-purple{background:var(--note-purple);transform:rotate(2.5deg)}.nav-text{display:none;font-size:.8rem;font-weight:600}.mobile-nav-toggle{display:none;flex-direction:column;justify-content:space-around;width:24px;height:24px;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0;z-index:1001;margin-left:1rem}.mobile-nav-toggle span{width:24px;height:2px;background:var(--cork-text);border-radius:10px;transition:all .3s ease-in-out;position:relative;transform-origin:center}.nav-open{overflow:hidden}.nav-open .corkboard-header{transform:none !important;transition:none !important}.nav-open .mobile-nav-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-open .mobile-nav-toggle span:nth-child(2){opacity:0}.nav-open .mobile-nav-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-icon{font-size:1.2rem;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1))}.glass-theme-toggle{border:none;background:rgba(0,0,0,0);cursor:pointer;padding:0}.mobile-only-actions .glass-theme-content{background:var(--glass-bg);box-shadow:0 4px 16px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.2)}.glass-theme-content{display:flex;align-items:center;justify-content:center;width:52px;height:52px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:50%;transition:var(--cork-transition)}.glass-theme-toggle:hover .glass-theme-content{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 6px 20px rgba(0,0,0,.12),inset 0 1px 0 hsla(0,0%,100%,.3);transform:translateY(-1px) scale(1.05)}.theme-icon,.language-icon{font-size:1.3rem;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));color:var(--cork-text)}.corkboard-tooltip{position:fixed;background:var(--note-yellow);color:var(--cork-text);padding:.5rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600;box-shadow:0 4px 8px var(--cork-shadow);border:1px solid rgba(0,0,0,.05);z-index:1000;opacity:0;transform:translateY(-5px) rotate(-1deg);transition:all .2s ease;pointer-events:none;white-space:nowrap}[data-theme=dark] .corkboard-tooltip{background:var(--note-blue)}.corkboard-tooltip.show{opacity:1;transform:translateY(0) rotate(1deg)}.mobile-only-actions{display:none;gap:1.5rem}@media(min-width: 768px){.nav-board{display:flex;align-items:center;gap:.75rem}}@media(max-width: 1024px){.corkboard-container{gap:1.5rem}.search-section{max-width:320px}.nav-board{gap:.5rem}.nav-note{width:44px;height:44px;transform:scale(0.95) rotate(var(--rotation, 0deg))}}@media(max-width: 768px){.corkboard-container{justify-content:space-between;padding:0 1rem;gap:.5rem}.nav-section{margin-left:0;display:contents}.nav-board{position:fixed;inset:0;min-height:100vh;padding-top:15%;padding-bottom:5%;background:var(--cork-transition-bg);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;opacity:0;visibility:hidden;transform:translateY(-20px);transition:all .3s ease}.nav-open .nav-board{opacity:1;visibility:visible;transform:translateY(0)}.nav-note{width:90px;height:90px;flex-direction:column;gap:.5rem;transform:rotate(var(--rotation, 0deg)) !important}.nav-memo.active .nav-note{transform:scale(0.95) rotate(var(--rotation, 0deg)) !important}.nav-text{display:block;color:var(--text-primary)}.mobile-only-actions{display:flex;align-items:center}.mobile-search-trigger .glass-search-content{width:52px;height:52px;border-radius:50%}.mobile-nav-toggle{display:flex;order:2}.desktop-search-bar{display:none}.header-controls{display:flex;align-items:center;gap:.5rem;order:1;margin-left:auto}.brand-note{padding:.5rem;width:140px;height:50px}.brand-title{font-size:1.2rem}.brand-subtitle{display:none}.corkboard-tooltip{display:none !important}}@media(max-width: 480px){.corkboard-container{gap:.75rem;padding:0 1rem}.nav-icon{font-size:1.1rem}.theme-icon,.language-icon{font-size:1.2rem}}.search-section{flex:1}.search-modal-section{height:100%;width:100%}.glass-search{cursor:pointer}.glass-search-content{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.2);transition:var(--cork-transition)}.glass-search:hover .glass-search-content{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 6px 20px rgba(0,0,0,.12),inset 0 1px 0 hsla(0,0%,100%,.3);transform:translateY(-1px)}.search-icon-area{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(0,0,0,0)}.search-icon{color:var(--cork-text);filter:drop-shadow(0 0.5px 1px rgba(0, 0, 0, 0.1))}.search-text{flex:1;color:var(--cork-text);font-size:.9rem;font-weight:500}.search-kbd{background:hsla(0,0%,100%,.6);color:var(--cork-text);border-radius:4px;padding:.4rem .6rem;font-size:.7rem;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[data-theme=dark] .search-kbd{background:none;box-shadow:none}@media(max-width: 480px){.desktop-search-bar{max-width:200px}.search-text{display:none}}.simple-search-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;overflow:visible}.simple-search-modal.show{opacity:1;visibility:visible;pointer-events:auto}.simple-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);cursor:pointer;overflow:visible}.simple-search-container{position:relative;width:90%;max-width:600px;z-index:1001;pointer-events:auto}.simple-search-box{background:#fff;border-radius:8px;box-shadow:0 4px 24px rgba(0,0,0,.15);overflow:auto;max-height:80vh;display:flex;flex-direction:column;position:sticky;top:10vh;scrollbar-width:none;-ms-overflow-style:none}.simple-search-box::-webkit-scrollbar{display:none}.search-form{flex-shrink:0}.search-input-wrapper{position:relative;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #e5e7eb}.search-input-icon{color:#9ca3af;margin-right:12px;flex-shrink:0}.simple-search-input{flex:1;border:none;outline:none;padding:16px 0;font-size:16px;color:#374151;background:rgba(0,0,0,0);font-family:-apple-system,BlinkMacSystemFont,"Inter",sans-serif}.simple-search-input::placeholder{color:#9ca3af;font-weight:400}.search-shortcut{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db;border-radius:4px;padding:4px 6px;font-size:11px;font-weight:600;font-family:inherit;margin-left:12px;flex-shrink:0}.search-results{flex:1;max-height:400px}.section-header{padding:8px 16px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.search-item{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:background-color .15s ease}.search-item:hover{background:#f9fafb}.search-item:active{background:#f3f4f6}.item-icon{color:#9ca3af;margin-right:12px;flex-shrink:0}.item-text{font-size:14px;color:#374151}.header-controls{display:flex;align-items:center;gap:.5rem}.language-dropdown{position:relative}.language-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--cork-surface);border:1px solid rgba(0,0,0,.05);border-radius:8px;box-shadow:0 4px 12px var(--cork-shadow);padding:.5rem;min-width:140px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:1000}.language-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.lang-item{display:block;padding:.5rem .75rem;color:var(--cork-text);text-decoration:none;font-size:.9rem;font-weight:500;border-radius:4px;transition:background .2s ease}.lang-item:hover{background:rgba(0,0,0,.05)}[data-theme=dark] .lang-item:hover{background:hsla(0,0%,100%,.1)}.lang-item.active{background:rgba(0,0,0,.08);font-weight:700}[data-theme=dark] .lang-item.active{background:hsla(0,0%,100%,.15)}[data-theme=dark] .simple-search-box{background:#1f2937;box-shadow:0 4px 24px rgba(0,0,0,.4)}[data-theme=dark] .search-input-wrapper{border-bottom-color:#374151}[data-theme=dark] .simple-search-input{color:#f9fafb}[data-theme=dark] .simple-search-input::placeholder{color:#6b7280}[data-theme=dark] .search-shortcut{background:#374151;color:#d1d5db;border-color:#4b5563}[data-theme=dark] .search-section:not(:last-child){border-bottom-color:#374151}[data-theme=dark] .section-header{color:#9ca3af}[data-theme=dark] .search-item:hover{background:#374151}[data-theme=dark] .search-item:active{background:#4b5563}[data-theme=dark] .item-icon{color:#6b7280}[data-theme=dark] .item-text{color:#f9fafb}@media(max-width: 768px){.simple-search-modal{padding-top:10vh;padding-left:1rem;padding-right:1rem}.simple-search-box{top:10vh}.search-input-wrapper{padding:0 12px}.simple-search-input{font-size:16px}}@media(max-width: 480px){.simple-search-modal{padding-top:8vh}.simple-search-box{max-height:75vh;top:8vh}}.simple-search-modal.show .simple-search-box{animation:slideInFromTop .25s cubic-bezier(0.25, 0.46, 0.45, 0.94)}@keyframes slideInFromTop{from{opacity:0;transform:translateY(-20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.search-results::-webkit-scrollbar{width:4px}.search-results::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.search-results::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}[data-theme=dark] .search-results::-webkit-scrollbar-thumb{background:#4b5563}.simple-search-box{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.simple-overlay{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}#search input[type=text].pagefind-ui__search-input{border-radius:0;border:none;border-bottom:1px solid #e5e7eb;outline:none;font-weight:normal;color:var(--text-primary);background:var(--search-input-bg)}#search input[type=text].pagefind-ui__search-input::placeholder{color:var(--text-primary)}#search .pagefind-ui__drawer{padding:0 1rem 1rem 1rem;overflow-y:auto}[data-theme=dark]{--pagefind-ui-background: var(--cork-transition-bg);--pagefind-ui-text: var(--text-primary);--pagefind-ui-primary: var(--text-primary)}.footer-main{background:hsla(0,0%,100%,.95);margin-top:3rem;padding:2rem 0;text-align:center;backdrop-filter:blur(10px)}.footer-text-primary{margin-bottom:1rem;color:var(--text-secondary);font-family:"Hi Melody"}.footer-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;font-size:.9rem;color:var(--footer-text)}.footer-text-secondary{color:var(--footer-text);font-size:.8rem;margin-top:1rem}[data-theme=dark] .footer-main{background:var(--bg-primary)}.footer-bottom{margin-top:1rem;border-top:1px solid var(--border-color);display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.footer-links{display:flex;justify-content:center;align-items:center;gap:1.5rem}.footer-links a{color:var(--footer-text);text-decoration:none;font-size:.9rem;font-weight:500;position:relative;transition:color .2s ease}.footer-links a::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:currentColor;transition:width .3s ease}.footer-links a:hover{color:var(--text-primary)}.footer-links a:hover::after{width:100%}.footer-separator{color:var(--footer-text);opacity:.3;font-weight:300}.footer-copyright{color:var(--footer-text);font-size:.9rem;margin:0}@media(max-width: 768px){.footer-bottom{gap:1rem}.footer-separator{display:none}.footer-links{gap:1rem}.footer-links a,.footer-copyright{font-size:.85rem}}.search-container{max-width:1200px;margin:0 auto;padding:2rem}.search-header{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg, rgba(255, 245, 157, 0.08) 0%, rgba(179, 229, 252, 0.08) 50%, rgba(248, 187, 208, 0.08) 100%);border-radius:24px;margin-bottom:3rem;backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:0 8px 32px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.02)}.search-title{font-family:"Hi Melody";font-size:3rem;color:var(--text-primary);transform:rotate(-1deg);margin-bottom:1rem}.search-form{max-width:600px;margin:0 auto;position:relative}.search-input-container{position:relative;display:flex;background:var(--bg-primary);border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);overflow:hidden;border:1px solid var(--glass-border);transition:all .2s ease}.search-input{flex:1;padding:1.5rem 2rem;border:none;outline:none;font-size:1.1rem;font-weight:400;color:var(--text-primary);background:rgba(0,0,0,0);transition:all .3s ease}.search-input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-color) 20%, transparent)}.search-button{background:var(--accent-color);border:none;padding:1.5rem 2.5rem;font-size:1.1rem;cursor:pointer;transition:background-color .2s ease;font-weight:500;color:#fff}.search-button:hover{background:color-mix(in srgb, var(--accent-color) 85%, black)}.search-hint{color:var(--text-secondary);font-size:.9rem;margin-top:1rem}.search-results-header{text-align:center;margin-bottom:2rem}.search-results-title{font-family:"Hi Melody";font-size:2rem;color:var(--green-dark);transform:rotate(-1deg)}.search-results-wall{margin:2rem 0 3rem 0}.search-result-card{position:relative}.search-match-indicator{position:absolute;top:-8px;right:-8px;background:var(--green);color:var(--green-dark);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:bold;box-shadow:0 2px 4px rgba(0,0,0,.2);animation:searchMatchPulse 2s ease-in-out infinite}@keyframes searchMatchPulse{0%,100%{transform:scale(1);box-shadow:0 2px 4px rgba(0,0,0,.2)}50%{transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.3)}}.search-match-info{margin-top:.8rem;font-size:.7rem;opacity:.7;font-style:italic}@media(max-width: 768px){.search-container{padding:1rem}.search-header{padding:1.5rem 1rem}.search-title{font-size:2.5rem}.search-input-container{flex-direction:column;border-radius:15px}.search-input{border-radius:15px 15px 0 0;padding:1.2rem 1.5rem}.search-button{border-radius:0 0 15px 15px;padding:1rem}}.taxonomy-page-container{padding:2rem 0}.page-header{text-align:center}.page-title{font-size:3rem;color:var(--text-primary);transform:rotate(-1deg);margin-bottom:1rem}.page-subtitle{color:var(--text-secondary);font-size:1.1rem}.handwritten{font-size:3rem;color:var(--text-primary);transform:rotate(-1.5deg);display:inline-block;position:relative}.taxonomy-card{cursor:pointer;text-align:left;transition:all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);border:none;box-shadow:3px 6px 20px rgba(0,0,0,.15),0 2px 8px rgba(0,0,0,.1),inset -1px -1px 3px rgba(0,0,0,.05)}.taxonomy-card:hover{transform:rotate(0deg) translate(var(--x), calc(var(--y) - 25px)) scale(1.08);z-index:100;box-shadow:8px 20px 40px rgba(0,0,0,.25),0 8px 25px rgba(0,0,0,.15),inset -2px -2px 6px rgba(0,0,0,.08)}.taxonomy-name{transform:rotate(-1deg);font-family:"Hi Melody",sans-serif;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1);margin-bottom:1.2rem;text-align:center;font-size:2.4rem}.taxonomy-post-count{justify-content:center;margin-bottom:1.5rem}.taxonomy-card .memo-meta span{font-weight:700;padding:6px 12px;border-radius:15px;font-size:1rem;box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.taxonomy-card:nth-of-type(6n + 1){background-color:var(--yellow);color:var(--yellow-dark);box-shadow:2px 4px 8px var(--yellow-shadow),0 0 20px rgba(255,245,157,.3),inset -1px -1px 2px rgba(191,143,0,.2)}.taxonomy-card:nth-of-type(6n + 2){background-color:var(--blue);color:var(--blue-dark);box-shadow:2px 4px 8px var(--blue-shadow),0 0 20px rgba(179,229,252,.3),inset -1px -1px 2px rgba(1,87,155,.2)}.taxonomy-card:nth-of-type(6n + 3){background-color:var(--green);color:var(--green-dark);box-shadow:2px 4px 8px var(--green-shadow),0 0 20px rgba(200,230,201,.3),inset -1px -1px 2px rgba(27,94,32,.2)}.taxonomy-card:nth-of-type(6n + 4){background-color:var(--pink);color:var(--pink-dark);box-shadow:2px 4px 8px var(--pink-shadow),0 0 20px rgba(248,187,217,.3),inset -1px -1px 2px rgba(136,14,79,.2)}.taxonomy-card:nth-of-type(6n + 5){background-color:var(--purple);color:var(--purple-dark);box-shadow:2px 4px 8px var(--purple-shadow),0 0 20px rgba(209,196,233,.3),inset -1px -1px 2px rgba(74,20,140,.2)}.taxonomy-card:nth-of-type(6n + 0),.taxonomy-card:nth-of-type(6n + 6){background-color:var(--orange);color:var(--orange-dark);box-shadow:2px 4px 8px var(--orange-shadow),0 0 20px rgba(255,204,128,.3),inset -1px -1px 2px rgba(230,81,0,.2)}.recent-posts-preview{font-size:.8rem;line-height:1.4;opacity:.9}.recent-post-item{margin-bottom:.3rem;padding:2px 0;border-bottom:1px dotted rgba(0,0,0,.2);font-size:.85rem}.more-posts-indicator{margin-top:.5rem;font-style:italic;opacity:.7}.latest-post-date{margin-top:1rem;font-size:.7rem;opacity:.6;text-align:center}.view-all-posts-action{text-align:center;margin-top:3rem}.view-all-posts-action .btn{font-size:1.1rem}.empty-state{text-align:center;padding:4rem 0}.taxonomy-page-container .btn{font-weight:600;padding:.8rem 1.5rem;border-radius:20px;text-decoration:none;display:inline-block;transition:all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);box-shadow:0 4px 15px rgba(0,0,0,.1),inset 0 1px 2px hsla(0,0%,100%,.3);transform:rotate(0.5deg);min-height:44px}.taxonomy-page-container .btn:hover{transform:rotate(-0.5deg) translateY(-2px) scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,.2),inset 0 2px 4px hsla(0,0%,100%,.4)}.btn-primary{color:var(--yellow-dark)}@media(max-width: 768px){.memo-wall{display:flex;flex-direction:column;gap:2rem;min-height:auto !important;padding:1.5rem}.taxonomy-card{position:static !important;width:100% !important;max-width:400px !important;margin:0 auto !important;transform:rotate(-1deg) !important}.taxonomy-card:hover{transform:rotate(0deg) translateY(-5px) scale(1.02) !important}.handwritten{font-size:2.5rem !important;transform:rotate(-1deg) !important}.view-all-posts-action .btn.handwritten{font-size:1.2rem !important;transform:rotate(0.5deg) !important;padding:.8rem 1.5rem !important}}[data-theme=dark] .taxonomy-card .memo-meta span{background:hsla(0,0%,100%,.1);color:inherit}[data-theme=dark] .recent-posts-preview{opacity:.8}[data-theme=dark] .recent-post-item{border-bottom-color:hsla(0,0%,100%,.15)}[data-theme=dark] .latest-post-date{opacity:.5}[data-theme=dark] .taxonomy-card{box-shadow:2px 4px 12px rgba(0,0,0,.4),0 0 30px rgba(0,0,0,.3),inset -1px -1px 2px rgba(0,0,0,.3)}[data-theme=dark] .btn-primary{box-shadow:2px 4px 12px rgba(0,0,0,.4),inset -1px -1px 2px rgba(0,0,0,.3)}.category-title::before{content:"🏷️ ";margin-right:.5rem}.series-title::before{content:"📚 ";margin-right:.5rem}.home-container{position:relative}.hero-section{position:relative;z-index:10;text-align:center;padding:2rem 0 1rem 0;background:var(--bg-primary)}.main-title{font-family:"Hi Melody",sans-serif;font-size:3rem;font-weight:600;color:var(--text-primary);transform:rotate(-1deg);margin-bottom:1rem}.quick-actions{display:flex;gap:1rem;justify-content:center;margin:2rem 0;flex-wrap:wrap}.quick-actions .btn{font-size:1.1rem;padding:.8rem 1.5rem}.stats-grid{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.top-stats{position:relative;background:var(--bg-primary);padding:1rem 0;margin:1rem 0}.stat-item{display:flex;flex-direction:column;align-items:center;padding:1rem;min-width:100px}.stat-number{font-family:"Hi Melody";font-size:2rem;font-weight:700;color:var(--yellow-dark)}.stat-label{font-size:.9rem;color:var(--text-secondary);margin-top:.25rem}@media(max-width: 768px){.main-title{font-size:2.5rem}.stats-grid{gap:1rem}.stat-item{min-width:80px;padding:.8rem}.quick-actions{flex-direction:column;align-items:center}}.empty-state{text-align:center;padding:4rem 0}.empty-state-card{position:relative;max-width:400px;margin:0 auto;transform:rotate(-2deg);z-index:10}.empty-state-action{margin-top:1.5rem}.backlink-info{margin-top:.8rem;font-size:.75rem;opacity:.7}.memo-wall#home-wall .memo-card:nth-of-type(6n + 1){background-color:var(--yellow);color:var(--yellow-dark)}.memo-wall#home-wall .memo-card:nth-of-type(6n + 2){background-color:var(--blue);color:var(--blue-dark)}.memo-wall#home-wall .memo-card:nth-of-type(6n + 3){background-color:var(--green);color:var(--green-dark)}.memo-wall#home-wall .memo-card:nth-of-type(6n + 4){background-color:var(--pink);color:var(--pink-dark)}.memo-wall#home-wall .memo-card:nth-of-type(6n + 5){background-color:var(--purple);color:var(--purple-dark)}.memo-wall#home-wall .memo-card:nth-of-type(6n + 0),.memo-wall#home-wall .memo-card:nth-of-type(6n + 6){background-color:var(--orange);color:var(--orange-dark)}.posts-page-container{padding:2rem 0}.posts-header{text-align:center}.posts-title{font-size:3rem;color:var(--text-primary);transform:rotate(-1deg);margin-bottom:1rem}.posts-subtitle{color:var(--text-secondary);font-size:1.1rem}.filter-controls{margin-top:.5rem;display:flex;gap:1rem;justify-content:flex-start;flex-wrap:wrap}.current-filter-wrapper{margin:1rem 0;display:inline-block}.current-filter-tag{background:var(--blue);color:var(--blue-dark);border-radius:12px;font-size:.9rem;transform:rotate(-1deg);display:inline-block;display:inline-flex;align-items:center;padding:.5rem .5rem .5rem 1rem}.clear-filter-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--blue-dark);text-decoration:none;font-size:.7rem;transition:all .2s ease}.clear-filter-btn:hover{transform:scale(1.1)}.filter-btn{font-size:.9rem;padding:.6rem 1rem;margin:.5rem .25rem;min-height:40px;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.3);cursor:pointer;font-family:"IBM Plex Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;display:inline-flex;flex-direction:column;align-items:center;justify-content:center}.filter-btn::after{content:attr(data-label);font-weight:bold;height:0;overflow:hidden;visibility:hidden;white-space:nowrap}.filter-btn:hover{transform:translateY(4px);box-shadow:0 2px 8px rgba(0,0,0,.3)}.filter-btn.active{transform:translateY(4px);box-shadow:0 2px 8px rgba(0,0,0,.3);font-weight:bold}.filter-btn.active:hover{transform:translateY(0px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.filter-btn.active::before{content:"";position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:12px;height:12px;background:radial-gradient(circle, #8b4513 30%, #a0522d 60%, #8b4513 100%);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.3),inset -1px -1px 2px rgba(0,0,0,.2),inset 1px 1px 1px hsla(0,0%,100%,.3);z-index:10}.btn-primary.filter-btn{background:var(--note-yellow);color:var(--cork-text);transform:rotate(-5deg) translateY(0px);border-radius:4px;margin-right:2rem}[data-theme=dark] .btn-primary.filter-btn{background:var(--note-blue)}.btn-primary.filter-btn:hover{transform:rotate(0deg) translateX(-2px) translateY(0px)}.backlink-info{margin-top:.8rem;font-size:.75rem;opacity:.7;transform:rotate(-0.5deg)}.filter-controls .btn-category:nth-of-type(6n + 1){--btn-bg: var(--yellow);--btn-text: var(--yellow-dark)}.filter-controls .btn-category:nth-of-type(6n + 2){--btn-bg: var(--blue);--btn-text: var(--blue-dark)}.filter-controls .btn-category:nth-of-type(6n + 3){--btn-bg: var(--green);--btn-text: var(--green-dark)}.filter-controls .btn-category:nth-of-type(6n + 4){--btn-bg: var(--pink);--btn-text: var(--pink-dark)}.filter-controls .btn-category:nth-of-type(6n + 5){--btn-bg: var(--purple);--btn-text: var(--purple-dark)}.filter-controls .btn-category:nth-of-type(6n+0),.filter-controls .btn-category:nth-of-type(6n+6){--btn-bg: var(--orange);--btn-text: var(--orange-dark)}.btn-category{background-color:var(--btn-bg, var(--bg-secondary));color:var(--btn-text, var(--text-primary))}.series-filter-wrapper{margin-top:1rem;margin-left:5rem;display:flex;justify-content:flex-start}.series-filter-section{width:auto;max-width:1200px;padding:1.5rem 1rem;position:relative;box-shadow:none}.categories-filter-section{width:auto;max-width:1200px;padding:1.5rem 1rem;position:relative;margin-top:2rem;box-shadow:none}[data-theme=dark] .series-filter-section{border-color:hsla(0,0%,100%,.2)}.series-filter-section .filter-label{position:absolute;top:-50px;left:0px;padding:0 1.2rem 0 .6rem;padding-top:40px;font-size:1.2rem;font-weight:600;color:var(--text-secondary);transform:rotate(-5deg)}.categories-filter-section .filter-label{position:absolute;top:-50px;left:0px;padding:0 1.2rem 0 .6rem;padding-top:40px;font-size:1.2rem;font-weight:600;color:var(--text-secondary);transform:rotate(-5deg)}.series-filter-section .filter-label{position:absolute;top:-50px;left:0px;padding:0 1.2rem 0 .6rem;padding-top:40px;font-size:1.2rem;font-weight:600;color:var(--text-secondary);transform:rotate(-5deg)}.filter-label::before{content:"";position:absolute;top:50%;left:-20px;width:40px;height:25px;background:rgba(255,245,157,.5);transform:translateX(-50%) translateY(-50%) rotate(25deg);border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);backdrop-filter:blur(1px)}[data-theme=dark] .filter-label::before{background:rgba(182,194,211,.1);border-left-color:hsla(0,0%,100%,.1);border-right-color:hsla(0,0%,100%,.1);backdrop-filter:blur(2px)}.series-filter-controls{display:flex;gap:1rem;justify-content:flex-start;flex-wrap:wrap}.btn-series{background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:6px}.memo-wall#posts-wall{opacity:0;transition:opacity .3s ease}.memo-wall#posts-wall.initialized{opacity:1}.memo-wall#posts-wall .memo-item.filter-visible:nth-of-type(6n + 1) .memo-card{background-color:var(--yellow);color:var(--yellow-dark)}.memo-wall#posts-wall .memo-item.filter-visible:nth-of-type(6n + 2) .memo-card{background-color:var(--blue);color:var(--blue-dark)}.memo-wall#posts-wall .memo-item.filter-visible:nth-of-type(6n + 3) .memo-card{background-color:var(--green);color:var(--green-dark)}.memo-wall#posts-wall .memo-item.filter-visible:nth-of-type(6n + 4) .memo-card{background-color:var(--pink);color:var(--pink-dark)}.memo-wall#posts-wall .memo-item.filter-visible:nth-of-type(6n + 5) .memo-card{background-color:var(--purple);color:var(--purple-dark)}.memo-wall#posts-wall .memo-item.filter-visible:nth-of-type(6n + 0) .memo-card,.memo-wall#posts-wall .memo-item.filter-visible:nth-of-type(6n + 6) .memo-card{background-color:var(--orange);color:var(--orange-dark)}.filter-separator{max-width:1200px;margin:0 auto 0 auto;border:none;border-top:2px dashed rgba(0,0,0,.1);text-align:center;position:relative}.filter-separator::after{content:"📌";position:absolute;top:-1.1rem;left:50%;transform:translateX(-50%) rotate(15deg);background:var(--bg-primary);padding:0 .5rem;font-size:1.5rem;color:var(--text-secondary)}[data-theme=dark] .filter-separator{border-top-color:hsla(0,0%,100%,.15)}@media(max-width: 768px){.memo-wall{display:flex;flex-direction:column;gap:1.5rem;min-height:auto !important;padding:1rem}.memo-card{position:static !important;width:100% !important;transform:rotate(0deg) !important}.posts-subtitle{margin-bottom:3rem}.series-filter-wrapper{margin-left:1rem;margin-right:1rem}.series-filter-section{padding-left:0;padding-right:0}.categories-filter-section{padding-left:0;padding-right:0}.filter-label::before{z-index:-1;top:60%;left:1rem}.categories-filter-section .filter-label,.series-filter-section .filter-label{padding-left:1.2rem}.filter-controls{margin-top:1rem}.series-filter-controls{margin-top:1rem}}.chroma{color:#f8f8f2;background-color:#272822}[data-theme=light] .chroma{color:#24292e;background-color:#f6f8fa}[data-theme=light] .chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}[data-theme=light] .chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}[data-theme=light] .chroma .hl{background-color:#fffbdd}[data-theme=light] .chroma .lnt,[data-theme=light] .chroma .ln{color:#586069;padding-right:.75em}[data-theme=light] .chroma .k{color:#d73a49}[data-theme=light] .chroma .kc{color:#d73a49}[data-theme=light] .chroma .kd{color:#d73a49}[data-theme=light] .chroma .kn{color:#d73a49}[data-theme=light] .chroma .kp{color:#d73a49}[data-theme=light] .chroma .kr{color:#d73a49}[data-theme=light] .chroma .kt{color:#d73a49}[data-theme=light] .chroma .na{color:#005cc5}[data-theme=light] .chroma .nb{color:#005cc5}[data-theme=light] .chroma .nc{color:#6f42c1}[data-theme=light] .chroma .no{color:#005cc5}[data-theme=light] .chroma .nd{color:#6f42c1}[data-theme=light] .chroma .ni{color:#005cc5}[data-theme=light] .chroma .ne{color:#6f42c1}[data-theme=light] .chroma .nf{color:#6f42c1}[data-theme=light] .chroma .nx{color:#24292e}[data-theme=light] .chroma .nt{color:#22863a}[data-theme=light] .chroma .s{color:#032f62}[data-theme=light] .chroma .sa{color:#032f62}[data-theme=light] .chroma .sb{color:#032f62}[data-theme=light] .chroma .sc{color:#032f62}[data-theme=light] .chroma .dl{color:#032f62}[data-theme=light] .chroma .sd{color:#032f62}[data-theme=light] .chroma .s2{color:#032f62}[data-theme=light] .chroma .se{color:#005cc5}[data-theme=light] .chroma .sh{color:#032f62}[data-theme=light] .chroma .si{color:#005cc5}[data-theme=light] .chroma .sx{color:#032f62}[data-theme=light] .chroma .sr{color:#032f62}[data-theme=light] .chroma .s1{color:#032f62}[data-theme=light] .chroma .ss{color:#005cc5}[data-theme=light] .chroma .m{color:#005cc5}[data-theme=light] .chroma .mb{color:#005cc5}[data-theme=light] .chroma .mf{color:#005cc5}[data-theme=light] .chroma .mh{color:#005cc5}[data-theme=light] .chroma .mi{color:#005cc5}[data-theme=light] .chroma .il{color:#005cc5}[data-theme=light] .chroma .mo{color:#005cc5}[data-theme=light] .chroma .o{color:#d73a49}[data-theme=light] .chroma .ow{color:#d73a49}[data-theme=light] .chroma .c{color:#6a737d}[data-theme=light] .chroma .ch{color:#6a737d}[data-theme=light] .chroma .cm{color:#6a737d}[data-theme=light] .chroma .c1{color:#6a737d}[data-theme=light] .chroma .cs{color:#6a737d}[data-theme=light] .chroma .cp{color:#6a737d}[data-theme=light] .chroma .cpf{color:#6a737d}[data-theme=light] .chroma .gd{color:#b31d28;background-color:#ffeef0}[data-theme=light] .chroma .ge{font-style:italic}[data-theme=light] .chroma .gh{font-weight:bold}[data-theme=light] .chroma .gi{color:#22863a;background-color:#f0fff4}[data-theme=light] .chroma .gs{font-weight:bold}[data-theme=light] .chroma .gu{font-weight:bold}[data-theme=dark] .chroma{color:#f8f8f2;background-color:#272822}[data-theme=dark] .chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}[data-theme=dark] .chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}[data-theme=dark] .chroma .hl{background-color:#3c3d38}[data-theme=dark] .chroma .lnt,[data-theme=dark] .chroma .ln{color:#7f7f7f;padding-right:.75em}[data-theme=dark] .chroma .k{color:#66d9ef}[data-theme=dark] .chroma .kc{color:#66d9ef}[data-theme=dark] .chroma .kd{color:#66d9ef}[data-theme=dark] .chroma .kn{color:#f92672}[data-theme=dark] .chroma .kp{color:#66d9ef}[data-theme=dark] .chroma .kr{color:#66d9ef}[data-theme=dark] .chroma .kt{color:#66d9ef}[data-theme=dark] .chroma .na{color:#a6e22e}[data-theme=dark] .chroma .nb{color:#f8f8f2}[data-theme=dark] .chroma .nc{color:#a6e22e}[data-theme=dark] .chroma .no{color:#66d9ef}[data-theme=dark] .chroma .nd{color:#a6e22e}[data-theme=dark] .chroma .ni{color:#f8f8f2}[data-theme=dark] .chroma .ne{color:#a6e22e}[data-theme=dark] .chroma .nf{color:#a6e22e}[data-theme=dark] .chroma .nx{color:#a6e22e}[data-theme=dark] .chroma .nt{color:#f92672}[data-theme=dark] .chroma .l{color:#ae81ff}[data-theme=dark] .chroma .s{color:#e6db74}[data-theme=dark] .chroma .sa{color:#e6db74}[data-theme=dark] .chroma .sb{color:#e6db74}[data-theme=dark] .chroma .sc{color:#e6db74}[data-theme=dark] .chroma .dl{color:#e6db74}[data-theme=dark] .chroma .sd{color:#e6db74}[data-theme=dark] .chroma .s2{color:#e6db74}[data-theme=dark] .chroma .se{color:#ae81ff}[data-theme=dark] .chroma .sh{color:#e6db74}[data-theme=dark] .chroma .si{color:#e6db74}[data-theme=dark] .chroma .sx{color:#e6db74}[data-theme=dark] .chroma .sr{color:#e6db74}[data-theme=dark] .chroma .s1{color:#e6db74}[data-theme=dark] .chroma .ss{color:#e6db74}[data-theme=dark] .chroma .m{color:#ae81ff}[data-theme=dark] .chroma .mb{color:#ae81ff}[data-theme=dark] .chroma .mf{color:#ae81ff}[data-theme=dark] .chroma .mh{color:#ae81ff}[data-theme=dark] .chroma .mi{color:#ae81ff}[data-theme=dark] .chroma .il{color:#ae81ff}[data-theme=dark] .chroma .mo{color:#ae81ff}[data-theme=dark] .chroma .o{color:#f92672}[data-theme=dark] .chroma .ow{color:#f92672}[data-theme=dark] .chroma .c{color:#75715e}[data-theme=dark] .chroma .ch{color:#75715e}[data-theme=dark] .chroma .cm{color:#75715e}[data-theme=dark] .chroma .c1{color:#75715e}[data-theme=dark] .chroma .cs{color:#75715e}[data-theme=dark] .chroma .cp{color:#75715e}[data-theme=dark] .chroma .cpf{color:#75715e}[data-theme=dark] .chroma .gd{color:#f92672}[data-theme=dark] .chroma .ge{font-style:italic}[data-theme=dark] .chroma .gi{color:#a6e22e}[data-theme=dark] .chroma .gs{font-weight:bold}[data-theme=dark] .chroma .gu{color:#75715e}#progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg, var(--pg-1), var(--pg-2), var(--pg-3));z-index:99}.breadcrumb{padding:1rem 0;margin-bottom:2rem;font-size:.9rem;font-weight:500;color:var(--text-secondary)}.breadcrumb a{color:var(--yellow-dark);font-weight:bold;text-decoration:none}[data-theme=dark] .breadcrumb a{color:var(--blue-dark)}.breadcrumb span{margin:0 .5rem}.breadcrumb .current-page{color:var(--text-primary)}.post-header{text-align:center;margin-bottom:3rem;padding:4rem 2rem 2rem 2rem;background:linear-gradient(135deg, rgba(255, 245, 157, 0.1) 0%, rgba(179, 229, 252, 0.1) 100%);border-radius:20px;position:relative;font-family:-apple-system,BlinkMacSystemFont,"Inter",sans-serif}[data-theme=dark] .post-header{background:linear-gradient(135deg, rgba(255, 245, 157, 0.1) 0%, rgba(65, 195, 255, 0.2) 100%)}.post-title-sticky{display:inline-block;background:var(--yellow);padding:2rem;border-radius:8px;border-top-right-radius:15px;box-shadow:4px 8px 16px rgba(0,0,0,.2);transform:rotate(-2deg);position:relative;max-width:600px}[data-theme=dark] .post-title-sticky{background:var(--note-blue)}.post-title-sticky .pin{position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:16px;height:16px;background:radial-gradient(circle, #8b4513 30%, #a0522d 60%, #8b4513 100%);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.3)}.post-header .post-title{font-family:"Hi Melody",sans-serif;font-size:2.5rem;color:#bf8f00;margin:0;line-height:1.2;transform:rotate(1deg)}[data-theme=dark] .post-header .post-title{color:var(--cork-text)}.post-meta{margin-top:2rem;display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.meta-item{background:hsla(0,0%,100%,.2);padding:.5rem 1rem;border-radius:15px;font-size:.9rem;color:var(--text-primary)}.meta-item:nth-child(1){transform:rotate(-1deg)}.meta-item:nth-child(2){transform:rotate(1deg)}.meta-item:nth-child(3){transform:rotate(-0.5deg)}.meta-item:nth-child(4){transform:rotate(0.5deg)}.post-tags .post-series{display:inline-flex;align-items:center;font-family:"Hi Melody",sans-serif;font-weight:600;font-size:1.1rem;padding:2px 8px 0 8px;margin-right:.5rem;border-radius:10px;text-decoration:none;transition:all .3s ease;box-shadow:1px 2px 4px rgba(0,0,0,.15);border-bottom:2px solid rgba(0,0,0,.1);background-color:var(--second-color);color:var(--text-primary)}.post-tags .post-series:hover{transform:translateY(-3px) scale(1.05)}.post-tags .post-series::before{content:"📚";margin-right:.3rem;transform:translateY(3px)}.post-tags{margin-top:1.5rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}.post-tags .memo-tag{display:inline-flex;align-items:center;font-family:"Hi Melody",sans-serif;font-weight:600;font-size:1.1rem;padding:2px 8px 0 8px;border-radius:10px 0 0 10px;text-decoration:none;transition:all .3s ease;box-shadow:1px 2px 4px rgba(0,0,0,.15);border-bottom:2px solid rgba(0,0,0,.1);background-color:var(--bg-primary);color:var(--text-secondary)}.post-tags .memo-tag::before{content:"#";margin-right:.3rem;font-weight:bold;opacity:.7}.post-tags .memo-tag:hover{transform:translateY(-3px) scale(1.05)}[data-theme=dark] .post-tags .memo-tag{box-shadow:1px 2px 6px rgba(0,0,0,.3);border-bottom-color:rgba(0,0,0,.2)}.home-link{font-family:"Hi Melody",sans-serif;font-size:1.2rem;font-weight:bold;padding:1rem 2rem}.toc-container{position:fixed;top:120px;right:2rem;width:220px;max-height:calc(100vh - 140px);overflow-y:auto;opacity:.8;transition:opacity .3s ease}.toc-container:hover{opacity:1}.toc-nav{padding:1rem;background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.toc-nav h4{font-family:"Hi Melody",sans-serif;font-size:1.3rem;font-weight:bold;color:var(--text-primary);margin:0 0 1rem 0;padding-bottom:.75rem;border-bottom:1px solid rgba(139,110,99,.2)}.toc-nav ul{list-style:none;padding:0;margin:0}.toc-nav li a{display:block;padding:.4rem 0;font-size:.85rem;color:var(--text-secondary);text-decoration:none;border-left:3px solid rgba(0,0,0,0);padding-left:.5rem;transition:all .2s ease}.toc-nav li a:hover{color:var(--accent-color);transform:translateX(3px)}.toc-nav li a.active{color:var(--accent-color);font-weight:600;border-left-color:var(--accent-color);background:linear-gradient(to right, rgba(197, 147, 26, 0.1), transparent)}.toc-nav .toc-level-h2 a{padding-left:1.25rem}.toc-nav .toc-level-h3 a{padding-left:2rem}.toc-nav .toc-level-h4 a{padding-left:2.75rem}[data-theme=dark] .toc-nav h4{border-bottom-color:rgba(233,241,250,.15)}[data-theme=dark] .toc-nav li a.active{background:linear-gradient(to right, rgba(147, 197, 253, 0.1), transparent)}.content-separator{max-width:800px;margin:3rem auto;border:none;border-top:2px dashed rgba(139,110,99,.2);text-align:center;position:relative}.content-separator::after{content:"📝";position:absolute;top:-1.1rem;left:50%;transform:translateX(-50%);background:var(--bg-primary);padding:0 1rem;font-size:1.5rem;color:var(--text-secondary)}.post-content{max-width:800px;margin:0 auto 2rem auto;padding:0 2rem}.post-navigation{margin:2rem auto;padding:2rem;max-width:800px}.nav-wrapper{display:flex;justify-content:space-between;align-items:center;gap:2rem}.nav-post{flex:1;display:flex;flex-direction:column;text-decoration:none;padding:1.5rem;border-radius:15px;transition:all .3s ease;box-shadow:3px 6px 12px rgba(0,0,0,.2);min-height:120px}.prev-post{background:var(--blue);color:var(--blue-dark);border-top-right-radius:25px;transform:rotate(-2deg)}.next-post{background:var(--green);color:var(--green-dark);border-top-left-radius:25px;transform:rotate(2deg);text-align:right}.nav-placeholder{flex:1}.nav-label{font-size:.8rem;margin-bottom:.5rem}.nav-title{font-family:"Hi Melody";font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.nav-meta{font-size:.8rem;opacity:.8}.home-link-wrapper{text-align:center;margin:3rem 0}.markdown-content{font-family:"IBM Plex Sans KR",-apple-system,sans-serif;line-height:1.85;color:var(--text-primary);font-size:1.05rem}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{font-family:"IBM Plex Sans KR",sans-serif;color:var(--accent-color);margin:2rem 0 1rem 0;transform:rotate(0)}.markdown-content h1{font-size:2.6rem;font-weight:800}.markdown-content h2{font-size:2.1rem;font-weight:800}.markdown-content h3{font-size:1.7rem;font-weight:700}.markdown-content h4{font-size:1.4rem;font-weight:700}.markdown-content h5{font-size:1.2rem;font-weight:700}.markdown-content h6{font-size:1.1rem;font-weight:700}.markdown-content pre[class*=language-]{border:1px solid rgba(139,110,99,.2);font-family:"Menlo","Ubuntu Mono",monospace;font-weight:500;line-height:1.5;transform:rotate(0);box-shadow:2px 4px 8px rgba(0,0,0,.1);margin:.5em 0;overflow:auto;border-radius:.3em}.markdown-content .highlight{position:relative;margin:1.5rem 0;min-height:3.5rem}.markdown-content .highlight>pre.chroma{padding:2.8rem 1.5rem 1.2rem 1.5rem;border-radius:12px;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 16px rgba(0,0,0,.07);line-height:1.6;overflow:auto}[data-theme=dark] .markdown-content .highlight>pre.chroma{border-color:hsla(0,0%,100%,.1)}.code-toolbar{position:absolute;top:.6rem;right:.8rem;display:flex;align-items:center;gap:.75rem;z-index:1;opacity:1}.language-name{font-size:.8rem;font-weight:600;color:#ccc;background-color:hsla(0,0%,100%,.1);padding:.2rem .5rem;border-radius:4px;user-select:none}[data-theme=light] .language-name{color:var(--cork-text);background-color:rgba(225,228,232,.4901960784)}.copy-button{background:var(--note-yellow) !important;color:var(--cork-text) !important;box-shadow:0 2px 5px rgba(0,0,0,.1) !important;border-radius:6px !important;border:none;padding:.4rem .8rem;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s ease}.copy-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2) !important}.code-toolbar .copy-button.copied{background:var(--green) !important;color:var(--green-dark) !important}[data-theme=dark] .copy-button{background:var(--note-blue) !important;color:var(--cork-text) !important}.markdown-content :not(pre)>code{background:rgba(255,245,157,.2);color:var(--accent-color);padding:.2rem .4rem;border-radius:4px;font-family:"Menlo","Ubuntu Mono",monospace}.markdown-content pre:not(.chroma) code{background:none;color:inherit;padding:0;white-space:pre-wrap;word-break:break-all;display:inline}.callout{margin:2rem 0;border-radius:8px;border:1px solid color-mix(in srgb, var(--callout-color) 25%, transparent);box-shadow:0 4px 16px rgba(0,0,0,.05);background-color:var(--bg-secondary);padding:0 1.5rem 1.2rem 1.5rem;overflow:hidden}.callout>*:first-child{margin-top:0}.callout>*:last-child{margin-bottom:0}.callout-title{display:flex;align-items:center;font-family:"IBM Plex Sans KR",sans-serif;font-size:1.1rem;font-weight:600;color:var(--callout-color);margin:-1.2rem -1.5rem 1rem -1.5rem;padding:.8rem 1.5rem;background-color:color-mix(in srgb, var(--callout-color) 12%, var(--bg-secondary))}.callout-title::before{content:"ℹ️";margin-right:.75rem;font-size:1.2rem}.callout-link,.callout-note{--callout-color: #4585d4}.callout-tip{--callout-color: #00b38a}.callout-list,.callout-info{--callout-color: #4585d4}.callout-check{--callout-color: #28a745}.callout-goal,.callout-question{--callout-color: #8a63d2}.callout-error,.callout-warning{--callout-color: #ffc107}.callout-failure{--callout-color: #dc3545}.callout-danger{--callout-color: #dc3545}.callout-bug{--callout-color: #e83e8c}.callout-example{--callout-color: #6f42c1}.callout-quote{--callout-color: #6c757d}.callout-goal .callout-title::before{content:"🎯"}.callout-note .callout-title::before{content:"📝"}.callout-tip .callout-title::before{content:"💡"}.callout-link .callout-title::before{content:"🔗"}.callout-list .callout-title::before,.callout-info .callout-title::before{content:"📌"}.callout-check .callout-title::before{content:"✅"}.callout-question .callout-title::before{content:"❓"}.callout-error .callout-title::before,.callout-warning .callout-title::before{content:"⚠️"}.callout-failure .callout-title::before{content:"❌"}.callout-danger .callout-title::before{content:"🔥"}.callout-bug .callout-title::before{content:"🐞"}.callout-example .callout-title::before{content:"📋"}.callout-quote .callout-title::before{content:"💬"}.markdown-content blockquote:not(.callout){margin:1.5rem 0;padding:1.2rem 1.5rem;border-radius:0 8px 8px 0;border-left:5px solid var(--blue-dark);background:var(--bg-secondary);font-family:"IBM Plex Sans KR",sans-serif;transform:rotate(0);box-shadow:2px 4px 8px rgba(0,0,0,.1);color:var(--text-secondary)}.markdown-content blockquote:not(.callout) p{margin:.5rem 0;font-size:1rem}.markdown-content blockquote p{margin:.5rem 0;font-size:1.1rem}[data-theme=dark] .callout{background-color:color-mix(in srgb, var(--callout-color) 15%, var(--bg-secondary));border-color:color-mix(in srgb, var(--callout-color) 40%, transparent)}[data-theme=dark] .callout-title{background-color:color-mix(in srgb, var(--callout-color) 25%, var(--bg-secondary))}.popover-preview{position:absolute;z-index:1000;max-width:500px;max-height:450px;flex-direction:column;background:var(--glass-bg);display:none;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);opacity:0;transform:scale(0.98);transition:all .25s cubic-bezier(0.25, 0.46, 0.45, 0.94);pointer-events:none}.popover-container{position:absolute;z-index:999;display:none;pointer-events:auto}.popover-preview.show{display:flex;opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.popover-title{padding:.75rem 1.25rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--glass-border);flex-shrink:0}.popover-content{padding:1rem 1.25rem;font-size:.9rem;line-height:1.6;color:var(--text-primary);overflow-y:auto}.popover-preview .markdown-content{font-size:.9rem;line-height:1.7}.popover-preview .markdown-content h1,.popover-preview .markdown-content h2,.popover-preview .markdown-content h3,.popover-preview .markdown-content h4{font-size:1.2em;margin-top:1.5rem;margin-bottom:.8rem}.popover-preview .markdown-content .highlight>pre.chroma{white-space:pre-wrap;word-break:break-all;font-size:.85em}.popover-preview .markdown-content img{max-width:100%;height:auto;display:block}li.task-list-item{list-style-type:none}li.task-list-item input[type=checkbox]{margin:0 .2em .25em -1.4em;vertical-align:middle}.markdown-content a{color:var(--accent-color);text-decoration:none;font-weight:600;border-bottom:2px dotted var(--accent-color);transition:all .3s ease}.markdown-content a:hover{color:var(--main-color);border-bottom-style:solid;transform:translateY(-1px)}.markdown-content ul,.markdown-content ol{margin:1rem 0;padding-left:2rem}.markdown-content li{margin-bottom:.5rem;line-height:1.6}.markdown-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:var(--bg-secondary);border-radius:12px;overflow:hidden;box-shadow:2px 4px 8px rgba(0,0,0,.1)}.markdown-content th,.markdown-content td{padding:1rem;text-align:left;border-bottom:1px solid rgba(139,110,99,.2)}.markdown-content th{background:var(--main-color);color:var(--accent-color);font-family:"IBM Plex Sans KR",sans-serif;font-size:1.1rem;font-weight:700}.markdown-content img{max-width:100%;height:auto;border-radius:12px;box-shadow:4px 8px 16px rgba(0,0,0,.2);margin:1.5rem 0}.markdown-content p{margin:1.4rem 0;text-align:justify}.nav-post:hover{transform:rotate(0deg) translateY(-5px) scale(1.02) !important;box-shadow:5px 10px 20px rgba(0,0,0,.3) !important}.wiki-link-valid{color:var(--blue-dark) !important;text-decoration:none !important;border-bottom:2px solid var(--blue-dark) !important;font-weight:600 !important;transition:all .3s ease !important;padding:2px 4px !important;border-radius:4px !important;background:rgba(179,229,252,.2) !important}.wiki-link-valid:hover{background:var(--blue) !important;transform:translateY(-1px) !important;box-shadow:0 2px 8px rgba(2,119,189,.3) !important}.wiki-link-invalid{color:#e74c3c !important;text-decoration:line-through !important;border-bottom:2px dotted #e74c3c !important;font-weight:600 !important;padding:2px 4px !important;border-radius:4px !important;background:rgba(231,76,60,.1) !important;cursor:not-allowed !important}.backlinks-section{margin:3rem 0;padding:0 2rem}.backlinks-container{max-width:800px;margin:0 auto;background:linear-gradient(135deg, rgba(200, 230, 201, 0.2) 0%, rgba(179, 229, 252, 0.2) 100%);border-radius:20px;padding:2rem}.backlinks-title{font-family:"IBM Plex Sans KR",sans-serif;font-size:2rem;color:var(--green-dark);margin-bottom:1.5rem;text-align:center;transform:rotate(0)}.backlinks-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1rem}.backlink-card{text-decoration:none;padding:1.5rem;border-radius:12px;border-top-right-radius:20px;box-shadow:3px 6px 12px rgba(0,0,0,.15);transition:all .3s ease;display:block;transform:rotate(0)}.backlink-card:hover{transform:rotate(0deg) translateY(-5px) scale(1.02);box-shadow:5px 10px 20px rgba(0,0,0,.25)}.backlinks-grid .backlink-card:nth-of-type(6n + 1){background-color:var(--yellow);color:var(--yellow-dark)}.backlinks-grid .backlink-card:nth-of-type(6n + 2){background-color:var(--blue);color:var(--blue-dark)}.backlinks-grid .backlink-card:nth-of-type(6n + 3){background-color:var(--green);color:var(--green-dark)}.backlinks-grid .backlink-card:nth-of-type(6n + 4){background-color:var(--pink);color:var(--pink-dark)}.backlinks-grid .backlink-card:nth-of-type(6n + 5){background-color:var(--purple);color:var(--purple-dark)}.backlinks-grid .backlink-card:nth-of-type(6n + 0),.backlinks-grid .backlink-card:nth-of-type(6n + 6){background-color:var(--orange);color:var(--orange-dark)}.backlink-title{font-family:"IBM Plex Sans KR",sans-serif;font-size:1.3rem;margin-bottom:.5rem;line-height:1.2}.backlink-meta{font-family:"IBM Plex Sans KR",sans-serif;font-size:.8rem;opacity:.8;margin-bottom:.8rem}.backlink-excerpt{font-size:.85rem;line-height:1.4;margin:0;font-family:"IBM Plex Sans KR",sans-serif}.more-backlinks-container{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(0.4, 0, 0.2, 1);grid-template-rows:auto;margin-top:1rem;justify-content:start}.show-more-wrapper{text-align:center;margin-top:1.5rem}#show-more-backlinks-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;padding:0;background:rgba(0,0,0,0);color:var(--text-secondary);border:none;box-shadow:none;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer}#show-more-backlinks-btn:hover{transform:translateY(-3px);background:rgba(0,0,0,0);box-shadow:none}#show-more-backlinks-btn .icon-arrow{transition:transform .4s cubic-bezier(0.4, 0, 0.2, 1)}#show-more-backlinks-btn.expanded{background:rgba(0,0,0,0);box-shadow:none;border:none;color:var(--text-primary)}#show-more-backlinks-btn.expanded .icon-arrow{transform:rotate(180deg)}@media(max-width: 1280px){.toc-container{display:none}}@media(max-width: 768px){.post-container{padding:0 1rem}.post-title-sticky{max-width:100% !important;padding:1rem;transform:none}.post-header .post-title{font-size:2rem}.post-meta{flex-direction:column;align-items:center;gap:.5rem !important}.post-navigation>div{flex-direction:column !important;gap:1rem !important}.toc-container{display:none}.nav-post,.prev-post,.next-post{text-align:center !important;transform:none !important}.markdown-content{font-size:1rem;overflow-wrap:break-word;word-break:break-word}.markdown-content table{display:block;overflow-x:auto;white-space:nowrap}.markdown-content h1{font-size:2rem}.markdown-content h2{font-size:1.8rem}.markdown-content h3{font-size:1.5rem}.markdown-content pre{font-size:.8rem;padding:1rem}.backlinks-title{font-size:1rem}.backlinks-container{padding:1rem}.backlinks-grid{grid-template-columns:1fr}.backlinks-section{padding:0 1rem}}#fixed-action-buttons{position:fixed;bottom:30px;right:30px;z-index:999;display:flex;gap:.75rem;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s cubic-bezier(0.34, 1.56, 0.64, 1)}#scrollTopBtn{position:relative;border:none;outline:none;cursor:pointer;padding:0;width:50px;height:50px;border-radius:50%;background:var(--main-color);color:var(--text-primary);box-shadow:0 4px 10px rgba(0,0,0,.25),inset 0 1px 1px hsla(0,0%,100%,.2);transition:all .3s cubic-bezier(0.34, 1.56, 0.64, 1)}#fixed-action-buttons.show{opacity:1;visibility:visible;transform:translateY(0)}#scrollTopBtn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 20px rgba(0,0,0,.3)}#scrollTopBtn .icon-up{width:25px;height:25px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.share-btn{--size: 50px;--icon: currentColor;--ring: 0 0 0 3px color-mix(in srgb, var(--note-yellow) 35%, transparent);position:relative;inline-size:var(--size);block-size:var(--size);display:inline-grid;place-items:center;border:1px solid rgba(0,0,0,0);border-radius:50%;color:var(--cork-text);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .25s ease,border-color .25s ease}.share-btn--glass{background:var(--main-color);box-shadow:0 4px 10px rgba(0,0,0,.25),inset 0 1px 1px hsla(0,0%,100%,.2)}.share-btn--glass:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 20px rgba(0,0,0,.3)}.share-btn--glass:active{transform:translateY(0) scale(0.98)}.share-btn:focus-visible{outline:none;box-shadow:var(--ring)}.share-btn:disabled{opacity:.8;cursor:not-allowed;background:var(--note-blue) !important;color:var(--check-color) !important}.share-btn svg{width:22px;height:22px;color:var(--icon)}.share-btn[data-tip]::after{content:attr(data-tip);position:absolute;top:-36px;left:50%;transform:translateX(-50%);padding:.35rem .6rem;border-radius:8px;background:rgba(0,0,0,.4);color:#fff;font-size:.75rem;opacity:0;pointer-events:none;transition:.18s ease;white-space:nowrap}.share-btn:hover[data-tip]::after{opacity:1}@media(prefers-reduced-motion: reduce){.share-btn{transition:none}.share-btn:hover{transform:none}}.svg-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:100%;margin:1.5rem 0;overflow:hidden}.svg-container svg{max-width:100%;height:auto !important}.graph-section{margin:3rem 0}.graph-container{max-width:800px;margin:0 auto;padding:2rem;position:relative;border:1px solid var(--glass-border);border-radius:16px;background:var(--bg-secondary);box-shadow:0 4px 12px rgba(0,0,0,.05)}#post-graph{width:100%;height:400px;cursor:grab;opacity:0;transition:opacity .6s ease-in-out}#post-graph.loaded{opacity:1}#post-graph:active{cursor:grabbing}.graph-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem;font-size:.85rem;color:var(--text-secondary)}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}[data-theme=dark] .legend-color{border-color:hsla(0,0%,100%,.2)}@media(max-width: 768px){.graph-section .container{padding:0}#post-graph{height:300px}}