body{color:#222;font-family:sans-serif;line-height:1.5;margin:1rem;display:flex;flex-direction:column;min-height:100vh}main{flex:1 0 auto}a{color:#222;text-decoration:none}header{border-bottom:1px solid #222;margin-bottom:1rem}.header-wrapper{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:1rem}.theme-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);background:#f2f2f2;border:1px solid #ddd;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 200ms ease}.theme-toggle:hover{background:#e5e5e5;transform:translateY(-50%)scale(1.1)}.theme-toggle i{font-size:18px;color:#222}header nav{display:flex;justify-content:center}header nav ul{display:flex;gap:.75rem;list-style:none;padding:0;margin:0;align-items:center;flex-wrap:wrap}header nav ul li{margin:0}header nav ul a{display:inline-block;padding:.4rem .75rem;border-radius:6px;color:inherit;transition:background-color 160ms ease,transform 160ms ease}header nav ul a:hover,header nav ul a.active{background-color:#f2f2f2;transform:translateY(-2px)}.author{text-align:center;margin:1.5rem 0}.author-image{width:120px;height:120px;object-fit:cover;border-radius:50%;display:block;margin:0 auto .5rem}.author-name{margin:.25rem 0 0}.author-bio{margin:.25rem 0 0;color:#444;font-weight:300}.author-social-links{list-style:none;padding:0;margin:.75rem 0 0;display:flex;gap:.5rem;justify-content:center}.author-social-links li{margin:0}.author-social-links a{display:inline-block;padding:.4rem .6rem;border-radius:999px;background:#f2f2f2;color:inherit;transition:transform 160ms ease,background-color 160ms ease,box-shadow 160ms ease}.links{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-top:1rem}.link-item{background:#fff;border:#222 1px solid;border-radius:10px;padding:1rem;box-shadow:0 1px 3px rgba(0,0,0,8%);transition:transform 180ms ease,box-shadow 180ms ease,background-color 180ms ease;width:100%;max-width:880px;text-align:left}.link-item a{color:inherit;text-decoration:none;display:block}.link-item:hover{transform:translateY(-6px);box-shadow:0 8px 20px rgba(0,0,0,.12);background-color:#fafafa}.link-item[data-platform*=youtube]:hover{background:linear-gradient(135deg,#ff0000 0%,#cc0000 100%);color:#fff;border-color:red}.link-item[data-platform*=youtube]:hover .link-description,.link-item[data-platform*=youtube]:hover .link-icon i{color:rgba(255,255,255,.9)}.link-item[data-platform*=twitter]:hover,.link-item[data-platform*=x]:hover{background:linear-gradient(135deg,#000000 0%,#1a1a1a 100%);color:#fff;border-color:#000}.link-item[data-platform*=twitter]:hover .link-description,.link-item[data-platform*=twitter]:hover .link-icon i,.link-item[data-platform*=x]:hover .link-description,.link-item[data-platform*=x]:hover .link-icon i{color:rgba(255,255,255,.9)}.link-item[data-platform*=linkedin]:hover{background:linear-gradient(135deg,#0077b5 0%,#005885 100%);color:#fff;border-color:#0077b5}.link-item[data-platform*=linkedin]:hover .link-description,.link-item[data-platform*=linkedin]:hover .link-icon i{color:rgba(255,255,255,.9)}.link-item[data-platform*=github]:hover{background:linear-gradient(135deg,#333333 0%,#1a1a1a 100%);color:#fff;border-color:#333}.link-item[data-platform*=github]:hover .link-description,.link-item[data-platform*=github]:hover .link-icon i{color:rgba(255,255,255,.9)}.link-item[data-platform*=instagram]:hover{background:linear-gradient(135deg,#e1306c 0%,#c13584 100%);color:#fff;border-color:#e1306c}.link-item[data-platform*=instagram]:hover .link-description,.link-item[data-platform*=instagram]:hover .link-icon i{color:rgba(255,255,255,.9)}.link-item[data-platform*=facebook]:hover{background:linear-gradient(135deg,#1877f2 0%,#0c63d4 100%);color:#fff;border-color:#1877f2}.link-item[data-platform*=facebook]:hover .link-description,.link-item[data-platform*=facebook]:hover .link-icon i{color:rgba(255,255,255,.9)}.link-item[data-platform*=tiktok]:hover{background:linear-gradient(135deg,#000000 0%,#ff0050 100%);color:#fff;border-color:#000}.link-item[data-platform*=tiktok]:hover .link-description,.link-item[data-platform*=tiktok]:hover .link-icon i{color:rgba(255,255,255,.9)}.link-item[data-platform*=twitch]:hover{background:linear-gradient(135deg,#9146ff 0%,#772ce8 100%);color:#fff;border-color:#9146ff}.link-item[data-platform*=twitch]:hover .link-description,.link-item[data-platform*=twitch]:hover .link-icon i{color:rgba(255,255,255,.9)}.link-item[data-platform*=discord]:hover{background:linear-gradient(135deg,#5865f2 0%,#4752c4 100%);color:#fff;border-color:#5865f2}.link-item[data-platform*=discord]:hover .link-description,.link-item[data-platform*=discord]:hover .link-icon i{color:rgba(255,255,255,.9)}h2.link-name{margin:0 0 .25rem;font-size:1.55rem}h3.link-name{margin:0 0 .25rem;font-size:1.05rem}.link-description{margin:0;color:#666;font-size:.95rem}.link-inner{display:flex;align-items:center;gap:1rem}.link-icon{flex:0 0 96px;width:96px;height:96px;display:flex;align-items:center;justify-content:center;border-radius:12px}.link-icon i{font-size:48px;line-height:1;color:#222}.link-text{flex:auto}.link-item .link-text .link-name{margin:0 0 .25rem}footer{border-top:1px solid #222;margin-top:1rem;text-align:center}.section-header{text-align:center;margin:1.5rem 0 .5rem}.section-title{font-size:2rem;margin:0;letter-spacing:-.02em;color:#111}.section-subtitle{margin:.5rem 0 0;color:#5a5a5a;font-weight:300}.section-intro{max-width:860px;margin:.75rem auto;color:#444;font-size:1rem;line-height:1.6}.section-links{margin-top:1.25rem;display:flex;flex-direction:column;gap:1rem;align-items:center}.link-item{border-radius:12px;padding:1.1rem;transition:transform 220ms cubic-bezier(.2,.9,.2,1),box-shadow 220ms ease,background-color 160ms ease;box-shadow:0 6px 18px rgba(16,24,40,4%);background:linear-gradient(180deg,#ffffff 0%,#fbfbfb 100%);overflow:hidden;max-width:880px}.link-image-wrap{width:100%;max-height:420px;overflow:hidden;border-radius:10px;display:block;box-shadow:0 6px 18px rgba(16,24,40,4%)}.link-image{width:100%;height:100%;display:block;object-fit:cover}.link-inner-vertical{flex-direction:column}.link-inner-vertical .link-text{padding-top:.5rem}@media(max-width:520px){.link-image-wrap{max-height:200px}}@media(max-width:520px){.link-inner{align-items:center;text-align:center}.link-icon{margin-bottom:.5rem}.link-item{text-align:center}}@media(max-width:520px){.link-item{max-width:90%;padding:.85rem}}@media(max-width:520px){.section-title{font-size:1.5rem}.link-icon{width:72px;height:72px}.link-icon i{font-size:32px}}.page-container{max-width:860px;margin:0 auto;padding:1.5rem}.page-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e5e5}.page-title{font-size:2.5rem;margin:0 0 1rem;letter-spacing:-.03em;color:#111;line-height:1.2;font-weight:700}.page-date{display:inline-block;color:#666;font-size:.95rem;font-weight:400;letter-spacing:.02em}.page-image-wrap{width:100%;max-height:500px;overflow:hidden;border-radius:12px;margin-bottom:2rem;box-shadow:0 8px 24px rgba(16,24,40,8%)}.page-image{width:100%;height:100%;display:block;object-fit:cover}.page-content{font-size:1.1rem;line-height:1.75;color:#333}.page-content h1,.page-content h2,.page-content h3,.page-content h4,.page-content h5,.page-content h6{margin:2rem 0 1rem;line-height:1.3;color:#111;font-weight:600}.page-content h1{font-size:2rem}.page-content h2{font-size:1.75rem}.page-content h3{font-size:1.5rem}.page-content h4{font-size:1.25rem}.page-content p{margin:1rem 0}.page-content a{color:#06c;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color 160ms ease}.page-content a:hover{color:#0052a3}.page-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0;box-shadow:0 4px 12px rgba(0,0,0,6%)}.page-content blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:4px solid #06c;background:#f8f9fa;border-radius:0 6px 6px 0;font-style:italic;color:#555}.page-content code{background:#f5f5f5;padding:.2rem .4rem;border-radius:4px;font-size:.9em;font-family:courier new,monospace;color:#d63384}.page-content pre{background:#f5f5f5;padding:1.25rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0;border:1px solid #e5e5e5}.page-content pre code{background:0 0;padding:0;color:#333;font-size:.95rem}.page-content ul,.page-content ol{margin:1rem 0;padding-left:2rem}.page-content li{margin:.5rem 0}.page-content hr{border:none;border-top:1px solid #e5e5e5;margin:2rem 0}.page-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}.page-content table th,.page-content table td{padding:.75rem;border:1px solid #e5e5e5;text-align:left}.page-content table th{background:#f8f9fa;font-weight:600;color:#111}.page-content table tr:hover{background:#fafafa}@media(max-width:768px){.page-container{padding:1rem}.page-title{font-size:2rem}.page-content{font-size:1rem}.page-content h1{font-size:1.75rem}.page-content h2{font-size:1.5rem}.page-content h3{font-size:1.25rem}}.terms-container{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding-top:2rem;flex-wrap:wrap}.terms-label{font-weight:600;color:#666;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em}.terms-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}.term-item{margin:0}.term-link{display:inline-block;padding:.4rem 1rem;background:linear-gradient(135deg,#f5f5f5 0%,#e8e8e8 100%);color:#333;text-decoration:none;border-radius:20px;font-size:.9rem;font-weight:500;transition:all 200ms ease;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,5%)}.term-link:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,102,204,.2)}@media(max-width:520px){.terms-label{width:100%}}.term-container{max-width:1080px;margin:0 auto;padding:1.5rem}.term-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #e5e5e5}.term-title{font-size:3rem;margin:0 0 1rem;letter-spacing:-.03em;color:#111;font-weight:700}.term-description{color:#666;font-size:1.1rem;line-height:1.6;margin:0 auto 1rem;max-width:720px}.term-count{color:#999;font-size:.95rem;margin:0;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.term-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:2rem}.term-post-item{background:linear-gradient(180deg,#ffffff 0%,#fbfbfb 100%);border:1px solid #e5e5e5;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(16,24,40,4%);transition:transform 220ms cubic-bezier(.2,.9,.2,1),box-shadow 220ms ease}.term-post-item:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(16,24,40,.12)}.term-post-link{display:block;color:inherit;text-decoration:none}.term-post-image-wrap{width:100%;height:220px;overflow:hidden;background:#f5f5f5}.term-post-image{width:100%;height:100%;object-fit:cover;transition:transform 300ms ease}.term-post-item:hover .term-post-image{transform:scale(1.05)}.term-post-content{padding:1.5rem}.term-post-title{font-size:1.5rem;margin:0 0 .75rem;color:#111;line-height:1.3;font-weight:600}.term-post-description{color:#666;margin:0 0 1rem;font-size:.95rem;line-height:1.6}.term-post-date{display:inline-block;color:#999;font-size:.85rem;font-weight:500}@media(max-width:768px){.term-container{padding:1rem}.term-title{font-size:2.25rem}.term-posts{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:520px){.term-title{font-size:1.75rem}.term-description{font-size:1rem}.term-post-image-wrap{height:180px}}body.dark-mode{background-color:#1a1a1a;color:#e0e0e0}body.dark-mode a{color:#e0e0e0}body.dark-mode header{border-bottom-color:#444}body.dark-mode footer{border-top-color:#444}body.dark-mode .theme-toggle{background:#2a2a2a;border-color:#444}body.dark-mode .theme-toggle:hover{background:#333}body.dark-mode .theme-toggle i{color:gold}body.dark-mode header nav ul a:hover,body.dark-mode header nav ul a.active{background-color:#2a2a2a}body.dark-mode .author-bio{color:#aaa}body.dark-mode .author-social-links a{background:#2a2a2a;color:#e0e0e0}body.dark-mode .author-social-links a:hover{background:#333}body.dark-mode .link-item{background:linear-gradient(180deg,#2a2a2a 0%,#252525 100%);border-color:#444;box-shadow:0 6px 18px rgba(0,0,0,.3)}body.dark-mode .link-item:hover{background-color:#2f2f2f;box-shadow:0 8px 20px rgba(0,0,0,.4)}body.dark-mode .link-icon i{color:#e0e0e0}body.dark-mode .link-description{color:#aaa}body.dark-mode .section-title{color:#f0f0f0}body.dark-mode .section-subtitle{color:#999}body.dark-mode .section-intro{color:#bbb}body.dark-mode .link-image-wrap{box-shadow:0 6px 18px rgba(0,0,0,.4)}body.dark-mode .link-item[data-platform*=youtube]:hover,body.dark-mode .link-item[data-platform*=twitter]:hover,body.dark-mode .link-item[data-platform*=x-]:hover,body.dark-mode .link-item[data-platform*=linkedin]:hover,body.dark-mode .link-item[data-platform*=github]:hover,body.dark-mode .link-item[data-platform*=instagram]:hover,body.dark-mode .link-item[data-platform*=facebook]:hover,body.dark-mode .link-item[data-platform*=tiktok]:hover,body.dark-mode .link-item[data-platform*=twitch]:hover{color:#fff}body.dark-mode .link-item[data-platform*=youtube]:hover .link-description,body.dark-mode .link-item[data-platform*=youtube]:hover .link-icon i,body.dark-mode .link-item[data-platform*=twitter]:hover .link-description,body.dark-mode .link-item[data-platform*=twitter]:hover .link-icon i,body.dark-mode .link-item[data-platform*=x-]:hover .link-description,body.dark-mode .link-item[data-platform*=x-]:hover .link-icon i,body.dark-mode .link-item[data-platform*=linkedin]:hover .link-description,body.dark-mode .link-item[data-platform*=linkedin]:hover .link-icon i,body.dark-mode .link-item[data-platform*=github]:hover .link-description,body.dark-mode .link-item[data-platform*=github]:hover .link-icon i,body.dark-mode .link-item[data-platform*=instagram]:hover .link-description,body.dark-mode .link-item[data-platform*=instagram]:hover .link-icon i,body.dark-mode .link-item[data-platform*=facebook]:hover .link-description,body.dark-mode .link-item[data-platform*=facebook]:hover .link-icon i,body.dark-mode .link-item[data-platform*=tiktok]:hover .link-description,body.dark-mode .link-item[data-platform*=tiktok]:hover .link-icon i,body.dark-mode .link-item[data-platform*=twitch]:hover .link-description,body.dark-mode .link-item[data-platform*=twitch]:hover .link-icon i{color:rgba(255,255,255,.9)}body.dark-mode .page-header{border-bottom-color:#444}body.dark-mode .page-title{color:#f0f0f0}body.dark-mode .page-date{color:#aaa}body.dark-mode .page-image-wrap{box-shadow:0 8px 24px rgba(0,0,0,.5)}body.dark-mode .page-content{color:#d0d0d0}body.dark-mode .page-content h1,body.dark-mode .page-content h2,body.dark-mode .page-content h3,body.dark-mode .page-content h4,body.dark-mode .page-content h5,body.dark-mode .page-content h6{color:#f0f0f0}body.dark-mode .page-content a{color:#4da6ff}body.dark-mode .page-content a:hover{color:#66b3ff}body.dark-mode .page-content blockquote{background:#2a2a2a;border-left-color:#4da6ff;color:#bbb}body.dark-mode .page-content code{background:#2a2a2a;color:#ff6b9d}body.dark-mode .page-content pre{background:#2a2a2a;border-color:#444}body.dark-mode .page-content pre code{color:#d0d0d0}body.dark-mode .page-content hr{border-top-color:#444}body.dark-mode .page-content table th,body.dark-mode .page-content table td{border-color:#444}body.dark-mode .page-content table th{background:#2a2a2a;color:#f0f0f0}body.dark-mode .page-content table tr:hover{background:#252525}body.dark-mode .terms-label{color:#aaa}body.dark-mode .term-link{background:linear-gradient(135deg,#2a2a2a 0%,#252525 100%);color:#d0d0d0;border-color:#444}body.dark-mode .term-link:hover{box-shadow:0 4px 8px rgba(77,166,255,.3)}body.dark-mode .term-header{border-bottom-color:#444}body.dark-mode .term-title{background:linear-gradient(135deg,#4da6ff 0%,#3399ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode .term-description{color:#aaa}body.dark-mode .term-count{color:#777}body.dark-mode .term-post-item{background:linear-gradient(180deg,#2a2a2a 0%,#252525 100%);border-color:#444;box-shadow:0 6px 18px rgba(0,0,0,.3)}body.dark-mode .term-post-item:hover{box-shadow:0 12px 28px rgba(0,0,0,.5)}body.dark-mode .term-post-image-wrap{background:#1a1a1a}body.dark-mode .term-post-title{color:#f0f0f0}body.dark-mode .term-post-description{color:#aaa}body.dark-mode .term-post-date{color:#777}