:root{--bg-main: #ffffff;--bg-header: rgba(255, 255, 255, .92);--border-subtle: #e4e4e7;--border-bright: #d1d5db;--text-main: #18181b;--text-muted: #52525b;--text-dim: #71717a;--accent-emerald: #059669;--accent-mauve: var(--accent-emerald);--accent-lavender: #4f46e5;--accent-blue: #2563eb;--accent-sapphire: #0284c7;--accent-green: #16a34a;--accent-teal: #0d9488;--accent-peach: #ea580c;--card-bg: #fafafa;--card-bg-hover: #f4f4f5;--btn-bg: #f4f4f5;--btn-bg-hover: #e4e4e7;--main-title: #111827;--table-even-bg: rgba(0, 0, 0, .03)}html.dark{--bg-main: #1c1a1a;--bg-header: rgba(28, 26, 26, .92);--border-subtle: #332f2f;--border-bright: #4d4747;--text-main: #f5f5f5;--text-muted: #b8b0b0;--text-dim: #7d7575;--accent-emerald: #34d399;--accent-mauve: var(--accent-emerald);--accent-lavender: #b4befe;--accent-blue: #89b4fa;--accent-sapphire: #74c7ec;--accent-green: #a6e3a1;--accent-teal: #2dd4bf;--accent-peach: #fab387;--card-bg: #232020;--card-bg-hover: #2c2828;--btn-bg: #252222;--btn-bg-hover: #332f2f;--main-title: #ffffff;--table-even-bg: rgba(255, 255, 255, .03)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);color:var(--text-main);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:14px;line-height:1.6;letter-spacing:-.01em;min-height:100vh;overflow-x:hidden;transition:background-color .2s ease,color .2s ease}a{color:var(--accent-emerald);text-decoration:underline;text-underline-offset:3px}.sh-header{width:100%;border-bottom:1px solid var(--border-subtle);background-color:var(--bg-header);backdrop-filter:blur(8px);position:sticky;top:0;z-index:50;transition:background-color .2s ease,border-color .2s ease}.header-inner{width:40%;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.back-link{color:var(--accent-emerald);text-decoration:underline;text-underline-offset:3px;font-size:.9rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:color .15s ease}.back-link:hover{color:var(--text-main)}.sh-header #themeToggle{margin-top:0;border:0;background:none;cursor:pointer;padding:4px;line-height:0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;transition:transform .15s ease}.sh-header #themeToggle:hover{transform:scale(1.1)}.sh-header #themeToggle svg{width:24px;height:24px}.sh-container{width:40%;margin:0 auto;padding:32px 20px 60px;display:flex;flex-direction:column;gap:28px}.title-section{display:flex;flex-direction:column;gap:16px;margin-top:4px}.main-title{font-size:2.8rem;font-weight:800;color:var(--main-title);letter-spacing:-.03em;line-height:1.1;display:inline-block;transition:color .2s ease}.main-title:after{content:"_";color:var(--accent-emerald);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.social-icons{display:flex;align-items:center;gap:12px}.social-icon-btn{color:var(--text-muted);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;border:1px solid var(--border-subtle);background-color:var(--card-bg);transition:all .15s ease;line-height:0}.social-icon-btn:hover{color:var(--accent-emerald);border-color:var(--accent-emerald);background-color:var(--card-bg-hover);transform:translateY(-2px)}.about-section{padding:0}.about-text{color:var(--text-main);font-size:1.05rem;line-height:1.65;text-align:justify}.about-text a{color:var(--accent-emerald);text-decoration:underline;text-underline-offset:3px;transition:color .15s ease}.about-text a:hover{color:var(--text-main)}.links-section{width:100%}.sh-links-list{list-style-type:disc;padding-left:1.4rem;margin:0;display:flex;flex-direction:column;gap:10px}.sh-links-list li{font-size:1.05rem;line-height:1.6;color:var(--text-main)}.sh-links-list li::marker{color:var(--accent-emerald)}.sh-link-title{color:var(--accent-emerald);font-weight:700;text-decoration:underline;text-underline-offset:3px;transition:color .15s ease}.sh-link-title:hover{color:var(--text-main)}.sh-link-desc{color:var(--text-muted)}.badge-matrix-section{padding-top:10px}.section-tag{font-size:.8rem;font-weight:700;color:var(--text-dim);margin-bottom:8px;text-transform:lowercase;display:block}.matrix-grid{display:flex;flex-wrap:wrap;gap:3px;align-items:center}.badge-link{display:inline-block;text-decoration:none;line-height:0;border:1px solid var(--border-subtle);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.badge-clickable{cursor:pointer}.badge-clickable:hover{border-color:var(--accent-emerald);transform:translateY(-2px);box-shadow:0 4px 10px #0000002e,0 0 8px #05966940}html.dark .badge-clickable:hover{box-shadow:0 4px 10px #00000080,0 0 8px #34d3994d}.badge-img{width:88px;height:31px;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.sh-footer{display:flex;justify-content:center;align-items:center;gap:12px;font-size:.85rem;color:var(--text-dim);padding-top:20px;border-top:1px solid var(--border-subtle)}.sh-footer a{color:var(--accent-emerald);text-decoration:underline;text-underline-offset:3px}.sh-footer a:hover{color:var(--text-main)}@media (max-width: 1024px){.header-inner,.sh-container{width:65%}}@media (max-width: 720px){.main-title{font-size:2.2rem}.header-inner,.sh-container{width:92%;padding-left:12px;padding-right:12px}.sh-container{padding-top:20px;padding-bottom:40px;gap:20px}}