*{box-sizing:border-box}:root{color:#111827;background:#f7f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at top,#c4b5fd47,#0000 28%),radial-gradient(circle at bottom,#bfdbfe59,#0000 34%),linear-gradient(#fff 0%,#f8fafc 100%);min-width:320px;min-height:100vh}button,input{font:inherit}.app-shell{min-height:100vh}.mobile-frame{gap:14px;width:min(100%,520px);margin:0 auto;padding:18px 14px 30px;display:grid}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #94a3b829;border-radius:24px;padding:18px;box-shadow:0 18px 40px #0f172a12}.hero-panel{grid-template-columns:1fr auto;align-items:center;gap:14px;display:grid}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#4b5563;background:#f3f4f6;border-radius:999px;align-items:center;padding:6px 10px;font-size:.72rem;display:inline-flex}.hero-copy h1{letter-spacing:-.04em;color:#111827;margin:12px 0 8px;font-size:clamp(1.85rem,7vw,2.7rem);line-height:1.04}.hero-copy p,.clear-copy,.reason-box p{color:#6b7280;margin:0;line-height:1.65}.hero-illustration{flex-shrink:0}.manga-card{background:#fff;border:1px solid #11182714;border-radius:24px;width:112px;height:112px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffc}.panel-strip{background:#1118270f;position:absolute;transform:rotate(-28deg)}.panel-strip-a{width:140px;height:1px;top:24px;left:-18px}.panel-strip-b{width:140px;height:1px;bottom:28px;left:-10px}.panel-frame{background:linear-gradient(#fffffff5 0%,#f9fafbf0 100%);border:1.4px solid #1118271f;position:absolute}.main-frame{border-radius:18px;flex-direction:column;justify-content:space-between;padding:10px;display:flex;inset:14px 38px 18px 14px}.side-frame{border-radius:14px;width:18px;height:72px;top:20px;right:14px}.frame-kicker{letter-spacing:.18em;color:#6b7280;font-size:.62rem}.frame-lines{gap:6px;display:grid}.frame-lines span{background:linear-gradient(90deg,#111827 0%,#6b7280 100%);border-radius:999px;height:2px;display:block}.frame-lines span:first-child{width:58%}.frame-lines span:nth-child(2){width:82%}.frame-lines span:nth-child(3){width:41%}.field-label,.result-kicker,.info-label{letter-spacing:.12em;text-transform:uppercase;color:#9ca3af;font-size:.74rem;display:block}.search-box{background:#f8fafc;border:1px solid #94a3b838;border-radius:18px;align-items:center;gap:10px;margin-top:10px;padding:0 14px;display:flex}.search-icon{color:#94a3b8;font-size:1rem}.search-input{color:#0f172a;background:0 0;border:0;outline:0;width:100%;height:52px;font-size:1rem}.search-input::placeholder{color:#94a3b8}.scan-button{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#60a5fa 100%);border:0;border-radius:18px;width:100%;margin-top:12px;padding:14px 16px;font-weight:700;box-shadow:0 12px 24px #7c3aed2e}.warn-panel p{color:#b45309;margin:0}.result-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.result-head h2{color:#111827;margin:6px 0 0;font-size:1.24rem}.status-pill{letter-spacing:.08em;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.status-danger{color:#dc2626;background:#fee2e2}.status-safe{color:#16a34a;background:#dcfce7}.result-body{gap:14px;margin-top:18px;display:grid}.info-row{gap:6px;display:grid}.info-value{color:#111827;word-break:break-word;font-size:1rem}.mono{font-family:SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,monospace}.reason-box{background:#f8fafc;border:1px solid #94a3b824;border-radius:18px;margin-top:2px;padding:14px}.danger-panel{border-color:#f8717133}.safe-panel{border-color:#4ade8033}@media (width>=640px){.mobile-frame{gap:18px;padding:28px 20px 40px}.panel{padding:24px}.result-body{grid-template-columns:1fr 1fr;align-items:start}.reason-box,.clear-copy{grid-column:1/-1}}.fade-up{animation:.6s both fadeUp}.delay-a{animation-delay:80ms}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.soft-rise-enter-active,.soft-rise-leave-active{transition:opacity .28s,transform .28s}.soft-rise-enter-from,.soft-rise-leave-to{opacity:0;transform:translateY(14px)}.custom-swal-pop{animation:.22s ease-out swalPop}@keyframes swalPop{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}
