*{margin:0;padding:0;box-sizing:border-box}:root{--color-success: #22c55e;--color-failure: #ef4444;--color-primary: #3b82f6;--color-neutral: #6b7280;--color-background: #f9fafb;--color-white: #ffffff;--color-border: #e5e7eb;--color-text: #1f2937;--color-text-light: #6b7280;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-fast: .15s ease;--transition-base: .25s ease}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.container{max-width:800px;margin:0 auto;padding:var(--spacing-md);min-height:100vh;display:flex;flex-direction:column}@media (min-width: 640px){.container{padding:var(--spacing-lg)}}.main{flex:1}.header{text-align:center;padding:var(--spacing-lg) 0;border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-xl)}.title{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-sm)}@media (min-width: 640px){.title{font-size:2.5rem}}.subtitle{font-size:1.125rem;color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.privacy-notice{font-size:.875rem;color:var(--color-neutral);font-style:italic}.step{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.step:hover{box-shadow:var(--shadow-md)}.step-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-md)}.file-upload{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all var(--transition-base);position:relative}.file-upload:hover{border-color:var(--color-primary);background-color:#3b82f60d}.file-upload.dragover{border-color:var(--color-primary);background-color:#3b82f61a;transform:scale(1.02)}.file-upload-content{pointer-events:none}.file-upload-icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.file-upload-text{color:var(--color-text-light);font-size:.875rem}.file-upload input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.metadata{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-background);border-radius:var(--radius-md);border-left:4px solid var(--color-success)}.metadata h3{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text)}.metadata dl{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-xs) var(--spacing-md);font-size:.875rem}.metadata dt{font-weight:600;color:var(--color-text)}.metadata dd{color:var(--color-text-light);font-family:var(--font-mono);word-break:break-all}#response-textarea{width:100%;min-height:200px;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:.875rem;line-height:1.5;resize:vertical;transition:border-color var(--transition-fast)}#response-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.or-divider{display:flex;align-items:center;text-align:center;margin:var(--spacing-md) 0;color:var(--color-text-light);font-size:.875rem}.or-divider:before,.or-divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border)}.or-divider span{padding:0 var(--spacing-sm)}.file-button{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.file-button:hover{background-color:var(--color-background);border-color:var(--color-primary)}.file-button input[type=file]{display:none}.action-section{text-align:center;margin:var(--spacing-xl) 0}#verify-button{padding:var(--spacing-md) var(--spacing-xl);font-size:1.125rem;font-weight:600;color:var(--color-white);background-color:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);min-width:200px}#verify-button:hover:not(:disabled){background-color:#2563eb;transform:translateY(-2px);box-shadow:var(--shadow-lg)}#verify-button:disabled{background-color:var(--color-neutral);cursor:not-allowed;opacity:.5}#verify-button:active:not(:disabled){transform:translateY(0)}.button-spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;box-shadow:var(--shadow-lg);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.result-success{border-left:4px solid var(--color-success)}.result-failure{border-left:4px solid var(--color-failure)}.result-icon{font-size:3rem;text-align:center;margin-bottom:var(--spacing-md)}.result-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:var(--spacing-md)}.result-success .result-title{color:var(--color-success)}.result-failure .result-title{color:var(--color-failure)}.result-message{text-align:center;color:var(--color-text-light);margin-bottom:var(--spacing-lg)}.result-details{background-color:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.result-details h3{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-sm)}.result-details dl{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-xs) var(--spacing-md);font-size:.875rem}.result-details dt{font-weight:600;color:var(--color-text)}.result-details dd{color:var(--color-text-light);font-family:var(--font-mono);word-break:break-all}.hash{font-family:var(--font-mono);font-size:.75rem;background-color:var(--color-background);padding:var(--spacing-xs);border-radius:var(--radius-sm);word-break:break-all}.result-actions{display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-lg);flex-wrap:wrap}.btn-secondary{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background-color:var(--color-background);border-color:var(--color-primary)}.btn-primary{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-primary:hover{background-color:#2563eb}.help-section{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.help-section details{cursor:pointer}.help-section summary{font-size:1.125rem;font-weight:600;color:var(--color-primary);list-style:none;display:flex;align-items:center;gap:var(--spacing-sm)}.help-section summary::-webkit-details-marker{display:none}.help-content{margin-top:var(--spacing-md);color:var(--color-text-light);line-height:1.7}.help-content h3{font-size:1rem;font-weight:600;color:var(--color-text);margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}.help-content h3:first-child{margin-top:0}.help-content ol{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.help-content li{margin-bottom:var(--spacing-xs)}.footer{text-align:center;padding:var(--spacing-lg) 0;border-top:1px solid var(--color-border);margin-top:var(--spacing-xl);color:var(--color-text-light);font-size:.875rem}.footer p{margin-bottom:var(--spacing-xs)}.footer a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.footer a:hover{color:#2563eb;text-decoration:underline}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{body{background-color:#fff}.help-section,.footer{display:none}.result{box-shadow:none;border:1px solid #000}}