.app{position:relative;width:100vw;height:100vh}.content{position:fixed;top:0;left:0;width:500px;height:100vh;padding:0;z-index:10;color:#1a1a1a;overflow-y:auto}.info-card h1{font-size:32px;font-weight:300;margin:0 0 16px;color:#1a1a1a}.content p{font-size:18px;line-height:1.6;color:#4a5568;margin:0 0 40px}.info-card{position:relative;background:#eef2f666;border-right:1px solid rgba(0,0,0,.08);border-radius:0;padding:40px 30px;margin:0;min-height:100vh;backdrop-filter:blur(4px) saturate(180%);-webkit-backdrop-filter:blur(4px) saturate(180%);box-shadow:4px 0 24px #00000014}.close-button{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:32px;line-height:1;color:#4a5568;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.close-button:hover{color:#1a1a1a}.escape-hint{position:absolute;top:20px;left:30px;font-size:12px;color:#718096;font-weight:500;display:flex;align-items:center;gap:6px}.escape-hint kbd{background:#00000014;border:1px solid rgba(0,0,0,.12);border-radius:4px;padding:2px 6px;font-family:Geist Mono,monospace;font-size:11px;font-weight:600}.info-card h2{font-size:24px;font-weight:600;margin:0 0 20px;color:#1a1a1a}.info-card ul{list-style:none;padding:0;margin:0}.info-card li{font-size:16px;line-height:1.8;color:#4a5568;padding-left:24px;position:relative;margin-bottom:8px}.info-card li:before{content:"→";position:absolute;left:0;color:#1a1a1a;font-weight:700}.code-block{position:relative;background:#1a1b26;border:1px solid rgba(0,0,0,.2);border-radius:8px;padding:20px;overflow-x:auto;margin:0}.code-block pre{margin:0;padding:0;background:transparent;font-size:13px;line-height:1.6;font-family:Geist Mono,monospace}.code-block code{font-family:inherit}.copy-button{position:absolute;top:12px;right:12px;background:#2a2e44e6;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;color:#a9b1d6;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;z-index:10}.copy-button:hover{background:#2a2e44;border-color:#fff3;color:#c0caf5}.copy-button svg{width:14px;height:14px}.accordion{margin-bottom:20px;border:1px solid rgba(0,0,0,.1);border-radius:8px;overflow:hidden;background:#ffffff80}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:transparent;border:none;cursor:pointer;font-size:14px;font-weight:600;color:#1a1a1a;transition:background .2s ease}.accordion-header:hover{background:#00000008}.accordion-content{padding:0;border-top:1px solid rgba(0,0,0,.08)}.accordion-content .setup-instructions{padding:16px}.accordion-content .code-block{border-radius:0 0 8px 8px;border:none;border-top:1px solid rgba(255,255,255,.1)}.accordion-content .tweakpane-controls{margin:0;padding:16px}.setup-instructions pre{margin:0;padding:0;font-size:13px;line-height:1.8;color:#4a5568;font-family:Geist Mono,monospace;white-space:pre-wrap}.tweakpane-controls .tp-dfwv{width:100%}.content::-webkit-scrollbar{width:8px}.content::-webkit-scrollbar-track{background:transparent}.content::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.content::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (max-width: 768px){.content{width:100%;padding:0}.info-card{padding:40px 20px}.info-card h1{font-size:24px}.info-card pre{font-size:12px;padding:16px}.escape-hint{left:20px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Geist Mono,monospace;background:#eef2f6;color:#1a1a1a;overflow:hidden}#root{width:100vw;height:100vh}