:root{--bg-color:#fffff8;--text-color:#111;--link-color:#0066cc;--code-bg:#f5f5f5;--border-color:#ddd;--button-bg:#f0f0f0;--button-hover-bg:#e0e0e0;--shadow-color:rgba(0, 0, 0, 0.1)}[data-theme=dark]{--bg-color:#1a1a1a;--text-color:#e0e0e0;--link-color:#66b3ff;--code-bg:#2d2d2d;--border-color:#444;--button-bg:#333;--button-hover-bg:#555;--shadow-color:rgba(255, 255, 255, 0.1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-color:#1a1a1a;--text-color:#e0e0e0;--link-color:#66b3ff;--code-bg:#2d2d2d;--border-color:#444;--button-bg:#333;--button-hover-bg:#555;--shadow-color:rgba(255, 255, 255, 0.1)}}body{background-color:var(--bg-color);color:var(--text-color);margin-top:50px;transition:background-color .3s ease,color .3s ease}a{color:var(--link-color)}pre,code{background-color:var(--code-bg)}.top-controls{position:fixed;top:20px;right:20px;display:flex;gap:8px;z-index:1000;align-items:center}#copy-btn{float:right}.btn-group{display:flex;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px var(--shadow-color)}.btn{background:var(--button-bg);border:1px solid var(--border-color);padding:8px 12px;font-size:14px;cursor:pointer;color:var(--text-color);text-decoration:none;transition:background-color .2s ease;border-radius:0;border-right:none;display:inline-block;vertical-align:middle;font-family:inherit;font-weight:400;box-sizing:border-box}.btn:link,.btn:visited{color:var(--text-color);text-decoration:none}.btn:last-child{border-right:1px solid var(--border-color)}.btn:hover{background:var(--button-hover-bg)}.site-logo{width:24px;height:24px;margin-right:8px;position:absolute;top:10px;left:10px}