:root{--palette-white: #ffffff;--palette-black: #000000;--palette-slate-50: #f8fafc;--palette-slate-100: #f1f5f9;--palette-slate-200: #e2e8f0;--palette-slate-300: #cbd5e1;--palette-slate-400: #94a3b8;--palette-slate-500: #64748b;--palette-slate-600: #475569;--palette-slate-700: #334155;--palette-slate-900: #0f172a;--palette-gray-50: #f9fafb;--palette-gray-200: #e5e7eb;--palette-gray-400: #9ca3af;--palette-gray-600: #4b5563;--palette-gray-700: #374151;--palette-gray-800: #1f2937;--palette-red-50: #fef2f2;--palette-red-100: #fee2e2;--palette-red-200: #fecaca;--palette-red-400: #f87171;--palette-red-500: #ef4444;--palette-red-600: #dc2626;--palette-red-700: #b91c1c;--palette-orange-500: #f97316;--palette-orange-700: #c2410c;--palette-amber-50: #fffbeb;--palette-amber-100: #fef3c7;--palette-amber-200: #fde68a;--palette-amber-500: #f59e0b;--palette-amber-600: #d97706;--palette-amber-700: #b45309;--palette-amber-800: #92400e;--palette-yellow-500: #eab308;--palette-green-100: #dcfce7;--palette-green-500: #22c55e;--palette-green-600: #16a34a;--palette-green-700: #15803d;--palette-green-800: #166534;--palette-emerald-100: #d1fae5;--palette-emerald-600: #059669;--palette-emerald-700: #047857;--palette-teal-700: #0f766e;--palette-cyan-50: #ecfeff;--palette-sky-50: #f0f9ff;--palette-sky-100: #e0f2fe;--palette-sky-700: #0369a1;--palette-sky-800: #075985;--palette-blue-100: #dbeafe;--palette-blue-300: #93c5fd;--palette-blue-500: #3b82f6;--palette-blue-600: #2563eb;--palette-blue-700: #1d4ed8;--palette-indigo-50: #eef2ff;--palette-indigo-100: #e0e7ff;--palette-indigo-600: #4f46e5;--palette-indigo-700: #4338ca;--palette-violet-700: #6d28d9;--palette-purple-100: #f3e8ff;--palette-purple-500: #a855f7;--palette-brand-teal: #3c96aa;--palette-brand-teal-dark: #2e7a8a;--palette-brand-teal-soft: #ecf5f7;--palette-legacy-warning-text: #856404;--palette-legacy-warning-bg: #fef3cd;--palette-legacy-warning-border: #ffc107;--palette-legacy-danger: #c82333;--palette-legacy-red: #dd3333;--palette-blue-tint-50: #f8fbff;--palette-blue-tint-100: #f6fbff;--palette-blue-tint-200: #eef7ff;--palette-blue-tint-300: #e8f0ff;--palette-blue-tint-400: #bfdcff;--palette-blue-tint-500: #8bb8ff;--palette-green-tint-100: #f4fff7;--palette-green-tint-200: #e7f9f1;--palette-green-tint-500: #8fd3a8;--palette-red-tint-100: #fff6f6;--palette-red-tint-500: #f1a6a6;--palette-orange-tint-100: #fff4e5;--palette-amber-tint-100: #fff8e8;--palette-amber-tint-900: #8a5a00;--palette-violet-tint-100: #f8f5ff;--palette-violet-tint-300: #e5deff;--palette-navy-800: #114a7a;--palette-steel-600: #3a6b92;--palette-steel-500: #5f7f99;--palette-preview-blue: #0066ff;--palette-preview-blue-dark: #0052cc;--palette-preview-blue-soft: #e6f0ff;--palette-preview-border: #dbe3ef;--palette-youtube-red: #ff0033;--palette-ai-blue-bg: #eef4ff;--palette-ai-blue-text: #2b4e8a;--palette-ai-blue-hover-bg: #f5f9ff;--palette-ai-blue-bar-bg: #f0f7ff;--palette-ai-green-bg: #edf8ef;--palette-ai-green-bg-alt: #eaf6ec;--palette-ai-green-text: #256a3e;--palette-ai-gray-bg: #f3f5f8;--palette-ai-gray-text: #60708a;--palette-ai-gray-text-strong: #526173;--palette-runtime-text: #1b2430;--palette-runtime-heading: #172033;--palette-runtime-body: #38475a;--palette-runtime-subtext: #536176;--palette-runtime-label: #49566a;--palette-runtime-summary: #40506a;--palette-runtime-secondary-text: #2f3a4a;--palette-runtime-muted: #6b7a91;--palette-runtime-muted-light: #7a8798;--palette-runtime-primary: #2259d8;--palette-runtime-progress-start: #2a6bee;--palette-runtime-progress-end: #2f9adf;--palette-runtime-success: #2e9b61;--palette-runtime-success-text: #25552d;--palette-runtime-error-text: #b02020;--palette-runtime-border: #d4deea;--palette-runtime-border-strong: #b8c4d4;--palette-runtime-border-soft: #e2e6ec;--palette-runtime-border-secondary: #c5d0de;--palette-runtime-divider: #e5e9ef;--palette-runtime-consent-border: #cbd9f7;--palette-runtime-consent-bg: #f5f8ff;--palette-runtime-bg: #f5f7fa;--palette-runtime-bg-blue-tint: #dcecff;--palette-runtime-bg-green-tint: #eef8f2;--palette-runtime-hero-bg: #f5faff;--palette-runtime-secondary-bg: #eef2f8;--palette-runtime-disabled-bg: #d7deea;--palette-runtime-progress-track: #e3ebf7;--palette-runtime-result-bg: #f7f9fd;--palette-knowns-surface-hover: #f0f0f0;--palette-knowns-border: #e5e5e5;--palette-knowns-text: #1a1a1a;--palette-knowns-text-secondary: #737373;--palette-knowns-text-muted: #a3a3a3;--palette-sky-tint-100: #eef6ff;--palette-teal-tint-100: #e4f0f3;--palette-ui-gray-50: #f4f5f6;--palette-ui-gray-100: #eaecee;--palette-ui-gray-200: #d9dde1;--palette-ui-gray-500: #707983;--palette-ui-gray-600: #4d565e;--palette-ui-gray-900: #1f2429;--palette-ui-green-600: #2f8f5b}:root{--ui-primary: var(--palette-brand-teal);--ui-primary-light: var(--palette-teal-tint-100);--ui-accent: var(--palette-brand-teal);--ui-bg: var(--palette-ui-gray-50);--ui-surface: var(--palette-white);--ui-surface-hover: var(--palette-ui-gray-100);--ui-border: var(--palette-ui-gray-200);--ui-text: var(--palette-ui-gray-900);--ui-text-secondary: var(--palette-ui-gray-600);--ui-text-muted: var(--palette-ui-gray-500);--ui-success: var(--palette-ui-green-600);--ui-error: var(--palette-red-500);--ui-warning: var(--palette-amber-700);--ui-font-heading: "Noto Sans JP", "DM Sans", -apple-system, sans-serif;--ui-font-body: "Noto Sans JP", "DM Sans", -apple-system, sans-serif;--ui-radius: 8px;--ui-radius-lg: 12px}:root{font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,sans-serif;color:var(--palette-runtime-text);background:radial-gradient(circle at 15% 20%,var(--palette-runtime-bg-blue-tint) 0%,var(--palette-blue-tint-200) 30%,var(--palette-runtime-bg-green-tint) 100%)}*{box-sizing:border-box}body{margin:0;min-height:100vh}body.delivery-notice-mode{background:var(--palette-runtime-bg)}body.delivery-notice-mode #app{max-width:none;padding:0}.notice-page{padding:48px 20px 72px}.notice-card{width:min(100%,820px);margin:0 auto;padding:52px 64px 60px;background:var(--palette-white);border:1px solid var(--palette-runtime-border-soft);border-radius:16px;box-shadow:0 12px 36px #1b243012}.notice-header{padding-bottom:32px;border-bottom:1px solid var(--palette-runtime-divider)}.notice-header h1{margin:0;color:var(--palette-runtime-heading);font-size:clamp(26px,4vw,36px);line-height:1.45;letter-spacing:.02em}.notice-header p{margin:20px 0 0;color:var(--palette-runtime-subtext);font-size:16px;line-height:1.9}.notice-card section{padding-top:36px}.notice-card h2{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:var(--palette-runtime-heading);font-size:20px;line-height:1.55}.notice-card h2 span{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--palette-runtime-primary);color:var(--palette-white);font-size:15px}.notice-card p,.notice-card li{color:var(--palette-runtime-body);font-size:15px;line-height:1.95}.notice-card p{margin:0 0 12px}.notice-card p:last-child{margin-bottom:0}.notice-card ul{margin:12px 0 18px;padding-left:1.5em}.notice-card li+li{margin-top:4px}.notice-consent{margin-top:40px;padding:28px 28px 30px!important;border:1px solid var(--palette-runtime-consent-border);border-radius:12px;background:var(--palette-runtime-consent-bg)}.notice-consent h2{margin-bottom:14px}#app{max-width:1040px;margin:0 auto;padding:28px 16px 48px}.card{background:#fffffff0;border:1px solid var(--palette-runtime-border);border-radius:14px;padding:18px;margin-bottom:16px;box-shadow:0 8px 20px #2e508714}.hero-card{background:linear-gradient(140deg,var(--palette-white) 0%,var(--palette-runtime-hero-bg) 100%)}.hidden{display:none}.title{margin:0 0 8px;font-size:28px}.section-title{margin:0;font-size:20px}.desc{margin:0;color:var(--palette-ai-gray-text-strong)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:12px}label{display:block;font-size:13px;color:var(--palette-runtime-label);margin-bottom:4px}input,select,textarea,button{width:100%;border:1px solid var(--palette-runtime-border-strong);border-radius:10px;padding:9px 10px;font-size:14px}button{cursor:pointer;background:var(--palette-runtime-primary);color:var(--palette-white);border:none;font-weight:600}button.secondary{background:var(--palette-runtime-secondary-bg);color:var(--palette-runtime-secondary-text);border:1px solid var(--palette-runtime-border-secondary)}button:disabled{cursor:default;background:var(--palette-runtime-disabled-bg);color:var(--palette-runtime-muted)}.button-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:12px}.runtime-actions{margin-top:14px}.runtime-header{display:flex;justify-content:space-between;gap:16px;align-items:end;flex-wrap:wrap;margin-bottom:10px}.runtime-progress-box{min-width:220px}.runtime-progress-track{width:100%;height:8px;border-radius:999px;background:var(--palette-runtime-progress-track);overflow:hidden}.runtime-progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--palette-runtime-progress-start) 0%,var(--palette-runtime-progress-end) 100%);transition:width .2s ease}.meta-text{margin:4px 0;font-size:12px;color:var(--palette-ai-gray-text)}.status{margin:8px 0 0;font-size:13px;color:var(--palette-runtime-success-text)}.status.error{color:var(--palette-runtime-error-text)}.debug-card summary{cursor:pointer;font-weight:600;color:var(--palette-runtime-summary)}.result{white-space:pre-wrap;font-size:12px;line-height:1.45;background:var(--palette-runtime-result-bg);border:1px solid var(--palette-preview-border);border-radius:8px;padding:10px;margin-top:10px}.runtime-preview-renderer{margin-top:8px;border:1px solid var(--palette-preview-border);border-radius:10px;padding:16px;background:var(--palette-white)}.preview-complete{text-align:center;padding:40px 20px;max-width:600px;width:100%;margin:0 auto}.complete-check{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--palette-runtime-success);color:var(--palette-white);border-radius:50%;margin:0 auto 20px}.preview-complete h2{font-size:24px;margin-bottom:8px}.preview-complete p{color:var(--palette-ai-gray-text);margin-bottom:0}@media(max-width:640px){#app{padding:16px 12px 40px}.title{font-size:24px}.section-title{font-size:18px}.runtime-header{align-items:start}.notice-page{padding:0}.notice-card{padding:32px 20px 44px;border:none;border-radius:0;box-shadow:none}.notice-header{padding-bottom:26px}.notice-header h1{font-size:24px}.notice-title-break{display:none}.notice-card section{padding-top:30px}.notice-card h2{align-items:flex-start;font-size:18px}.notice-card p,.notice-card li{font-size:14px}.notice-consent{margin-top:32px;padding:24px 18px 26px!important}}body.delivery-runtime-mode{background:var(--palette-white)}body.delivery-runtime-mode #app{max-width:none;margin:0;padding:0;min-height:100vh}body.delivery-runtime-mode .hero-card,body.delivery-runtime-mode #runtime-setup-card,body.delivery-runtime-mode .debug-card{display:none!important}body.delivery-runtime-mode #runtime-entry-card{min-height:100vh;margin:0;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}body.delivery-runtime-mode #runtime-entry-card.hidden{display:none!important}body.delivery-runtime-mode #runtime-entry-status{margin:0;font-size:14px;color:var(--palette-ai-gray-text)}body.delivery-runtime-mode #runtime-entry-start-btn{width:min(280px,calc(100vw - 48px))}body.delivery-runtime-mode #runtime-answer-card{margin:0;border:none;border-radius:0;box-shadow:none;padding:0;min-height:100vh;background:var(--palette-white)}body.delivery-runtime-mode #runtime-answer-card:not(.hidden){display:flex;flex-direction:column}body.delivery-runtime-mode .runtime-header{display:block;margin:0}body.delivery-runtime-mode .runtime-header>div:first-child{display:none}body.delivery-runtime-mode .runtime-progress-box{min-width:0;width:100%}body.delivery-runtime-mode #runtime-progress-text{display:none}body.delivery-runtime-mode .runtime-progress-track{height:3px;border-radius:0}body.delivery-runtime-mode #runtime-answer-status{display:none}body.delivery-runtime-mode .runtime-preview-renderer{flex:1;margin:0 auto;border:none;border-radius:0;padding:48px 24px;width:100%;max-width:648px;background:var(--palette-white)}body.delivery-runtime-mode .runtime-actions{margin:0;border-top:1px solid var(--palette-preview-border);padding:16px 24px;display:flex;align-items:center;justify-content:center;gap:0}body.delivery-runtime-mode .runtime-actions button{width:auto}body.delivery-runtime-mode #runtime-prev-btn{margin-right:auto}body.delivery-runtime-mode #runtime-next-btn,body.delivery-runtime-mode #runtime-submit-btn{margin-left:8px}body.delivery-runtime-mode #runtime-save-btn{display:none!important}body.delivery-runtime-mode .prev-btn,body.delivery-runtime-mode .next-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}body.delivery-runtime-mode .prev-btn{background:none;border:1px solid var(--palette-preview-border);color:var(--palette-slate-600)}body.delivery-runtime-mode .prev-btn:hover:not(:disabled){border-color:var(--palette-slate-500)}body.delivery-runtime-mode .prev-btn:disabled{opacity:.4;cursor:not-allowed}body.delivery-runtime-mode .next-btn{background:var(--palette-blue-600);border:none;color:var(--palette-white)}body.delivery-runtime-mode .next-btn:hover:not(:disabled){opacity:.9}body.delivery-runtime-mode .next-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:640px){body.delivery-runtime-mode .runtime-preview-renderer{padding:24px 16px}body.delivery-runtime-mode .runtime-actions{padding:12px 16px}body.delivery-runtime-mode .prev-btn,body.delivery-runtime-mode .next-btn{padding:10px 14px}}.ai-interview-runner{gap:14px}.ai-interview-meta{justify-content:space-between;gap:12px}.ai-interview-voice-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,max-content))}.ai-interview-transcript{display:grid;gap:10px;max-height:420px;padding:4px}.ai-interview-bubble{max-width:88%;padding:12px 14px;border-radius:14px;border:1px solid var(--palette-preview-border)}.ai-interview-bubble.role-assistant{justify-self:start;background:var(--palette-ai-blue-hover-bg)}.ai-interview-bubble.is-live{opacity:.88;border-style:dashed}.ai-interview-bubble-role{margin:0 0 6px}.ai-interview-placeholder{color:var(--palette-runtime-muted-light)}.ai-interview-input-row{grid-template-columns:1fr 120px;gap:10px}@media(max-width:720px){.ai-interview-input-row{grid-template-columns:1fr}.ai-interview-bubble{max-width:100%}}