:root{--bg-primary:#f8fafc;--bg-card:#fff;--text-primary:#1e293b;--text-muted:#64748b;--border-color:#cbd5e1;--focus-outline:#2563eb;--color-pass:#007a33;--color-pass-bg:#e6f4ea;--color-warning:#ffb100;--color-warning-bg:#fff9e6;--color-fatal:#da291c;--color-fatal-bg:#fdf2f2;--color-brand:#1d4ed8;--font-main:"Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}#root{flex-direction:column;min-height:100dvh;display:flex}.app-container{background-color:var(--bg-card);flex-direction:column;flex:1;width:100%;max-width:600px;margin:0 auto;padding-bottom:90px;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.header{border-bottom:2px solid var(--border-color);background-color:#fff;padding:16px 20px}.header h1{align-items:center;gap:8px;font-size:1.25rem;font-weight:700;display:flex}.content{flex-direction:column;gap:20px;padding:24px 20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:.95rem;font-weight:500;display:flex}.form-help{color:var(--text-muted);margin-top:4px;font-size:.8rem}.form-input,.form-select{border:2px solid var(--border-color);width:100%;height:48px;color:var(--text-primary);appearance:none;background-color:#fff;border-radius:6px;padding:0 16px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.form-input:focus,.form-select:focus{border-color:var(--focus-outline);outline:none;box-shadow:0 0 0 3px #2563eb40}.accordion{border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.accordion-summary{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#f8fafc;justify-content:space-between;align-items:center;min-height:48px;padding:14px 16px;font-weight:500;display:flex}.accordion-summary::-webkit-details-marker{display:none}.accordion-content{border-top:1px solid var(--border-color);background-color:#fff;flex-direction:column;gap:16px;padding:16px;display:flex}.result-bar{z-index:100;border-top:2px solid #0000001a;justify-content:space-between;align-items:center;width:100%;max-width:600px;height:auto;min-height:80px;padding:16px 20px;transition:background-color .3s,color .3s;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.result-bar.pass{background-color:var(--color-pass);color:#fff}.result-bar.warning{background-color:var(--color-warning);color:#1e293b}.result-bar.fatal{background-color:var(--color-fatal);color:#fff}.result-info{flex-direction:column;display:flex}.result-title{opacity:.9;font-size:.85rem;font-weight:500}.result-value{font-size:1.3rem;font-weight:700}.result-badge{background-color:#ffffff40;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:.85rem;font-weight:700;display:flex}.result-bar.warning .result-badge{background-color:#00000014}.detail-area{border-radius:8px;flex-direction:column;gap:12px;margin-top:10px;padding:16px;font-size:.9rem;display:flex}.detail-area.pass{background-color:var(--color-pass-bg);border:1px solid #007a3333}.detail-area.warning{background-color:var(--color-warning-bg);border:1px solid #ffb10033}.detail-area.fatal{background-color:var(--color-fatal-bg);border:1px solid #da291c33}.detail-heading{align-items:center;gap:6px;font-weight:700;display:flex}.detail-desc{color:var(--text-primary);font-size:.85rem}.illustration-box{border:1px dashed var(--border-color);background:#fff;border-radius:6px;justify-content:center;align-items:center;margin-top:6px;padding:12px;display:flex}.debug-panel{border:1px solid var(--border-color);background-color:#f1f5f9;border-radius:6px;margin-top:20px;padding:12px;font-size:.8rem}.debug-title{color:var(--text-muted);margin-bottom:6px;font-weight:700}.pwa-prompt{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;display:flex}.pwa-text{color:#1e3a8a;font-size:.85rem;font-weight:500}.pwa-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:4px;min-height:36px;padding:6px 12px;font-size:.8rem;font-weight:700}.pwa-btn:hover{background-color:#1d4ed8}.pwa-close{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.2rem}