:root{--brand-gold: #FFD17B;--brand-silver: #CCC;--brand-lime: #C2FFAA;--brand-lime-30: rgba(194, 255, 170, .3);--brand-lime-50: rgba(194, 255, 170, .5);--brand-lime-70: rgba(194, 255, 170, .7);--accent-color: #58a6ff;--state-danger: #ff6b6b;--text-accent: var(--brand-lime);--text-on-brand: #0a0a0a;--gradient-brand: linear-gradient(90deg, var(--brand-gold) 10%, var(--brand-silver) 50%, var(--brand-lime) 90%);--gradient-brand-short: linear-gradient(90deg, var(--brand-gold) 0%, var(--brand-lime) 100%);--gradient-accent: var(--gradient-brand-short);--gradient-hero: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);--gradient-gold-accent: linear-gradient(90deg, var(--brand-gold), rgba(255, 209, 123, .5));--gradient-lime-highlight: linear-gradient(90deg, var(--brand-lime), rgba(194, 255, 170, .3));--gradient-silver-border: linear-gradient(90deg, transparent, var(--brand-silver), transparent);--bg-header: #020202;--bg-page: #0a0a0a;--bg-card: #151515;--bg-card-hover: #1a1a1a;--bg-footer: #2a2a2a;--bg-overlay-light: rgba(0, 0, 0, .5);--bg-overlay-soft: rgba(0, 0, 0, .6);--bg-overlay-medium: rgba(0, 0, 0, .7);--bg-overlay-strong: rgba(0, 0, 0, .8);--bg-overlay-max: rgba(0, 0, 0, .9);--bg-overlay-faint: rgba(0, 0, 0, .3);--bg-overlay-heavy: rgba(0, 0, 0, .95);--bg-media-stage: #000;--bg-surface: var(--bg-card);--bg-overlay: var(--bg-overlay-heavy);--text-primary: #fff;--text-secondary: #ddd;--text-secondary-rgb: 221 221 221;--text-tertiary: #bbb;--text-body: #aaa;--text-muted: #999;--text-muted-rgb: 153 153 153;--text-subtle: #888;--text-subtle-rgb: 136 136 136;--text-meta: #777;--text-placeholder: #666;--interactive-default: rgba(255, 255, 255, .03);--interactive-hover: rgba(255, 255, 255, .05);--interactive-focus: rgba(255, 255, 255, .08);--interactive-active: rgba(255, 255, 255, .1);--interactive-accent: rgba(88, 166, 255, .2);--interactive-accent-soft: rgba(88, 166, 255, .08);--interactive-success: rgba(194, 255, 170, .1);--interactive-success-hover: rgba(194, 255, 170, .08);--interactive-warning: rgba(255, 209, 123, .15);--interactive-warning-hover: rgba(255, 209, 123, .25);--interactive-danger: rgba(255, 107, 107, .1);--interactive-danger-hover: rgba(255, 107, 107, .15);--border-subtle: #222;--border-default: #333;--border-light: rgba(255, 255, 255, .1);--border-highlight: var(--border-light);--border-quote: #444;--border-strong: #444;--radius-none: 0px;--shadow-header: 0 2px 8px rgba(0, 0, 0, .1);--shadow-dropdown: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lift: 0 4px 16px rgba(0, 0, 0, .3);--shadow-glow-subtle: 0 4px 12px rgba(255, 255, 255, .1);--shadow-panel: 0 10px 40px rgba(0, 0, 0, .3);--shadow-modal-strong: 0 20px 60px rgba(0, 0, 0, .8);--shadow-card-hover: 0 12px 24px rgba(255, 255, 255, .05);--shadow-image-hover: 0 8px 24px rgba(255, 209, 123, .2);--shadow-subtle: 0 8px 20px rgba(255, 255, 255, .05);--shadow-card: var(--shadow-subtle);--focus-glow-ring: 0 0 0 3px rgba(255, 255, 255, .12);--code-bg: #0d1117;--code-border: #30363d;--code-text: #c9d1d9;--code-text-muted: #8b949e;--code-inline-bg: rgba(110, 118, 129, .3);--code-inline-bg-subtle: rgba(110, 118, 129, .15);--code-table-header-bg: rgba(110, 118, 129, .12);--code-table-row-hover-bg: rgba(110, 118, 129, .06);--syntax-keyword: #ff7b72;--syntax-literal: #79c0ff;--syntax-string: #a5d6ff;--syntax-title: #d2a8ff;--syntax-builtin: #ffa657;--syntax-symbol: #f2cc60;--syntax-deletion: #ffdcd7;--syntax-deletion-bg: rgba(255, 123, 114, .15);--syntax-addition: #aff5b4;--syntax-addition-bg: rgba(63, 185, 80, .15);--syntax-tag: #7ee787;--font-logo: "Anonymous Pro", monospace;--font-nav: "Exo 2", sans-serif;--font-body: "Noto Sans", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", monospace;--weight-extralight: 200;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--text-xs: .8rem;--text-sm: .9rem;--text-base: 1rem;--text-lg: 1.1rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--text-4xl: 3.5rem;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.6;--leading-relaxed: 1.7;--leading-loose: 1.8;--tracking-tighter: -.03em;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-normal: 0;--tracking-wide: .05em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .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-24: 6rem;--container-default: 1200px;--container-detail: 800px;--container-legal: 900px;--header-height-desktop: 70px;--header-height-tablet: 62px;--header-height-mobile: 58px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-normal: .3s ease;--transition-slow: .4s ease;--z-base: 1;--z-dropdown: 10;--z-sticky: 100;--z-overlay: 900;--z-modal: 950;--z-drawer-overlay: 998;--z-drawer: 999;--z-header: 1000;--z-dropdown-menu: 1010;--z-tooltip: 1020;--animation-slide-down: slideDown .2s ease;--animation-slide-up: slideUp .2s ease;--animation-fade-in: fadeIn .3s ease}:root[data-theme=light]{--accent-color: #0550ae;--state-danger: #b42318;--text-accent: #2f7a3f;--text-on-brand: #101820;--brand-lime-30: rgba(194, 255, 170, .25);--brand-lime-50: rgba(194, 255, 170, .4);--brand-lime-70: rgba(194, 255, 170, .55);--gradient-hero: linear-gradient(135deg, #f4f6f9 0%, #e9edf3 100%);--gradient-gold-accent: linear-gradient(90deg, var(--brand-gold), rgba(255, 209, 123, .35));--gradient-lime-highlight: linear-gradient(90deg, var(--brand-lime), rgba(194, 255, 170, .2));--gradient-silver-border: linear-gradient(90deg, transparent, #adb8c5, transparent);--bg-header: #ffffff;--bg-page: #f5f7fa;--bg-card: #ffffff;--bg-card-hover: #eff3f8;--bg-footer: #eef2f7;--bg-overlay-light: rgba(10, 18, 30, .2);--bg-overlay-soft: rgba(10, 18, 30, .32);--bg-overlay-medium: rgba(10, 18, 30, .45);--bg-overlay-strong: rgba(10, 18, 30, .58);--bg-overlay-max: rgba(10, 18, 30, .72);--bg-overlay-faint: rgba(10, 18, 30, .12);--bg-overlay-heavy: rgba(10, 18, 30, .82);--bg-media-stage: #0f141d;--text-primary: #111827;--text-secondary: #2d3748;--text-secondary-rgb: 45 55 72;--text-tertiary: #475467;--text-body: #556176;--text-muted: #64748b;--text-muted-rgb: 100 116 139;--text-subtle: #7f8da3;--text-subtle-rgb: 127 141 163;--text-meta: #95a0b1;--text-placeholder: #a1abba;--interactive-default: rgba(17, 24, 39, .03);--interactive-hover: rgba(17, 24, 39, .06);--interactive-focus: rgba(17, 24, 39, .1);--interactive-active: rgba(17, 24, 39, .14);--interactive-accent: rgba(2, 105, 255, .14);--interactive-accent-soft: rgba(2, 105, 255, .07);--interactive-success: rgba(194, 255, 170, .22);--interactive-success-hover: rgba(194, 255, 170, .32);--interactive-warning: rgba(255, 209, 123, .22);--interactive-warning-hover: rgba(255, 209, 123, .3);--interactive-danger: rgba(255, 107, 107, .16);--interactive-danger-hover: rgba(255, 107, 107, .24);--border-subtle: #dde3ea;--border-default: #c8d2df;--border-light: rgba(17, 24, 39, .12);--border-quote: #b9c4d2;--border-strong: #a5b3c4;--shadow-header: 0 2px 8px rgba(15, 23, 42, .08);--shadow-dropdown: 0 8px 24px rgba(15, 23, 42, .14);--shadow-lift: 0 8px 24px rgba(15, 23, 42, .14);--shadow-glow-subtle: 0 4px 12px rgba(15, 23, 42, .08);--shadow-panel: 0 12px 42px rgba(15, 23, 42, .16);--shadow-modal-strong: 0 20px 60px rgba(10, 18, 30, .36);--shadow-card-hover: 0 12px 24px rgba(15, 23, 42, .12);--shadow-image-hover: 0 8px 24px rgba(255, 209, 123, .28);--shadow-subtle: 0 8px 20px rgba(15, 23, 42, .1);--focus-glow-ring: 0 0 0 3px rgba(2, 105, 255, .24);--code-bg: #f6f8fa;--code-border: #d0d7de;--code-text: #24292f;--code-text-muted: #57606a;--code-inline-bg: rgba(175, 184, 193, .2);--code-inline-bg-subtle: rgba(175, 184, 193, .12);--code-table-header-bg: rgba(175, 184, 193, .24);--code-table-row-hover-bg: rgba(175, 184, 193, .12);--syntax-keyword: #cf222e;--syntax-literal: #0550ae;--syntax-string: #0a3069;--syntax-title: #8250df;--syntax-builtin: #953800;--syntax-symbol: #9a6700;--syntax-deletion: #82071e;--syntax-deletion-bg: rgba(207, 34, 46, .12);--syntax-addition: #116329;--syntax-addition-bg: rgba(26, 127, 55, .12);--syntax-tag: #116329}@media(max-width:1024px){:root{--text-4xl: 2.5rem;--text-2xl: 1.75rem}}@media(max-width:768px){:root{--text-4xl: 2rem;--text-2xl: 1.5rem;--text-lg: 1rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-brand-lime{color:var(--text-accent)}.bg-page{background-color:var(--bg-page)}.bg-card{background-color:var(--bg-card)}.bg-footer{background-color:var(--bg-footer)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.font-logo{font-family:var(--font-logo)}.font-nav{font-family:var(--font-nav)}.font-mono{font-family:var(--font-mono)}.weight-bold{font-weight:var(--weight-bold)}.weight-semibold{font-weight:var(--weight-semibold)}.transition-fast{transition:all var(--transition-fast)}.transition-base{transition:all var(--transition-base)}.transition-normal{transition:all var(--transition-normal)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--interactive-default);border:none;border-radius:var(--radius-none);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);cursor:pointer;transition:all var(--transition-normal);text-decoration:none}.btn:hover{background:var(--interactive-hover)}.btn:active{transform:scale(.98);background:var(--interactive-active)}.btn:focus{outline:none;background:var(--interactive-focus);box-shadow:inset 0 0 0 2px var(--border-light)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--interactive-active)}.btn--primary:hover{background:var(--brand-lime);color:var(--text-on-brand)}.btn--success{background:var(--interactive-success)}.btn--success:hover{background:var(--interactive-success-hover);color:var(--text-accent)}.btn--danger{background:var(--interactive-danger)}.btn--danger:hover{background:var(--interactive-danger-hover);color:var(--state-danger)}.btn--small{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.btn--large{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn--lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-subtle)}.btn--lift:active{transform:translateY(-2px)}.btn--gradient{background:var(--gradient-brand-short);color:var(--text-on-brand);font-weight:var(--weight-medium)}.btn--gradient:hover{background:var(--gradient-brand)}.btn--icon{padding:var(--space-3);justify-content:center;width:40px;height:40px}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem;background:var(--interactive-default);border:none;border-radius:var(--radius-none);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);transition:all var(--transition-base)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-placeholder)}.form-input:hover,.form-textarea:hover,.form-select:hover{background:var(--interactive-hover)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;background:var(--interactive-focus);box-shadow:inset 0 0 0 1px var(--border-light)}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{opacity:.5;cursor:not-allowed}.form-textarea{resize:vertical;min-height:120px;line-height:var(--leading-relaxed)}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.form-label{display:block;margin-bottom:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.form-group{margin-bottom:var(--space-6)}.form-hint{display:block;margin-top:var(--space-2);color:var(--text-subtle);font-size:var(--text-xs)}.form-checkbox,.form-radio{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.form-checkbox input[type=checkbox],.form-radio input[type=radio]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--text-accent)}.dropdown{position:relative}.dropdown__button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--interactive-default);border:none;border-radius:var(--radius-none);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal)}.dropdown__button:hover{background:var(--interactive-hover)}.dropdown__button:focus{outline:none;background:var(--interactive-focus)}.dropdown__button svg{transition:transform var(--transition-normal)}.dropdown__button--open svg{transform:rotate(180deg)}.dropdown__menu{position:absolute;top:calc(100% + var(--space-2));left:0;min-width:100%;background:var(--bg-footer);border-radius:var(--radius-none);box-shadow:var(--shadow-dropdown);z-index:var(--z-dropdown);animation:var(--animation-slide-down)}.dropdown__menu--right{left:auto;right:0}.dropdown__item{display:block;width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;border-radius:var(--radius-none);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);text-align:left;cursor:pointer;transition:all var(--transition-base)}.dropdown__item:hover{background:var(--interactive-hover);color:var(--text-primary)}.dropdown__item--active{background:var(--interactive-active);color:var(--text-accent)}.card{background:var(--bg-card);border-radius:var(--radius-none);transition:all var(--transition-normal)}.card:hover{background:var(--bg-card-hover)}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.card__header{padding:var(--space-6);border-bottom:1px solid var(--border-subtle)}.card__body{padding:var(--space-6)}.card__footer{padding:var(--space-6);border-top:1px solid var(--border-subtle)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--interactive-default);border-radius:var(--radius-none);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);white-space:nowrap}.badge--primary{background:var(--interactive-active);color:var(--text-primary)}.badge--success{background:var(--interactive-success);color:var(--text-accent)}.badge--lime{background:var(--gradient-lime-highlight);color:var(--text-on-brand)}.badge--gold{background:var(--gradient-gold-accent);color:var(--text-on-brand)}.tag{display:inline-flex;padding:var(--space-2) var(--space-3);background:var(--interactive-default);border-radius:var(--radius-none);color:var(--text-muted);font-size:var(--text-sm);text-decoration:none;transition:all var(--transition-base)}.tag:hover{background:var(--interactive-hover);color:var(--text-primary)}.pagination{display:flex;gap:var(--space-2);align-items:center;justify-content:center}.pagination__button{padding:var(--space-3);min-width:40px;background:var(--interactive-default);border:none;border-radius:var(--radius-none);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base)}.pagination__button:hover{background:var(--interactive-hover);color:var(--text-primary)}.pagination__button--active{background:var(--interactive-active);color:var(--text-accent)}.pagination__button:disabled{opacity:.3;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:var(--bg-overlay-heavy);z-index:var(--z-overlay);animation:var(--animation-fade-in)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;background:var(--bg-card);border-radius:var(--radius-none);box-shadow:var(--shadow-modal-strong);z-index:var(--z-modal);animation:var(--animation-slide-up)}.modal__header{padding:var(--space-6);border-bottom:1px solid var(--border-subtle)}.modal__title{margin:0;color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--weight-semibold)}.modal__body{padding:var(--space-6)}.modal__footer{padding:var(--space-6);border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-4);justify-content:flex-end}.table{width:100%;border-collapse:collapse}.table thead{background:var(--bg-card);border-bottom:1px solid var(--border-default)}.table th{padding:var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:left;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.table td{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-body)}.table tbody tr{transition:background var(--transition-base)}.table tbody tr:hover{background:var(--interactive-hover)}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text--short{background:var(--gradient-brand-short);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-bg-hero{background:var(--gradient-hero)}.gradient-border-bottom{position:relative}.gradient-border-bottom:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--brand-silver),transparent)}.interactive{background:var(--interactive-default);transition:all var(--transition-base)}.interactive:hover{background:var(--interactive-hover)}.lift-on-hover{transition:transform var(--transition-normal)}.lift-on-hover:hover{transform:translateY(-4px)}.scale-on-active{transition:transform var(--transition-fast)}.scale-on-active:active{transform:scale(.98)}.focus-ring:focus{outline:none;box-shadow:inset 0 0 0 2px var(--border-light)}.focus-glow:focus{outline:none;box-shadow:var(--focus-glow-ring)}.skeleton{background:linear-gradient(90deg,var(--bg-card) 0%,var(--bg-card-hover) 50%,var(--bg-card) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:40px;height:40px;border:3px solid var(--interactive-default);border-top-color:var(--text-secondary);border-radius:50%;animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.loading-inline{display:flex;align-items:center;justify-content:center;padding:var(--space-12);color:var(--text-muted);font-size:var(--text-base)}.loading-inline-spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--interactive-default);border-top-color:var(--text-accent);border-radius:50%;animation:spinner-rotate .8s linear infinite;margin-right:var(--space-3)}.empty-state{padding:var(--space-16) var(--space-8);text-align:center;background:var(--bg-card);border-radius:var(--radius-none)}.empty-state__icon{width:64px;height:64px;margin:0 auto var(--space-6);color:var(--text-placeholder)}.empty-state__title{margin-bottom:var(--space-4);color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--weight-semibold)}.empty-state__description{margin-bottom:var(--space-8);color:var(--text-muted);font-size:var(--text-lg);line-height:var(--leading-relaxed)}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:var(--font-body);line-height:var(--leading-normal);font-weight:var(--weight-regular);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-page);color:var(--text-body)}#root{min-height:100vh}html{scroll-behavior:smooth}:root.theme-switching,:root.theme-switching *,:root.theme-switching *:before,:root.theme-switching *:after{transition:color var(--transition-base),background var(--transition-base),background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),fill var(--transition-base),stroke var(--transition-base),filter var(--transition-base)}html[data-lang=ko],html[data-lang=en]{letter-spacing:0}html[data-lang=ko] body,html[data-lang=en] body{font-family:var(--font-body)}html[data-lang=ko] h1,html[data-lang=ko] h2,html[data-lang=ko] h3,html[data-lang=ko] h4,html[data-lang=ko] h5,html[data-lang=ko] h6{font-weight:700;letter-spacing:-.03em}html[data-lang=en] h1,html[data-lang=en] h2,html[data-lang=en] h3,html[data-lang=en] h4,html[data-lang=en] h5,html[data-lang=en] h6{font-weight:600;letter-spacing:-.01em}html[data-lang=ko] .header-nav a,html[data-lang=en] .header-nav a{font-family:var(--font-nav);font-weight:300}html[data-lang=ko] .footer-copyright{font-size:14px}html[data-lang=en] .footer-copyright{font-size:13px}html[data-lang=ko] .card-content h2{font-size:1.5rem;font-weight:700}html[data-lang=en] .card-content h2{font-size:1.4rem;font-weight:600}html[data-lang=ko] button,html[data-lang=ko] .filter-btn{font-weight:500}html[data-lang=en] button,html[data-lang=en] .filter-btn{font-weight:400}html[data-lang=ko] .content-overlay h1{font-size:4rem;font-weight:400;font-family:var(--font-nav)}html[data-lang=en] .content-overlay h1{font-size:4.5rem;font-weight:300;letter-spacing:-.02em;font-family:var(--font-nav)}html[data-lang=ko] .content-overlay p{font-size:1.5rem;font-weight:300;font-family:var(--font-nav)}html[data-lang=en] .content-overlay p{font-size:1.6rem;font-weight:300;font-family:var(--font-nav)}html[data-lang=ko]{word-break:keep-all;overflow-wrap:break-word;line-height:1.7}html[data-lang=en]{word-break:normal;overflow-wrap:break-word;line-height:1.6}html[data-lang=ko] .text-justify{text-align:justify;text-justify:inter-word}html[data-lang=en] .text-justify{text-align:left}.app{display:flex;flex-direction:column;min-height:100vh}.header{position:fixed;top:0;left:0;right:0;background-color:var(--bg-header);box-shadow:var(--shadow-header);z-index:var(--z-header)}.header-container{max-width:var(--container-default);margin:0 auto;padding:var(--space-4) var(--space-8);display:flex;justify-content:space-between;align-items:center;gap:var(--space-8)}.header-logo{display:flex;align-items:center;gap:var(--space-4);text-decoration:none;cursor:pointer}.header-logo-img{height:40px;width:auto}:root[data-theme=light] .header-logo-img{filter:invert(1) brightness(.18)}.header-logo-text{font-family:var(--font-logo);font-weight:var(--weight-bold);font-style:normal;margin:0;font-size:var(--text-2xl);color:var(--text-primary);background:var(--gradient-brand);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-nav{display:flex;gap:var(--space-8);align-items:center}.header-nav a{color:var(--text-primary);font-family:var(--font-nav);font-size:24px;font-style:normal;font-weight:var(--weight-extralight);line-height:normal;text-decoration:none;transition:all var(--transition-normal)}.header-nav a.active{font-weight:var(--weight-regular)}.header-nav a:hover{color:var(--text-subtle)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.hamburger-btn{display:none;flex-direction:column;justify-content:space-between;width:30px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;margin-left:auto;z-index:calc(var(--z-header) + 1);transition:transform var(--transition-normal)}.hamburger-btn span{width:100%;height:3px;background-color:var(--text-primary);transition:all var(--transition-normal);transform-origin:center}.hamburger-btn.open span:nth-child(1){transform:translateY(10.5px) rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0;transform:translate(-10px)}.hamburger-btn.open span:nth-child(3){transform:translateY(-10.5px) rotate(-45deg)}.mobile-drawer{position:fixed;top:var(--header-height-desktop);left:0;right:0;background-color:var(--bg-header);display:flex;flex-direction:column;padding:0;max-height:0;overflow-x:hidden;overflow-y:auto;transition:max-height var(--transition-normal),padding var(--transition-normal);z-index:var(--z-drawer);box-shadow:var(--shadow-dropdown);margin-top:-1px}.mobile-drawer.open{max-height:min(400px,calc(100dvh - var(--header-height-tablet) - var(--space-4)));padding:var(--space-4) 0 0}.mobile-drawer a{color:var(--text-primary);font-family:var(--font-nav);font-size:20px;font-weight:var(--weight-extralight);text-decoration:none;padding:var(--space-4) var(--space-8);transition:all var(--transition-normal);border-bottom:1px solid var(--border-light)}.mobile-drawer a.active{font-weight:var(--weight-regular);padding-left:var(--space-10)}.mobile-drawer a:hover{background-color:var(--interactive-hover);padding-left:var(--space-10)}.mobile-drawer a:last-of-type{border-bottom:none}.mobile-drawer-language{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-8);border-top:1px solid var(--border-light);margin-top:var(--space-2);position:sticky;bottom:0;background-color:var(--bg-header);z-index:1}.mobile-drawer-language .language-selector{margin-left:auto}.mobile-drawer-language .dropdown{position:relative}.mobile-drawer-language .dropdown-menu{bottom:100%;top:auto;margin-bottom:var(--space-2);margin-top:0;animation:mobileDropdownSlideUp .2s ease}@keyframes mobileDropdownSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.drawer-overlay{position:fixed;inset:0;background-color:var(--bg-overlay-light);z-index:var(--z-drawer-overlay);animation:var(--animation-fade-in)}@media(max-width:768px){.header-container{padding:var(--space-3) var(--space-4);gap:var(--space-4)}.header-logo{gap:var(--space-3)}.header-logo-img{height:32px}.header-logo-text{font-size:1.5rem}.desktop-nav{gap:var(--space-4)}.desktop-nav a{font-size:18px}.header-actions{display:none}.hamburger-btn{display:flex}.desktop-nav{display:none}.mobile-drawer{top:var(--header-height-tablet)}.mobile-drawer.open{max-height:min(400px,calc(100dvh - var(--header-height-tablet) - var(--space-4)))}}@media(max-width:480px){.header-container{padding:var(--space-3) var(--space-4)}.header-logo{gap:var(--space-2)}.header-logo-img{height:28px}.header-logo-text{font-size:1.25rem}.header-actions{display:none}.mobile-drawer{top:var(--header-height-mobile)}.mobile-drawer.open{max-height:min(400px,calc(100dvh - var(--header-height-mobile) - var(--space-4)))}.mobile-drawer a{font-size:18px;padding:.875rem var(--space-6)}.mobile-drawer a.active,.mobile-drawer a:hover{padding-left:var(--space-8)}.mobile-drawer-language{padding:var(--space-4) var(--space-6)}}.dropdown{position:relative;display:inline-block}.dropdown-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--interactive-default);border:none;color:var(--text-primary);font-size:.95rem;font-family:var(--font-body);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-normal)}.dropdown-button:hover{background:var(--interactive-active)}.dropdown-button-icon{display:flex;align-items:center;font-size:var(--text-base);font-family:"Segoe UI Emoji",Segoe UI Symbol,"Apple Color Emoji","Noto Color Emoji",sans-serif}.dropdown-button-text{flex:1}.dropdown-arrow{transition:transform var(--transition-normal);font-size:var(--text-xs);flex-shrink:0}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + var(--space-2));left:0;min-width:160px;background:var(--bg-footer);border:none;box-shadow:var(--shadow-dropdown);overflow:hidden;z-index:var(--z-dropdown-menu);animation:var(--animation-slide-down)}.dropdown-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-body);font-weight:var(--weight-light);font-size:14px;text-align:left;cursor:pointer;transition:background var(--transition-base)}.dropdown-option:hover{background:var(--interactive-active)}.dropdown-option.active{background:var(--interactive-hover);font-weight:var(--weight-medium)}.dropdown-option:not(:last-child){border-bottom:1px solid var(--border-light)}.dropdown-option-icon{display:flex;align-items:center;font-size:1.2rem;flex-shrink:0;font-family:"Segoe UI Emoji",Segoe UI Symbol,"Apple Color Emoji","Noto Color Emoji",sans-serif}.dropdown-option-text{flex:1}.dropdown-check-icon{color:var(--text-accent);margin-left:auto;flex-shrink:0}@media(max-width:768px){.dropdown-button{padding:.625rem .875rem;font-size:.875rem}.dropdown-menu{min-width:140px}.dropdown-option{padding:10px 14px;font-size:13px}.dropdown-option-icon{font-size:1rem}}.like-button{display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border:none;background:transparent;color:var(--text-subtle);font-size:.9rem;font-weight:400;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.like-button:hover{background:var(--interactive-hover);color:var(--text-body)}.like-button:active{transform:scale(.98)}.like-button:disabled{cursor:not-allowed;opacity:.65}.like-button.liked{background:var(--interactive-success);color:var(--text-accent)}.like-button svg{font-size:1.1rem;transition:all .2s ease}.like-button.liked svg{color:var(--text-accent)}.like-button.animating{animation:likeAnimation .4s ease}@keyframes likeAnimation{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.like-button.animating svg{animation:heartBeat .4s ease}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.like-count{font-size:.9rem;min-width:20px;text-align:left}@media(max-width:768px){.like-button{padding:.35rem .75rem;font-size:.85rem}.like-button svg{font-size:1rem}.like-count{font-size:.85rem}}@media(max-width:480px){.like-button{padding:.3rem .65rem;font-size:.8rem}.like-button svg{font-size:.95rem}.like-count{font-size:.8rem}}.share-buttons{display:flex;gap:.75rem;align-items:center}.share-buttons-inline{flex-direction:row}.share-buttons-block{flex-direction:column;width:100%}.share-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-primary);font-size:1.2rem;cursor:pointer;transition:all .2s ease;position:relative}.share-btn:hover{background:var(--interactive-hover);transform:translateY(-1px)}.share-btn:active{transform:translateY(0)}.share-facebook{color:var(--text-primary)}.share-facebook:hover{color:var(--text-accent)}.share-twitter{color:var(--text-primary)}.share-twitter:hover{color:var(--text-accent)}.share-linkedin{color:var(--text-primary)}.share-linkedin:hover{color:var(--text-accent)}.share-copy{color:var(--text-primary)}.share-copy:hover{color:var(--text-accent)}.share-copy.copied{color:var(--text-accent);background:var(--interactive-success)}.share-buttons-block .share-btn{width:100%;justify-content:flex-start;padding:0 1rem;gap:.75rem}.share-buttons-block .share-btn:before{content:attr(aria-label);font-size:.95rem;font-weight:500;margin-left:.5rem}@media(max-width:768px){.share-buttons{gap:.5rem}.share-btn{width:32px;height:32px;font-size:1.1rem}.share-buttons-block .share-btn{width:100%}}@media(max-width:480px){.share-buttons-inline{flex-wrap:wrap}.share-btn{width:30px;height:30px;font-size:1rem}}.page{margin-top:var(--header-height-desktop);min-height:calc(100vh - var(--header-height-desktop));background-color:var(--bg-page)}.page-hero{background:var(--gradient-hero);color:var(--text-primary);padding:var(--space-24) var(--space-8);text-align:center;border-bottom:1px solid var(--border-default)}.page-hero-content h1{font-family:var(--font-nav);font-size:var(--text-4xl);margin:0 0 var(--space-4) 0;font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);background:var(--gradient-brand);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-hero-content p{font-size:1.25rem;opacity:.85;margin:0;font-weight:var(--weight-light);color:var(--text-muted)}.page-hero-content .hero-date{font-size:var(--text-base);opacity:.7;font-weight:var(--weight-light);margin-top:var(--space-2);color:var(--text-meta)}.page-section{padding:var(--space-16) var(--space-8);background-color:var(--bg-page)}.page-container{max-width:var(--container-default);margin:0 auto}.page-container h2{font-size:var(--text-2xl);margin:var(--space-8) 0 var(--space-4) 0;color:var(--text-primary);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug)}.page-container h2:first-child{margin-top:0}.page-container h3{font-size:var(--text-xl);margin:var(--space-6) 0 var(--space-4) 0;color:var(--text-primary);font-weight:var(--weight-semibold)}.page-container p{font-size:var(--text-lg);line-height:var(--leading-loose);color:var(--text-body);margin-bottom:var(--space-6)}.content-list-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--space-8);margin-bottom:var(--space-12);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-default);flex-wrap:wrap}.controls-left{display:flex;align-items:center;gap:var(--space-4);flex:0 0 auto}.controls-right{flex:1 1 auto;max-width:600px;min-width:200px}.filter-dropdown{position:relative;display:inline-block}.filter-dropdown-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--interactive-default);border:none;color:var(--text-primary);font-size:.95rem;font-family:var(--font-body);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-normal)}.filter-dropdown-button:hover{background:var(--interactive-active)}.filter-dropdown-button .dropdown-arrow{transition:transform var(--transition-normal);font-size:var(--text-xs)}.filter-dropdown-button .dropdown-arrow.open{transform:rotate(180deg)}.filter-dropdown-menu{position:absolute;top:calc(100% + var(--space-2));left:0;min-width:160px;background:var(--bg-footer);border:none;box-shadow:var(--shadow-dropdown);overflow:hidden;z-index:var(--z-dropdown-menu);animation:var(--animation-slide-down)}.filter-dropdown-option{display:flex;align-items:center;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-body);font-weight:var(--weight-light);font-size:14px;text-align:left;cursor:pointer;transition:background var(--transition-base)}.filter-dropdown-option:hover{background:var(--interactive-active)}.filter-dropdown-option.active{background:var(--interactive-hover);font-weight:var(--weight-medium)}.filter-dropdown-option:not(:last-child){border-bottom:1px solid var(--border-light)}.search-input-wrapper{position:relative;width:100%}.search-input-wrapper .search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-placeholder);font-size:var(--text-base)}.search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 2.75rem;background:var(--interactive-default);border:none;color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:all var(--transition-normal)}.search-input::placeholder{color:var(--text-placeholder)}.search-input:focus{outline:none;background:var(--interactive-hover)}.filter-bar{display:flex;gap:var(--space-4);margin-bottom:var(--space-12);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-default);flex-wrap:wrap;align-items:center}.filter-btn{background:var(--interactive-default);border:none;padding:var(--space-3) var(--space-6);font-size:.95rem;font-weight:var(--weight-medium);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--space-2);font-family:inherit}.filter-btn:hover{background-color:var(--interactive-hover)}.filter-btn.active{background-color:var(--interactive-active);font-weight:var(--weight-semibold)}.per-page-selector{position:relative;display:inline-block}.per-page-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:none;color:var(--text-primary);font-size:.95rem;font-family:inherit;font-weight:var(--weight-light);cursor:pointer;transition:all var(--transition-normal)}.per-page-button:hover{background:var(--interactive-active)}.per-page-button .dropdown-arrow{transition:transform var(--transition-normal);font-size:var(--text-xs)}.per-page-button .dropdown-arrow.open{transform:rotate(180deg)}.per-page-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:160px;background:var(--bg-footer);border:none;box-shadow:var(--shadow-dropdown);overflow:hidden;z-index:var(--z-dropdown-menu);animation:var(--animation-slide-down)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.per-page-option{display:flex;align-items:center;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-weight:var(--weight-light);font-size:.95rem;text-align:left;cursor:pointer;transition:background var(--transition-base)}.per-page-option:hover{background:var(--interactive-active)}.per-page-option.active{background:var(--interactive-hover);font-weight:var(--weight-regular)}.per-page-option:not(:last-child){border-bottom:1px solid var(--border-light)}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-10);margin-top:var(--space-8)}.content-card{background:var(--bg-card);overflow:hidden;transition:all var(--transition-normal);cursor:pointer;display:flex;flex-direction:column;border:none}.content-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.card-image{position:relative;width:100%;aspect-ratio:3 / 2;overflow:hidden;background-color:var(--bg-page)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.content-card:hover .card-image img{transform:scale(1.05)}.card-category{position:absolute;top:var(--space-4);left:var(--space-4);background:var(--bg-overlay-medium);color:var(--text-primary);padding:.4rem var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-regular);text-transform:uppercase;letter-spacing:var(--tracking-wide);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none}[data-theme=light] .card-category{background:#ffffffe0;color:var(--text-primary);border:1px solid var(--border-light)}.card-badge{position:absolute;top:var(--space-4);right:var(--space-4);padding:.4rem var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);border:none}.card-badge[data-status=completed]{background:var(--interactive-active);color:var(--text-primary)}.card-badge[data-status=in-progress]{background:var(--interactive-hover);color:var(--text-primary)}.card-content{padding:var(--space-6);flex:1;display:flex;flex-direction:column;background:var(--bg-card)}.card-date,.card-meta{font-size:.85rem;color:var(--text-placeholder);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--weight-medium)}.card-content h2{margin:0 0 var(--space-4) 0;font-size:1.4rem;color:var(--text-primary);font-weight:var(--weight-semibold);line-height:1.4;letter-spacing:var(--tracking-tight)}.card-excerpt{margin:0 0 var(--space-6) 0;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.card-interactions{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);color:var(--text-placeholder);font-size:var(--text-sm)}.card-interaction-item{display:inline-flex;align-items:center;gap:.35rem;font-weight:var(--weight-medium)}.tech-tag{padding:.35rem .9rem;background:var(--interactive-default);border:none;font-size:var(--text-xs);color:var(--text-primary);font-weight:var(--weight-medium);transition:all var(--transition-base)}.tech-tag:hover{background:var(--interactive-hover)}.card-link{display:inline-block;color:var(--text-body);text-decoration:none;font-weight:var(--weight-regular);font-size:.95rem;transition:all var(--transition-base);position:relative;padding-bottom:2px;margin-top:auto}.card-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--text-placeholder);transition:width var(--transition-normal)}.card-link:hover{color:var(--text-primary)}.card-link:hover:after{width:100%}.about-stack{display:flex;flex-direction:column;gap:var(--space-8)}.about-card{background:var(--bg-card);padding:var(--space-10) var(--space-8);border:none}.about-card-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-default)}.about-card-header h2{margin:0;font-size:var(--text-2xl);color:var(--text-primary)}.about-intro-card{text-align:center}.about-intro-card h2{font-size:2.25rem;margin:0 0 var(--space-6) 0;color:var(--text-primary)}.intro-text{font-size:1.25rem;line-height:var(--leading-relaxed);color:var(--text-body);max-width:760px;margin:0 auto}.about-block{padding:var(--space-8) 0}.about-block:first-child{padding-top:0}.about-block:last-child{padding-bottom:0}.about-block+.about-block{border-top:1px solid var(--border-default)}.about-block h3{font-size:var(--text-xl);margin:0 0 var(--space-4) 0;background:var(--gradient-brand-short);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-block p{font-size:1.05rem;line-height:var(--leading-relaxed);color:var(--text-muted);margin:0}.principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.principle-card{background:var(--bg-page);padding:var(--space-8) var(--space-6);transition:all var(--transition-normal);border:none}.principle-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-card-hover);background:var(--interactive-hover)}.principle-icon{font-size:2.5rem;margin-bottom:var(--space-4)}.principle-card h3{margin:0 0 var(--space-3) 0;font-size:1.3rem;color:var(--text-primary);font-weight:var(--weight-semibold)}.principle-card p{margin:0;color:var(--text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed)}.profile-name{font-size:1.15rem;font-weight:var(--weight-semibold);color:var(--text-body);margin:var(--space-2) 0 0 0}.profile-timeline{display:flex;flex-direction:column;gap:var(--space-6)}.profile-item{display:flex;flex-direction:column;gap:var(--space-3);background:var(--bg-page);padding:var(--space-8);transition:all var(--transition-normal)}.profile-item:hover{box-shadow:var(--shadow-card-hover);background:var(--interactive-hover)}.profile-item-date{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-placeholder);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.profile-item-body h4{margin:0 0 var(--space-2) 0;font-size:1.15rem;color:var(--text-primary);font-weight:var(--weight-semibold)}.profile-item-body p{margin:0 0 var(--space-2) 0;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-muted)}.profile-item-body p:last-child{margin-bottom:0}.profile-paper{font-size:var(--text-sm)!important}.profile-paper a{color:var(--text-accent);text-decoration:underline}.profile-item-award{border-left:3px solid var(--brand-lime)}.profile-award-org{font-weight:var(--weight-semibold);color:var(--text-body)!important}.profile-award-result{color:var(--text-accent)!important;font-weight:var(--weight-semibold)}.about-footer{text-align:center;padding:var(--space-4) 0}.about-footer .tagline{font-size:1.1rem;color:var(--text-placeholder);font-style:italic;margin:0}.gallery-grid{-webkit-column-count:5;-moz-column-count:5;column-count:5;-webkit-column-width:20%;-moz-column-width:20%;column-width:20%;-webkit-column-gap:var(--space-2);-moz-column-gap:var(--space-2);column-gap:var(--space-2);margin-top:var(--space-8)}.gallery-item{cursor:pointer;margin-bottom:var(--space-2);break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;transition:all var(--transition-normal);overflow:hidden}.gallery-item:hover{opacity:.9;transform:scale(.98);box-shadow:var(--shadow-glow-subtle)}.gallery-item img{width:100%;height:auto;display:block;transition:transform var(--transition-normal)}.gallery-item:hover img{transform:scale(1.05)}.loader{text-align:center;padding:var(--space-12) var(--space-4);font-size:var(--text-base);color:var(--text-placeholder);font-weight:var(--weight-medium)}.modal-overlay{position:fixed;top:var(--header-height-desktop);left:0;right:0;bottom:0;background-color:var(--bg-overlay-heavy);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);animation:var(--animation-fade-in);padding:var(--space-8)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-wrapper{position:relative;max-width:1400px;width:100%;max-height:calc(100vh - var(--header-height-desktop) - (var(--space-8) * 2));animation:zoomIn var(--transition-normal)}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.close-button{position:absolute;top:var(--space-4);left:var(--space-4);background:var(--bg-overlay-soft);border:none;color:#fff;font-size:24px;cursor:pointer;transition:all var(--transition-base);width:40px;height:40px;display:flex;align-items:center;justify-content:center;transform-origin:center center;z-index:10}.close-button:hover{transform:rotate(90deg);background:var(--bg-overlay-max);color:var(--brand-gold)}.modal-layout{display:flex;gap:0;background:var(--bg-page);overflow:hidden;max-height:calc(100vh - var(--header-height-desktop) - (var(--space-8) * 2));border:none}.modal-image-section{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-media-stage);min-width:0;max-height:calc(100vh - var(--header-height-desktop) - (var(--space-8) * 2));overflow:hidden;touch-action:pan-y}.modal-image-section img{max-width:100%;max-height:calc(100vh - var(--header-height-desktop) - (var(--space-8) * 2));object-fit:contain;display:block}.modal-nav-button{position:absolute;top:50%;transform:translateY(-50%);background:var(--bg-overlay-soft);border:none;color:#fff;font-size:20px;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background var(--transition-base);z-index:5}.modal-nav-button:hover{background:var(--bg-overlay-max);color:var(--brand-gold)}.modal-nav-prev{left:var(--space-4)}.modal-nav-next{right:var(--space-4)}.modal-info-section{background:var(--bg-page);display:flex;flex-direction:column;max-height:calc(100vh - var(--header-height-desktop) - (var(--space-8) * 2));overflow-y:auto;border-left:1px solid var(--border-default);transition:width var(--transition-normal)}.modal-info-section.collapsed{width:auto;min-width:60px;align-items:center;justify-content:flex-start;padding-top:var(--space-4)}.modal-info-section.expanded{width:400px}.modal-info-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--border-default)}.modal-info-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:var(--weight-semibold)}.toggle-exif-btn{background:transparent;border:none;color:var(--text-primary);padding:var(--space-2);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.toggle-exif-btn:hover{background:var(--interactive-hover);border-color:var(--text-placeholder);color:var(--text-primary)}.expand-info-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:transparent;color:var(--text-primary);border:none;font-size:var(--text-base);font-weight:var(--weight-regular);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;writing-mode:vertical-rl;text-orientation:mixed}.expand-info-btn:hover{border-color:var(--text-placeholder);background:var(--interactive-hover)}.expand-info-btn svg{writing-mode:horizontal-tb;transform:rotate(0)}.modal-caption-section{padding:var(--space-6);border-bottom:1px solid var(--border-default)}.caption-display{color:var(--text-secondary);font-size:.95rem;line-height:1.6;padding:var(--space-3);background:var(--bg-card);cursor:pointer;transition:background var(--transition-base);min-height:60px;border:none}.caption-display:hover{background:var(--bg-card-hover)}.caption-placeholder{color:var(--text-placeholder);font-style:italic}.caption-edit textarea{width:100%;background:var(--bg-card);border:none;color:var(--text-secondary);padding:var(--space-3);font-family:inherit;font-size:.95rem;line-height:1.6;resize:vertical;outline:none}.caption-edit textarea:focus{border-color:var(--text-placeholder)}.caption-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.caption-actions button{flex:1;padding:var(--space-2) var(--space-4);border:none;font-size:.9rem;font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-base)}.save-btn{background:transparent;color:var(--text-primary);border:none}.save-btn:hover{border-color:var(--text-placeholder);background:var(--interactive-hover)}.cancel-btn{background:transparent;color:var(--text-muted);border:none}.cancel-btn:hover{border-color:var(--border-strong);background:var(--interactive-default)}.modal-exif-section{padding:var(--space-6)}.modal-exif-section h4{margin:0 0 1.25rem;color:var(--text-primary);font-size:var(--text-base);font-weight:var(--weight-semibold);display:flex;align-items:center;gap:var(--space-2)}.exif-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.exif-item{display:flex;flex-direction:column;gap:.25rem}.exif-item.full-width{grid-column:1 / -1}.exif-label{color:var(--text-placeholder);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--weight-semibold);display:flex;align-items:center;gap:.25rem}.exif-value{color:var(--text-primary);font-size:.95rem;font-weight:var(--weight-medium)}.no-exif{color:var(--text-placeholder);font-style:italic;font-size:.9rem;text-align:center;padding:var(--space-8) var(--space-4)}.modal-info-section::-webkit-scrollbar{width:8px}.modal-info-section::-webkit-scrollbar-track{background:var(--bg-page)}.modal-info-section::-webkit-scrollbar-thumb{background:var(--border-default)}.modal-info-section::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.post-hero{position:relative;width:100%;height:400px;overflow:hidden;margin-top:var(--header-height-desktop)}.post-hero img{width:100%;height:100%;object-fit:cover}.post-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,var(--bg-overlay-medium),var(--bg-overlay-faint));display:flex;align-items:flex-start;padding:var(--space-8)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:#fff;text-decoration:none;font-weight:var(--weight-semibold);font-size:.95rem;background:var(--bg-overlay-soft);padding:var(--space-3) 1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal);border:none}.back-link:hover{background:var(--bg-overlay-strong);transform:translate(-4px)}.post-article{background:var(--bg-page);padding:var(--space-12) var(--space-8)}.post-container{max-width:800px;margin:0 auto}.post-header{margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:1px solid var(--border-default)}.post-category{display:inline-block;padding:.4rem var(--space-4);background:transparent;color:var(--text-body);border:none;font-size:var(--text-xs);font-weight:var(--weight-regular);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-6)}.post-series{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--brand-gold);margin-bottom:.6rem;opacity:.9}.post-header h1{font-size:2.5rem;font-weight:var(--weight-bold);color:var(--text-primary);line-height:1.2;margin:0 0 var(--space-4) 0;letter-spacing:var(--tracking-tight)}.project-subtitle{font-size:1.25rem;color:var(--text-muted);line-height:1.6;margin:0 0 var(--space-6) 0}.post-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;font-size:.95rem;color:var(--text-placeholder)}.post-meta-info{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.post-author,.post-date,.post-read-time{display:flex;align-items:center;gap:var(--space-2)}.post-separator{color:var(--border-strong)}.project-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.project-links{display:flex;gap:var(--space-3)}.project-link-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:none;color:var(--text-primary);text-decoration:none;font-size:.9rem;font-weight:var(--weight-regular);transition:all var(--transition-base)}.project-link-btn:hover{background:var(--interactive-hover);border-color:var(--text-placeholder)}.project-tech-section{background:var(--bg-card);padding:var(--space-8);margin-bottom:var(--space-12);border:none}.project-tech-section h3{margin:0 0 1.25rem;font-size:1.25rem;color:var(--text-primary);font-weight:var(--weight-semibold)}.project-tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}.project-tech-item{background:var(--bg-page);padding:var(--space-3) var(--space-4);border:none;font-size:.9rem;font-weight:var(--weight-regular);color:var(--text-body);text-align:center;transition:all var(--transition-base)}.project-tech-item:hover{color:var(--text-secondary);background:var(--interactive-default)}.post-body{font-size:1.1rem;line-height:var(--leading-relaxed);color:var(--text-body)}.post-content{font-size:1.1rem;line-height:1.7;color:var(--text-body)}.post-content h1,.post-content h2,.post-content h3{scroll-margin-top:90px}.post-content h1{font-size:2em;font-weight:700;margin:1.5rem 0 1rem;color:var(--text-primary);line-height:1.2}.post-content h2{font-size:1.5em;font-weight:600;margin:1.25rem 0 .75rem;color:var(--text-primary);line-height:1.3}.post-content h3{font-size:1.25em;font-weight:600;margin:1rem 0 .5rem;color:var(--text-primary);line-height:1.4}.post-content p{margin:1rem 0;line-height:1.7}.post-content ul,.post-content ol{padding-left:1.5em;margin:1rem 0}.post-content li{margin:.5rem 0;line-height:1.7}.post-content blockquote{border-left:3px solid var(--border-quote);padding:.5rem 1rem;margin:1rem 0;background:var(--interactive-default);color:var(--code-text-muted);font-style:italic}.post-content code{background:var(--code-inline-bg);padding:.2em .4em;border-radius:var(--radius-none);font-size:.9em;font-family:var(--font-mono, "IBM Plex Mono"),"JetBrains Mono","Fira Code",monospace;color:var(--text-primary)}.post-content pre{background:var(--code-bg);padding:2.5rem 1rem 1rem;border-radius:var(--radius-none);overflow-x:auto;margin:1.5rem 0;border:1px solid var(--code-border);position:relative}.post-content pre:hover .code-block-copy{opacity:1}.post-content pre code{background:none;padding:0;border-radius:var(--radius-none);font-size:.85em;line-height:1.7;color:var(--code-text);white-space:pre;display:block}.code-block-lang{position:absolute;top:0;left:0;padding:.2rem .75rem;font-size:.7rem;font-family:var(--font-mono, "IBM Plex Mono"),monospace;color:var(--code-text-muted);background:var(--code-inline-bg-subtle);border-bottom:1px solid var(--code-border);border-right:1px solid var(--code-border);border-radius:var(--radius-none);text-transform:uppercase;letter-spacing:.05em;font-weight:500;-webkit-user-select:none;user-select:none;z-index:1}.code-block-copy{position:absolute;top:0;right:0;padding:.25rem .75rem;font-size:.7rem;font-family:var(--font-mono, "IBM Plex Mono"),monospace;color:var(--code-text-muted);background:var(--code-inline-bg-subtle);border:none;border-bottom:1px solid var(--code-border);border-left:1px solid var(--code-border);border-radius:var(--radius-none);cursor:pointer;opacity:0;transition:opacity .2s ease,color .2s ease,background .2s ease;z-index:1}.code-block-copy:hover{color:var(--text-primary);background:var(--code-inline-bg)}.code-block-copy.copied{color:var(--text-accent);opacity:1}.post-content pre code.hljs{color:var(--code-text)}.hljs-comment,.hljs-quote{color:var(--code-text-muted);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-type{color:var(--syntax-keyword)}.hljs-literal,.hljs-number,.hljs-tag .hljs-attr,.hljs-template-variable,.hljs-variable{color:var(--syntax-literal)}.hljs-string,.hljs-doctag,.hljs-regexp{color:var(--syntax-string)}.hljs-title,.hljs-title.class_,.hljs-title.function_{color:var(--syntax-title)}.hljs-params{color:var(--code-text)}.hljs-built_in{color:var(--syntax-builtin)}.hljs-symbol,.hljs-bullet,.hljs-link{color:var(--syntax-symbol)}.hljs-meta{color:var(--syntax-literal)}.hljs-deletion{color:var(--syntax-deletion);background:var(--syntax-deletion-bg)}.hljs-addition{color:var(--syntax-addition);background:var(--syntax-addition-bg)}.hljs-attr{color:var(--syntax-literal)}.hljs-section{color:var(--syntax-title);font-weight:700}.hljs-name,.hljs-tag{color:var(--syntax-tag)}.hljs-selector-id,.hljs-selector-class{color:var(--syntax-title)}.hljs-property{color:var(--syntax-literal)}.post-content a{color:var(--accent-color);text-decoration:underline}.post-content a:hover{color:var(--syntax-literal)}.post-content iframe{width:100%;max-width:640px;aspect-ratio:16 / 9;border-radius:var(--radius-none);margin:1rem 0}.post-content table{border-collapse:collapse;width:100%;margin:1.5rem 0;overflow-x:auto;display:block}.post-content table th,.post-content table td{border:1px solid var(--code-border);padding:10px 14px;text-align:left;vertical-align:top}.post-content table th{background:var(--code-table-header-bg);font-weight:600;color:var(--text-primary)}.post-content table td{color:var(--text-body)}.post-content table tr:hover td{background:var(--code-table-row-hover-bg)}.post-content .katex-display{overflow-x:auto;overflow-y:hidden;padding:.25rem 0}.post-content img{max-width:100%;height:auto;display:block;margin:1.5rem 0;border-radius:var(--radius-none)}.post-content .post-carousel{display:flex;gap:.75rem;margin:1.5rem 0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.post-content .post-carousel img{flex:0 0 auto;width:auto;max-width:100%;margin:0;scroll-snap-align:center;scroll-snap-stop:always;border-radius:var(--radius-none);object-fit:cover}.post-content .post-carousel::-webkit-scrollbar{height:6px}.post-content .post-carousel::-webkit-scrollbar-thumb{background:var(--code-border);border-radius:var(--radius-none)}.post-content details.post-fold{border:1px solid var(--code-border);border-radius:var(--radius-none);margin:1.5rem 0;padding:.75rem 1rem;background:var(--code-bg)}.post-content details.post-fold summary{cursor:pointer;font-weight:600;padding:.25rem 0}.post-content details.post-fold .post-fold-content{padding-top:.5rem}.post-intro{font-size:1.25rem;line-height:var(--leading-relaxed);color:var(--text-tertiary);margin-bottom:var(--space-10);padding-left:var(--space-6)}.post-section{margin-bottom:var(--space-12)}.post-section h2{font-size:1.75rem;font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 1.25rem;letter-spacing:var(--tracking-tight)}.post-section p{margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.post-conclusion{background:var(--bg-card);padding:var(--space-8);margin-top:var(--space-12);border:none}.post-conclusion p{margin:0;font-size:1.1rem;line-height:var(--leading-relaxed);color:var(--text-tertiary)}.project-list{list-style:none;padding:0;margin:0}.project-list li{position:relative;padding-left:var(--space-8);margin-bottom:var(--space-4);line-height:var(--leading-relaxed);color:var(--text-body)}.project-list li:before{content:"▸";position:absolute;left:0;color:var(--brand-gold);font-weight:700;font-size:1.2rem}.project-list.highlight li{background:var(--interactive-success-hover);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-8);margin-bottom:var(--space-3);font-weight:var(--weight-medium);color:var(--text-accent);border:none}.project-list.highlight li:before{left:var(--space-3);color:var(--text-accent)}.project-screenshots{display:grid;grid-template-columns:1fr;gap:var(--space-8);margin-top:var(--space-6)}.project-screenshots img{width:100%;box-shadow:var(--shadow-dropdown);transition:transform var(--transition-normal),box-shadow var(--transition-normal);border:none}.project-screenshots img:hover{transform:translateY(-4px);box-shadow:var(--shadow-image-hover)}.post-series-list{margin-bottom:var(--space-12);padding:var(--space-5) var(--space-6);border:1px solid var(--border-default);background:var(--bg-card)}.post-series-list__header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--brand-gold);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-3)}.post-series-list__items{display:flex;flex-direction:column;gap:var(--space-1)}.post-series-list__item{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-sm);color:var(--text-muted);text-decoration:none;border-left:2px solid transparent;transition:all var(--transition-fast);line-height:var(--leading-snug)}.post-series-list__item:hover{color:var(--text-secondary);border-left-color:var(--border-default);background:var(--interactive-hover)}.post-series-list__item--active{color:var(--text-primary);font-weight:var(--weight-medium);border-left-color:var(--brand-gold);pointer-events:none}.post-series-list__index{flex-shrink:0;font-size:var(--text-xs);color:var(--text-placeholder);min-width:1.2rem;text-align:right}.post-series-list__item--active .post-series-list__index{color:var(--brand-gold)}.post-footer{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--border-default)}.post-tags{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;font-size:.9rem;color:var(--text-placeholder)}.post-tag{background:var(--bg-card);color:var(--text-subtle);padding:var(--space-2) var(--space-4);font-weight:var(--weight-medium);transition:all var(--transition-base);border:none}.post-tag:hover{background:var(--interactive-success);color:var(--text-accent)}.post-actions{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--border-subtle)}.post-actions-divider{width:1px;height:30px;background:var(--border-default)}.project-footer{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--border-default)}.project-cta{background:var(--gradient-hero);padding:var(--space-12);text-align:center;border:none}.project-cta h3{margin:0 0 var(--space-6) 0;font-size:1.75rem;color:var(--text-primary)}.project-cta-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.cta-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-size:var(--text-base);font-weight:var(--weight-semibold);text-decoration:none;transition:all var(--transition-normal)}.cta-btn.primary{background:transparent;color:var(--text-primary);border:none}.cta-btn.primary:hover{background:var(--interactive-hover);border-color:var(--text-placeholder)}.cta-btn.secondary{background:transparent;color:var(--text-muted);border:none}.cta-btn.secondary:hover{background:var(--interactive-default);border-color:var(--border-strong);color:var(--text-tertiary)}.project-cta-cards{display:flex;gap:var(--space-6);justify-content:center;flex-wrap:wrap}.cta-link-card{display:flex;flex-direction:column;width:320px;max-width:100%;border:1px solid var(--border-default);background:var(--bg-card, var(--bg-surface));text-decoration:none;overflow:hidden;transition:all var(--transition-normal)}.cta-link-card:hover{border-color:var(--text-placeholder);transform:translateY(-2px);box-shadow:var(--shadow-lift)}.cta-link-card-thumbnail{width:100%;aspect-ratio:2 / 1;overflow:hidden;background:var(--bg-surface)}.cta-link-card-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.cta-link-card-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-default)}.cta-link-card-icon{font-size:1.25rem;color:var(--text-muted);flex-shrink:0}.cta-link-card-text{display:flex;flex-direction:column;min-width:0}.cta-link-card-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cta-link-card-url{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.not-found{text-align:center;padding:var(--space-16) var(--space-8)}.not-found h1{font-size:3rem;color:var(--text-primary);margin:0 0 var(--space-4) 0}.not-found p{font-size:1.25rem;color:var(--text-muted);margin-bottom:var(--space-8)}.not-found .back-link{background:var(--gradient-accent);color:var(--bg-page);border:none}.not-found .back-link:hover{opacity:.9;transform:translate(-4px)}.contact-info-container{max-width:900px;display:flex;flex-direction:column;gap:var(--space-16)}.contact-info-section{scroll-margin-top:calc(var(--header-height-desktop) + var(--space-8))}.contact-info-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-default)}.contact-info-header h2{margin:0;font-size:var(--text-2xl);color:var(--text-primary);font-weight:var(--weight-semibold)}.contact-info-icon{font-size:1.75rem;color:var(--brand-gold)}.contact-info-content p{font-size:1.1rem;color:var(--text-muted);margin-bottom:var(--space-8)}.contact-info-details{display:flex;flex-direction:column;gap:var(--space-6)}.contact-info-item h3{font-size:var(--text-lg);color:var(--text-primary);margin:0 0 var(--space-3) 0;font-weight:var(--weight-medium)}.contact-info-item p{font-size:var(--text-base);color:var(--text-body);margin:0}.tech-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.contact-method-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--bg-card);text-decoration:none;transition:all var(--transition-normal);border:none}.contact-method-card:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.contact-method-icon{font-size:1.5rem;color:var(--text-accent);flex-shrink:0}.contact-method-info{flex:1}.contact-method-info h3{font-size:var(--text-base);color:var(--text-primary);margin:0 0 var(--space-1) 0;font-weight:var(--weight-medium)}.contact-method-info p{font-size:.9rem;color:var(--text-muted);margin:0}.external-link-icon{font-size:.85rem;color:var(--text-placeholder);flex-shrink:0}.support-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.support-option{background:var(--bg-card);padding:var(--space-8);border:none}.support-option h3{font-size:var(--text-lg);color:var(--text-primary);margin:0 0 var(--space-3) 0;font-weight:var(--weight-semibold)}.support-option p{font-size:var(--text-base);color:var(--text-muted);margin:0 0 var(--space-6) 0;line-height:var(--leading-relaxed)}.support-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-accent);text-decoration:none;font-weight:var(--weight-medium);font-size:.95rem;transition:all var(--transition-base)}.support-link:hover{color:var(--brand-gold)}.support-link svg{font-size:.8rem}@media(max-width:768px){.contact-info-section{scroll-margin-top:calc(var(--header-height-tablet) + var(--space-6))}.contact-info-header h2{font-size:var(--text-xl)}.contact-info-icon{font-size:1.5rem}.contact-methods,.support-options{grid-template-columns:1fr}}@media(max-width:480px){.contact-info-section{scroll-margin-top:calc(var(--header-height-mobile) + var(--space-4))}.contact-info-container{gap:var(--space-12)}.contact-method-card{padding:var(--space-4)}.support-option{padding:var(--space-6)}}.legal-content{max-width:900px}.legal-content h2{margin-top:var(--space-12);margin-bottom:var(--space-4);padding-top:var(--space-8);border-top:1px solid var(--border-default);font-size:1.75rem;color:var(--text-primary)}.legal-content h2:first-child{margin-top:0;padding-top:0;border-top:none}.legal-content p{font-size:1.05rem;line-height:var(--leading-relaxed);color:var(--text-body)}.legal-content ul{margin:var(--space-6) 0;padding-left:var(--space-8);color:var(--text-body)}.legal-content li{margin-bottom:var(--space-3);line-height:var(--leading-relaxed);font-size:1.05rem}@media(max-width:1024px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-8)}.gallery-grid{-webkit-column-count:4;-moz-column-count:4;column-count:4;-webkit-column-width:25%;-moz-column-width:25%;column-width:25%}}@media(max-width:768px){.page{margin-top:var(--header-height-tablet)}.page-hero{padding:var(--space-12) var(--space-6)}.page-hero-content h1{font-size:2.5rem}.page-hero-content p{font-size:1.1rem}.page-section{padding:var(--space-12) var(--space-6)}.page-container h2{font-size:1.75rem}.content-grid{grid-template-columns:1fr;gap:var(--space-8)}.content-list-controls{flex-direction:column;align-items:stretch;gap:var(--space-3)}.controls-left{width:100%;justify-content:space-between}.controls-right{width:100%;max-width:none;order:-1}.filter-dropdown-button,.per-page-button{flex:1}.filter-bar{flex-direction:column;align-items:stretch}.filter-btn,.filter-select{width:100%;justify-content:center}.about-card{padding:var(--space-8) var(--space-6)}.principles-grid{grid-template-columns:1fr;gap:var(--space-4)}.gallery-grid{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-width:33.333%;-moz-column-width:33.333%;column-width:33.333%}.modal-overlay{top:var(--header-height-tablet);padding:0}.modal-wrapper{max-height:calc(100vh - var(--header-height-tablet))}.close-button{background:var(--bg-overlay-strong)}.modal-layout{flex-direction:column;max-height:calc(100vh - var(--header-height-tablet))}.modal-image-section,.modal-image-section img{max-height:50vh}.modal-info-section{width:100%!important;border-left:none;border-top:1px solid var(--border-default)}.modal-info-section.collapsed{max-height:auto;min-width:auto;padding-top:0;align-items:stretch}.modal-info-section.expanded{max-height:50vh}.expand-info-btn{writing-mode:horizontal-tb;text-orientation:unset;flex-direction:row;width:100%;padding:var(--space-4) var(--space-6)}.post-hero{height:300px;margin-top:var(--header-height-tablet)}.post-hero-overlay{padding:var(--space-6)}.post-article{padding:var(--space-8) var(--space-6)}.post-header h1{font-size:2rem}.project-subtitle{font-size:1.1rem}.project-status-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.project-links{width:100%}.project-link-btn{flex:1;justify-content:center}.project-tech-section{padding:var(--space-6)}.project-tech-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.post-body{font-size:var(--text-base)}.post-intro{font-size:1.1rem}.post-section h2{font-size:var(--text-xl)}.project-cta{padding:var(--space-8)}.project-cta h3{font-size:var(--text-xl)}.project-cta-cards{flex-direction:column;align-items:center}.cta-link-card{width:100%}.project-cta-buttons{flex-direction:column}.cta-btn{width:100%;justify-content:center}}@media(max-width:480px){.page{margin-top:var(--header-height-mobile)}.page-hero{padding:var(--space-10) var(--space-4)}.page-hero-content h1{font-size:2rem}.page-hero-content p{font-size:var(--text-base)}.page-section{padding:var(--space-10) var(--space-4)}.page-container h2{font-size:var(--text-xl)}.page-container p,.card-excerpt{font-size:var(--text-base)}.content-grid{gap:var(--space-6)}.card-content{padding:1.25rem}.gallery-grid{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-width:50%;-moz-column-width:50%;column-width:50%}.modal-overlay{top:var(--header-height-mobile)}.modal-wrapper,.modal-layout{max-height:calc(100vh - var(--header-height-mobile))}.about-intro-card h2{font-size:2rem}.about-card{padding:var(--space-6) var(--space-4)}.intro-text{font-size:1.1rem}.post-hero{height:250px;margin-top:var(--header-height-mobile)}.post-header h1{font-size:1.75rem}.project-tech-grid{grid-template-columns:1fr 1fr}.pagination{flex-wrap:wrap}.pagination-btn{min-width:36px;height:36px;padding:var(--space-2);font-size:.9rem}.per-page-button{padding:var(--space-2) var(--space-3);font-size:.9rem}.per-page-dropdown{min-width:140px}.per-page-option{padding:10px 14px;font-size:.9rem}}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border-default)}.pagination-btn{min-width:44px;height:44px;padding:var(--space-3);background:var(--interactive-default);border:none;color:var(--text-primary);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;font-family:inherit}.pagination-btn:hover:not(:disabled){background:var(--interactive-hover)}.pagination-btn.active{background:var(--interactive-active);color:var(--text-primary);font-weight:var(--weight-semibold)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-ellipsis{color:var(--text-placeholder);font-size:var(--text-base);padding:0 var(--space-2);-webkit-user-select:none;user-select:none}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);background:var(--bg-card);border:none;border-radius:0;margin:var(--space-8) 0}.empty-state p{font-size:1.125rem;color:var(--text-muted);margin:0;font-weight:var(--weight-light)}.empty-state p:first-child{font-size:1.25rem;color:var(--text-tertiary);margin-bottom:.5rem}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-block,.skeleton-line{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-secondary, #2a2a2a) 50%,var(--bg-card) 75%);background-size:800px 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:4px}.card-skeleton .card-image.skeleton-block{height:200px;border-radius:0}.card-skeleton .card-content{display:flex;flex-direction:column;gap:.6rem;padding:var(--space-16, 1rem)}.skeleton-line{height:14px}.skeleton-line-sm{width:40%}.skeleton-line-md{width:70%}.skeleton-line-lg{width:90%;height:20px}.list-loading{opacity:.5;pointer-events:none;transition:opacity .15s ease}.floating-toc{position:fixed;right:var(--space-8);top:50%;transform:translateY(-50%);z-index:var(--z-sticky);opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.floating-toc--visible{opacity:1;pointer-events:auto}.floating-toc__toggle{display:none}.floating-toc__list{max-width:220px;max-height:60vh;overflow-y:auto;padding:var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-1)}.floating-toc__list::-webkit-scrollbar{width:2px}.floating-toc__list::-webkit-scrollbar-track{background:transparent}.floating-toc__list::-webkit-scrollbar-thumb{background:var(--border-default)}.floating-toc__title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-placeholder);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:0 var(--space-4) var(--space-3);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-2)}.floating-toc__item{display:block;width:100%;text-align:left;background:none;border:none;border-left:2px solid transparent;padding:var(--space-1) var(--space-4);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-light);color:var(--text-meta);line-height:var(--leading-snug);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-toc__item:hover{color:var(--text-secondary);border-left-color:var(--border-default)}.floating-toc__item--active{color:var(--text-primary);font-weight:var(--weight-medium);border-left-color:var(--border-default)}.floating-toc__item--level-0{padding-left:var(--space-4)}.floating-toc__item--level-1{padding-left:calc(var(--space-4) + var(--space-4))}.floating-toc__item--level-2{padding-left:calc(var(--space-4) + var(--space-8))}@media(max-width:1024px){.floating-toc{right:var(--space-4)}.floating-toc__list{max-width:180px}}@media(max-width:768px){.floating-toc{right:var(--space-4);bottom:var(--space-8);top:auto;transform:none}.floating-toc__toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-card);border:1px solid var(--border-default);color:var(--text-primary);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base);position:relative;z-index:2}.floating-toc__toggle:hover{background:var(--bg-card-hover);border-color:var(--text-placeholder)}.floating-toc--mobile-open .floating-toc__toggle{background:var(--bg-footer);border-color:var(--border-default);color:var(--text-primary)}.floating-toc__list{display:none;position:absolute;bottom:calc(100% + var(--space-2));right:0;max-width:260px;min-width:200px;max-height:50vh;background:var(--bg-card);border:1px solid var(--border-default);padding:var(--space-4) 0;box-shadow:var(--shadow-dropdown);animation:var(--animation-slide-up)}.floating-toc--mobile-open .floating-toc__list{display:flex}.floating-toc__item{font-size:var(--text-sm);padding:var(--space-2) var(--space-4);white-space:normal}.floating-toc__item--level-0{padding-left:var(--space-4)}.floating-toc__item--level-1{padding-left:calc(var(--space-4) + var(--space-3))}.floating-toc__item--level-2{padding-left:calc(var(--space-4) + var(--space-6))}}@media(max-width:1280px)and (min-width:769px){.floating-toc__list{max-width:160px}.floating-toc__item{font-size:.75rem}}.language-selector{display:inline-block}.language-selector .language-selector-button{padding:8px 12px;background:transparent;font-family:var(--font-nav);font-weight:300;font-size:14px}.language-selector .language-selector-button:hover{background:var(--interactive-active)}.language-selector .language-dropdown{left:auto}@media(max-width:768px){.language-selector .language-selector-button{padding:6px 10px;font-size:13px}.language-selector .language-dropdown{min-width:140px}}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--space-8) + var(--space-1));height:calc(var(--space-8) + var(--space-1));padding:0;border:none;background:transparent;cursor:pointer;transition:all var(--transition-base)}.theme-toggle:hover{background:transparent}.theme-toggle:focus-visible{outline:none;box-shadow:var(--focus-glow-ring)}.theme-toggle.light{background:transparent}.theme-toggle-icons{position:relative;width:var(--space-4);height:var(--space-4);display:inline-flex;align-items:center;justify-content:center}.theme-toggle-icon{position:absolute;font-size:var(--text-sm);line-height:1;transition:opacity var(--transition-base),transform var(--transition-base),color var(--transition-base)}.theme-toggle.dark .theme-toggle-icon--sun{color:#fff;opacity:1;transform:scale(1) rotate(0)}.theme-toggle.dark .theme-toggle-icon--moon{opacity:0;transform:scale(.65) rotate(-90deg)}.theme-toggle.light .theme-toggle-icon--moon{color:#111;opacity:1;transform:scale(1) rotate(0)}.theme-toggle.light .theme-toggle-icon--sun{opacity:0;transform:scale(.65) rotate(90deg)}@media(max-width:768px){.theme-toggle{height:var(--space-8);width:var(--space-8)}.theme-toggle-icon{font-size:var(--text-xs)}.theme-toggle-icons{width:var(--space-3);height:var(--space-3)}}.footer{background-color:var(--bg-footer);padding:var(--space-12) 0 var(--space-8);margin-top:auto}.footer-container{max-width:var(--container-default);margin:0 auto;padding:0 var(--space-8)}.footer-left{display:flex;flex-direction:column;gap:var(--space-5)}.footer-logo-link{text-decoration:none;cursor:pointer}.footer-logo{display:flex;align-items:center;gap:var(--space-4)}.footer-logo-img{height:36px;width:auto}:root[data-theme=light] .footer-logo-img{filter:invert(1) brightness(.18)}.footer-logo h2{font-family:var(--font-logo);font-weight:var(--weight-bold);font-style:normal;font-size:1.5rem;margin:0;color:var(--text-primary);background:var(--gradient-brand);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-social{display:flex;gap:var(--space-4)}.footer-social a{color:var(--text-primary);transition:color var(--transition-normal);display:flex;align-items:center}.footer-social a:hover{color:var(--brand-gold)}.footer-social svg{width:28px;height:28px}.footer-links,.footer-legal{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.footer-links a,.footer-legal a{color:var(--text-primary);text-decoration:none;font-family:var(--font-body);font-size:.95rem;transition:color var(--transition-normal)}.footer-links a:hover,.footer-legal a:hover{color:var(--brand-gold)}.separator{color:var(--text-placeholder);font-size:.95rem}.footer-copyright{color:var(--text-subtle)}.footer-copyright p{margin:0;font-family:var(--font-body);font-size:.875rem;font-weight:var(--weight-light)}@media(max-width:768px){.footer{padding:var(--space-10) 0 var(--space-6)}.footer-container{padding:0 var(--space-6)}.footer-logo{gap:var(--space-3)}.footer-logo-img{height:30px}.footer-logo h2{font-size:1.35rem}.footer-social svg{width:26px;height:26px}.footer-links a,.footer-legal a{font-size:.9rem}.footer-copyright p{font-size:var(--text-xs)}}@media(max-width:480px){.footer{padding:var(--space-8) 0 var(--space-5)}.footer-container{padding:0 var(--space-4)}.footer-left{gap:var(--space-4)}.footer-logo{gap:var(--space-2)}.footer-logo-img{height:26px}.footer-logo h2{font-size:1.25rem}.footer-social{gap:.875rem}.footer-social svg{width:24px;height:24px}.footer-links,.footer-legal{gap:var(--space-2)}.footer-links a,.footer-legal a,.separator{font-size:.85rem}.footer-copyright p{font-size:.75rem}}.home-container{width:100%;height:100vh;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;color:var(--text-primary);text-align:center}#particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.content-overlay{position:relative;z-index:2;padding:20px}.content-overlay h1{font-family:var(--font-nav);font-size:3rem;margin:0;font-weight:400}.content-overlay p{font-family:var(--font-nav);font-size:1.2rem;margin-top:.5rem}.typed-text{font-weight:700}.cursor:after{content:"_";animation:cursor-blink .7s infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--text-muted);pointer-events:none;-webkit-user-select:none;user-select:none}.scroll-hint-text{font-family:var(--font-nav);font-size:.75rem;letter-spacing:.05em;opacity:.7}.scroll-hint-arrow{font-size:1.1rem;animation:scroll-bounce 1.6s ease-in-out infinite}@keyframes scroll-bounce{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(6px);opacity:1}}@media(max-width:768px){.content-overlay h1{font-size:2.25rem}.content-overlay p{font-size:1.05rem}.scroll-hint{bottom:1.5rem}}@media(max-width:480px){.content-overlay{padding:16px}.content-overlay h1{font-size:1.75rem}.content-overlay p{font-size:.95rem}.scroll-hint{bottom:1rem}.scroll-hint-text{font-size:.7rem}}.home-latest{background:var(--bg-page);padding:5rem 0 4rem}.home-latest-section{max-width:1100px;margin:0 auto 4rem;padding:0 1.5rem}.home-latest-section:last-child{margin-bottom:0}.home-latest-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-default)}.home-latest-title{font-family:var(--font-nav);font-size:1.4rem;font-weight:500;color:var(--text-primary);margin:0}.home-latest-view-all{font-size:.85rem;color:var(--accent-color);text-decoration:none;transition:opacity .15s;white-space:nowrap}.home-latest-view-all:hover{opacity:.75}.home-latest-loading{display:flex;justify-content:center;padding:2rem 0;color:var(--text-muted)}.home-latest-empty{color:var(--text-muted);font-size:.9rem;padding:1rem 0;margin:0}.home-latest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-6)}.home-latest-grid .card-content h3{margin:0 0 var(--space-4) 0;font-size:1.05rem;color:var(--text-primary);font-weight:var(--weight-semibold);line-height:1.4;letter-spacing:var(--tracking-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.home-latest{padding:3.5rem 0 3rem}.home-latest-section{margin-bottom:3rem}.home-latest-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:480px){.home-latest{padding:3rem 0 2.5rem}.home-latest-grid{grid-template-columns:1fr}}