:root{--bg-color:#fff;--text-primary:#3c4043;--text-secondary:#5f6368;--accent-blue:#4285f4;--accent-red:#ea4335;--accent-green:#34a853;--accent-yellow:#fbbc04;--border-color:#dadce0;--bg-light-gray:#f1f3f4}*{box-sizing:border-box;margin:0;padding:0}.userguide-body{background-color:var(--bg-color);color:var(--text-primary);padding:20px;font-family:Google Sans Text,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.guide-container{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;max-width:900px;margin:0 auto;padding:40px;box-shadow:0 1px 3px #0000001a}h1,h2,h3,h4{color:var(--text-primary);margin-bottom:20px;font-weight:600}h2,h3{scroll-margin-top:80px;position:relative}.heading-link{opacity:0;cursor:pointer;text-decoration:none;transition:opacity .2s;position:absolute;top:50%;left:-32px;transform:translateY(-50%)}h2:hover .heading-link,h3:hover .heading-link{opacity:1}.heading-link svg{width:22px;height:22px;color:var(--accent-blue)}h1{text-align:center;border-bottom:2px solid var(--accent-blue);margin-bottom:40px;padding-bottom:15px;font-size:2.5rem}h2{color:var(--accent-blue);border-bottom:1px solid var(--border-color);margin-top:40px;padding-bottom:10px;font-size:2rem}h3{color:var(--accent-red);margin-top:30px;font-size:1.5rem}h4{color:var(--accent-green);margin-top:20px;font-size:1.2rem}p{color:var(--text-secondary);margin-bottom:15px}ul,ol{margin-bottom:15px;padding-left:30px}li{margin-bottom:10px}strong{color:var(--text-primary);font-weight:600}code{background-color:var(--bg-light-gray);color:var(--accent-red);border-radius:4px;padding:2px 5px;font-family:Courier New,Courier,monospace}pre{background-color:var(--bg-light-gray);border:1px solid var(--border-color);border-radius:8px;margin:20px 0;padding:20px;font-family:Courier New,Courier,monospace;line-height:1.4;overflow-x:auto}pre code{color:var(--text-primary);white-space:pre;background-color:#0000;border-radius:0;padding:0;font-size:.9rem}.screenshot-placeholder{background-color:var(--bg-light-gray);border:2px dashed var(--border-color);text-align:center;width:100%;height:300px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;margin:20px 0;font-style:italic;display:flex}.screenshot-wrapper{justify-content:center;margin:20px 0;display:flex}.screenshot-wrapper img{border:1px solid var(--border-color);border-radius:8px;max-width:100%;box-shadow:0 4px 12px #00000026}.highlight-box{background:var(--bg-light-gray);border-left:4px solid var(--accent-blue);border-radius:8px;margin:20px 0;padding:20px}#toc-sidebar{background:var(--bg-light-gray);border:1px solid var(--border-color);z-index:1000;visibility:visible;opacity:1;border-radius:8px;width:250px;padding:20px;transition:opacity .3s,visibility .3s;position:fixed;top:100px;left:calc(50% - 720px);box-shadow:0 2px 5px #0000001a}#toc-sidebar h4{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-top:0;margin-bottom:15px;padding-bottom:10px;font-size:1.1rem}#toc-sidebar ul{margin:0;padding:0;list-style:none}#toc-sidebar ul li{margin-bottom:10px}#toc-sidebar ul li a{color:var(--text-secondary);padding:4px 0;font-size:.9rem;text-decoration:none;transition:all .2s;display:block}#toc-sidebar ul li a:hover{color:var(--accent-blue);transform:translate(4px)}#toc-sidebar ul li.active a{color:var(--accent-blue);font-weight:600}@media (max-width:1500px){#toc-sidebar{opacity:0;visibility:hidden;pointer-events:none}}