:root{--bg:#f7f7f3;--surface:#fff;--gray-900:#111827;--gray-800:#1f2937;--gray-700:#374151;--gray-600:#4b5563;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--ink:#1a1a1a;--ok-fg:#2f6b4a;--ok-bg:#eef4ef;--ok-dot:#57a07c;--cau-fg:#8a6320;--cau-bg:#f6efdf;--cau-dot:#c99a45;--warn-fg:#9a3a30;--warn-bg:#f7e9e6;--warn-dot:#cf6a5c;--radius:16px;--radius-sm:12px;--shadow:0 1px 2px 0 #0f172a0a;--shadow-hover:0 14px 28px -22px #0f172a59, 0 4px 10px -6px #0f172a1f;--font-sans:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Segoe UI Variable Text", "Segoe UI", "Yu Gothic UI", "Yu Gothic", "YuGothic", Meiryo, system-ui, sans-serif;color:var(--ink);background:var(--bg);font-family:var(--font-sans);font-synthesis:none;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0}::selection{color:#f9f9f8;background:#1a1a1a}:focus-visible{outline:2px solid var(--gray-900);outline-offset:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3,p{margin-top:0}.app{width:min(42rem,100% - 40px);margin:0 auto;padding:64px 0 96px}.site-footer{border-top:1px solid var(--gray-300);margin-top:56px;padding-top:24px}.footer-links{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.footer-card{border:1px solid var(--gray-300);background:var(--surface);min-height:2.75rem;color:var(--gray-700);border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.84rem;font-weight:500;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;box-shadow:0 1px 3px #0000000a}.footer-card:hover{border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 14px 28px -22px #0f172a59,0 4px 10px -6px #0f172a1f}.footer-card:active{box-shadow:none;transform:translateY(0)}.footer-card-label{align-items:center;gap:6px;display:inline-flex}.footer-card-icon{flex-shrink:0;width:15px;height:15px}.footer-card-arrow{color:var(--gray-400);font-size:.75rem;transition:color .15s}.footer-card:hover .footer-card-arrow{color:var(--gray-700)}@media (width<=480px){.footer-links{grid-template-columns:1fr}}.hero{margin-bottom:48px}h1{letter-spacing:0;color:var(--gray-900);margin:0;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:700;line-height:1.05}.privacy{color:var(--gray-600);margin:10px 0 0;font-size:.9rem;font-weight:500;line-height:1.55}.dropzone,.progress-panel,.error-panel,.notice-panel,.diagnostic{border-radius:var(--radius);background:var(--surface);border:1px solid var(--gray-300);box-shadow:var(--shadow)}.dropzone{grid-template-columns:1fr auto;align-items:center;gap:20px;padding:26px 28px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid}.dropzone.is-dragging{border-color:var(--gray-400);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.file-label{color:var(--gray-900);margin-bottom:6px;font-size:1.05rem;font-weight:650;display:block}.dropzone p{color:var(--gray-500);margin:0;font-size:.875rem;line-height:1.5}.dropzone p.dropzone-sub{color:var(--gray-400);margin-top:4px;font-size:.8rem}.file-input{width:min(100%,320px);color:var(--gray-400);font:inherit;font-size:.84rem}.file-input::file-selector-button{background:var(--gray-900);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:10px;margin-right:14px;padding:.66rem 1.1rem;font-weight:600;transition:background .15s,transform .15s,box-shadow .15s}.file-input::file-selector-button:hover{box-shadow:var(--shadow-hover);background:#000;transform:translateY(-1px)}.file-input::file-selector-button:active{box-shadow:none;transform:translateY(0)}.file-input:focus-visible{outline:none}.file-input:focus-visible::file-selector-button{outline:2px solid var(--gray-900);outline-offset:3px}.file-input:disabled{cursor:not-allowed;opacity:.5}.file-input:disabled::file-selector-button{cursor:not-allowed;opacity:.5}.notice-panel{border-color:var(--gray-200);box-shadow:none;color:var(--gray-600);background:#fbfbf9;margin-top:14px;padding:14px 18px;animation:.3s fadeUp}.notice-panel ul{margin:0;padding-left:1.1rem}.notice-panel li{font-size:.86rem;line-height:1.55}.notice-panel li+li{margin-top:6px}.progress-panel{margin-top:14px;padding:22px 26px;animation:.3s fadeUp}.progress-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;font-size:.9rem;display:flex}.progress-head strong{color:var(--gray-800);font-weight:650}.progress-head span{color:var(--gray-500);font-variant-numeric:tabular-nums;font-size:.84rem}.progress-track{background:var(--gray-200);border-radius:999px;height:6px;overflow:hidden}.progress-track div{background:linear-gradient(90deg, var(--gray-900) 0%, var(--gray-700) 50%, var(--gray-900) 100%);background-size:200% 100%;border-radius:999px;height:100%;transition:width .25s;animation:2s ease-in-out infinite shimmer}.progress-actions{justify-content:flex-end;margin-top:16px;display:flex}.cancel-button{border:1px solid var(--gray-300);color:var(--gray-700);cursor:pointer;font:inherit;background:#fff;border-radius:10px;padding:.54rem .9rem;font-size:.84rem;font-weight:600;transition:border-color .15s,color .15s,background .15s}.cancel-button:hover{border-color:var(--gray-400);color:var(--gray-900);background:var(--gray-100)}.cancel-button:active{background:var(--gray-200)}.error-actions{margin-top:14px;display:flex}.secondary-button{color:var(--warn-fg);cursor:pointer;font:inherit;background:#fff;border:1px solid #9a3a303d;border-radius:10px;padding:.54rem .9rem;font-size:.84rem;font-weight:600;transition:border-color .15s,background .15s}.secondary-button:hover{background:#fff8f6;border-color:#9a3a3066}.secondary-button:active{background:#f9eeeb}@keyframes shimmer{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.error-panel{background:var(--warn-bg);box-shadow:none;color:var(--warn-fg);border-color:#ecccc5;margin-top:14px;padding:18px 22px;animation:.3s fadeUp}.error-panel strong{letter-spacing:.08em;margin-bottom:4px;font-size:.74rem;font-weight:700;display:block}.error-panel p{margin:0;font-size:.9rem;line-height:1.55}.result{margin-top:40px;animation:.35s fadeUp}.result-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.eyebrow{color:var(--gray-500);letter-spacing:.08em;margin-bottom:7px;font-size:.875rem}.result-header h2{letter-spacing:-.012em;color:var(--gray-900);word-break:break-word;margin:0 0 5px;font-size:1.25rem;font-weight:700;line-height:1.3}.file-meta{color:var(--gray-500);font-variant-numeric:tabular-nums;margin:0;font-size:.84rem}.overall,.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:.42em;font-weight:600;display:inline-flex}.overall:before,.badge:before{content:"";background:var(--gray-400);border-radius:50%;width:.45em;height:.45em}.overall{flex:none;padding:.36rem .74rem;font-size:.78rem}.badge{background:var(--gray-100);color:var(--gray-600);padding:.26rem .6rem;font-size:.72rem}.overall-ok,.badge-normal{background:var(--ok-bg);color:var(--ok-fg)}.overall-ok:before,.badge-normal:before{background:var(--ok-dot)}.overall-has-caution,.badge-caution{background:var(--cau-bg);color:var(--cau-fg)}.overall-has-caution:before,.badge-caution:before{background:var(--cau-dot)}.overall-has-warning,.badge-warning{background:var(--warn-bg);color:var(--warn-fg)}.overall-has-warning:before,.badge-warning:before{background:var(--warn-dot)}.badge-info{background:var(--gray-100);color:var(--gray-600)}.summary{border-radius:var(--radius-sm);margin:0 0 22px;padding:14px 18px;font-size:.94rem;font-weight:600;line-height:1.5;animation:.25s fadeUp}.summary-ok{background:var(--ok-bg);color:var(--ok-fg)}.summary-action{background:var(--cau-bg);color:var(--cau-fg)}.summary-warning{background:var(--warn-bg);color:var(--warn-fg)}.diagnostics{margin-top:26px}.diagnostics>h2{letter-spacing:.08em;color:var(--gray-700);margin-bottom:12px;font-size:.875rem;font-weight:600}.diagnostic-list{gap:10px;display:grid}.diagnostic-list>*{animation:.3s both fadeUp}.diagnostic-list>:first-child{animation-delay:0s}.diagnostic-list>:nth-child(2){animation-delay:50ms}.diagnostic-list>:nth-child(3){animation-delay:.1s}.diagnostic-list>:nth-child(4){animation-delay:.15s}.diagnostic-list>:nth-child(5){animation-delay:.2s}.diagnostic{padding:16px 18px 16px 20px;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.diagnostic:hover{border-color:var(--gray-400)}.diagnostic:before{content:"";background:var(--gray-300);width:4px;position:absolute;top:0;bottom:0;left:0}.diagnostic-normal:before{background:var(--ok-dot)}.diagnostic-info:before{background:var(--gray-400)}.diagnostic-caution:before{background:var(--cau-dot)}.diagnostic-warning:before{background:var(--warn-dot)}.diagnostic-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.diagnostic-heading h3{color:var(--gray-500);margin:0;font-size:.8rem;font-weight:600}.diagnostic-value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--gray-900);margin:4px 0 0;font-size:1.16rem;font-weight:700}.diagnostic-reason{color:var(--gray-600);margin:11px 0 0;font-size:.875rem;line-height:1.55}.diagnostic-reco{color:var(--gray-800);margin:3px 0 0;font-size:.875rem;font-weight:600;line-height:1.55}.reference{margin-top:22px}.reference>h2{color:var(--gray-500)}.reference .diagnostic{border-color:var(--gray-200);box-shadow:none;background:#fbfbf9}.reference .diagnostic:before{background:var(--gray-300)}.reference .diagnostic-value{color:var(--gray-700);font-size:1.02rem}.reference .badge{background:var(--gray-100);color:var(--gray-500)}.reference .badge:before{opacity:.55}.reference .diagnostic-reco{color:var(--gray-600);font-weight:500}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}@media (width<=720px){.app{width:calc(100% - 32px);padding:44px 0 64px}.hero{margin-bottom:34px}.dropzone{grid-template-columns:1fr;padding:22px}.file-input{width:100%}.result-header{flex-direction:column}}