:root{--gu-bg:#f5f5fa;--gu-card:#fff;--gu-text:#0f172a;--gu-muted:#64748b;--gu-border:#e2e4eb;--gu-accent:#8b5cf6;--gu-accent-light:#8b5cf614;--gu-accent-border:#8b5cf633;--gu-green:#10b981;--gu-green-light:#10b98114;--gu-red-light:#ef44440f;--gu-shadow:0 4px 24px #0f172a0f;--gu-radius:14px}[data-theme=dark]{--gu-bg:#0a0a14;--gu-card:#12122a;--gu-text:#f1f1f6;--gu-muted:#ffffff59;--gu-border:#ffffff0f;--gu-accent-light:#8b5cf61f;--gu-accent-border:#8b5cf64d;--gu-green-light:#10b9811f;--gu-red-light:#ef44441a;--gu-shadow:0 4px 24px #0000004d}body{background:var(--gu-bg);color:var(--gu-text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;transition:background .3s,color .3s}.gu-app{background:var(--gu-bg);min-height:100vh}.gu-header{background:var(--gu-card);border-bottom:1px solid var(--gu-border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.gu-header-left{align-items:center;gap:12px;display:flex}.gu-header-actions{align-items:center;gap:8px;display:flex}.gu-title{letter-spacing:-.3px;margin:0;font-size:20px;font-weight:900}.gu-badge{background:var(--gu-accent-light);color:var(--gu-accent);border:1px solid var(--gu-accent-border);border-radius:999px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}.gu-theme-btn{border:1px solid var(--gu-border);background:var(--gu-card);width:34px;height:34px;color:var(--gu-muted);cursor:pointer;border-radius:10px;place-items:center;font-size:15px;transition:all .15s;display:grid}.gu-theme-btn:hover{border-color:#8b5cf64d}.gu-gate{background:var(--gu-bg);place-items:center;height:100vh;padding:20px;display:grid}.gu-gate-card{background:var(--gu-card);border:1px solid var(--gu-border);box-shadow:var(--gu-shadow);text-align:center;border-radius:18px;max-width:480px;padding:32px 36px}.gu-gate-card h2{margin:0 0 12px;font-size:22px;font-weight:900}.gu-content{max-width:900px;margin:0 auto;padding:20px 24px}.gu-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.gu-card{background:var(--gu-card);border:1px solid var(--gu-border);border-radius:var(--gu-radius);box-shadow:var(--gu-shadow);cursor:pointer;text-align:center;padding:20px;transition:all .18s;position:relative;overflow:hidden}.gu-card:before{content:"";opacity:0;background:linear-gradient(135deg,#8b5cf6,#ec4899);height:3px;transition:opacity .18s;position:absolute;top:0;left:0;right:0}.gu-card:hover{border-color:var(--gu-accent-border);transform:translateY(-2px);box-shadow:0 12px 40px #0f172a1a}.gu-card:hover:before{opacity:1}.gu-card-icon{margin-bottom:10px;font-size:36px}.gu-card-title{margin-bottom:6px;font-size:15px;font-weight:800}.gu-card-tag{background:var(--gu-accent-light);color:var(--gu-accent);border:1px solid var(--gu-accent-border);border-radius:999px;margin-bottom:6px;padding:3px 10px;font-size:10px;font-weight:800;display:inline-block}.gu-guide{background:var(--gu-card);border:1px solid var(--gu-border);border-radius:var(--gu-radius);box-shadow:var(--gu-shadow);overflow:hidden}.gu-guide-header{border-bottom:1px solid var(--gu-border);align-items:center;gap:16px;padding:24px;display:flex}.gu-guide-icon{font-size:36px}.gu-guide-title{margin:0 0 4px;font-size:22px;font-weight:900}.gu-section{border-bottom:1px solid var(--gu-border)}.gu-section:last-child{border-bottom:none}.gu-section-toggle{width:100%;font:inherit;cursor:pointer;color:var(--gu-text);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:16px 24px;font-size:15px;font-weight:700;transition:background .15s;display:flex}.gu-section-toggle:hover{background:var(--gu-accent-light)}.gu-section-arrow{color:var(--gu-muted);flex-shrink:0;width:16px;font-size:10px}.gu-section-title{flex:1}.gu-section-body{color:var(--gu-text);padding:0 24px 20px 50px;font-size:14px;line-height:1.7}.gu-section-body p{margin:0 0 10px}.gu-section-body ul,.gu-section-body ol{margin:0 0 12px;padding-left:20px}.gu-section-body li{margin-bottom:6px}.gu-section-body hr{border:none;border-top:1px solid var(--gu-border);margin:16px 0}.gu-section-body strong{color:var(--gu-text)}.gu-section-body code{background:var(--gu-accent-light);border-radius:4px;padding:2px 6px;font-size:13px}.gu-callout{border:1px solid var(--gu-border);background:var(--gu-accent-light);border-radius:10px;margin:12px 0;padding:16px 20px;font-size:14px;line-height:1.6}.gu-callout--green{background:var(--gu-green-light);border-color:#10b98140}.gu-callout--red{background:var(--gu-red-light);border-color:#ef444433}.gu-template{background:var(--gu-accent-light);border:1px solid var(--gu-border);white-space:pre-line;border-radius:10px;margin:12px 0;padding:16px 20px;font-family:inherit;font-size:13px;line-height:1.7}.gu-note{color:var(--gu-muted);font-size:13px;font-style:italic}.gu-simple-table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13px}.gu-simple-table th,.gu-simple-table td{border:1px solid var(--gu-border);text-align:left;padding:8px 12px}.gu-simple-table th{background:var(--gu-accent-light);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}.gu-btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.gu-btn--ghost{color:var(--gu-muted);border:1px solid var(--gu-border);background:0 0}.gu-btn--ghost:hover{background:var(--gu-accent-light);color:var(--gu-text)}.gu-muted{color:var(--gu-muted)}.gu-text-sm{font-size:13px}.gu-text-xs{font-size:11px}.gu-footer{border-top:1px solid var(--gu-border);text-align:center;color:var(--gu-muted);margin-top:28px;padding-top:12px;font-size:9px}html,body,#root{color:#0f172a;background:#f3f4f6;height:100%;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}*,:before,:after{box-sizing:border-box}