@import url(https://fonts.bunny.net/css?family=noto-emoji:500);@import url(https://fonts.bunny.net/css?family=noto-color-emoji:400);@import url(https://fonts.bunny.net/css?family=advent-pro:300);@import url(https://fonts.bunny.net/css?family=inter:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);@import url(https://fonts.bunny.net/css?family=advent-pro:300);@import url(https://fonts.bunny.net/css?family=inter:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);@import url(https://fonts.bunny.net/css?family=noto-emoji:500);@import url(https://fonts.bunny.net/css?family=noto-color-emoji:400);@import url(https://fonts.bunny.net/css?family=noto-emoji:500);@import url(https://fonts.bunny.net/css?family=noto-color-emoji:400);@import url(https://fonts.bunny.net/css?family=noto-color-emoji:400|orbitron:400,500,600,700,800,900);.coffee-cups{filter:drop-shadow(0 0 6px var(--accent-tertiary));font-family:'Noto Color Emoji', 'Noto Emoji', sans-serif}@media (prefers-reduced-data: reduce){.coffee-cups{font-family:sans-serif}}@media (prefers-reduced-data: no-preference){.coffee-cups{font-family:'Noto Color Emoji', 'Noto Emoji', sans-serif;font-weight:400}}.reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--btn-gradient);z-index:10000;transition:width 0.1s ease;box-shadow:0 0 10px var(--glow-color)}:root{--bg-primary: linear-gradient(135deg, #FFE5B4 0%, #FFCCCB 25%, #DDA0DD 75%, #98D8E8 100%);--bg-secondary: rgba(255, 255, 255, 0.85);--bg-card: rgba(255, 255, 255, 0.9);--accent-primary: #FF006B;--accent-secondary: #00FFFF;--accent-tertiary: #FF7F50;--text-primary: #2D1B4E;--text-secondary: #5A4B7C;--text-muted: #8B7BA8;--border-color: rgba(255, 0, 107, 0.2);--shadow-color: rgba(255, 126, 80, 0.15);--glow-color: rgba(255, 0, 107, 0.3);--code-bg: rgba(255, 255, 255, 0.95);--code-border: rgba(255, 0, 107, 0.2);--code-text: #1a1a1a;--btn-gradient: linear-gradient(135deg, #FF006B 0%, #FF7F50 100%);--btn-gradient-hover: linear-gradient(135deg, #E6005F 0%, #E6724A 100%);--tag-gradient: linear-gradient(135deg, #FFE5B4 0%, #FFCCCB 100%);--tag-text: #8B4A6B}@media (prefers-color-scheme: dark){:root{--bg-primary: linear-gradient(135deg, #1A0B2E 0%, #16213E 25%, #0F3460 75%, #533A7B 100%);--bg-secondary: rgba(26, 11, 46, 0.95);--bg-card: rgba(42, 25, 75, 0.9);--accent-primary: #FF0080;--accent-secondary: #00CED1;--accent-tertiary: #FF6B35;--text-primary: #E0E0FF;--text-secondary: #B8B3D4;--text-muted: #8A7CA8;--border-color: rgba(255, 0, 128, 0.3);--shadow-color: rgba(255, 107, 53, 0.2);--glow-color: rgba(0, 255, 255, 0.4);--code-bg: rgba(0, 0, 0, 0.8);--code-border: rgba(0, 255, 255, 0.2);--code-text: #f8f8f2;--btn-gradient: linear-gradient(135deg, #FF0080 0%, #FF6B35 100%);--btn-gradient-hover: linear-gradient(135deg, #E6006B 0%, #E65F2E 100%);--tag-gradient: linear-gradient(135deg, #2A1B4B 0%, #3D2B5F 100%);--tag-text: #B8B3D4}}[data-theme="light"]{--bg-primary: linear-gradient(135deg, #FFE5B4 0%, #FFCCCB 25%, #DDA0DD 75%, #98D8E8 100%);--bg-secondary: rgba(255, 255, 255, 0.85);--bg-card: rgba(255, 255, 255, 0.9);--accent-primary: #FF006B;--accent-secondary: #00FFFF;--accent-tertiary: #FF7F50;--text-primary: #2D1B4E;--text-secondary: #5A4B7C;--text-muted: #8B7BA8;--border-color: rgba(255, 0, 107, 0.2);--shadow-color: rgba(255, 126, 80, 0.15);--glow-color: rgba(255, 0, 107, 0.3);--code-bg: rgba(255, 255, 255, 0.95);--code-border: rgba(255, 0, 107, 0.2);--code-text: #1a1a1a;--btn-gradient: linear-gradient(135deg, #FF006B 0%, #FF7F50 100%);--btn-gradient-hover: linear-gradient(135deg, #E6005F 0%, #E6724A 100%);--tag-gradient: linear-gradient(135deg, #FFE5B4 0%, #FFCCCB 100%);--tag-text: #8B4A6B}[data-theme="dark"]{--bg-primary: linear-gradient(135deg, #1A0B2E 0%, #16213E 25%, #0F3460 75%, #533A7B 100%);--bg-secondary: rgba(26, 11, 46, 0.95);--bg-card: rgba(42, 25, 75, 0.9);--accent-primary: #FF0080;--accent-secondary: #00CED1;--accent-tertiary: #FF6B35;--text-primary: #E0E0FF;--text-secondary: #B8B3D4;--text-muted: #8A7CA8;--border-color: rgba(255, 0, 128, 0.3);--shadow-color: rgba(255, 107, 53, 0.2);--glow-color: rgba(0, 255, 255, 0.4);--code-bg: rgba(0, 0, 0, 0.8);--code-border: rgba(0, 255, 255, 0.2);--code-text: #f8f8f2;--btn-gradient: linear-gradient(135deg, #FF0080 0%, #FF6B35 100%);--btn-gradient-hover: linear-gradient(135deg, #E6006B 0%, #E65F2E 100%);--tag-gradient: linear-gradient(135deg, #2A1B4B 0%, #3D2B5F 100%);--tag-text: #B8B3D4}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter', 'Advent Pro', Arial, Helvetica, sans-serif;background:var(--bg-primary);background-attachment:fixed;color:var(--text-primary);line-height:1.7;min-height:100vh;transition:all 0.3s ease;padding-bottom:80px}@media (max-width: 768px){body{padding-bottom:70px}}@media (max-width: 480px){body{padding-bottom:60px}}@scope (.site-header){:scope{background:var(--bg-secondary);backdrop-filter:blur(20px);padding:0.5rem 0;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border-color);box-shadow:0 4px 20px var(--shadow-color)}@media (max-width: 768px){:scope{padding:0.5rem 0}}nav{max-width:1200px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center}@media (max-width: 768px){nav{grid-template-columns:1fr auto;gap:0.5rem}}nav .nav-left{display:flex;align-items:center;gap:1.5rem;min-width:0}nav .back-link{color:var(--accent-primary);text-decoration:none;font-weight:500;display:flex;align-items:center;gap:0.5rem;transition:all 0.3s ease;padding:0.5rem 1rem;border-radius:20px;border:1px solid transparent}nav .back-link:hover{background:var(--accent-primary);color:white;border-color:var(--accent-primary);box-shadow:0 4px 15px var(--glow-color)}nav .nav-links{display:flex;gap:2rem;list-style:none}@media (max-width: 768px){nav .nav-links{display:none}}nav .nav-links a{text-decoration:none;color:var(--text-primary);font-weight:400;transition:color 0.3s ease;padding:0.5rem 1rem;border-radius:20px;transition:all 0.3s ease}nav .nav-links a:visited:hover{background:var(--accent-tertiary);color:white;box-shadow:0 4px 15px var(--glow-color)}nav .nav-links a:hover{background:var(--accent-secondary);color:white;box-shadow:0 4px 15px var(--glow-color)}@scope (.search-form-container){:scope{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);box-shadow:0 4px 20px var(--shadow-color);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);z-index:99}:scope.active{transform:translateY(0);opacity:85% !important;visibility:visible}@media (prefers-reduced-transparency: reduce){:scope.active{opacity:100%}}@media (prefers-reduced-transparency: no-preference){:scope.active{opacity:85% !important}}:scope:active{transform:translateY(0);opacity:85% !important;visibility:visible}@media (prefers-reduced-transparency: reduce){:scope:active{opacity:100%}}@media (prefers-reduced-transparency: no-preference){:scope:active{opacity:85% !important}}.search-form{max-width:1000px;margin:0 auto;padding:1.5rem 1rem}@media (max-width: 768px){.search-form{padding:1rem}}.search-form .search-input-wrapper{position:relative;display:flex;align-items:center;background:var(--bg-card);border:2px solid var(--border-color);border-radius:25px;overflow:hidden;box-shadow:0 4px 15px var(--shadow-color);transition:all 0.3s ease}.search-form .search-input-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 6px 25px var(--glow-color)}.search-form .search-input-wrapper .search-submit{background:transparent !important;border:none;padding:1rem;cursor:pointer;color:var(--text-secondary);font-size:1.1rem;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;font-family:'Noto Emoji', 'Noto Color Emoji', sans-serif}@media (prefers-reduced-transparency: reduce){.search-form .search-input-wrapper .search-submit{background:var(--bg-primary)}}@media (prefers-reduced-transparency: no-preference){.search-form .search-input-wrapper .search-submit{background:transparent}}@media (max-width: 768px){.search-form .search-input-wrapper .search-submit{padding:0.75rem;font-size:1rem}}@media (prefers-reduced-data: reduce){.search-form .search-input-wrapper .search-submit{font-family:sans-serif}}@media (prefers-reduced-data: no-preference){.search-form .search-input-wrapper .search-submit{font-family:'Noto Emoji', 'Noto Color Emoji', sans-serif;font-weight:500}}.search-form .search-input-wrapper .search-submit:hover{background:var(--accent-primary);border-color:var(--accent-primary)}.search-form .search-input-wrapper .search-close{background:transparent !important;border:none;padding:1rem;cursor:pointer;color:var(--text-secondary);font-size:1.1rem;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}@media (prefers-reduced-transparency: reduce){.search-form .search-input-wrapper .search-close{background:var(--bg-primary)}}@media (prefers-reduced-transparency: no-preference){.search-form .search-input-wrapper .search-close{background:transparent}}@media (max-width: 768px){.search-form .search-input-wrapper .search-close{padding:0.75rem;font-size:1rem}}.search-form .search-input-wrapper .search-close:hover{color:var(--accent-secondary);background:rgba(0,206,209,0.1)}.search-form .search-input-wrapper #searchInput{font-family:'Inter', 'Advent Pro', Arial, Helvetica, sans-serif;flex:1;padding:1rem 1.5rem;border:none;background:transparent !important;background:transparent;color:var(--text-primary);font-size:1rem;outline:none}@media (prefers-reduced-transparency: reduce){.search-form .search-input-wrapper #searchInput{background:var(--bg-primary)}}@media (prefers-reduced-transparency: no-preference){.search-form .search-input-wrapper #searchInput{background:transparent}}@media (max-width: 768px){.search-form .search-input-wrapper #searchInput{padding:0.75rem 1rem;font-size:0.9rem}}.search-form .search-input-wrapper #searchInput::placeholder{color:var(--text-muted)}.search-form .search-results{margin-top:1rem;max-height:400px;overflow-y:auto;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 8px 32px var(--shadow-color);display:none}.search-form .search-results.has-results{display:block}.search-form .search-results .search-result-item{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);transition:all 0.3s ease;cursor:pointer}.search-form .search-results .search-result-item:last-child{border-bottom:none}.search-form .search-results .search-result-item:hover{background:rgba(255,0,107,0.05);transform:translateX(4px)}.search-form .search-results .search-result-title{font-weight:600;color:var(--text-primary);margin-bottom:0.25rem;font-size:0.95rem}.search-form .search-results .search-result-excerpt{color:var(--text-secondary);font-size:0.85rem;line-height:1.4}.search-form .search-results .search-result-meta{display:flex;align-items:center;gap:1rem;margin-top:0.5rem;font-size:0.75rem;color:var(--text-muted)}.search-form .search-results .search-no-results{padding:2rem;text-align:center;color:var(--text-muted);font-style:italic}}}.logo{font-weight:400;font-family:'Orbitron','JetBrains Mono', 'Noto Color Emoji', monospace;font-size:1.5rem;font-weight:700;background:var(--btn-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;display:flex;align-items:center;gap:0.5rem;max-width:100%;flex-shrink:1;line-height:1.2;word-break:break-word}@media (prefers-reduced-data: no-preference){.logo{font-family:'Orbitron','JetBrains Mono', 'Noto Color Emoji', monospace}}@media (prefers-reduced-data: reduce){.logo{font-family:monospace}}.logo::before{content:"☕";font-family:'Noto Color Emoji', 'Noto Emoji', sans-serif;font-size:1.2rem;font-size:1.2rem;-webkit-text-fill-color:var(--accent-tertiary) !important;color:var(--accent-tertiary);filter:drop-shadow(0 0 8px var(--accent-tertiary));background:none}@media (prefers-reduced-data: reduce){.logo::before{font-family:sans-serif}}@media (prefers-reduced-data: no-preference){.logo::before{font-family:'Noto Color Emoji', 'Noto Emoji', sans-serif;font-weight:400}}@media (min-width: 1500px){.logo::before{font-size:1.5rem}}@media (min-width: 2000px){.logo::before{font-size:1.8rem}}@media (max-width: 768px){.logo::before{font-size:.96rem}}@media (max-width: 480px){.logo::before{font-size:.8rem}}@media (max-width: 768px){.logo{white-space:normal;line-height:1.2;max-width:calc(100vw - 120px)}}@media (max-width: 480px){.logo{max-width:calc(100vw - 100px)}}