:root{--bg: #f5f5f5;--bg-secondary: #ffffff;--accent: #0088aa;--accent2: #cc0055;--text: #1a1a2e;--dim: #6b7280;--glow: rgba(0,136,170,.1)}html.dark{--bg: #050508;--bg-secondary: #0a0a10;--accent: #00f3ff;--accent2: #ff006e;--text: #e0e6ed;--dim: #4a5568;--glow: rgba(0,243,255,.15)}html.dark .glass-card,html.dark .id-card,html.dark .widget-card,html.dark .content-section{background:#0a0f1e99;border-color:#00f3ff4d}.glass-card,.id-card,.widget-card,.content-section{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,243,255,.2);border-radius:12px;box-shadow:0 4px 30px #00000014,inset 0 0 0 1px #ffffff80}html.dark .glass-card:hover,html.dark .id-card:hover,html.dark .widget-card:hover,html.dark .content-section:hover{border-color:#00f3ff26;box-shadow:0 0 30px #00f3ff1a}.glass-card:hover,.id-card:hover,.widget-card:hover,.content-section:hover{border-color:#0088aa4d;box-shadow:0 8px 40px #0000001f,0 0 20px #0088aa14,inset 0 0 0 1px #fff9}*{margin:0;padding:0;box-sizing:border-box}body{font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,monospace;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;transition:background .3s,color .3s}.bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(0,243,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.03) 1px,transparent 1px);background-size:40px 40px;z-index:-1;pointer-events:none}html.dark .bg-grid{background-image:linear-gradient(rgba(0,136,170,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,136,170,.05) 1px,transparent 1px)}header{position:sticky;top:0;background:var(--bg);border-bottom:1px solid rgba(0,243,255,.1);z-index:1000;backdrop-filter:blur(10px)}.header-inner{max-width:1200px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1rem;font-weight:700;color:var(--accent);letter-spacing:.3rem;text-decoration:none}nav{display:flex;gap:1.5rem;align-items:center;position:relative}nav a{color:var(--dim);text-decoration:none;font-size:.8rem;letter-spacing:.1rem;transition:color .3s}nav a:hover{color:var(--accent)}#theme-toggle{background:none;border:1px solid rgba(0,243,255,.3);color:var(--accent);padding:.4rem .6rem;cursor:pointer;font-size:.9rem;transition:all .3s;border-radius:4px}#theme-toggle:hover{background:#00f3ff1a;box-shadow:0 0 15px #00f3ff33}.search-wrap{position:relative;display:flex;align-items:center}.search-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid rgba(0,243,255,.2);background:transparent;cursor:pointer;transition:all .3s ease}.search-btn:hover{background:#00f3ff1a;border-color:#00f3ff66}.search-btn.hidden{opacity:0;width:0;padding:0;overflow:hidden}.search-icon{font-size:.9rem;transition:transform .3s ease}.search-expanded{display:flex;align-items:center;width:0;height:36px;overflow:hidden;border-radius:8px;border:1px solid transparent;background:transparent;transition:all .3s ease}.search-expanded.active{width:200px;border-color:#00f3ff4d;background:#00f3ff0d;padding:0;margin-left:.5rem}#search-input{width:100%;background:transparent;border:none;outline:none;color:var(--text);font-size:.8rem;font-family:inherit;padding:0 .6rem}#search-input::placeholder{color:var(--dim)}.search-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:var(--bg-secondary);border:1px solid rgba(0,243,255,.2);border-radius:8px;box-shadow:0 10px 40px #0000004d;max-height:400px;overflow-y:auto;z-index:200}.search-result-item{display:block;padding:.8rem 1rem;text-decoration:none;color:inherit;transition:background .2s;border-bottom:1px solid rgba(0,243,255,.05)}.search-result-item:last-child{border-bottom:none}.search-result-title{font-weight:600;color:var(--accent);margin-bottom:.2rem;font-size:.9rem}.search-result-excerpt{font-size:.8rem;color:var(--dim);line-height:1.4}main{min-height:calc(100vh - 200px)}footer{border-top:1px solid rgba(0,243,255,.1);padding:3rem 2rem;text-align:center}.footer-inner{font-size:.7rem;color:var(--dim);letter-spacing:.1rem}.footer-inner span{color:var(--accent)}@media(max-width:768px){.header-inner{flex-direction:column;gap:1rem}nav{gap:1rem;flex-wrap:wrap;justify-content:center}}.search-modal{position:fixed;inset:0;background:#000000b3;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;backdrop-filter:blur(4px)}.search-modal[hidden]{display:none}.search-inner{background:var(--bg-secondary);border:1px solid rgba(0,243,255,.2);border-radius:12px;width:90%;max-width:640px;padding:1.5rem;box-shadow:0 20px 60px #0006}#search-input{width:100%;padding:.8rem 1rem;font-size:1rem;border:1px solid rgba(0,243,255,.2);border-radius:8px;background:var(--bg);color:var(--text);font-family:inherit;outline:none;transition:border-color .2s}#search-input:focus{border-color:var(--accent)}#search-results{margin-top:1rem;max-height:50vh;overflow-y:auto}.search-result-item{display:block;padding:1rem;border-radius:8px;text-decoration:none;color:inherit;transition:background .2s;margin-bottom:.5rem}.search-result-item:hover{background:#00f3ff0d}.search-result-title{font-weight:600;color:var(--accent);margin-bottom:.3rem}.search-result-excerpt{font-size:.85rem;color:var(--dim);line-height:1.5}.search-result-excerpt mark{background:#00f3ff4d;color:inherit;border-radius:2px;padding:0 2px}.no-results{text-align:center;color:var(--dim);padding:2rem}#search-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--dim);font-size:1.2rem;cursor:pointer}#search-close:hover{color:var(--accent)}#search-toggle{background:none;border:1px solid rgba(0,243,255,.3);color:var(--accent);padding:.4rem .6rem;cursor:pointer;font-size:.9rem;transition:all .3s;border-radius:4px}#search-toggle:hover{background:#00f3ff1a;box-shadow:0 0 15px #00f3ff33}