:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#dbeafe;--color-primary-dark:#1e40af;--color-primary-rgb:37,99,235;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-secondary:#64748b;--color-secondary-hover:#475569;--color-success:#16a34a;--color-warning:#f59e0b;--color-error:#dc2626;--color-info:#0ea5e9;--color-bg:#ffffff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#f1f5f9;--color-surface:#ffffff;--color-surface-hover:#f8fafc;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-text:#1e293b;--color-text-secondary:#475569;--color-text-tertiary:#94a3b8;--color-text-inverse:#ffffff;--color-heading:#0f172a;--color-link:var(--color-primary);--color-link-hover:var(--color-primary-hover);--color-code-bg:#f1f5f9;--color-code-text:#0f172a;--color-blockquote-bg:#f8fafc;--color-blockquote-border:var(--color-primary);--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 6px rgba(0,0,0,.06),0 2px 4px rgba(0,0,0,.04);--shadow-lg:0 10px 15px rgba(0,0,0,.06),0 4px 6px rgba(0,0,0,.04);--shadow-xl:0 20px 25px rgba(0,0,0,.08),0 8px 10px rgba(0,0,0,.04);--font-family-base:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;--font-family-mono:"JetBrains Mono","Fira Code",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.3;--line-height-normal:1.6;--line-height-relaxed:1.8;--line-height-loose:2.0;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.02em;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--max-width-post:720px;--max-width-home:1200px;--max-width-wide:1400px;--sidebar-width:280px;--header-height:64px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--transition-colors:color 250ms ease,background-color 250ms ease,border-color 250ms ease,box-shadow 250ms ease;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-scroll-top:600}[data-theme="dark"]{--color-bg:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-surface:#1e293b;--color-surface-hover:#334155;--color-border:#334155;--color-border-light:#1e293b;--color-text:#e2e8f0;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-inverse:#0f172a;--color-heading:#f1f5f9;--color-code-bg:#1e293b;--color-code-text:#e2e8f0;--color-blockquote-bg:#1e293b;--color-primary-light:rgba(37,99,235,0.15);--shadow-xs:0 1px 2px rgba(0,0,0,.20);--shadow-sm:0 1px 3px rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.20);--shadow-md:0 4px 6px rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.20);--shadow-lg:0 10px 15px rgba(0,0,0,.25),0 4px 6px rgba(0,0,0,.20);--shadow-xl:0 20px 25px rgba(0,0,0,.30),0 8px 10px rgba(0,0,0,.20)}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--color-bg:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-surface:#1e293b;--color-surface-hover:#334155;--color-border:#334155;--color-border-light:#1e293b;--color-text:#e2e8f0;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-inverse:#0f172a;--color-heading:#f1f5f9;--color-code-bg:#1e293b;--color-code-text:#e2e8f0;--color-blockquote-bg:#1e293b;--color-primary-light:rgba(37,99,235,0.15);--shadow-xs:0 1px 2px rgba(0,0,0,.20);--shadow-sm:0 1px 3px rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.20);--shadow-md:0 4px 6px rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.20);--shadow-lg:0 10px 15px rgba(0,0,0,.25),0 4px 6px rgba(0,0,0,.20);--shadow-xl:0 20px 25px rgba(0,0,0,.30),0 8px 10px rgba(0,0,0,.20)}}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;tab-size:4}body{min-height:100vh;line-height:1.6}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer;-webkit-appearance:none;appearance:none}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;font-weight:inherit;font-size:inherit}p{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}hr{border:none;border-top:1px solid;color:inherit;height:0}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-family-mono,monospace);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-text-tertiary,#94a3b8);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-secondary,#475569)}html{scrollbar-width:thin;scrollbar-color:var(--color-text-tertiary,#94a3b8) transparent}:focus-visible{outline:2px solid var(--color-primary,#2563eb);outline-offset:2px;border-radius:2px}::selection{background-color:var(--color-primary,#2563eb);color:#ffffff}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);color:var(--color-text);background-color:var(--color-bg);letter-spacing:var(--letter-spacing-normal);word-break:keep-all;overflow-wrap:break-word;transition:background-color var(--transition-slow),color var(--transition-slow)}h1,h2,h3,h4,h5,h6{color:var(--color-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-4);line-height:var(--line-height-relaxed)}p:last-child{margin-bottom:0}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-link-hover)}.content a,.article-body a{text-decoration:underline;text-decoration-color:rgba(var(--color-primary-rgb),0.3);text-underline-offset:3px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.content a:hover,.article-body a:hover{text-decoration-color:var(--color-primary)}code{font-family:var(--font-family-mono);font-size:0.875em;background-color:var(--color-code-bg);color:var(--color-code-text);padding:0.15em 0.4em;border-radius:var(--radius-sm);word-break:break-all}pre code{background:none;padding:0;font-size:inherit;word-break:normal}pre{font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:1.7;background-color:var(--color-code-bg);color:var(--color-code-text);padding:var(--space-6);border-radius:var(--radius-lg);overflow-x:auto;margin-bottom:var(--space-6);border:1px solid var(--color-border)}blockquote{background-color:var(--color-blockquote-bg);border-left:4px solid var(--color-blockquote-border);padding:var(--space-4) var(--space-6);margin-bottom:var(--space-6);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-secondary);font-style:italic}blockquote p:last-child{margin-bottom:0}hr{border-top:1px solid var(--color-border);margin:var(--space-10) 0}.content ul,.content ol,.article-body ul,.article-body ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}.content ul,.article-body ul{list-style-type:disc}.content ol,.article-body ol{list-style-type:decimal}.content li,.article-body li{margin-bottom:var(--space-2);line-height:var(--line-height-relaxed)}.content li::marker,.article-body li::marker{color:var(--color-primary)}.content table,.article-body table{width:100%;margin-bottom:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.content th,.article-body th{background-color:var(--color-bg-tertiary);font-weight:var(--font-weight-semibold);text-align:left;padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--color-border)}.content td,.article-body td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.content tr:last-child td,.article-body tr:last-child td{border-bottom:none}.content img,.article-body img{border-radius:var(--radius-lg);margin:var(--space-6) 0}figure{margin-bottom:var(--space-6)}figcaption{font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-align:center;margin-top:var(--space-2)}mark{background-color:var(--color-primary-light);color:inherit;padding:0.1em 0.3em;border-radius:var(--radius-sm)}abbr[title]{cursor:help}.skip-link{position:absolute;top:-100%;left:var(--space-4);background-color:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);z-index:var(--z-toast);font-weight:var(--font-weight-medium);transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.container{width:100%;max-width:var(--max-width-home);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.container--narrow{max-width:var(--max-width-post)}.container--wide{max-width:var(--max-width-wide)}.site-header{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--color-bg);border-bottom:1px solid var(--color-border);height:var(--header-height);transition:background-color var(--transition-slow),border-color var(--transition-slow),box-shadow var(--transition-base)}.site-header.scrolled{box-shadow:var(--shadow-sm)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:100%}.site-logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-heading);text-decoration:none;letter-spacing:var(--letter-spacing-tight);white-space:nowrap}.site-logo:hover{color:var(--color-primary)}.site-logo__icon{width:32px;height:32px;color:var(--color-primary)}.nav-primary{display:flex;align-items:center;gap:var(--space-1)}.nav-primary__link{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast)}.nav-primary__link:hover,.nav-primary__link.active{color:var(--color-primary);background-color:var(--color-primary-light)}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:color var(--transition-fast),background-color var(--transition-fast)}.theme-toggle:hover{color:var(--color-primary);background-color:var(--color-primary-light)}.mobile-menu-btn{display:none;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:color var(--transition-fast),background-color var(--transition-fast)}.mobile-menu-btn:hover{color:var(--color-primary);background-color:var(--color-primary-light)}.hamburger-line{display:block;width:20px;height:2px;background-color:currentColor;border-radius:1px;transition:transform var(--transition-fast),opacity var(--transition-fast)}.hamburger-line + .hamburger-line{margin-top:5px}.mobile-nav{display:none;position:fixed;inset:var(--header-height) 0 0 0;z-index:var(--z-overlay);background-color:var(--color-bg);padding:var(--space-6) var(--space-4);overflow-y:auto;transform:translateX(100%);transition:transform var(--transition-base)}.mobile-nav.is-open{transform:translateX(0)}.mobile-nav__link{display:block;padding:var(--space-3) var(--space-4);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text);border-radius:var(--radius-md);margin-bottom:var(--space-1);transition:color var(--transition-fast),background-color var(--transition-fast)}.mobile-nav__link:hover,.mobile-nav__link.active{color:var(--color-primary);background-color:var(--color-primary-light)}.site-main{flex:1;padding-top:var(--space-10);padding-bottom:var(--space-16)}.layout-with-sidebar{display:grid;grid-template-columns:1fr var(--sidebar-width);gap:var(--space-10);align-items:start}.layout-with-sidebar .main-content{min-width:0}.sidebar{position:sticky;top:calc(var(--header-height) + var(--space-8))}.sidebar-section{margin-bottom:var(--space-8)}.sidebar-section__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.sidebar-posts__item{margin-bottom:var(--space-4)}.sidebar-posts__link{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);line-height:var(--line-height-normal);transition:color var(--transition-fast)}.sidebar-posts__link:hover{color:var(--color-primary)}.sidebar-posts__date{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.sidebar-categories__item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-light)}.sidebar-categories__link{font-size:var(--font-size-sm);color:var(--color-text);transition:color var(--transition-fast)}.sidebar-categories__link:hover{color:var(--color-primary)}.sidebar-categories__count{font-size:var(--font-size-xs);color:var(--color-text-tertiary);background-color:var(--color-bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);min-width:24px;text-align:center}.sidebar-ad{background-color:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm);min-height:250px;display:flex;align-items:center;justify-content:center}.site-footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-12) 0 var(--space-8);transition:background-color var(--transition-slow),border-color var(--transition-slow)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-10);margin-bottom:var(--space-10)}.footer-section__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-heading);margin-bottom:var(--space-4)}.footer-brand__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:320px}.footer-links{display:flex;flex-direction:column;gap:var(--space-2)}.footer-links a{font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-6);border-top:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.footer-bottom a{color:var(--color-text-tertiary);transition:color var(--transition-fast)}.footer-bottom a:hover{color:var(--color-primary)}.post-card{display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.post-card__thumbnail{position:relative;aspect-ratio:16 / 9;overflow:hidden;background-color:var(--color-bg-tertiary)}.post-card__thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.post-card:hover .post-card__thumbnail img{transform:scale(1.05)}.post-card__body{display:flex;flex-direction:column;flex:1;padding:var(--space-5) var(--space-6) var(--space-6)}.post-card__category{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-2)}.post-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-heading);line-height:var(--line-height-tight);margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-fast)}.post-card:hover .post-card__title{color:var(--color-primary)}.post-card__excerpt{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-4);flex:1}.post-card__meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.post-card__date,.post-card__read-time{display:inline-flex;align-items:center;gap:var(--space-1)}.post-card__meta-divider{width:3px;height:3px;background-color:var(--color-text-tertiary);border-radius:var(--radius-full)}.post-card--featured{grid-column:1 / -1;flex-direction:row}.post-card--featured .post-card__thumbnail{width:45%;aspect-ratio:auto;min-height:280px}.post-card--featured .post-card__body{padding:var(--space-8)}.post-card--featured .post-card__title{font-size:var(--font-size-2xl)}.post-card--featured .post-card__excerpt{font-size:var(--font-size-base);-webkit-line-clamp:4}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);background-color:var(--color-primary-light);border-radius:var(--radius-full);transition:background-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.tag:hover{background-color:var(--color-primary);color:var(--color-text-inverse)}.tag--secondary{color:var(--color-text-secondary);background-color:var(--color-bg-tertiary)}.tag--secondary:hover{color:var(--color-text);background-color:var(--color-border)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-2);font-size:0.6875rem;font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);background-color:var(--color-primary);border-radius:var(--radius-full)}.badge--success{background-color:var(--color-success)}.badge--warning{background-color:var(--color-warning);color:#000}.badge--error{background-color:var(--color-error)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);white-space:nowrap;user-select:none}.btn:active{transform:scale(0.97)}.btn--primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn--primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn--secondary{background-color:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-light)}.btn--ghost{background-color:transparent;color:var(--color-text-secondary)}.btn--ghost:hover{background-color:var(--color-bg-tertiary);color:var(--color-text)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base)}.btn--icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-6)}.breadcrumb__item{display:inline-flex;align-items:center}.breadcrumb__link{color:var(--color-text-secondary);transition:color var(--transition-fast)}.breadcrumb__link:hover{color:var(--color-primary)}.breadcrumb__separator{margin:0 var(--space-1);color:var(--color-text-tertiary);font-size:var(--font-size-xs);user-select:none}.breadcrumb__current{color:var(--color-text);font-weight:var(--font-weight-medium)}.search-bar{position:relative;width:100%;max-width:480px}.search-bar__input{width:100%;padding:var(--space-3) var(--space-4);padding-left:var(--space-10);font-size:var(--font-size-sm);color:var(--color-text);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.search-bar__input::placeholder{color:var(--color-text-tertiary)}.search-bar__input:focus{border-color:var(--color-primary);background-color:var(--color-bg);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),0.15)}.search-bar__icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-text-tertiary);pointer-events:none}.search-bar__clear{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:20px;height:20px;display:none;align-items:center;justify-content:center;color:var(--color-text-tertiary);border-radius:var(--radius-full);transition:color var(--transition-fast)}.search-bar__clear:hover{color:var(--color-text)}.search-bar__input:not(:placeholder-shown) ~ .search-bar__clear{display:inline-flex}.toc{position:sticky;top:calc(var(--header-height) + var(--space-8));padding:var(--space-5) var(--space-6);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);max-height:calc(100vh - var(--header-height) - var(--space-16));overflow-y:auto}.toc__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-heading);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.toc__list{display:flex;flex-direction:column;gap:var(--space-1)}.toc__item{position:relative}.toc__link{display:block;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);border-radius:var(--radius-md);border-left:2px solid transparent;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.toc__link:hover{color:var(--color-primary);background-color:var(--color-primary-light)}.toc__link.active{color:var(--color-primary);border-left-color:var(--color-primary);background-color:var(--color-primary-light);font-weight:var(--font-weight-medium)}.toc__link--h3{padding-left:calc(var(--space-3) + var(--space-4));font-size:var(--font-size-xs)}.toc__link--h4{padding-left:calc(var(--space-3) + var(--space-8));font-size:var(--font-size-xs)}.faq-list{display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.faq-item:hover{border-color:var(--color-primary)}.faq-item.is-open{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.faq-item__question{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;padding:var(--space-5) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-heading);text-align:left;background-color:transparent;cursor:pointer;transition:background-color var(--transition-fast)}.faq-item__question:hover{background-color:var(--color-bg-secondary)}.faq-item__icon{flex-shrink:0;width:20px;height:20px;color:var(--color-text-tertiary);transition:transform var(--transition-base),color var(--transition-fast)}.faq-item.is-open .faq-item__icon{transform:rotate(180deg);color:var(--color-primary)}.faq-item__answer{max-height:0;overflow:hidden;transition:max-height var(--transition-base) ease-in-out}.faq-item.is-open .faq-item__answer{max-height:500px}.faq-item__answer-inner{padding:0 var(--space-6) var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.scroll-to-top{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-scroll-top);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity var(--transition-base),visibility var(--transition-base),transform var(--transition-base),background-color var(--transition-fast)}.scroll-to-top:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}.scroll-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top__icon{width:22px;height:22px}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-12)}.pagination__btn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.pagination__btn:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-light)}.pagination__btn.active{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);font-weight:var(--font-weight-bold)}.pagination__btn:disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;color:var(--color-text-tertiary);font-size:var(--font-size-sm);user-select:none}.category-filter{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.category-filter__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.category-filter__btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.category-filter__btn.active{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.category-filter__count{font-size:var(--font-size-xs);opacity:0.7}.subscribe-box{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#ffffff;padding:var(--space-10) var(--space-8);border-radius:var(--radius-xl);text-align:center;margin:var(--space-12) 0}.subscribe-box__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3);color:#ffffff}.subscribe-box__text{font-size:var(--font-size-sm);opacity:0.9;margin-bottom:var(--space-6);max-width:420px;margin-left:auto;margin-right:auto}.subscribe-box__form{display:flex;gap:var(--space-3);max-width:420px;margin:0 auto}.subscribe-box__input{flex:1;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);background-color:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);border-radius:var(--radius-lg);color:#ffffff}.subscribe-box__input::placeholder{color:rgba(255,255,255,0.6)}.subscribe-box__input:focus{background-color:rgba(255,255,255,0.25);border-color:rgba(255,255,255,0.6)}.subscribe-box__submit{padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background-color:#ffffff;color:var(--color-primary);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);white-space:nowrap}.subscribe-box__submit:hover{background-color:rgba(255,255,255,0.9);transform:translateY(-1px)}.author-box{display:flex;align-items:flex-start;gap:var(--space-5);padding:var(--space-6);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin:var(--space-10) 0}.author-box__avatar{flex-shrink:0;width:64px;height:64px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-border)}.author-box__name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-heading);margin-bottom:var(--space-1)}.author-box__bio{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.share-buttons{display:flex;align-items:center;gap:var(--space-2)}.share-buttons__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-right:var(--space-2)}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-text-secondary);border:1px solid var(--color-border);transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.share-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:var(--color-primary-light)}.spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin 0.7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-16) var(--space-6);color:var(--color-text-tertiary)}.empty-state__icon{width:64px;height:64px;margin:0 auto var(--space-4);opacity:0.4}.empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.empty-state__text{font-size:var(--font-size-sm);max-width:360px;margin:0 auto}.info-box{display:flex;gap:var(--space-5);padding:var(--space-6);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);margin:var(--space-8) 0;align-items:flex-start}.info-box svg{flex-shrink:0;width:48px;height:48px}.info-box__content{flex:1;min-width:0}.info-box__title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-heading);margin-bottom:var(--space-2)}.info-box__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.info-box--tip{border-left-color:#10b981}.info-box--warning{border-left-color:#f59e0b}.info-box--security{border-left-color:#ef4444}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin:var(--space-8) 0;font-size:var(--font-size-sm)}.comparison-table thead th{background-color:var(--color-primary);color:#fff;padding:var(--space-3) var(--space-4);font-weight:var(--font-weight-semibold);text-align:left}.comparison-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text)}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr:nth-child(even){background-color:var(--color-bg-secondary)}.related-posts{margin:var(--space-10) 0 var(--space-6);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.related-posts__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-heading);margin-bottom:var(--space-5)}.related-posts__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4)}.related-posts__item{display:block;padding:var(--space-4) var(--space-5);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),transform var(--transition-fast);text-decoration:none}.related-posts__item:hover{border-color:var(--color-primary);transform:translateY(-2px)}.related-posts__item-category{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--space-1)}.related-posts__item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-heading);line-height:var(--line-height-tight)}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-5);margin:var(--space-6) 0}.comparison-card{padding:var(--space-5);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.comparison-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px rgba(0,0,0,0.08)}.comparison-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.comparison-card__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-heading)}.comparison-card__name a{color:inherit;text-decoration:none}.comparison-card__name a:hover{color:var(--color-primary)}.comparison-card__badge{display:inline-block;padding:2px var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);white-space:nowrap}.comparison-card__badge--recommended{background-color:var(--color-primary);color:#fff}.comparison-card__badge--free{background-color:#10b981;color:#fff}.comparison-card__badge--caution{background-color:#f59e0b;color:#fff}.comparison-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);line-height:var(--line-height-relaxed)}.comparison-card__features{list-style:none;padding:0;margin:0}.comparison-card__features li{font-size:var(--font-size-sm);color:var(--color-text);padding:var(--space-1) 0;padding-left:var(--space-5);position:relative}.comparison-card__features li::before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:var(--font-weight-bold)}.comparison-card__price{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-heading)}.highlight-box{padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);margin:var(--space-6) 0;border-left:4px solid var(--color-primary);background-color:var(--color-bg-secondary)}.highlight-box--tip{border-left-color:#10b981;background-color:#f0fdf4}[data-theme="dark"] .highlight-box--tip{background-color:rgba(16,185,129,0.1)}.highlight-box--warning{border-left-color:#f59e0b;background-color:#fffbeb}[data-theme="dark"] .highlight-box--warning{background-color:rgba(245,158,11,0.1)}.highlight-box--important{border-left-color:#ef4444;background-color:#fef2f2}[data-theme="dark"] .highlight-box--important{background-color:rgba(239,68,68,0.1)}.highlight-box__title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-heading);margin-bottom:var(--space-2)}.highlight-box p{font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-relaxed);margin:0}.highlight-box p + p{margin-top:var(--space-2)}.checklist{list-style:none;padding:0;margin:var(--space-4) 0}.checklist li{position:relative;padding:var(--space-2) 0 var(--space-2) var(--space-7);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.checklist li::before{content:"✅";position:absolute;left:0;top:var(--space-2);font-size:var(--font-size-sm)}.section-divider{border:none;height:1px;background:linear-gradient(to right,transparent,var(--color-border),transparent);margin:var(--space-10) 0}.faq-section{margin-top:var(--space-10)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:var(--space-4) var(--space-5);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-heading);list-style:none;user-select:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"";width:10px;height:10px;border-right:2px solid var(--color-text-secondary);border-bottom:2px solid var(--color-text-secondary);transform:rotate(45deg);transition:transform 0.2s ease;flex-shrink:0;margin-left:var(--space-3)}.faq-item[open] summary::after{transform:rotate(-135deg)}.faq-item[open]{border-color:var(--color-primary)}.faq-item>p,.faq-item>div{padding:0 var(--space-5) var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.post-image{margin:var(--space-6) 0;text-align:center}.post-image img{max-width:100%;height:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.post-image figcaption{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.page-hero{text-align:center;padding:var(--space-12) 0 var(--space-10);position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-bg-secondary) 50%,var(--color-primary-light) 100%)}.page-hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,rgba(var(--color-primary-rgb),0.06) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(var(--color-primary-rgb),0.04) 0%,transparent 40%);pointer-events:none}.page-hero .container{position:relative;z-index:1}.page-hero__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-heading);margin-bottom:var(--space-4);letter-spacing:var(--letter-spacing-tight)}.page-hero__description{font-size:var(--font-size-md);color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:var(--line-height-relaxed)}.hero-stats{display:flex;align-items:center;justify-content:center;gap:var(--space-8);margin-top:var(--space-8);padding:var(--space-5) var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);max-width:560px;margin-left:auto;margin-right:auto}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.hero-stat__number{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:var(--color-primary);line-height:1}.hero-stat__label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.hero-stat-divider{width:1px;height:32px;background-color:var(--color-border)}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:9999;background-color:transparent;pointer-events:none}.reading-progress__bar{height:100%;width:0%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:0 2px 2px 0;transition:width 100ms linear}.visitor-counter{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.visitor-counter__dot{width:6px;height:6px;background-color:var(--color-success);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:0.4}}.visitor-counter__text{font-weight:var(--font-weight-medium)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.blog-grid--two-col{grid-template-columns:repeat(2,1fr)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.section-header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-heading)}.section-header__link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);display:inline-flex;align-items:center;gap:var(--space-1);transition:color var(--transition-fast)}.section-header__link:hover{color:var(--color-primary-hover)}.home-ad-section{margin:var(--space-10) 0;padding:var(--space-8) var(--space-4);background-color:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm);min-height:100px;display:flex;align-items:center;justify-content:center}.article-header{margin-bottom:var(--space-10);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}.article-header__category{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--space-3)}.article-header__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);color:var(--color-heading);line-height:var(--line-height-tight);margin-bottom:var(--space-5);letter-spacing:var(--letter-spacing-tight);word-break:keep-all}.article-header__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.article-header__author{display:inline-flex;align-items:center;gap:var(--space-2)}.article-header__author-avatar{width:28px;height:28px;border-radius:var(--radius-full);object-fit:cover}.article-header__divider{width:4px;height:4px;background-color:var(--color-text-tertiary);border-radius:var(--radius-full)}.article-feature-image{margin-bottom:var(--space-10);border-radius:var(--radius-xl);overflow:hidden}.article-feature-image img{width:100%;height:auto;display:block}.article-body{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--color-text)}.article-body>* + *{margin-top:var(--space-6)}.article-body h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-top:var(--space-12);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-primary-light);color:var(--color-heading)}.article-body h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-top:var(--space-10);margin-bottom:var(--space-3);color:var(--color-heading)}.article-body h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-top:var(--space-8);margin-bottom:var(--space-3);color:var(--color-heading)}.article-body p{margin-bottom:var(--space-5);line-height:var(--line-height-relaxed)}.article-body blockquote{margin:var(--space-8) 0;padding:var(--space-5) var(--space-6);font-size:var(--font-size-base)}.article-body pre{margin:var(--space-8) 0}.article-body img{border-radius:var(--radius-lg);margin:var(--space-8) 0}.article-tags{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.article-tags__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:var(--space-12) 0}.post-nav__item{padding:var(--space-5) var(--space-6);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.post-nav__item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.post-nav__item--next{text-align:right}.post-nav__label{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.post-nav__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-heading);line-height:var(--line-height-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-ad{margin:var(--space-10) 0;padding:var(--space-6) var(--space-4);background-color:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-xs);min-height:100px;display:flex;align-items:center;justify-content:center}.related-posts{margin-top:var(--space-16);padding-top:var(--space-10);border-top:1px solid var(--color-border)}.related-posts__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-heading);margin-bottom:var(--space-6)}.related-posts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.page-about{max-width:var(--max-width-post);margin:0 auto}.page-about .page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-heading);margin-bottom:var(--space-8);text-align:center}.page-about .content{font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.page-about .content h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-heading);margin-top:var(--space-10);margin-bottom:var(--space-4)}.page-about .content p{margin-bottom:var(--space-5);color:var(--color-text)}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin:var(--space-10) 0}.about-stat{text-align:center;padding:var(--space-6);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.about-stat__number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-primary);margin-bottom:var(--space-1)}.about-stat__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.profile-card{display:flex;gap:var(--space-6);align-items:flex-start;padding:var(--space-6);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.profile-card__avatar{flex-shrink:0}.profile-card__avatar img{width:120px;height:120px;border-radius:50%;border:3px solid var(--color-primary)}.profile-card__name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-heading);margin-bottom:var(--space-1)}.profile-card__role{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.profile-card__interests{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0}.interest-tag{display:inline-block;padding:var(--space-1) var(--space-3);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.profile-card__contact{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:0}.profile-card__contact a{color:var(--color-primary);text-decoration:underline}@media (max-width:600px){.profile-card{flex-direction:column;align-items:center;text-align:center}.profile-card__interests{justify-content:center}}.page-contact{max-width:var(--max-width-post);margin:0 auto}.page-contact .page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-heading);margin-bottom:var(--space-3);text-align:center}.page-contact .page-subtitle{font-size:var(--font-size-md);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-10)}.contact-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.form-group__label .required{color:var(--color-error);margin-left:var(--space-1)}.form-group__input,.form-group__textarea{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group__input:focus,.form-group__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),0.15)}.form-group__textarea{min-height:160px;resize:vertical}.form-group__hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.form-status{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:none}.form-status.success{display:block;background-color:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.form-status.error{display:block;background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca}[data-theme="dark"] .form-status.success{background-color:rgba(6,95,70,0.15);color:#6ee7b7;border-color:rgba(167,243,208,0.2)}[data-theme="dark"] .form-status.error{background-color:rgba(153,27,27,0.15);color:#fca5a5;border-color:rgba(254,202,202,0.2)}.contact-info{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-top:var(--space-10)}.contact-info__card{padding:var(--space-5) var(--space-6);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.contact-info__icon{width:32px;height:32px;margin:0 auto var(--space-3);color:var(--color-primary)}.contact-info__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-heading);margin-bottom:var(--space-1)}.contact-info__value{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.page-legal{max-width:var(--max-width-post);margin:0 auto}.page-legal .page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-heading);margin-bottom:var(--space-3)}.page-legal .page-updated{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-10)}.page-legal .content{font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.page-legal .content h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-heading);margin-top:var(--space-10);margin-bottom:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-border-light)}.page-legal .content h2:first-child{border-top:none;padding-top:0}.page-legal .content h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-heading);margin-top:var(--space-8);margin-bottom:var(--space-3)}.page-legal .content p{margin-bottom:var(--space-4);color:var(--color-text)}.page-legal .content ul{list-style:disc;padding-left:var(--space-6);margin-bottom:var(--space-4)}.page-legal .content li{margin-bottom:var(--space-2);color:var(--color-text);line-height:var(--line-height-relaxed)}.page-404{text-align:center;padding:var(--space-20) var(--space-4)}.page-404__code{font-size:8rem;font-weight:var(--font-weight-extrabold);color:var(--color-primary-light);line-height:1;margin-bottom:var(--space-4)}[data-theme="dark"] .page-404__code{color:rgba(37,99,235,0.2)}.page-404__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-heading);margin-bottom:var(--space-4)}.page-404__text{font-size:var(--font-size-md);color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:480px;margin-left:auto;margin-right:auto}.page-archive .page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-heading);margin-bottom:var(--space-2)}.page-archive .page-count{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-8)}.blog-card .card-link{display:flex;flex-direction:column}.blog-card .card-thumbnail{height:160px;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background-size:56px 56px;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden}.blog-card .card-thumbnail::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,0.08) 100%)}.blog-card[data-category="AI"] .card-thumbnail{background-color:#7c3aed;background-image:url("/images/category-ai.svg"),linear-gradient(135deg,#7c3aed 0%,#2563eb 100%)}.blog-card[data-category="생산성"] .card-thumbnail{background-color:#059669;background-image:url("/images/category-productivity.svg"),linear-gradient(135deg,#059669 0%,#0d9488 100%)}.blog-card[data-category="보안"] .card-thumbnail{background-color:#dc2626;background-image:url("/images/category-security.svg"),linear-gradient(135deg,#dc2626 0%,#ea580c 100%)}.blog-card[data-category="모바일"] .card-thumbnail{background-color:#0284c7;background-image:url("/images/category-mobile.svg"),linear-gradient(135deg,#0284c7 0%,#0ea5e9 100%)}.blog-card[data-category="PC"] .card-thumbnail{background-color:#475569;background-image:url("/images/category-pc.svg"),linear-gradient(135deg,#475569 0%,#64748b 100%)}.blog-card[data-category="비교"] .card-thumbnail{background-color:#d97706;background-image:url("/images/category-compare.svg"),linear-gradient(135deg,#d97706 0%,#f59e0b 100%)}.blog-card[data-category="리뷰"] .card-thumbnail{background-color:#c026d3;background-image:url("/images/category-review.svg"),linear-gradient(135deg,#c026d3 0%,#a855f7 100%)}.blog-card[data-category="개발"] .card-thumbnail{background-color:#1e40af;background-image:url("/images/category-dev.svg"),linear-gradient(135deg,#1e40af 0%,#0369a1 100%)}.blog-card[data-category="생활"] .card-thumbnail{background-color:#16a34a;background-image:url("/images/category-life.svg"),linear-gradient(135deg,#16a34a 0%,#65a30d 100%)}.blog-card .card-body{border-radius:0 0 var(--radius-xl) var(--radius-xl)}.post-hero{height:240px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);margin-bottom:var(--space-8);background-size:80px 80px;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden}.post-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,0.1) 100%);border-radius:var(--radius-xl)}.post-hero--AI{background-image:url("/images/category-ai.svg"),linear-gradient(135deg,#7c3aed 0%,#2563eb 100%)}.post-hero--생산성{background-image:url("/images/category-productivity.svg"),linear-gradient(135deg,#059669 0%,#0d9488 100%)}.post-hero--보안{background-image:url("/images/category-security.svg"),linear-gradient(135deg,#dc2626 0%,#ea580c 100%)}.post-hero--모바일{background-image:url("/images/category-mobile.svg"),linear-gradient(135deg,#0284c7 0%,#0ea5e9 100%)}.post-hero--PC{background-image:url("/images/category-pc.svg"),linear-gradient(135deg,#475569 0%,#64748b 100%)}.post-hero--비교{background-image:url("/images/category-compare.svg"),linear-gradient(135deg,#d97706 0%,#f59e0b 100%)}.post-hero--리뷰{background-image:url("/images/category-review.svg"),linear-gradient(135deg,#c026d3 0%,#a855f7 100%)}.post-hero--개발{background-image:url("/images/category-dev.svg"),linear-gradient(135deg,#1e40af 0%,#0369a1 100%)}.post-hero--생활{background-image:url("/images/category-life.svg"),linear-gradient(135deg,#16a34a 0%,#65a30d 100%)}.category-filter .filter-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.filter-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);font-family:inherit;line-height:1;white-space:nowrap}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.category-badge{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px var(--space-2);border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.category-AI{color:#7c3aed;background-color:rgba(124,58,237,0.1)}.category-생산성{color:#059669;background-color:rgba(5,150,105,0.1)}.category-보안{color:#dc2626;background-color:rgba(220,38,38,0.1)}.category-모바일{color:#0284c7;background-color:rgba(2,132,199,0.1)}.category-PC{color:#475569;background-color:rgba(71,85,105,0.1)}.category-비교{color:#d97706;background-color:rgba(217,119,6,0.1)}.category-리뷰{color:#c026d3;background-color:rgba(192,38,211,0.1)}.category-개발{color:#1e40af;background-color:rgba(30,64,175,0.1)}.category-생활{color:#16a34a;background-color:rgba(22,163,74,0.1)}.blog-card{display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.blog-card .card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.blog-card .card-body{padding:var(--space-4) var(--space-5) var(--space-5);display:flex;flex-direction:column;flex:1}.blog-card .card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-heading);line-height:var(--line-height-tight);margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-fast)}.blog-card:hover .card-title{color:var(--color-primary)}.blog-card .card-excerpt{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-3);flex:1}.blog-card .card-date{font-size:var(--font-size-xs);color:var(--color-text-tertiary);display:block;margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-border-light)}.blog-card.hidden{display:none}.blog-grid-section{padding:var(--space-8) 0 var(--space-12)}.mobile-menu-btn{display:inline-flex}.mobile-nav{display:block}.nav-primary{display:none}.blog-grid{grid-template-columns:1fr;gap:var(--space-5)}.blog-grid--two-col{grid-template-columns:1fr}.post-card--featured{flex-direction:column}.post-card--featured .post-card__thumbnail{width:100%;min-height:200px;aspect-ratio:16 / 9}.post-card--featured .post-card__body{padding:var(--space-5) var(--space-6) var(--space-6)}.post-card--featured .post-card__title{font-size:var(--font-size-xl)}.post-card--featured .post-card__excerpt{font-size:var(--font-size-sm);-webkit-line-clamp:3}.layout-with-sidebar{grid-template-columns:1fr}.sidebar{position:static;order:2;margin-top:var(--space-8)}.toc{position:static;max-height:none}.article-header__title{font-size:var(--font-size-2xl)}.page-hero{padding:var(--space-8) 0 var(--space-6)}.page-hero__title{font-size:var(--font-size-2xl)}.page-hero__description{font-size:var(--font-size-base)}.hero-stats{gap:var(--space-4);padding:var(--space-4) var(--space-5)}.hero-stat__number{font-size:var(--font-size-lg)}.hero-stat__label{font-size:0.625rem}.hero-stat-divider{height:24px}.footer-grid{grid-template-columns:1fr;gap:var(--space-8)}.footer-bottom{flex-direction:column;gap:var(--space-3);text-align:center}.post-nav{grid-template-columns:1fr}.related-posts__grid{grid-template-columns:1fr}.about-stats{grid-template-columns:1fr}.contact-info{grid-template-columns:1fr}.subscribe-box{padding:var(--space-8) var(--space-5)}.subscribe-box__form{flex-direction:column}.category-filter{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-4);margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));padding-left:var(--space-4);padding-right:var(--space-4)}.category-filter::-webkit-scrollbar{display:none}.category-filter__btn{flex-shrink:0}.pagination{gap:var(--space-1)}.pagination__btn{min-width:36px;height:36px;font-size:var(--font-size-xs)}.scroll-to-top{width:42px;height:42px;bottom:var(--space-4);right:var(--space-4)}.page-404__code{font-size:5rem}.page-404__title{font-size:var(--font-size-xl)}@media (min-width:480px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}.blog-grid{grid-template-columns:repeat(2,1fr)}.about-stats{grid-template-columns:repeat(3,1fr)}.contact-info{grid-template-columns:repeat(2,1fr)}.subscribe-box__form{flex-direction:row}.category-filter{flex-wrap:wrap;overflow-x:visible;margin-left:0;margin-right:0;padding-left:0;padding-right:0}}@media (min-width:768px){.nav-primary{display:flex}.mobile-menu-btn{display:none}.mobile-nav{display:none!important}.article-header__title{font-size:var(--font-size-3xl)}.page-hero__title{font-size:var(--font-size-3xl)}.blog-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.blog-grid--two-col{grid-template-columns:repeat(2,1fr)}.post-card--featured{flex-direction:row}.post-card--featured .post-card__thumbnail{width:45%;min-height:260px;aspect-ratio:auto}.post-card--featured .post-card__body{padding:var(--space-8)}.post-card--featured .post-card__title{font-size:var(--font-size-2xl)}.footer-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.footer-bottom{flex-direction:row}.post-nav{grid-template-columns:1fr 1fr}.related-posts__grid{grid-template-columns:repeat(2,1fr)}.page-hero{padding:var(--space-12) 0 var(--space-10)}}@media (min-width:1024px){.article-header__title{font-size:var(--font-size-4xl)}.page-hero__title{font-size:var(--font-size-3xl)}.page-hero__description{font-size:var(--font-size-md)}.blog-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.layout-with-sidebar{grid-template-columns:1fr var(--sidebar-width);gap:var(--space-10)}.sidebar{position:sticky;top:calc(var(--header-height) + var(--space-8));order:unset;margin-top:0}.toc{position:sticky;top:calc(var(--header-height) + var(--space-8));max-height:calc(100vh - var(--header-height) - var(--space-16))}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-10)}.related-posts__grid{grid-template-columns:repeat(3,1fr)}.page-hero{padding:var(--space-16) 0 var(--space-12)}.author-box{padding:var(--space-8)}}@media (min-width:1200px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}@media print{.site-header,.site-footer,.sidebar,.scroll-to-top,.mobile-menu-btn,.mobile-nav,.theme-toggle,.category-filter,.pagination,.subscribe-box,.share-buttons,.post-nav,.related-posts,.home-ad-section,.article-ad,.sidebar-ad{display:none!important}body{color:#000;background:#fff;font-size:12pt;line-height:1.6}.article-header__title{font-size:24pt}.article-body{font-size:12pt}a{color:#000;text-decoration:underline}.container{max-width:100%;padding:0}.layout-with-sidebar{grid-template-columns:1fr}}