html,body,#root{min-height:100%}button,input,textarea{font:inherit}:root{--bg: #ffffff;--panel: #ffffff;--panel-border: #e5e7eb;--text: #1f2937;--muted: #6b7280;--font-body: "Plus Jakarta Sans", sans-serif;--font-header: "Manrope", "Plus Jakarta Sans", sans-serif;--focus-ring: 0 0 0 3px rgba(37, 99, 235, .22);--brand-1: #2563eb;--brand-2: #0ea5e9;--brand-soft: #eaf3ff;--danger: #d44a4a;--topbar-h: 88px;--motion-fast: .12s;--motion-med: .18s;--ease-standard: cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}html{font-size:17px;scrollbar-gutter:stable;scroll-padding-top:calc(var(--topbar-h) + 12px)}body{margin:0;min-height:100vh;overflow-y:scroll;font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at 10% 12%,rgba(147,197,253,.22),transparent 38%),radial-gradient(circle at 88% 18%,rgba(196,181,253,.2),transparent 38%),repeating-linear-gradient(to right,rgba(96,165,250,.08) 0,rgba(96,165,250,.08) 1px,transparent 1px,transparent 72px),repeating-linear-gradient(to bottom,rgba(129,140,248,.07) 0,rgba(129,140,248,.07) 1px,transparent 1px,transparent 72px),var(--bg)}h1,h2,h3,h4{font-weight:600}.page-shell{min-height:100vh;width:100%;padding-top:calc(var(--topbar-h) + 18px);overflow-x:clip}.page-view{animation:page-enter var(--motion-med) var(--ease-standard);padding-bottom:26px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}html.low-end-mode body{background:#f7f9fd}html.low-end-mode .page-view,html.low-end-mode .result-card,html.low-end-mode .result-chip{animation:none!important}html.low-end-mode .result-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.low-end-mode .home-hero:before,html.low-end-mode .home-info-card:before,html.low-end-mode .work-card:before,html.low-end-mode .work-card:after,html.low-end-mode .page-hero:before{content:none!important}html.low-end-mode .hero-content,html.low-end-mode .work-pill,html.low-end-mode .feature-card,html.low-end-mode .primary-btn,html.low-end-mode .predict-btn,html.low-end-mode .social-link,html.low-end-mode .footer-row .secondary-btn{box-shadow:none!important}html.low-end-mode .footer-brand-image{filter:none!important}html.low-end-mode .primary-btn,html.low-end-mode .hero-btn,html.low-end-mode .nav-link,html.low-end-mode .mode-btn,html.low-end-mode .secondary-btn,html.low-end-mode .feedback-btn,html.low-end-mode .social-link,html.low-end-mode .mobile-menu-toggle span,html.low-end-mode .progress-fill,html.low-end-mode .btn-spinner{transition:none!important}html.low-end-mode .primary-btn:hover:not(:disabled),html.low-end-mode .hero-actions .primary-btn.hero-btn:hover,html.low-end-mode .secondary-btn:hover,html.low-end-mode .feedback-btn:hover,html.low-end-mode .feature-card:hover,html.low-end-mode .social-link:hover,html.low-end-mode .footer-row .secondary-btn:hover{transform:none!important;filter:none!important}html.low-end-mode .btn-spinner{animation:none!important}@keyframes page-enter{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes result-reveal{0%{opacity:0;transform:translateY(3px) scale(.998)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes chip-pop{0%{opacity:0;transform:translateY(2px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.app-topbar{position:fixed;top:0;left:0;right:0;z-index:1200;height:var(--topbar-h);border-bottom:1px solid #d9e3f4;background:#f7f9fde6;box-shadow:0 8px 20px #0f172a0a;backdrop-filter:saturate(130%) blur(6px);-webkit-backdrop-filter:saturate(130%) blur(6px)}.topbar-inner{width:min(1720px,100%);height:100%;margin:0 auto;padding:0 clamp(10px,1.4vw,18px);display:flex;align-items:center;gap:20px;position:relative}.brand-wrap{display:flex;align-items:center;gap:12px;flex:0 0 auto}.brand-home-btn{border:0;padding:0;margin:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.brand-home-btn:focus-visible{outline:2px solid #60a5fa;outline-offset:4px;border-radius:8px}.brand-avatar{width:62px;height:62px;border-radius:0;overflow:hidden;border:0;background:transparent;box-shadow:none;display:inline-flex;align-items:center;justify-content:center}.brand-avatar-picture,.footer-brand-picture{width:100%;height:100%;display:inline-flex}.brand-avatar-image{width:100%;height:100%;object-fit:contain;display:block;transform:none;filter:none}.brand-text{display:flex;align-items:center;min-width:0}.brand-name{margin:0;font-family:var(--font-header);font-size:27px;font-weight:800;line-height:1;letter-spacing:-.015em;white-space:nowrap;color:#1f2937}.top-nav{margin-left:auto;display:flex;align-items:center;gap:10px}.nav-link{font-family:var(--font-header);border:1px solid transparent;background:transparent;color:var(--muted);padding:9px 13px;border-radius:12px;font-size:17px;font-weight:600;line-height:1.05;letter-spacing:-.01em;min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;cursor:pointer;transition:color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.nav-link:hover{color:#1e3a8a;background:#eef4ff;border-color:#d5e3fb}.nav-link.active{color:#1e40af;font-weight:800;background:#e5efff;border-color:#c7dbfb;box-shadow:inset 0 1px #ffffffbf}.nav-link:focus-visible{outline:none;box-shadow:var(--focus-ring)}.top-nav-measure{position:absolute;left:-9999px;top:0;visibility:hidden;pointer-events:none;display:flex;align-items:center;gap:10px;white-space:nowrap}.mobile-menu-toggle.visible{display:inline-flex;margin-left:auto}.app-topbar.mobile-mode .brand-name{font-size:clamp(21px,5vw,25px);line-height:1.05;white-space:normal;max-width:210px}.app-topbar.mobile-mode .top-nav{position:absolute;top:100%;left:10px;right:10px;display:none;flex-direction:column;align-items:stretch;gap:8px;margin-left:0;padding:10px;border:1px solid #d3dff2;border-radius:0 0 16px 16px;background:#fff;box-shadow:0 8px 16px #0f172a1a;max-height:calc(100vh - var(--topbar-h) - 24px);overflow-y:auto}.app-topbar.mobile-mode .top-nav.open{display:flex}.app-topbar.mobile-mode .top-nav .nav-link{width:100%;justify-content:center;padding:11px 12px;min-height:46px;border-radius:12px;font-size:17px}.mobile-menu-toggle{display:none;position:relative;width:44px;height:44px;border:1px solid #cfdcf1;border-radius:12px;background:#f8fbff;color:#0f172a;align-items:center;justify-content:center;padding:0;cursor:pointer;flex-shrink:0;transition:border-color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.mobile-menu-toggle:hover{border-color:#bcd0ef;background:#f3f8ff}.mobile-menu-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.mobile-menu-toggle span{width:20px;height:2px;border-radius:999px;background:currentColor;position:absolute;transition:transform var(--motion-fast) var(--ease-standard),opacity var(--motion-fast) var(--ease-standard)}.mobile-menu-toggle span:nth-child(1){transform:translateY(-6px)}.mobile-menu-toggle span:nth-child(2){transform:translateY(0)}.mobile-menu-toggle span:nth-child(3){transform:translateY(6px)}.mobile-menu-toggle.open span:nth-child(1){transform:translateY(0) rotate(45deg)}.mobile-menu-toggle.open span:nth-child(2){opacity:0}.mobile-menu-toggle.open span:nth-child(3){transform:translateY(0) rotate(-45deg)}.work-hero{min-height:138px;padding:28px 18px 22px;display:grid;place-items:center;position:relative;overflow:hidden;isolation:isolate}.work-card,.info-card,.home-footer{position:relative;isolation:isolate;overflow:hidden}.work-card>*,.info-card>*,.home-footer-top,.home-footer-divider,.home-footer-bottom{position:relative;z-index:1}.work-pill{border:3px solid #52627a;color:#0f172a;border-radius:999px;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(1.35rem,2.1vw,1.95rem);font-weight:600;line-height:1;letter-spacing:-.01em;padding:16px 46px;background:linear-gradient(180deg,#fffffffa,#f8fafcf5);box-shadow:0 4px 10px #0f172a0f}.home-hero{min-height:408px;padding:48px 18px 40px;gap:36px;align-content:center}.home-hero:before{content:"";position:absolute;right:clamp(10px,2vw,22px);top:52px;width:170px;height:170px;pointer-events:none;z-index:0;opacity:.12;background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220' fill='none' stroke='%23d9dde6' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='110' cy='110' r='90'/%3E%3Cpath d='M78 98l12 24'/%3E%3Cpath d='M132 84l12 24'/%3E%3Cpath d='M75 139c18 20 52 20 70-1'/%3E%3Cpath d='M71 146l-7 8'/%3E%3Cpath d='M146 107h12'/%3E%3C/svg%3E");animation:none}.home-hero:after{content:none}.home-info-card:before{content:"";position:absolute;right:10px;top:16px;width:168px;height:128px;pointer-events:none;z-index:0;opacity:.1;background:right top / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 180' fill='none' stroke='%23d5dde8' stroke-width='9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M42 26l11 27 29 4-22 19 7 29-25-15-25 15 7-29-22-19 29-4z'/%3E%3Cpath d='M150 18l13 31 34 5-26 22 8 33-29-17-29 17 8-33-26-22 34-5z'/%3E%3Cpath d='M96 92l12 29 31 4-24 20 8 31-27-16-27 16 8-31-24-20 31-4z'/%3E%3C/svg%3E");animation:none}.work-card:before{content:"";position:absolute;left:16px;top:14px;width:132px;height:66px;pointer-events:none;z-index:0;opacity:.11;background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 120' fill='none' stroke='%23cfd8e3' stroke-width='9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 80c22-42 47 40 70 0s48-42 71 0 43 34 56 10'/%3E%3Cpath d='M213 89l28 4-10 21'/%3E%3C/svg%3E");animation:none}.work-card:after{content:"";position:absolute;right:14px;top:36px;width:122px;height:156px;pointer-events:none;z-index:0;opacity:.12;background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 210 250' fill='none' stroke='%23d4dbe6' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M173 18l-73 104-28-4 2 42 65-30-27-8 71-94'/%3E%3C/svg%3E");animation:none}.page-hero:before{content:"";position:absolute;right:4%;top:10px;width:102px;height:102px;pointer-events:none;z-index:0;opacity:.11;background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='none' stroke='%23d5dde8' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M60 8l10 23 25 3-19 16 6 24-22-13-22 13 6-24-19-16 25-3z'/%3E%3C/svg%3E")}@keyframes doodle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.hero-content{width:min(980px,calc(100% - 24px));margin:0 auto;padding:56px 46px;border-radius:24px;border:1px solid #cbddff;background:#fffffff5;box-shadow:0 10px 20px #0f172a0f;text-align:center;position:relative}.hero-content:before{content:"";position:absolute;left:28px;right:28px;top:0;height:4px;border-radius:0 0 999px 999px;background:linear-gradient(120deg,#2563ebb3,#0ea5e980)}.hero-content h1{margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(1.68rem,2.7vw,2.4rem);font-weight:700;line-height:1.2;letter-spacing:-.02em}.hero-text{margin:24px auto 0;max-width:780px;color:#4f5d75;font-size:1rem;line-height:1.76}.hero-actions{margin-top:30px;display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.hero-btn{min-width:260px;height:56px;padding:0 30px;border-radius:16px;font-size:1.02rem;font-weight:600;transition:transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),filter var(--motion-fast) var(--ease-standard)}.hero-actions .primary-btn.hero-btn{border:2px solid #2f5fb5;color:#1e3a8a;background:linear-gradient(120deg,var(--brand-1),var(--brand-2)) 0 / 0% 100% no-repeat,#fffffff2;box-shadow:0 8px 16px #2563eb29;transition:transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),background-size var(--motion-med) var(--ease-standard)}.hero-actions .primary-btn.hero-btn:hover{transform:translateY(-1px);color:#fff;background-size:100% 100%;box-shadow:0 10px 18px #2563eb33}.hero-actions .primary-btn.hero-btn:active{transform:translateY(0)}.hero-secondary-btn{min-width:170px;height:56px;border-radius:16px;border:1px solid #cad8f2;background:#f7fbff;color:#1e3a8a;font-weight:600;font-size:.98rem}.hero-secondary-btn:hover{border-color:#9ebaf0;background:#edf4ff}.hero-highlights{margin-top:26px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.hero-chip{border:1px solid #d2e0f7;background:#f5f9ff;color:#334155;border-radius:999px;padding:9px 16px;font-size:.84rem;font-weight:500;line-height:1}.hero-stats{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px}.hero-snapshot{margin-top:24px}.hero-snapshot-title{margin:0 0 10px;color:#1e3a8a;font-size:.88rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.hero-stat{border:1px solid #d3e1f8;background:#f8fbff;border-radius:14px;padding:14px;display:grid;gap:3px}.hero-stat strong{font-size:1rem;color:#1e3a8a;line-height:1.2}.hero-stat span{font-size:.84rem;color:#64748b;line-height:1.25}.home-info-card{margin-top:32px;padding-top:44px;padding-bottom:40px}.home-info-card .page-intro{margin-bottom:30px}.home-info-card .page-intro h2{font-size:1.42rem}.home-info-card .page-intro p{font-size:.95rem;line-height:1.65}.model-card-block{margin:24px auto 0;border:1px solid #d7e5ff;border-radius:18px;padding:20px;background:#f8fbff}.about-credibility-block{margin-bottom:24px}.about-credibility-note{margin:0 0 14px;text-align:center;color:#475569;font-size:.9rem;line-height:1.5}.about-credibility-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.about-credibility-grid .model-card-item span{white-space:nowrap}.model-card-block h3{margin:0 0 14px;text-align:center;color:#1e3a8a;font-size:1.08rem}.model-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.model-card-item{border:1px solid #d8e7ff;border-radius:14px;padding:10px 12px;background:#fff;display:grid;gap:4px}.model-card-item span{color:#64748b;font-size:.78rem;line-height:1.2}.model-card-item strong{color:#1e3a8a;font-size:.95rem;line-height:1.2}.home-info-card .feature-grid{gap:24px;margin-bottom:26px}.home-info-card .feature-card h3{font-size:1.04rem}.home-info-card .feature-card p{font-size:.9rem;line-height:1.58}.home-steps{margin-top:16px}.home-steps h3{margin:0 0 20px;font-size:1.12rem;text-align:center;color:#1e3a8a}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.step-card{border:1px solid #d9e7ff;border-radius:16px;padding:18px;background:#f8fbff}.step-count{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;border-radius:999px;background:#2563eb24;color:#1d4ed8;font-size:.78rem;font-weight:600}.step-card h4{margin:14px 0 0;font-size:1rem}.step-card p{margin:12px 0 0;color:var(--muted);font-size:.9rem;line-height:1.5}.work-card{width:min(1120px,calc(100% - 30px));margin:0 auto 34px;background:var(--panel);border:1px solid var(--panel-border);border-radius:22px;padding:42px 34px 34px}.work-card>*{width:100%;max-width:940px;margin-left:auto;margin-right:auto}.info-card{width:min(1120px,calc(100% - 30px));margin:0 auto 34px;background:var(--panel);border:1px solid var(--panel-border);border-radius:22px;padding:42px 34px 38px}.info-card>*{width:100%;max-width:940px;margin-left:auto;margin-right:auto}.page-intro{text-align:center;margin-bottom:28px}.page-intro h2{margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:1.35rem}.page-intro p{margin:12px 0 0;color:var(--muted);font-size:.95rem;line-height:1.55}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:24px}.feature-card{border:1px solid #d9e7ff;border-radius:16px;padding:20px;background:linear-gradient(180deg,#2563eb12,#0ea5e90a);transition:transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.feature-card:hover{transform:translateY(-1px);box-shadow:0 8px 14px #0f172a0f}.feature-card h3{margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:1.03rem;color:#1e3a8a}.feature-card p{margin:10px 0 0;color:var(--muted);font-size:.92rem;line-height:1.5}.about-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:24px}.feedback-layout{margin-top:20px}.about-panel{border:1px solid #d9e7ff;border-radius:14px;padding:20px;background:linear-gradient(180deg,#2563eb0f,#0ea5e90a)}.about-panel h3{margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:1.02rem;color:#1e3a8a}.about-panel p{margin:10px 0 0;color:var(--muted);font-size:.93rem;line-height:1.55}.page-chip-row{margin:0 auto 24px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}.page-chip{border:1px solid #d6e4ff;border-radius:999px;background:#f8fbff;color:#1e3a8a;padding:7px 12px;font-size:.82rem;font-weight:500;line-height:1}.feedback-contact{margin:18px auto 0;border:1px solid #d9e7ff;border-radius:12px;padding:12px 14px;background:#f8fbff;text-align:center}.feedback-contact p{margin:0;color:#475569;font-size:.9rem;line-height:1.5}.feedback-contact a{color:#1d4ed8;font-weight:600;text-decoration:none}.feedback-contact a:hover{text-decoration:underline}.team-list{margin:14px 0 0;padding-left:18px;display:grid;gap:10px;color:var(--text);font-size:.92rem}.team-section h3{margin:0 0 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem;text-align:center}.team-section{margin-top:24px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.team-card{border:1px solid #d9e7ff;border-radius:14px;padding:18px;text-align:center;background:linear-gradient(180deg,#2563eb17,#0ea5e912)}.team-card.lead{border-color:#8fb4f6;box-shadow:0 8px 16px #1e3a8a1f;background:linear-gradient(180deg,#2563eb24,#0ea5e91a)}.team-lead-badge{display:inline-block;margin:0 0 10px;border:1px solid #93c5fd;border-radius:999px;padding:4px 10px;background:#eff6ff;color:#1d4ed8;font-size:.74rem;font-weight:700;line-height:1;letter-spacing:.01em}.team-card h4{margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem}.team-card p{margin:10px 0 0;color:var(--muted);font-size:.9rem}.about-love-note{margin:18px auto 0;width:fit-content;max-width:100%;padding:8px 14px;border:1px solid #d6e4ff;border-radius:999px;background:#f8fbff;color:#1e3a8a;font-size:.88rem;font-weight:600;line-height:1.25;text-align:center}.stack-section{margin:20px 0 24px;text-align:center}.stack-section h3{margin:0 0 14px;font-size:1.08rem}.stack-grid{width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}.stack-pill{border:1px solid #d9e7ff;border-radius:999px;min-height:42px;padding:9px 16px;background:#f8fbff;color:#1e3a8a;font-size:.86rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;text-align:center}.architecture-section{margin:10px 0 24px;border:1px solid #d8e6ff;border-radius:16px;padding:18px;background:linear-gradient(180deg,#2563eb0f,#0ea5e90d)}.architecture-section h3{margin:0;font-size:1.08rem;color:#1e3a8a}.architecture-section p{margin:10px 0 14px;color:#475569;font-size:.92rem;line-height:1.5}.architecture-image{width:100%;border-radius:12px;border:1px solid #d2e1fb;display:block;background:#f8fbff}.evaluation-section{margin:10px 0 24px;border:1px solid #d8e6ff;border-radius:16px;padding:18px;background:linear-gradient(180deg,#2563eb0d,#0ea5e90a)}.evaluation-section h3{margin:0;font-size:1.08rem;color:#1e3a8a}.evaluation-section>p{margin:10px 0 14px;color:#475569;font-size:.92rem;line-height:1.5}.matrix-wrap{overflow-x:auto}.confusion-matrix{width:100%;min-width:420px;border-collapse:collapse;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #d4e3fb}.confusion-matrix caption{text-align:left;padding:10px 12px;font-weight:600;color:#1e3a8a;background:#f5f9ff;border-bottom:1px solid #dbe7fb}.confusion-matrix th,.confusion-matrix td{border:1px solid #dbe7fb;padding:10px 12px;text-align:center;font-size:.88rem}.confusion-matrix thead th{background:#f8fbff;color:#334155}.confusion-matrix tbody th{background:#f8fbff;color:#1e3a8a}.metric-explain-grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric-explain-card{border:1px solid #d7e5fb;border-radius:12px;padding:12px;background:#fff}.metric-explain-card h4{margin:0;color:#1e3a8a;font-size:.95rem}.metric-explain-card p{margin:8px 0 0;color:#475569;font-size:.86rem;line-height:1.45}.about-page-card .about-layout,.about-page-card .stack-section,.about-page-card .architecture-section,.about-page-card .evaluation-section,.about-page-card .team-section{width:min(1080px,100%);margin-left:auto;margin-right:auto}.cta-row{margin-top:24px;display:flex;justify-content:center}.page-btn{min-width:232px}.card-intro{text-align:center;margin-bottom:16px}.card-intro h2{margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:1.35rem}.card-subtext{margin:14px auto 0;max-width:760px;color:var(--muted);font-size:.95rem;line-height:1.6}.analysis-badges{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:0 auto 24px}.analysis-badge{border:1px solid #d6e4ff;border-radius:999px;padding:7px 12px;background:#f8fbff;color:#334155;font-size:.82rem;font-weight:500;line-height:1}.api-health-row{margin:0 auto 18px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.api-health-pill{border-radius:999px;padding:8px 14px;font-size:.82rem;font-weight:600;line-height:1;border:1px solid #d6e4ff;color:#334155;background:#f8fbff}.api-health-pill.online{border-color:#22c55e66;color:#166534;background:#22c55e1a}.api-health-pill.offline{border-color:#d44a4a73;color:#991b1b;background:#d44a4a1f}.health-btn{border-radius:999px;min-height:36px;padding:6px 14px;font-size:.82rem}.demo-row{margin:0 auto 20px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.demo-btn{border-radius:999px;min-height:38px;padding:8px 16px;font-size:.84rem}.subtitle{margin:10px 0 18px;color:var(--muted);font-size:.96rem}.mode-row{display:flex;justify-content:center;gap:12px;margin-bottom:14px}.mode-btn,.secondary-btn,.feedback-btn{border:1px solid #dbe2ea;background:transparent;color:var(--text);border-radius:16px;padding:10px 18px;font-size:.93rem;font-weight:500;cursor:pointer;transition:transform var(--motion-fast) var(--ease-standard),border-color var(--motion-med) var(--ease-standard),background var(--motion-med) var(--ease-standard),color var(--motion-med) var(--ease-standard),box-shadow var(--motion-med) var(--ease-standard)}.mode-btn:focus-visible,.secondary-btn:focus-visible,.feedback-btn:focus-visible,.primary-btn:focus-visible,.hero-secondary-btn:focus-visible,.file-picker-btn:focus-visible,.social-link:focus-visible,.home-footer-link:focus-visible{outline:none;box-shadow:var(--focus-ring)}.secondary-btn:hover,.feedback-btn:hover{border-color:#b9d1f5;background:#f7fbff;transform:translateY(-1px);box-shadow:0 6px 12px #0f172a14}.feedback-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.secondary-btn:active,.feedback-btn:active{transform:translateY(0);box-shadow:none}.mode-btn.active{border-color:transparent;color:#fff;background:linear-gradient(120deg,var(--brand-1),var(--brand-2))}.form{width:100%;max-width:940px;margin:0 auto;display:grid;gap:20px}.text-input{width:100%;border:1px solid #dbe2ea;border-radius:18px;padding:22px;background:#ffffffc2;color:var(--text);font-size:.92rem;line-height:1.65;min-height:220px;resize:vertical;transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}.text-input::placeholder{color:#94a3b8}.text-input:focus{outline:none;border-color:#93c5fd;background:#fff;box-shadow:0 0 0 4px #2563eb1f}.upload-box{border:2px dashed #dbe2ea;border-radius:18px;padding:28px 22px;display:grid;justify-items:center;text-align:center;gap:12px;background:#f8fbffb8;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.upload-box:hover{border-color:#b9d1f5;background:#f7fbff}.upload-box:focus-within{border-color:#93c5fd;box-shadow:0 0 0 4px #2563eb1f}.upload-box.drag-active{border-color:#64748b;background:#94a3b81f;box-shadow:0 0 0 3px #94a3b838}.upload-icon{width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:600;border:1px solid #dbe2ea;color:#475569;background:#94a3b829}.upload-title{font-weight:600;font-size:.93rem}.upload-subtitle{color:var(--muted);font-size:.9rem}.file-input-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.file-picker-row{width:100%;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.file-picker-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:12px;border:1px solid #dbe2ea;background:#94a3b81f;color:var(--text);font-weight:500;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.file-picker-btn:hover{border-color:#b9d1f5;background:#f7fbff;transform:translateY(-1px)}.file-name{color:var(--muted);font-size:.92rem;max-width:min(100%,420px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.file-name.has-file{color:var(--text);font-weight:500}.preview-block{display:grid;gap:16px}.input-meta{margin-top:4px;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;color:#64748b;font-size:.84rem}.preview-image{width:100%;max-height:360px;object-fit:contain;border:1px solid #dbe2ea;border-radius:14px}.primary-btn{border:1px solid rgba(37,99,235,.2);border-radius:18px;padding:14px 20px;color:#fff;background:linear-gradient(120deg,var(--brand-1),var(--brand-2),#22c1ff);background-size:180% 180%;background-position:0% 50%;font-size:.94rem;font-weight:600;letter-spacing:.01em;box-shadow:0 8px 16px #2563eb2e;cursor:pointer;transition:transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),filter var(--motion-fast) var(--ease-standard),background-position var(--motion-med) var(--ease-standard)}.primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 18px #2563eb38;background-position:100% 50%}.primary-btn:active:not(:disabled){transform:translateY(0)}.predict-btn{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin:12px auto 0;width:fit-content;min-width:148px;min-height:46px;padding:11px 24px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:.93rem;font-weight:600;letter-spacing:.01em;box-shadow:0 6px 12px #2563eb2e}.predict-btn:hover:not(:disabled){filter:brightness(1.05)}.btn-label{display:inline-flex;align-items:center;gap:8px}.btn-spinner{width:14px;height:14px;border-radius:999px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;animation:spin .72s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.primary-btn:disabled{opacity:.72;cursor:not-allowed}.section-anchor{height:1px}.error-banner,.note-banner{border-radius:12px;padding:12px 14px;font-size:.92rem;margin:16px 0 0}.error-banner{border:1px solid rgba(212,74,74,.45);background:#d44a4a1f}.error-wrap{margin-top:16px;display:grid;gap:10px;justify-items:center}.error-wrap .error-banner{width:100%;margin:0}.retry-btn{border-radius:999px;min-height:38px;padding:8px 16px;font-size:.84rem}.note-banner{border:1px solid #dbe2ea;background:#94a3b81f}.result-card{margin-top:24px;border:1px solid #dbe2ea;border-radius:16px;background:linear-gradient(180deg,#ffffffd1,#f8fbffe0);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:20px;animation:result-reveal .26s var(--ease-standard)}.result-card.result-real{border-color:#22c55e5c;background:linear-gradient(180deg,#22c55e1f,#ffffffe6)}.result-card.result-fake{border-color:#d44a4a5c;background:linear-gradient(180deg,#d44a4a1f,#ffffffe6)}.result-chip{display:inline-flex;border-radius:999px;color:#fff;font-weight:600;font-size:.94rem;padding:7px 13px;animation:chip-pop .2s var(--ease-standard)}.result-chip.real{background:#22c55e}.result-chip.fake{background:var(--danger)}.progress-wrap{margin-top:16px;width:100%;height:12px;border-radius:999px;overflow:hidden;background:#0f172a1f}.progress-fill{height:100%;background:linear-gradient(120deg,#64748b,#94a3b8);transition:width .36s var(--ease-standard);will-change:width}.progress-fill.real{background:linear-gradient(120deg,#16a34a,#22c55e)}.progress-fill.fake{background:linear-gradient(120deg,#dc2626,#ef4444)}.confidence-text{margin:10px 0 0;color:#334155;font-weight:500}.reason-box{margin-top:16px;border:1px solid rgba(212,74,74,.45);background:#d44a4a1a;border-radius:14px;padding:14px}.reason-box h3{margin:0 0 8px}.reason-box p{margin:0}.insight-box{margin-top:16px;border:1px solid #d8e6ff;background:#f8fbff;border-radius:14px;padding:14px}.result-card.result-real .insight-box{border-color:#22c55e59;background:#f0fdf4d9}.result-card.result-fake .insight-box{border-color:#d44a4a59;background:#fef2f2eb}.insight-box h3{margin:0 0 8px}.reason-list,.tips-list{margin:0;padding-left:18px;display:grid;gap:6px}.reason-list li,.tips-list li{line-height:1.4}.tips-box{margin-top:10px;padding-top:8px;border-top:1px dashed rgba(212,74,74,.45)}.tips-box h4{margin:0 0 6px;font-size:.9rem}.result-tips{margin-top:12px;border:1px dashed #d0e2ff;border-radius:12px;padding:12px;background:#f9fcff}.disclaimer-note{margin:12px 0 0;border:1px solid #dbe2ea;border-radius:10px;padding:10px 12px;background:#f8fafceb;color:#475569;font-size:.84rem;line-height:1.45}.feedback-row{margin-top:20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.feedback-status{color:#475569;font-size:.85rem;line-height:1.3}.feedback-btn.selected{background:#2563eb24;border-color:var(--brand-1);color:#1e3a8a}.footer-row{margin-top:28px;padding-top:20px;border-top:1px solid #dbe2ea;display:flex;justify-content:center}.footer-row .secondary-btn{border:2px solid #2f5fb5;border-radius:999px;min-width:120px;min-height:40px;padding:8px 18px;font-weight:600;color:#1e3a8a;background:linear-gradient(120deg,var(--brand-1),var(--brand-2)) 0 / 0% 100% no-repeat,#fffffff2;box-shadow:0 5px 10px #2563eb1f;transition:transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),background-size var(--motion-med) var(--ease-standard)}.footer-row .secondary-btn:hover{color:#fff;background-size:100% 100%;transform:translateY(-1px);box-shadow:0 8px 14px #2563eb2e}.footer-row .secondary-btn:active{transform:translateY(0)}.history-card{margin-top:20px;border:1px solid #dbe7f8;border-radius:16px;padding:16px;background:linear-gradient(180deg,#f8fbff,#f4f8ff)}.history-clear-row{display:flex;justify-content:flex-end;margin-bottom:10px}.history-head{display:block}.history-head h3{margin:0;color:#1e3a8a;font-size:1.02rem}.history-clear-btn{border-radius:999px;min-height:34px;padding:6px 12px;font-size:.8rem}.history-list{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px}.history-item{border:1px solid #d8e6ff;border-radius:12px;padding:10px 12px;background:#fff;display:grid;gap:6px}.history-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.history-mode{border-radius:999px;padding:4px 9px;font-size:.72rem;font-weight:600;line-height:1}.history-mode.text{background:#2563eb24;color:#1e3a8a}.history-mode.image{background:#0ea5e924;color:#075985}.history-result{font-size:.84rem;line-height:1}.history-result.real{color:#15803d}.history-result.fake{color:#b91c1c}.history-confidence{color:#475569;font-size:.78rem}.history-item p{margin:0;color:#334155;font-size:.84rem;line-height:1.4}.history-time{color:#64748b;font-size:.74rem}.history-empty{margin:14px 0 0;color:#64748b;font-size:.88rem}.app-footer{width:100%;text-align:center;color:var(--muted);font-size:.9rem;padding:6px 10px 14px}.app-footer p{margin:0}.home-footer{width:100%;margin:110px 0 0;padding:40px clamp(22px,5vw,72px) 32px;border-top:1px solid #d8e5ff;background:linear-gradient(180deg,#f5f9ff,#edf4ff)}.home-footer-top,.home-footer-divider,.home-footer-bottom{width:min(1300px,100%);margin-left:auto;margin-right:auto}.home-footer-top{display:flex;align-items:center;justify-content:space-between;gap:42px}.home-footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:22px 30px}.home-footer-link{border:0;padding:0;background:transparent;color:#1e3a8a;font-size:1.06rem;font-weight:500;line-height:1;cursor:pointer;transition:color var(--motion-fast) var(--ease-standard),text-shadow var(--motion-fast) var(--ease-standard)}.home-footer-link:hover{color:var(--brand-1);text-shadow:0 1px 8px rgba(37,99,235,.18)}.home-footer-socials{display:flex;align-items:center;gap:14px;flex-shrink:0}.social-link{color:#0f1f4d;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;border:1px solid #cfe0ff;background:#fff;box-shadow:0 4px 8px #2563eb1a;transition:transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.social-link:hover{transform:translateY(-1px);border-color:var(--brand-1);box-shadow:0 6px 12px #2563eb24}.social-link svg{width:21px;height:21px;fill:currentColor}.social-github{color:#111827}.social-linkedin{color:#0a66c2}.home-footer-divider{margin-top:28px;margin-bottom:24px;border-top:1px solid #d6e3fb}.home-footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}.home-footer-copy{margin:0;color:#1e3a8a;font-size:1.05rem;line-height:1.35}.home-footer-love{margin:0;color:#334155;font-size:.95rem;font-weight:500;line-height:1.35;text-align:right}.home-footer-brand{display:inline-flex;align-items:center;justify-content:center;gap:12px}.footer-brand-avatar{width:70px;height:70px;border-radius:0;overflow:visible;border:0;background:transparent;box-shadow:none;display:inline-flex;align-items:center;justify-content:center}.footer-brand-image{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 2px 6px rgba(15,23,42,.18))}.footer-brand-name{margin:0;color:#1e3a8a;font-size:1.34rem;font-weight:700;line-height:1;white-space:nowrap}@media(max-width:1200px){html{font-size:16.5px}}@media(max-width:980px){html{font-size:16px}.work-hero{min-height:110px;padding:10px}.home-hero{min-height:270px;padding-top:22px;padding-bottom:20px;gap:14px}.home-hero:before{width:132px;height:132px;right:2%;top:16px}.home-info-card:before{width:164px;height:128px;left:-12px;top:16px}.work-card:before{width:108px;height:54px;right:14px;top:12px}.work-card:after{width:90px;height:116px;right:8px;top:32px;opacity:.1}.page-hero:before{width:72px;height:72px}.hero-content{padding:32px 22px}.home-info-card{margin-top:14px;padding-top:24px;padding-bottom:20px}.home-info-card .feature-grid{gap:14px}.home-info-card .page-intro h2{font-size:1.32rem}.home-info-card .page-intro p{font-size:.92rem}.home-info-card .feature-card h3{font-size:1rem}.home-info-card .feature-card p{font-size:.88rem}.work-card,.info-card{width:calc(100% - 12px);margin:0 auto 12px;padding:20px 14px 16px}.feature-grid,.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-layout{grid-template-columns:1fr}.metric-explain-grid,.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-grid{width:100%}.work-pill{font-size:clamp(1.2rem,4.6vw,1.7rem);padding:12px 30px}.hero-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.model-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-snapshot-title{text-align:center}.hero-stat{padding:10px}.home-footer{margin-top:64px;padding:20px 16px 16px}.home-footer-top{flex-direction:column;align-items:flex-start;gap:12px}.home-footer-links{gap:18px 26px}.home-footer-socials{gap:14px}.home-footer-bottom{grid-template-columns:1fr;justify-items:center;text-align:center;gap:10px}.home-footer-copy,.home-footer-love{text-align:center}}@media(max-width:680px){html{font-size:15.5px}.page-shell{padding-top:calc(var(--topbar-h) + 12px)}.app-topbar.mobile-mode .top-nav{left:8px;right:8px;padding:10px 8px 12px;gap:6px;border-radius:0 0 14px 14px}.app-topbar.mobile-mode .top-nav .nav-link{font-size:17px;min-height:48px;padding:12px 10px}.app-topbar.mobile-mode .brand-wrap{gap:10px}.app-topbar.mobile-mode .brand-avatar{width:52px;height:52px}.app-topbar.mobile-mode .brand-name{font-size:22px;line-height:1.06;max-width:178px}.mobile-menu-toggle{width:42px;height:42px}.work-hero{min-height:102px;padding:10px 8px}.hero-content{width:calc(100% - 10px);padding:22px 14px}.mode-row{flex-wrap:wrap;justify-content:center}.hero-content h1{font-size:1.4rem}.hero-text{margin-top:14px;font-size:.9rem;line-height:1.6}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .page-btn{width:100%;min-width:0}.hero-actions .hero-btn{height:50px;font-size:1rem;padding:0 20px}.hero-highlights{margin-top:14px;gap:8px}.hero-stats{margin-top:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.model-card-block{margin-top:18px;margin-bottom:0;padding:14px}.model-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hero-snapshot-title{font-size:.82rem}.hero-chip{font-size:.8rem;padding:7px 12px}.home-info-card{margin-top:10px}.home-info-card .page-intro h2{font-size:1.28rem}.home-info-card .page-intro p{font-size:.9rem;line-height:1.58}.home-steps h3{font-size:1.12rem}.step-card h4{font-size:1rem}.step-card p{font-size:.9rem}.home-hero:before,.home-info-card:before,.work-card:before,.work-card:after,.page-hero:before{opacity:.1;transform:scale(.86);transform-origin:center}.predict-btn{width:min(320px,100%);min-height:48px}.feature-grid,.team-grid,.steps-grid,.metric-explain-grid{grid-template-columns:1fr}.confusion-matrix{min-width:320px}.work-card,.info-card{width:calc(100% - 14px);margin:0 auto 14px;padding:18px 12px 14px}.stack-grid{grid-template-columns:1fr;width:100%}.analysis-badges{margin-bottom:12px}.api-health-row,.demo-row{margin-bottom:14px;gap:8px}.api-health-pill{font-size:.78rem;padding:7px 11px}.history-card{padding:12px}.text-input{min-height:156px;font-size:.9rem}.input-meta{gap:8px 10px;font-size:.8rem}.file-picker-row{flex-direction:column;align-items:center;gap:6px}.footer-row{justify-content:center}.footer-row .secondary-btn{width:min(260px,100%)}.result-card{padding:14px 12px}.feedback-row{flex-direction:column;align-items:flex-start;gap:8px}.feedback-row span{width:100%}.home-footer{margin-top:52px;padding:22px 14px 14px;border-top:1px solid #d5e0ef;background:linear-gradient(180deg,#f1f5fb,#ecf2fb);display:flex;flex-direction:column;align-items:center}.home-footer-top{order:2;width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:10px}.home-footer-links{width:100%;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:10px}.home-footer-link{font-size:1.02rem;font-weight:500;line-height:1.24}.home-footer-socials{width:100%;justify-content:center;gap:16px;margin-top:2px;padding-top:10px;border-top:1px solid #d7e4f7}.social-link{width:42px;height:42px;border:0;background:transparent;box-shadow:none}.social-link svg{width:22px;height:22px}.home-footer-divider{display:none}.home-footer-bottom{order:1;width:100%;max-width:360px;display:grid;grid-template-columns:1fr;justify-items:center;gap:10px;padding:0}.home-footer-brand{display:inline-flex;align-items:center;justify-content:center;gap:12px}.footer-brand-avatar{width:56px;height:56px}.footer-brand-name{font-size:1.2rem;line-height:1.1;white-space:normal;text-align:center}.home-footer-love,.home-footer-copy{display:none}.app-topbar.mobile-mode .brand-name{max-width:190px}}@media(max-width:420px){.app-topbar.mobile-mode .brand-avatar{width:46px;height:46px}.app-topbar.mobile-mode .brand-name{font-size:20px;max-width:162px}.app-topbar.mobile-mode .top-nav .nav-link{font-size:16px;min-height:46px}.home-footer{padding:18px 10px 12px}.home-footer-top,.home-footer-bottom{max-width:320px}.footer-brand-avatar{width:46px;height:46px}.footer-brand-name{font-size:1.06rem}.home-footer-link{font-size:.94rem}.home-footer-links{gap:9px}.home-footer-socials{margin-top:0;padding-top:8px;gap:12px}.social-link{width:34px;height:34px}.social-link svg{width:18px;height:18px}.work-pill{padding:10px 22px;font-size:1.05rem}.hero-content h1{font-size:1.28rem}.hero-chip{font-size:.76rem;padding:6px 10px}.hero-stats,.model-card-grid{grid-template-columns:1fr}.hero-stat{padding:9px}.result-chip{font-size:.84rem}.confidence-text{font-size:.88rem}.home-footer-copy,.home-footer-love{font-size:.78rem}.history-item p{font-size:.82rem}}