:root{--bg-primary: #f4f4f9;--bg-card: white;--text-primary: #333;--text-secondary: #666;--shadow: rgba(0,0,0,.15);--shadow-hover: rgba(0,0,0,.2);--cursor-color: rgba(0, 0, 0, .4);--cursor-shadow: rgba(0, 0, 0, .1)}@media(prefers-color-scheme:dark){:root[data-theme=auto]{--bg-primary: #1a1a1a;--bg-card: #2a2a2a;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--shadow: rgba(0,0,0,.3);--shadow-hover: rgba(0,0,0,.5);--cursor-color: rgba(255, 255, 255, .6);--cursor-shadow: rgba(255, 255, 255, .2)}}:root[data-theme=dark]{--bg-primary: #1a1a1a;--bg-card: #2a2a2a;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--shadow: rgba(0,0,0,.3);--shadow-hover: rgba(0,0,0,.5);--cursor-color: rgba(255, 255, 255, .6);--cursor-shadow: rgba(255, 255, 255, .2)}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary)}.app-container{max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.theme-toggle{display:flex;background:var(--bg-card);border:2px solid var(--shadow);border-radius:8px;overflow:hidden;max-width:130px}.theme-toggle button{background:transparent;border:none;width:44px;height:44px;font-size:20px;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;justify-content:center;padding:0;border-right:1px solid var(--shadow)}.theme-toggle button:last-child{border-right:none}.theme-toggle button:hover{background:var(--shadow)}.theme-toggle button:active{transform:scale(.9)}.theme-toggle button.active{background:var(--text-primary);color:var(--bg-primary)}:root[data-theme=dark] .theme-toggle button.active{background:#ffffff26;color:var(--text-primary)}@media(prefers-color-scheme:dark){:root[data-theme=auto] .theme-toggle button.active{background:#ffffff26;color:var(--text-primary)}}.stack-section{margin-top:40px}.stack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.card-link{text-decoration:none;color:inherit;display:block}.card{background:var(--bg-card);border-radius:10px;padding:14px;text-align:center;box-shadow:0 2px 6px var(--shadow);transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.card:hover{transform:translateY(-4px);box-shadow:0 6px 16px var(--shadow-hover)}.tool-icon{width:48px;height:48px;margin-bottom:8px}:root[data-theme=dark] .tool-icon.icon-dark{filter:brightness(0) saturate(100%) invert(100%)}@media(prefers-color-scheme:dark){:root[data-theme=auto] .tool-icon.icon-dark{filter:brightness(0) saturate(100%) invert(100%)}}.tool-icon-fallback{width:48px;height:48px;margin:0 auto 8px;background:var(--shadow);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--text-primary)}.tool-name{font-size:13px;font-weight:500;color:var(--text-primary)}@media(max-width:600px){header{flex-direction:column;align-items:center;text-align:center}header>div{width:100%}}.cursor-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.trail-particle{position:absolute;background-color:var(--cursor-color);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 10px var(--cursor-shadow)}@keyframes ping{75%,to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}