.app{display:flex;flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto;padding:1.5rem}.capability-info{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#646cff26,#8b5cf61a);border:1px solid rgba(100,108,255,.3);border-radius:.75rem;border-left:4px solid #646cff}.info-icon{flex-shrink:0;color:#818cf8;margin-top:.125rem}.info-content{font-size:.95rem;line-height:1.6;color:#ffffffe6}.info-content strong{color:#a5b4fc}.tool-pricing-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .5rem;padding:.625rem .5rem;background:#646cff14;border:1px solid rgba(100,108,255,.15);border-radius:.5rem;font-size:.75rem}.tool-pricing-item{display:flex;align-items:center;gap:.375rem}@media(min-width:425px){.tool-pricing-banner{gap:.5rem .75rem;padding:.75rem 1rem}.tool-pricing-item{gap:.375rem}}@media(min-width:520px){.tool-pricing-banner{gap:.5rem 1rem;padding:.75rem 1.25rem;font-size:.875rem}.tool-pricing-item{gap:.5rem}}.tool-pricing-item svg{color:#a5b4fc}.tool-pricing-item--free svg{color:#22c55e}.tool-pricing-label{color:#ffffffb3}.tool-pricing-value{font-weight:600;color:#a5b4fc}.tool-pricing-item--free .tool-pricing-value{color:#22c55e}.tool-pricing-divider{display:none;width:1px;height:1.25rem;background:#ffffff26}@media(min-width:375px){.tool-pricing-divider{display:block}}.feature-cost-info{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .875rem;background:#646cff1a;border-radius:100px;font-size:.8125rem;color:#ffffffe6}.feature-cost-info svg{color:#a5b4fc;flex-shrink:0}.feature-cost-info--free{background:#22c55e1a}.feature-cost-info--free svg{color:#22c55e}.workflow-infographic{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:.75rem;padding:1rem;overflow:hidden}.workflow-svg{width:100%;height:auto;min-height:200px;color:#ffffffd9}.workflow-svg text{font-family:inherit}.workflow-mobile{display:none}.workflow-desktop{display:block}.workflow-line{animation:dashMove 20s linear infinite}@keyframes dashMove{to{stroke-dashoffset:-100}}.workflow-card{transition:opacity .3s ease,filter .3s ease}.workflow-card-active{opacity:1;filter:none}.workflow-card-inactive{opacity:.4;filter:grayscale(.6)}.educational-intro{background:#ffffff0d;border-radius:.75rem;padding:1.5rem}.intro-lead{font-size:1.1rem;line-height:1.6;margin:0 0 1.25rem;color:#ffffffe6}.intro-steps{display:flex;flex-direction:column;gap:.75rem}.step{display:flex;align-items:flex-start;gap:.75rem}.step-number{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:#646cff;color:#fff;border-radius:50%;font-weight:600;font-size:.875rem;flex-shrink:0}.step-text{color:#ffffffd9;line-height:1.75rem}.limitation-warning{display:flex;gap:.75rem;padding:1rem 1.25rem;background:#eab30826;border:1px solid rgba(234,179,8,.4);border-radius:.5rem;color:#fcd34d}.warning-icon{flex-shrink:0;font-size:1.25rem}.warning-content{font-size:.95rem;line-height:1.6}.warning-content strong{color:#fde047}.privacy-assurance{text-align:center;padding:.75rem;background:#10b9811a;border-radius:.5rem}.privacy-assurance p{margin:0;color:#6ee7b7;font-size:.9rem}.privacy-icon{margin-right:.5rem;font-weight:700}.tab-navigation{display:flex;gap:.75rem;padding:0 .5rem}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.25rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);border-radius:.5rem;color:#ffffffe6;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-step{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:#fff3;border-radius:50%;font-size:.8rem;font-weight:600;transition:all .2s ease}.tab-label{font-size:.95rem}.tab-button:hover{color:#ffffffe6;background:#ffffff14;border-color:#fff3}.tab-button:hover .tab-step{background:#ffffff26}.tab-button:focus{outline:none;box-shadow:0 0 0 2px #646cff}.tab-button.active{color:#fff;background:#646cff26;border-color:#646cff}.tab-button.active .tab-step{background:#646cff;color:#fff}.tab-button-detect:hover{border-color:#f871714d}.tab-button-detect:hover .tab-step{background:#f8717133}.tab-button-detect.active{color:#fff;background:#ef444426;border-color:#ef4444}.tab-button-detect.active .tab-step{background:#ef4444;color:#fff}.tab-content{padding:1.5rem 0}[role=tabpanel][hidden]{display:none}.embed-page,.detect-page{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:2rem;max-width:600px;margin:0 auto}.feature-header{margin-bottom:1.5rem;text-align:center;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.feature-header-icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;background:linear-gradient(135deg,#646cff33,#8b5cf626);border-radius:1rem;margin:0 auto 1rem;color:#818cf8}.feature-header h1{font-size:1.5rem;margin:0 0 .5rem}.feature-description{margin:0;color:#ffffffb3;font-size:1rem}.embed-form,.detect-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group-label{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem;color:#ffffffe6;text-transform:uppercase;letter-spacing:.03em}.form-group-label-icon{color:#818cf8}.form-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.button-primary{padding:.875rem 2rem;background:linear-gradient(135deg,#646cff,#535bf2);border:none;border-radius:.5rem;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.button-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #646cff66}.button-primary:focus{outline:2px solid #fff;outline-offset:2px}.button-primary:disabled{opacity:.5;cursor:not-allowed}.button-secondary{padding:.875rem 1.5rem;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;color:#fffc;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.button-secondary:hover{border-color:#ffffff80;color:#fff}.button-secondary:focus{outline:2px solid #646cff;outline-offset:2px}.file-input-container{display:flex;flex-direction:column;gap:.5rem}.file-input-label{font-weight:500;color:#ffffffe6;font-size:.95rem}.file-drop-zone{padding:2rem;border:2px dashed rgba(255,255,255,.2);border-radius:.5rem;text-align:center;cursor:pointer;transition:all .2s ease}.file-drop-zone:hover,.file-drop-zone:focus-within{border-color:#646cff;background:#646cff1a}.file-drop-zone.has-file{border-style:solid;border-color:#10b981;background:#10b9811a}.identifier-input-container{display:flex;flex-direction:column;gap:.5rem}.identifier-input-container label{font-weight:500;color:#ffffffe6;font-size:.95rem}.identifier-input-container input{padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#fff;font-size:1rem;transition:border-color .2s ease}.identifier-input-container input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 3px #646cff33}.identifier-input-container input::placeholder{color:#fff6}.identifier-input-container .hint{font-size:.85rem;color:#ffffff80}.identifier-input-wrapper{position:relative;display:flex;align-items:center}.identifier-input-wrapper input{flex:1;padding-right:2.5rem}.identifier-info-button{position:absolute;right:.75rem;background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.identifier-info-button:hover{color:#fffc}.identifier-tooltip{position:absolute;top:calc(100% + .5rem);right:0;background:#1a1a2e;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;padding:.75rem 1rem;font-size:.85rem;color:#ffffffe6;max-width:280px;z-index:100;box-shadow:0 4px 12px #0000004d}.progress-container{display:flex;flex-direction:column;gap:.5rem}.progress-label{display:flex;justify-content:space-between;font-size:.875rem;color:#ffffffb3}.progress-bar{height:.5rem;background:#ffffff1a;border-radius:.25rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#646cff,#a855f7);border-radius:.25rem;transition:width .3s ease}.result-display{padding:1rem 1.25rem;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem}.result-display.success{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#6ee7b7}.result-display.error{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fca5a5}.result-message{font-weight:600;font-size:1rem}.result-details{font-size:.9rem;opacity:.9;white-space:pre-line}.detected-identifier{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background:#646cff1a;border-radius:.5rem;text-align:center;margin-top:.5rem}.identifier-label{font-size:.85rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.identifier-value{font-size:1.5rem;font-weight:700;color:#818cf8;word-break:break-all}.detect-page .feature-header-icon{background:linear-gradient(135deg,#ef444433,#f8717126);color:#f87171}.detect-page .form-group-label-icon{color:#f87171}.detect-page .detected-identifier{background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.detect-page .identifier-value{color:#f87171}.detect-page .button-primary{background:linear-gradient(135deg,#ef4444,#dc2626)}.detect-page .button-primary:hover:not(:disabled){background:linear-gradient(135deg,#f87171,#ef4444)}.detect-page .button-primary:focus-visible{box-shadow:0 0 0 3px #ef44444d}.warning-message{padding:1rem;background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:.5rem;color:#fcd34d;font-size:.9rem}.warning-message p{margin:0 0 .5rem}.warning-message p:last-child{margin-bottom:0}.app-footer{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-privacy{margin:0 0 .5rem;color:#ffffffb3;font-size:.9rem}.footer-disclaimer{margin:0;color:#ffffff80;font-size:.85rem}.verification-progress-container{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#646cff14;border:1px solid rgba(100,108,255,.2);border-radius:.5rem}.verification-progress-header{display:flex;justify-content:space-between;align-items:center}.verification-progress-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:#ffffffe6}.verification-spinner{animation:spin 1s linear infinite;color:#818cf8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.verification-progress-percentage{font-size:.875rem;font-weight:600;color:#818cf8}.verification-progress-track{height:.375rem;background:#ffffff1a;border-radius:.1875rem;overflow:hidden}.verification-progress-fill{height:100%;background:linear-gradient(90deg,#646cff,#a855f7);border-radius:.1875rem;transition:width .3s ease}.verification-result{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;border-radius:.5rem}.verification-result-passed{background:#10b9811f;border:1px solid rgba(16,185,129,.35)}.verification-result-failed{background:#ef44441f;border:1px solid rgba(239,68,68,.35)}.verification-result-header{display:flex;align-items:center;gap:.5rem}.verification-result-passed .verification-result-icon{color:#6ee7b7}.verification-result-failed .verification-result-icon{color:#fca5a5}.verification-result-title{font-weight:600;font-size:1rem}.verification-result-passed .verification-result-title{color:#6ee7b7}.verification-result-failed .verification-result-title{color:#fca5a5}.verification-result-body{display:flex;flex-direction:column;gap:.75rem}.verification-result-details{display:flex;flex-direction:column;gap:.5rem}.verification-result-platform{font-size:.875rem;color:#ffffffb3}.verification-confidence{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500}.verification-confidence-icon{display:flex;align-items:center}.confidence-high{color:#6ee7b7}.confidence-medium{color:#fcd34d}.confidence-low{color:#fca5a5}.verification-confidence-label{font-weight:600}.verification-confidence-value{font-weight:400;opacity:.8}.verification-result-message{margin:0;font-size:.875rem;color:#fffc}.verification-retry-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:.375rem;color:#fca5a5;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.verification-retry-button:hover{background:#ef44444d;border-color:#ef444480}.verification-retry-button:focus{outline:none;box-shadow:0 0 0 2px #ef444466}.audio-duration-warning{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;background:#eab3081f;border:1px solid rgba(234,179,8,.35);border-radius:.5rem}.audio-duration-warning-header{display:flex;align-items:center;gap:.5rem}.audio-duration-warning-icon{color:#fcd34d}.audio-duration-warning-title{font-weight:600;font-size:1rem;color:#fcd34d}.audio-duration-warning-message{margin:0;font-size:.875rem;color:#ffffffd9}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid #646cff;outline-offset:2px}.skip-link{position:absolute;left:-9999px;z-index:999;padding:.75rem;background:#646cff;color:#fff;text-decoration:none}.skip-link:focus{left:50%;transform:translate(-50%);top:.5rem}[data-theme=light] .capability-info{background:linear-gradient(135deg,#646cff14,#8b5cf60d);border-color:#646cff33}[data-theme=light] .info-icon{color:#646cff}[data-theme=light] .info-content{color:#1a1a1a}[data-theme=light] .info-content strong{color:#4f46e5}[data-theme=light] .tool-pricing-banner{background:#646cff0d;border-color:#646cff1f}[data-theme=light] .tool-pricing-label{color:#21354799}[data-theme=light] .tool-pricing-value{color:#4f46e5}[data-theme=light] .tool-pricing-item svg{color:#4f46e5}[data-theme=light] .tool-pricing-item--free svg{color:#15803d}[data-theme=light] .tool-pricing-item--free .tool-pricing-value{color:#15803d}[data-theme=light] .tool-pricing-divider{background:#21354726}[data-theme=light] .feature-cost-info{color:#213547e6}[data-theme=light] .feature-cost-info svg{color:#4f46e5}[data-theme=light] .feature-cost-info--free svg{color:#15803d}[data-theme=light] .workflow-infographic{background:#00000005;border-color:#0000000f}[data-theme=light] .workflow-svg{color:#1a1a1a}[data-theme=light] .embed-page,[data-theme=light] .detect-page{background:#00000005;border-color:#00000014}[data-theme=light] .feature-header{border-bottom-color:#00000014}[data-theme=light] .feature-header-icon{background:linear-gradient(135deg,#646cff1a,#8b5cf614);color:#646cff}[data-theme=light] .form-group-label{color:#1a1a1a}[data-theme=light] .form-group-label-icon{color:#646cff}[data-theme=light] .form-actions{border-top-color:#00000014}[data-theme=light] .educational-intro{background:#00000008}[data-theme=light] .intro-lead{color:#1a1a1a}[data-theme=light] .step-text{color:#000c}[data-theme=light] .limitation-warning{background:#eab3081a;border-color:#eab30880;color:#92400e}[data-theme=light] .warning-content strong{color:#78350f}[data-theme=light] .privacy-assurance{background:#10b9811a}[data-theme=light] .privacy-assurance p{color:#059669}[data-theme=light] .tab-button{background:#00000008;border-color:#0000002e;color:#000000d9}[data-theme=light] .tab-step{background:#0000001f}[data-theme=light] .tab-button:hover{color:#000c;background:#0000000d;border-color:#00000026}[data-theme=light] .tab-button:hover .tab-step{background:#0000001f}[data-theme=light] .tab-button.active{color:#1a1a1a;background:#646cff14;border-color:#646cff}[data-theme=light] .tab-button.active .tab-step{background:#646cff;color:#fff}[data-theme=light] .tab-button-detect:hover{border-color:#ef444433}[data-theme=light] .tab-button-detect:hover .tab-step{background:#ef444426}[data-theme=light] .tab-button-detect.active{color:#1a1a1a;background:#ef444414;border-color:#ef4444}[data-theme=light] .tab-button-detect.active .tab-step{background:#ef4444;color:#fff}[data-theme=light] .feature-header h1{color:#1a1a1a}[data-theme=light] .feature-description{color:#0009}[data-theme=light] .file-input-label,[data-theme=light] .identifier-input-container label{color:#1a1a1a}[data-theme=light] .file-drop-zone{border-color:#0003}[data-theme=light] .identifier-input-container input{background:#00000008;border-color:#0003;color:#1a1a1a}[data-theme=light] .identifier-input-container input::placeholder{color:#0006}[data-theme=light] .identifier-input-container .hint{color:#00000080}[data-theme=light] .identifier-info-button{color:#0006}[data-theme=light] .identifier-info-button:hover{color:#000000b3}[data-theme=light] .identifier-tooltip{background:#fff;border-color:#00000026;color:#1a1a1a;box-shadow:0 4px 12px #0000001a}[data-theme=light] .result-display.success{background:#10b9811a;color:#059669}[data-theme=light] .result-display.error{background:#ef44441a;color:#dc2626}[data-theme=light] .detected-identifier{background:#646cff14}[data-theme=light] .identifier-label{color:#00000080}[data-theme=light] .identifier-value{color:#4f46e5}[data-theme=light] .detect-page .feature-header-icon{background:linear-gradient(135deg,#ef44441f,#f8717114);color:#dc2626}[data-theme=light] .detect-page .form-group-label-icon{color:#dc2626}[data-theme=light] .detect-page .detected-identifier{background:#ef444414;border-color:#ef444426}[data-theme=light] .detect-page .identifier-value{color:#dc2626}[data-theme=light] .detect-page .button-primary{background:linear-gradient(135deg,#ef4444,#dc2626)}[data-theme=light] .detect-page .button-primary:hover:not(:disabled){background:linear-gradient(135deg,#f87171,#ef4444)}[data-theme=light] .button-secondary{border-color:#21354733;color:#213547cc}[data-theme=light] .button-secondary:hover{border-color:#21354766;color:#213547f2}[data-theme=light] .button-primary:focus{outline-color:#646cff}[data-theme=light] .warning-message{background:#eab30814;color:#92400e}[data-theme=light] .app-footer{border-top-color:#0000001a}[data-theme=light] .footer-privacy{color:#000000b3}[data-theme=light] .footer-disclaimer{color:#00000080}[data-theme=light] .progress-bar{background:#0000001a}[data-theme=light] .progress-label{color:#0009}[data-theme=light] .verification-progress-container{background:#646cff0f;border-color:#646cff26}[data-theme=light] .verification-progress-label{color:#1a1a1a}[data-theme=light] .verification-spinner{color:#646cff}[data-theme=light] .verification-progress-percentage{color:#4f46e5}[data-theme=light] .verification-progress-track{background:#00000014}[data-theme=light] .verification-result-passed{background:#10b98114;border-color:#10b98140}[data-theme=light] .verification-result-failed{background:#ef444414;border-color:#ef444440}[data-theme=light] .verification-result-passed .verification-result-icon,[data-theme=light] .verification-result-passed .verification-result-title{color:#059669}[data-theme=light] .verification-result-failed .verification-result-icon,[data-theme=light] .verification-result-failed .verification-result-title{color:#dc2626}[data-theme=light] .verification-result-platform{color:#0009}[data-theme=light] .confidence-high{color:#059669}[data-theme=light] .confidence-medium{color:#b45309}[data-theme=light] .confidence-low{color:#dc2626}[data-theme=light] .verification-result-message{color:#000000b3}[data-theme=light] .verification-retry-button{background:#ef44441a;border-color:#ef44444d;color:#dc2626}[data-theme=light] .verification-retry-button:hover{background:#ef444426;border-color:#ef444466}[data-theme=light] .audio-duration-warning{background:#eab30814;border-color:#eab30840}[data-theme=light] .audio-duration-warning-icon,[data-theme=light] .audio-duration-warning-title{color:#b45309}[data-theme=light] .audio-duration-warning-message{color:#000000bf}@media(max-width:900px){.workflow-infographic{padding:.5rem}.workflow-svg{min-height:220px}}@media(max-width:600px){.app{padding:0;gap:1rem}.workflow-infographic{display:none}.embed-page,.detect-page{padding:1.25rem;border-radius:.75rem;max-width:100%}.feature-header{padding-bottom:1rem;margin-bottom:1.25rem;flex-direction:column;gap:.75rem;text-align:center}.feature-header-icon{width:2.5rem;height:2.5rem}.feature-header h2{font-size:1.25rem}.feature-header p{font-size:.85rem}.form-group{margin-bottom:1.25rem}.intro-lead{font-size:1rem}.step{align-items:flex-start}.tab-button{padding:.75rem;gap:.5rem}.tab-step{width:1.375rem;height:1.375rem;font-size:.75rem}.tab-label{font-size:.875rem}.button-primary,.button-secondary{width:100%}.form-actions{flex-direction:column}.capability-info{flex-direction:row;gap:.625rem;padding:.75rem 1rem;align-items:flex-start;margin-bottom:1.5rem}.capability-info .info-icon{flex-shrink:0;width:18px;height:18px;margin-top:1px}.info-content{font-size:.85rem;line-height:1.5}.result-display{padding:1rem}.result-header{flex-direction:column;gap:.5rem;text-align:center}.detected-identifier{padding:.75rem}}@media(max-width:480px){.app{padding:0;gap:.75rem}.embed-page,.detect-page{padding:1rem;border-radius:.5rem}.feature-header h2{font-size:1.125rem}.feature-header p{font-size:.8rem}.tab-navigation{gap:.25rem}.tab-button{padding:.625rem .5rem;gap:.375rem}.tab-step{width:1.25rem;height:1.25rem;font-size:.7rem}.tab-label{font-size:.8rem}.button-primary,.button-secondary{padding:.75rem 1rem;font-size:.9rem}.dropzone{padding:1.25rem .75rem}.dropzone-icon{width:2.25rem;height:2.25rem}.dropzone-text{font-size:.85rem}.dropzone-hint{font-size:.7rem}.info-content{font-size:.8rem}.capability-info{padding:.5rem .75rem}}
