@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--background:#ffffff;--foreground:#0f172a;--card:#ffffff;--card-foreground:#111827;--popover:#ffffff;--popover-foreground:#111827;--primary:#d97706;--primary-foreground:#ffffff;--secondary:#f1f5f9;--secondary-foreground:#1e293b;--muted:#f1f5f9;--muted-foreground:#334155;--accent:#2563eb;--accent-foreground:#ffffff;--destructive:#dc2626;--destructive-foreground:#ffffff;--border:#cbd5e1;--input:#e2e8f0;--ring:#d97706;--radius:0.5rem;--border-width:1px;--shadow-offset:4px;--hard-shadow:var(--shadow-offset) var(--shadow-offset) 0px var(--border);--dark-background:#0f172a;--dark-foreground:#f1f5f9;--dark-card:#1e293b;--dark-card-foreground:#f8fafc;--dark-popover:#1f2937;--dark-popover-foreground:#ffffff;--dark-primary:#f59e0b;--dark-primary-foreground:#111827;--dark-secondary:#334155;--dark-secondary-foreground:#f8fafc;--dark-muted:#334155;--dark-muted-foreground:#cbd5e1;--dark-accent:#3b82f6;--dark-accent-foreground:#ffffff;--dark-destructive:#ef4444;--dark-destructive-foreground:#ffffff;--dark-border:#475569;--dark-input:#4b5563;--dark-ring:#f59e0b;--dark-hard-shadow:var(--shadow-offset) var(--shadow-offset) 0px var(--dark-border);--transparent-bg-light:rgba(0, 0, 0, 0.05);--transparent-bg-dark:rgba(255, 255, 255, 0.07);--shadow-base:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);--shadow-medium:0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);--shadow-large:0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);--shadow-base-dark:0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);--shadow-medium-dark:0 4px 6px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.2);--shadow-large-dark:0 10px 15px rgba(0, 0, 0, 0.5), 0 4px 6px rgba(0, 0, 0, 0.3)}@media (prefers-color-scheme:dark){:root{--background:var(--dark-background);--foreground:var(--dark-foreground);--card:var(--dark-card);--card-foreground:var(--dark-card-foreground);--popover:var(--dark-popover);--popover-foreground:var(--dark-popover-foreground);--primary-foreground:var(--dark-primary-foreground);--secondary:var(--dark-secondary);--secondary-foreground:var(--dark-secondary-foreground);--muted:var(--dark-muted);--muted-foreground:var(--dark-muted-foreground);--accent:var(--dark-accent);--accent-foreground:var(--dark-accent-foreground);--destructive:var(--dark-destructive);--destructive-foreground:var(--dark-destructive-foreground);--border:var(--dark-border);--input:var(--dark-input);--ring:var(--dark-ring);--hard-shadow:var(--dark-hard-shadow);--shadow-base:var(--shadow-base-dark);--shadow-medium:var(--shadow-medium-dark);--shadow-large:var(--shadow-large-dark)}.json-display{background-color:rgba(0,0,0,.2);border-color:var(--border)}#page-header{background-color:var(--dark-background);border-bottom-color:var(--dark-border)}.faq-container h3,.footer-nav a:hover,.logo span,.main-nav a:hover{color:var(--dark-primary)}footer{border-top-color:var(--dark-border)}.faq-container h3{background-color:rgba(255,255,255,.05)}.faq-item p{border-left-color:var(--dark-muted)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter','Segoe UI',Roboto,-apple-system,BlinkMacSystemFont,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;background-color:var(--background);color:var(--foreground);transition:background-color .3s ease,color .3s ease;min-height:100vh;display:flex;flex-direction:column;line-height:1.6}.container{max-width:700px;width:calc(100% - 2rem);margin:0 auto;padding:2rem 0;flex:1}main.container{padding-top:2rem;padding-bottom:2rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-container{margin-top:1.5rem}.result-container,.search-container{background-color:var(--card);color:var(--card-foreground);border:var(--border-width) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-medium);padding:1.5rem 2rem;transition:transform .2s ease-out,box-shadow .2s ease-out;word-break:break-word}.description,.logo{text-align:center;color:var(--foreground)}.logo{margin-bottom:1rem;font-weight:800;font-size:3rem;letter-spacing:-1px}.logo span{color:var(--primary)}.description{margin-bottom:1.5rem;font-size:1rem;font-weight:500;max-width:95%;margin-left:auto;margin-right:auto;line-height:1.5}.search-form{display:flex;flex-direction:column;gap:.8rem}.input-wrapper{position:relative}.input-field{width:100%;border-radius:var(--radius);padding:.8rem 1rem;font-size:1rem;border:var(--border-width) solid var(--border);background-color:var(--background);color:var(--foreground);transition:border-color .2s ease,box-shadow .2s ease;outline:0;box-shadow:none}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 var(--border-width) var(--primary)}.input-field::placeholder{color:var(--muted-foreground);opacity:.8}.search-button{background-color:var(--primary);color:var(--primary-foreground);border:var(--border-width) solid var(--border);border-radius:var(--radius);padding:.8rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s ease-out,box-shadow .15s ease-out;box-shadow:var(--hard-shadow);text-align:center;display:inline-block;text-decoration:none;outline:0;position:relative}.search-button:hover{transform:translate(calc(var(--shadow-offset)/-2),calc(var(--shadow-offset)/-2));box-shadow:var(--shadow-base),0 0 0 2px var(--primary)}.search-button:active{transform:translate(calc(var(--shadow-offset)/2),calc(var(--shadow-offset)/2));box-shadow:calc(var(--shadow-offset)*.5) calc(var(--shadow-offset)*.5) 0 var(--border)}.search-button:focus-visible{outline:var(--border-width) solid var(--border);outline-offset:2px}.search-button.full-width{width:100%;display:block}.search-button:disabled{background-color:var(--muted);color:var(--muted-foreground);cursor:not-allowed;transform:none;box-shadow:var(--hard-shadow);opacity:.7}.button-group{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.button-group .search-button{flex:1 1 auto;min-width:100px}.error-message{display:none;color:var(--destructive);margin-top:.6rem;font-size:.9rem;font-weight:500;padding-left:.2rem;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.error-message strong{font-weight:700;margin-right:4px}.example-text{font-size:.87rem;color:var(--foreground);opacity:.9;margin-top:.5rem;padding-left:.2rem;font-style:italic}.loading{display:none;text-align:center;margin-top:2.5rem;padding:1.5rem 0}.spinner{display:inline-block;width:40px;height:40px;border:4px solid var(--secondary);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:1rem;color:var(--foreground);font-weight:500;font-size:1rem}.result-container{display:none;margin-top:2.5rem}.result-title{font-weight:700;color:var(--foreground);margin-bottom:1.5rem;font-size:1.4rem;letter-spacing:-.3px;border-bottom:var(--border-width) solid var(--border);padding-bottom:.8rem}.json-display{background-color:var(--transparent-bg-light);border:var(--border-width) solid var(--border);border-radius:var(--radius);padding:.8rem;font-family:'Fira Code','Consolas','Courier New',monospace;white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto;color:var(--foreground);font-size:.9rem;font-weight:400;line-height:1.5;scrollbar-width:thin;scrollbar-color:var(--primary) transparent;margin-top:.8rem}.json-display::-webkit-scrollbar{width:8px}.json-display::-webkit-scrollbar-track{background:0 0}.json-display::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:var(--radius);border:2px solid var(--muted)}.warning-message{background-color:var(--destructive);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--destructive-foreground);padding:.8rem;margin-bottom:1rem;display:none;font-size:.9rem;box-shadow:var(--hard-shadow);font-weight:500;line-height:1.4}.warning-message strong{font-weight:700;margin-right:6px}.path-label{font-size:.92rem;color:var(--foreground);font-weight:500;margin-bottom:.3rem}footer{text-align:center;padding:1.5rem 1rem;margin-top:2rem;font-size:.9rem;font-weight:450;background-color:transparent;border-top:var(--border-width) solid var(--border)}footer a{color:var(--primary);text-decoration:none;font-weight:500;transition:color .2s}.warning-message strong,footer a:hover{text-decoration:underline}#error-view .error-message,.path-segment{border:var(--border-width) solid var(--border);border-radius:var(--radius)}.path-segment,footer{color:var(--foreground)}.path-segment{font-weight:600;font-size:1.1rem;background-color:var(--secondary);padding:.4rem .8rem;margin-bottom:1rem;word-break:break-all;display:inline-block;max-width:100%}#error-view .error-message{background-color:var(--destructive);color:var(--destructive-foreground);padding:1rem;box-shadow:var(--hard-shadow)}#result-view .path-label{margin-top:1rem;margin-bottom:.3rem}#result-view #original-url{background-color:var(--background);border-color:var(--accent);color:var(--foreground);padding:1rem;font-size:1rem;font-weight:500}@media (max-width:768px){.container{width:calc(100% - 1.5rem)}.logo{font-size:2.3rem}.result-container,.search-container{padding:1.2rem}.description{font-size:.95rem;margin-bottom:1.2rem;max-width:100%}.inline-retry-button{padding:.2rem .5rem;font-size:.8rem}}@media (max-width:480px){.container{width:calc(100% - 1rem)}.result-container,.search-container{padding:1rem;margin-top:1rem}.logo{font-size:2rem;margin-bottom:.8rem}.description{font-size:.9rem;margin-bottom:1rem}.button-group{gap:8px}.error-message{font-size:.85rem}.inline-retry-button{padding:.15rem .4rem;font-size:.75rem;margin-left:.3rem}}#page-header{background-color:var(--background);border-bottom:var(--border-width) solid var(--border);padding:.25rem 0;position:sticky;top:0;z-index:100;transition:background-color .3s ease,border-color .3s ease,transform .2s ease}#page-header.scrolled{box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-2px)}.header-content,.nav-logo{display:flex;align-items:center}.header-content{justify-content:space-between;height:3rem}.nav-logo{gap:.5rem;text-decoration:none;font-weight:700;font-size:1.3rem;color:var(--foreground);position:relative;padding:.2rem .5rem;border-radius:var(--radius);transition:transform .15s ease,background-color .2s ease}.main-nav a:hover,.nav-logo:hover{transform:translateY(-2px);background-color:var(--secondary)}.nav-logo:active{transform:translateY(0)}.nav-logo img{display:block;transition:transform .2s ease;width:28px;height:28px}.nav-logo:hover img{transform:rotate(-5deg)}.nav-logo span span{color:var(--primary);position:relative}.nav-logo span span::after{content:'';position:absolute;left:0;bottom:-2px;width:100%;height:2px;background-color:var(--border);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.nav-logo:hover span span::after{transform:scaleX(1);transform-origin:left}.footer-nav ul,.main-nav ul{list-style:none;display:flex;gap:.8rem;margin:0;padding:0}.faq-item p,.main-nav a{color:var(--foreground);font-size:.95rem}.main-nav a{text-decoration:none;font-weight:500;transition:color .2s ease,transform .2s ease,box-shadow .2s ease;padding:.25rem .6rem;border-radius:var(--radius);position:relative;z-index:1;border:2px solid transparent;line-height:1.3}.main-nav a:hover{color:var(--primary-foreground);border-color:var(--border);background-color:var(--primary);box-shadow:var(--hard-shadow);opacity:1;text-decoration:none}.main-nav a:active{transform:translateY(0);box-shadow:2px 2px 0 var(--border)}.main-nav a.active{background-color:var(--primary);color:var(--primary-foreground);border:var(--border-width) solid var(--border);box-shadow:var(--hard-shadow)}.faq-container{margin-top:2rem;padding-top:1rem}.faq-container .result-title{margin-bottom:2rem}.faq-item{margin-bottom:1.5rem}.faq-item h3,.footer-nav a{padding:.2rem .5rem;border-radius:var(--radius)}.faq-item h3{font-weight:600;color:var(--primary);margin-bottom:.6rem;font-size:1.15rem;position:relative;display:inline-block;transition:transform .15s ease;background-color:rgba(0,0,0,.03)}.faq-item h3:hover{transform:translateX(5px)}.faq-item h3::before{content:'▶';font-size:.7em;margin-right:.5rem;opacity:.9}.faq-item p{line-height:1.7;padding-left:.5rem;margin-top:.3rem;border-left:2px solid var(--muted)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-nav ul{gap:1.5rem}.footer-nav a{color:var(--foreground);text-decoration:none;font-size:.9rem;transition:color .2s ease,transform .2s ease,padding .2s ease,background-color .2s ease;font-weight:500}.footer-nav a:hover{transform:translateY(-2px);padding:.2rem .8rem;box-shadow:2px 2px 0 var(--border);text-decoration:none}.faq-container h2.result-title,.footer-nav a:hover,.theme-toggle:hover{background-color:var(--primary);color:var(--primary-foreground)}.faq-container h2.result-title{display:inline-block;padding:.3rem .8rem;box-shadow:var(--hard-shadow);transform:rotate(-1deg);margin-bottom:2.5rem}.faq-container,.result-container,.search-container{animation:fadeIn .5s ease-out forwards}.faq-container h2.result-title,.theme-toggle{border:var(--border-width) solid var(--border);position:relative}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--secondary);cursor:pointer;color:var(--foreground);transition:all .2s ease;margin-left:10px}.theme-toggle:hover{transform:translateY(-2px);box-shadow:var(--shadow-base)}.theme-toggle:active{transform:translateY(0)}.theme-toggle svg{width:18px;height:18px;fill:currentColor;transition:transform .3s ease}body[data-theme=dark] .theme-toggle .sun-icon{display:block}#error-view,#handle-faq,#handle-loading,#handle-view,#handle-warning-message,#result-view,#retry-container,body[data-theme=dark] .theme-toggle .moon-icon,body[data-theme=light] .theme-toggle .sun-icon{display:none}body[data-theme=light] .theme-toggle .moon-icon{display:block}.theme-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}body[data-theme=dark]{--background:var(--dark-background);--foreground:var(--dark-foreground);--card:var(--dark-card);--card-foreground:var(--dark-card-foreground);--popover:var(--dark-popover);--popover-foreground:var(--dark-popover-foreground);--primary:var(--dark-primary);--primary-foreground:var(--dark-primary-foreground);--secondary:var(--dark-secondary);--secondary-foreground:var(--dark-secondary-foreground);--muted:var(--dark-muted);--muted-foreground:var(--dark-muted-foreground);--accent:var(--dark-accent);--accent-foreground:var(--dark-accent-foreground);--destructive:var(--dark-destructive);--destructive-foreground:var(--dark-destructive-foreground);--border:var(--dark-border);--input:var(--dark-input);--ring:var(--dark-ring);--hard-shadow:var(--dark-hard-shadow);--shadow-base:var(--shadow-base-dark);--shadow-medium:var(--shadow-medium-dark);--shadow-large:var(--shadow-large-dark)}body[data-theme=light]{--background:#ffffff;--foreground:#0f172a;--card:#ffffff;--card-foreground:#111827;--popover:#ffffff;--popover-foreground:#111827;--primary:#d97706;--primary-foreground:#ffffff;--secondary:#f1f5f9;--secondary-foreground:#1e293b;--muted:#f1f5f9;--muted-foreground:#334155;--accent:#2563eb;--accent-foreground:#ffffff;--destructive:#dc2626;--destructive-foreground:#ffffff;--border:#cbd5e1;--input:#e2e8f0;--ring:#d97706}.theme-transition,.theme-transition *,.theme-transition :after,.theme-transition :before{transition:background-color .3s ease,color .3s ease,border-color .3s ease,fill .3s ease,box-shadow .3s ease!important}#error-view .error-message{display:block;margin:20px 0}#result-view div:first-of-type{margin:20px 0}.inline-retry-button{background-color:var(--primary);color:var(--primary-foreground);border:var(--border-width) solid var(--border);border-radius:var(--radius);padding:.25rem .6rem;margin-left:.5rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease-out;display:inline-block;vertical-align:middle;box-shadow:2px 2px 0 var(--border)}.inline-retry-button:hover{transform:translateY(-2px);box-shadow:3px 3px 0 var(--border)}.inline-retry-button:active{transform:translateY(0);box-shadow:1px 1px 0 var(--border)}