:root{--primary-color:#FA0F03;--background-color:#f5f5f7;--text-color:#333;--border-color:#e0e0e0;--hover-color:#f0f0f5}body{font-family:Inter,sans-serif;background-color:var(--background-color);color:var(--text-color)}body,html{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{display:flex;flex-direction:column;min-height:100vh}.app-container{flex:1;display:flex;width:100%}header{background-color:var(--primary-color);padding:15px 20px;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px rgba(0,0,0,.1)}header .logo{font-size:20px;font-weight:600}header nav a{color:#fff;text-decoration:none;display:flex;align-items:center;transition:opacity .3s ease}header nav a:hover{opacity:.8}.github-logo{fill:currentColor}.app-container{display:flex;flex:1;width:100%;height:calc(100% - 100px)}.sidebar{background-color:#fff;border-right:1px solid var(--border-color);padding:10px;box-shadow:0 4px 12px rgba(0,0,0,.05);display:flex;flex-direction:column;overflow-y:auto}.webhooks-sidebar{display:flex;flex-direction:column;width:300px;height:100%;background-color:#fff;border-right:1px solid var(--border-color);box-shadow:0 4px 12px rgba(0,0,0,.05)}.sidebar-scroll{flex-grow:1;overflow-y:auto}.sidebar-bottom{padding:10px;border-top:1px solid var(--border-color);padding-bottom:20px}.webhook-list{list-style:none;padding:0;margin:0}#add-webhook{width:100%}.Tunnel-info{background-color:#f0f8ff;border:1px solid #b0d4ff;padding:10px;font-size:12px;line-height:1.4}.EonaCat.Tunnel-info h3{margin:0 0 5px 0;color:#06c;font-size:14px}.EonaCat.Tunnel-info p{margin:0}.EonaCat.Tunnel-info a{color:#06c;text-decoration:none;font-weight:600}.EonaCat.Tunnel-info a:hover{text-decoration:underline}.sidebar button:not(.remove-btn){padding:12px 20px;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;font-size:16px;transition:background-color .3s ease;width:100%}.sidebar button:not(.remove-btn):hover{background-color:#005fcc}.webhook-list li{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;margin-top:10px;background-color:#f9f9f9;cursor:pointer;transition:background-color .2s ease}.webhook-list li:hover{background-color:var(--hover-color)}.webhook-url{font-size:14px;color:var(--text-color);text-decoration:none;word-break:break-all;flex-grow:1;margin-right:10px}.remove-btn{background-color:transparent;border:none;color:#999;cursor:pointer;font-size:18px;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:0}.webhook-list li:hover .remove-btn{opacity:1}.remove-btn:hover{background-color:rgba(255,59,48,.1);color:#ff3b30}.remove-btn:focus{outline:0;box-shadow:0 0 0 2px rgba(255,59,48,.5)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.active-webhook-header{padding:10px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}#active-webhook-url{font-family:monospace;font-weight:bolder;font-size:larger;padding:12.5px;flex-grow:1;margin-right:10px;word-break:break-all}.copy-btn{background-color:var(--primary-color);border:none;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s ease;font-weight:600}.copy-btn:hover{background-color:#005fcc}.copy-btn:focus{outline:0;box-shadow:0 0 0 2px rgba(0,122,255,.5)}.waiting{flex-grow:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px}.animal-art{font-size:48px;margin-bottom:15px}.tabs{display:flex;margin-bottom:10px}.tab-btn{background-color:#f0f0f0;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.tab-btn.active{background-color:var(--primary-color);color:#fff}.tab-content{background-color:#f0f0f0;border-radius:4px;padding:15px;margin-bottom:15px}.code-example{display:none;white-space:pre-wrap;word-wrap:break-word;font-family:monospace;font-size:14px;line-height:1.5;margin:0}.code-example.active{display:block}.requests-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.requests-content{flex:1;display:flex;overflow:hidden}.requests-sidebar{width:300px;border-right:1px solid var(--border-color);overflow-y:auto}.request-list{list-style:none;padding:0;margin:0}.request-list li{display:flex;justify-content:space-between;align-items:center;padding:10px 25px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s ease}.request-list li:last-child{border-bottom:none}.request-list li:hover{background-color:var(--hover-color)}.request-date{font-weight:700;font-size:.8em}.request-time{font-size:.8em;color:#666}.request-method{width:40px;text-align:center;padding:3px 5px;font-size:.7em;font-weight:700;text-transform:uppercase}.request-method.get{background-color:#61affe;color:#fff}.request-method.post{background-color:#49cc90;color:#fff}.request-method.put{background-color:#fca130;color:#fff}.request-method.delete{background-color:#f93e3e;color:#fff}.request-method.patch{background-color:#50e3c2;color:#fff}.request-method.head,.request-method.options{background-color:#9012fe;color:#fff}.details{flex:1;overflow-y:auto}.details h2{margin-top:0;font-size:22px;color:var(--text-color)}.details h3{margin-top:0;font-size:18px;color:var(--text-color)}.details pre,.form-data-viewer,.json-viewer,.xml-viewer{background-color:#fff;padding:15px;font-size:14px;color:#555;white-space:pre-wrap;overflow-x:auto;margin:0;word-wrap:break-word}.headers-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;color:#333;background-color:#fff;overflow:hidden}.headers-table td,.headers-table th{padding:8px 12px;text-align:left;border-bottom:1px solid #f0f0f0}.headers-table th{font-weight:600;color:#666;background-color:#f9f9f9;border-bottom:2px solid #e0e0e0}.headers-table tr:last-child td{border-bottom:none}.headers-table tr:hover{background-color:#f5f5f5}.header-key{font-weight:600;color:#06c}.header-value{font-family:monospace;word-break:break-all}.body-tabs{display:flex}.body-tabs .tab-btn{background-color:#f0f0f0;border:none;padding:8px 16px;cursor:pointer;transition:background-color .3s ease}.body-tabs .tab-btn.active{background-color:var(--primary-color);color:#fff}.tab-content .code-example{display:none;background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:0 4px 4px 4px;padding:15px}.tab-content .code-example.active{display:block}.json-viewer{font-family:monospace;font-size:14px;line-height:1.5;white-space:pre-wrap}.json-viewer .key{color:#881391}.json-viewer .string{color:#c41a16}.json-viewer .number{color:#1c00cf}.json-viewer .boolean{color:#00f}.json-viewer .null{color:grey}.xml-viewer{font-family:monospace;font-size:14px;line-height:1.5;white-space:pre-wrap}.xml-viewer .xml-tag{color:#881391}.xml-viewer .xml-attribute{color:#994500}.xml-viewer .xml-attribute-value{color:#1a1aa6}.xml-viewer .xml-text{color:#000}.form-data-viewer{font-family:monospace;font-size:14px;line-height:1.5}.form-data-viewer .form-data-item{margin-bottom:5px}.form-data-viewer .form-data-key{color:#881391;font-weight:700}.form-data-viewer .form-data-value{color:#1a1aa6}footer{background-color:var(--background-color);padding:8px 20px;text-align:center;font-size:12px;border-top:1px solid #ddd;box-shadow:0 -4px 12px rgba(0,0,0,.05)}footer a{color:var(--primary-color);text-decoration:none;transition:opacity .3s ease}footer a:hover{opacity:.8}.copy-popup{position:fixed;bottom:20px;right:20px;background-color:var(--primary-color);color:#fff;padding:10px 20px;border-radius:4px;font-size:14px;opacity:0;transition:opacity .3s ease}.copy-popup.show{opacity:1}.connection-status-popup{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.7);color:#fff;padding:10px 20px;font-size:14px;z-index:1000;transition:opacity .3s ease-in-out,transform .3s ease-in-out;opacity:0;pointer-events:none}.connection-status-popup.show{opacity:1;transform:translateX(-50%) translateY(0)}.connection-status-content{display:flex;align-items:center;justify-content:center;white-space:nowrap}.connection-status-icon{font-size:24px;margin-right:8px}.connection-status-connected .connection-status-icon{color:#4caf50}.connection-status-reconnecting .connection-status-icon{color:#ffc107;animation:blink 1s infinite}.connection-status-disconnected .connection-status-icon{color:#f44336}@keyframes blink{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes slideUp{from{transform:translateX(-50%) translateY(20px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}.connection-status-popup.show{animation:slideUp .3s ease-out}@media (max-width:1024px){.app-container{flex-direction:column}.requests-sidebar,.webhooks-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color)}.requests-content{flex-direction:column}}@media (max-width:768px){.app-container{flex-direction:column}.webhooks-sidebar{box-sizing:border-box}.requests-sidebar,.webhooks-sidebar{width:100%;max-height:200px;overflow-y:auto;border-right:none;border-bottom:1px solid var(--border-color)}#zap{display:none}.requests-content{flex-direction:column}.main-content{width:100%}.details{padding:10px;width:100%;box-sizing:border-box}.copy-btn{align-self:flex-end}.headers-table{font-size:11px;width:100%}.headers-table td,.headers-table th{padding:6px 8px}.body-tabs .tab-btn{padding:6px 12px;font-size:12px}.code-example{font-size:12px;width:100%;box-sizing:border-box}.json-viewer{font-size:12px;width:100%;box-sizing:border-box}.waiting{padding:10px;width:100%;box-sizing:border-box}.animal-art{font-size:36px}.waiting h2{font-size:18px}.waiting p{font-size:14px}.tab-btn{padding:8px 16px;font-size:12px}.active-webhook-header{flex-direction:column;align-items:stretch;padding:12px}#active-webhook-url{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px;background-color:#f8f9fa;border:1px solid #e9ecef;margin-right:0}#copy-active-webhook-url{width:100%;margin-top:8px;padding:10px;font-size:14px}}@media (max-width:480px){.webhook-list li{flex-direction:column;align-items:flex-start}.webhook-url{margin-right:0;margin-bottom:5px}.remove-btn{align-self:flex-end}.connection-status-popup{width:90%;transform:none}.tab-content{padding:10px}footer{padding:10px}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.9);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loading-emoji{font-size:50px;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}