@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@300;400;500;600&display=swap";body{margin:0}#root{min-height:100vh}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.dark{--bg:#0d1117;--bg2:#161b22;--bg3:#21262d;--border:#30363d;--border2:#21262d;--text:#e6edf3;--text2:#8b949e;--text3:#484f58;--accent:#58a6ff;--accent-dim:#1f6feb33;--red:#ff6b6b;--red-dim:#ff6b6b22;--amber:#f0a04b;--amber-dim:#f0a04b22;--green:#3fb950;--green-dim:#3fb95022;--blue:#58a6ff;--blue-dim:#58a6ff22;--sidebar-w:260px;--sidebar-collapsed:56px}.light{--bg:#f6f8fa;--bg2:#fff;--bg3:#eaeef2;--border:#d0d7de;--border2:#eaeef2;--text:#1f2328;--text2:#636c76;--text3:#afb8c1;--accent:#0969da;--accent-dim:#0969da18;--red:#cf222e;--red-dim:#cf222e12;--amber:#9a6700;--amber-dim:#9a670012;--green:#1a7f37;--green-dim:#1a7f3712;--blue:#0969da;--blue-dim:#0969da12;--sidebar-w:260px;--sidebar-collapsed:56px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,sans-serif;line-height:1.5}.app{background:var(--bg);min-height:100vh;color:var(--text);font-family:IBM Plex Sans,sans-serif;display:flex}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--bg2);border-right:1px solid var(--border);z-index:200;flex-direction:column;flex-shrink:0;height:100vh;transition:width .22s cubic-bezier(.4,0,.2,1),min-width .22s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed);min-width:var(--sidebar-collapsed)}.sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:12px 10px;display:flex}.sidebar.collapsed .sidebar-header{justify-content:center;padding:12px 6px}.sidebar.collapsed .sidebar-header .brand{display:none}.brand{align-items:center;gap:10px;display:flex;overflow:hidden}.brand-icon{background:var(--accent);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.brand-text{overflow:hidden}.brand-name{color:var(--text);letter-spacing:.05em;white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:.93em;font-weight:600}.brand-sub{color:var(--text2);white-space:nowrap;font-size:.72em}.collapse-btn{border:1px solid var(--accent);background:var(--accent-dim);height:28px;color:var(--accent);cursor:pointer;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:0 10px 0 8px;transition:all .15s;display:flex}.collapse-btn:hover{background:var(--accent);color:#fff}.sidebar.collapsed .collapse-btn{border-radius:8px;justify-content:center;width:34px;height:34px;padding:0}.collapse-label{letter-spacing:.03em;white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:.75em;font-weight:600}.sidebar-section-label{color:var(--text3);letter-spacing:.1em;flex-shrink:0;padding:12px 14px 5px;font-family:IBM Plex Mono,monospace;font-size:.72em;font-weight:600}.section-list{flex:1;padding:4px 6px;overflow-y:auto}.section-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;width:100%;margin-bottom:1px;padding:7px 10px;transition:background .12s,border-color .12s;display:flex}.section-item:hover{background:var(--bg3)}.section-item.active{background:var(--accent-dim);border-color:#58a6ff40}.section-item.parent-active{background:0 0}.section-item.parent-active .section-item-title{color:var(--accent);font-weight:600}.section-item-icon{text-align:center;flex-shrink:0;width:20px;font-size:.93em}.section-item-title{color:var(--text);font-size:.86em;font-weight:500;line-height:1.4}.section-item.active .section-item-title{color:var(--accent)}.sub-item{padding-left:38px}.sub-item .section-item-title{color:var(--text2);font-size:.79em}.sub-item.active .section-item-title{color:var(--accent)}.sub-badge{background:var(--green-dim);color:var(--green);white-space:nowrap;border-radius:3px;margin-left:auto;padding:1px 5px;font-family:IBM Plex Mono,monospace;font-size:.6em;font-weight:600}.section-icon-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;margin:2px auto;transition:all .12s;display:flex;position:relative}.section-icon-btn:hover{background:var(--bg3)}.section-icon-btn.active{background:var(--accent-dim);border-color:#58a6ff40}.icon-emoji{font-size:1.1em}.sidebar-footer{border-top:1px solid var(--border);flex-shrink:0;padding:6px 6px 10px}.controls{flex-direction:column;gap:6px;padding:4px 8px;display:flex}.control-row{justify-content:space-between;align-items:center;display:flex}.control-label{color:var(--text2);font-family:IBM Plex Mono,monospace;font-size:.79em}.toggle-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:5px;padding:3px 8px;font-family:IBM Plex Mono,monospace;font-size:.79em;transition:all .12s}.toggle-btn:hover{color:var(--text);border-color:var(--accent)}.size-btns{gap:3px;display:flex}.size-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-family:IBM Plex Sans,sans-serif;font-weight:600;transition:all .12s;display:flex}.size-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.size-btn:hover{color:var(--text);border-color:var(--accent)}.sidebar-footer-collapsed{border-top:1px solid var(--border);flex-shrink:0;justify-content:center;padding:8px 0;display:flex}.icon-toggle{border:1px solid var(--border);width:36px;height:36px;color:var(--text2);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:1em;transition:all .12s;display:flex}.icon-toggle:hover{color:var(--text);border-color:var(--accent)}.mobile-topbar{background:var(--bg2);border-bottom:1px solid var(--border);z-index:100;align-items:center;gap:12px;padding:12px 16px;display:none;position:sticky;top:0}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;gap:4px;padding:4px;display:flex}.hamburger span{background:var(--text2);border-radius:2px;width:20px;height:2px;transition:background .12s;display:block}.hamburger:hover span{background:var(--text)}.mobile-title{color:var(--text);flex:1;font-family:IBM Plex Mono,monospace;font-size:.93em;font-weight:600}.theme-pill{background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:20px;flex-shrink:0;padding:4px 10px;font-size:1em;transition:all .12s}.theme-pill:hover{color:var(--text);border-color:var(--accent)}.mobile-backdrop{z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;display:none;position:fixed;inset:0}.main{min-width:0;max-width:calc(100vw - var(--sidebar-w));flex:1;overflow:hidden auto}.app .sidebar.collapsed~.main{max-width:calc(100vw - var(--sidebar-collapsed))}.playbook-view{box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;width:100%;max-width:860px;margin:0 auto;padding:32px 40px 80px}.view-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;padding-bottom:24px;display:flex}.view-header-left{flex:1;min-width:0}.view-title{color:var(--text);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:0;font-size:1.57em;font-weight:600;line-height:1.3;display:flex}.view-title-icon{font-size:.85em}.view-title-badge{background:var(--green-dim);color:var(--green);letter-spacing:.04em;vertical-align:middle;border-radius:4px;padding:3px 8px;font-family:IBM Plex Mono,monospace;font-size:.4em;font-weight:600}.view-body{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pb-paragraph{color:var(--text);margin-bottom:18px;font-size:1em;line-height:1.75}.pb-paragraph strong{color:var(--text);font-weight:600}.pb-paragraph em{color:var(--text2);font-style:italic}.pb-prompt{background:var(--accent-dim);border:1px solid #58a6ff26;border-left:3px solid var(--accent);color:var(--text);border-radius:0 10px 10px 0;align-items:flex-start;gap:12px;margin:18px 0;padding:16px 20px;font-size:1em;font-style:normal;line-height:1.7;display:flex}.pb-prompt-icon{flex-shrink:0;margin-top:1px;font-size:1.1em}.pb-list{color:var(--text2);margin:12px 0 18px 20px;font-size:1em;line-height:1.75}.pb-list li{margin-bottom:6px;padding-left:4px}.pb-list li strong{color:var(--text)}.pb-numbered{list-style-type:decimal}.pb-table-wrap{border:1px solid var(--border);border-radius:8px;margin:16px 0;overflow-x:auto}.pb-table{border-collapse:collapse;width:100%;font-size:.95em}.pb-table th{color:var(--text3);letter-spacing:.08em;text-align:left;background:var(--bg3);border-bottom:1px solid var(--border);padding:10px 14px;font-family:IBM Plex Mono,monospace;font-size:.79em;font-weight:600}.pb-table td{color:var(--text2);border-bottom:1px solid var(--border2);padding:10px 14px;line-height:1.5}.pb-table tr:last-child td{border-bottom:none}.pb-table td strong{color:var(--accent);font-weight:600}.pb-table tr:hover td{background:var(--bg3)}.pb-divider{border:none;border-top:1px solid var(--border);margin:28px 0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}@media (width>=1600px){.dark,.light{--sidebar-w:280px}.playbook-view{max-width:1000px;padding:40px 56px 100px}.view-title{font-size:1.86em}}@media (width>=2400px){html{font-size:18px}.dark,.light{--sidebar-w:320px}.playbook-view{max-width:1300px;padding:56px 80px 120px}.view-title{font-size:2.28em}.sidebar-section-label{font-size:.79em}.section-item-title{font-size:1em}.pb-paragraph{font-size:1.07em}.pb-prompt{padding:18px 22px;font-size:1.07em}.pb-table{font-size:1em}.pb-list{font-size:1.07em}.collapse-btn{width:32px;height:32px}}@media (width<=1024px){.playbook-view{padding:24px 28px 80px}}@media (width<=768px){.playbook-view{padding:20px 20px 80px}.view-title{font-size:1.28em}}@media (width<=600px){.mobile-topbar{display:flex}.mobile-backdrop{display:block}.desktop-only{display:none!important}.sidebar{z-index:300;height:100dvh;transition:transform .26s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0006;width:280px!important;min-width:280px!important}.sidebar.mobile-open{transform:translate(0)}.main{width:100%}.playbook-view{padding:16px 16px 80px}.view-header{flex-direction:column;gap:12px}.view-title{font-size:1.21em}.pb-prompt{padding:12px 14px;font-size:.86em}}@media (width<=430px){.playbook-view{padding:14px 14px 80px}.pb-paragraph{font-size:.88em}.pb-list{font-size:.86em}.pb-table{font-size:.82em}}