:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;font-weight:500;color:#ffffffeb;background:#04162e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{height:100%}body{margin:0;min-width:320px;min-height:100svh}#root{min-height:100svh}a{color:inherit}::selection{background:#7af1ff40}.appShell{position:relative;min-height:100svh;overflow-x:hidden}.topBar{position:sticky;top:0;z-index:10;padding:14px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(to bottom,#031c3abf,#031c3a40);border-bottom:1px solid rgba(255,255,255,.1)}.brand{position:relative;display:flex;align-items:center;gap:12px;max-width:980px;margin:0 auto;padding:10px 12px;border-radius:18px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 40px #00000038;overflow:hidden}.brand__badge{width:44px;height:44px;border-radius:14px;background:radial-gradient(circle at 30% 30%,#ffffff8c,#ffffff1a 60%,#ffffff12);border:1px solid rgba(255,255,255,.18);position:relative}.brand__bubble{position:absolute;left:12px;top:16px;width:10px;height:10px;border-radius:999px;background:#ffffffb3;box-shadow:inset 0 -2px #0000001a;animation:bob 2.4s ease-in-out infinite}.brand__bubble--two{left:25px;top:25px;width:7px;height:7px;opacity:.85;animation-delay:.25s}.brand__bubble--three{left:26px;top:10px;width:5px;height:5px;opacity:.75;animation-delay:.6s}.brand__name{font-weight:860;letter-spacing:.2px;font-size:16px}.brand__tag{margin-top:2px;font-size:12px;opacity:.85}.stage{position:relative;z-index:1;padding:18px 14px 56px}.panel{max-width:980px;margin:0 auto;animation:panelFloat 4.8s ease-in-out infinite;transform-origin:50% 30%}.panel__header{text-align:left;padding:10px 2px 12px;animation:fadeUp .52s ease both}.title{margin:0;font-size:clamp(26px,6vw,42px);line-height:1.04;letter-spacing:-.6px}.subtitle{margin:10px 0 0;font-size:14px;opacity:.88;max-width:50ch}.dropCard{position:relative;border-radius:26px;overflow:hidden;padding:18px;min-height:210px;background:radial-gradient(circle at 20% 10%,#ffffff2e,#ffffff0f 55%,#ffffff0a),linear-gradient(180deg,#010c1c61,#010c1c24);border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 60px #00000040;isolation:isolate;cursor:pointer;-webkit-user-select:none;user-select:none;transform:translateZ(0);transition:transform .22s ease,border-color .22s ease}.dropCard--hasPhoto{animation:settle .38s cubic-bezier(.2,.8,.2,1) both}.dropCard:hover{transform:translateY(-2px);border-color:#ffffff42}.dropCard:focus-visible{outline:4px solid rgba(122,241,255,.55);outline-offset:3px}.dropCard:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 40% 30%,rgba(122,241,255,.22),transparent 60%);filter:blur(2px);animation:drift 6s ease-in-out infinite;z-index:-1}.dropCard:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.12),transparent 30%,rgba(255,255,255,.08) 60%,transparent);opacity:.55;transform:translate(-35%);animation:shine 4.8s ease-in-out infinite;z-index:-1}.dropCard__empty{height:100%;display:grid;place-items:center;text-align:center;gap:10px;padding:14px 8px}.iconRing{width:72px;height:72px;display:grid;place-items:center;border-radius:999px;background:radial-gradient(circle at 30% 30%,#ffffff7a,#ffffff1a 60%,#ffffff0f);border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 40px #0000003d;animation:ringPulse 2.2s ease-in-out infinite}.icon{width:34px;height:34px}.dropCard__headline{font-size:16px;font-weight:800}.dropCard__hint{font-size:12px;opacity:.82}.fileInput{position:absolute;inset:0;opacity:0;pointer-events:none}.dropCard__preview{position:relative;height:100%;min-height:210px}.scan{position:absolute;inset:0;border-radius:18px;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,rgba(0,0,0,.16),transparent 28%,rgba(0,0,0,.22)),repeating-linear-gradient(0deg,#fff0 0 10px,#ffffff0d 11px,#fff0 13px);mix-blend-mode:screen;opacity:.75}.scan__line{position:absolute;left:-10%;right:-10%;height:34px;background:linear-gradient(90deg,transparent,rgba(122,241,255,.22),rgba(255,148,230,.18),transparent);filter:blur(.2px);box-shadow:0 10px 32px #7af1ff1a;animation:scanLine 1.35s ease-in-out infinite}.previewImg{width:100%;height:100%;min-height:210px;object-fit:cover;border-radius:18px;filter:saturate(1.1) contrast(1.03);transform:scale(1.01)}.dropCard--hasPhoto .previewImg{animation:kenBurns 8.5s ease-in-out infinite}.previewOverlay{position:absolute;inset:0;padding:12px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(to bottom,rgba(0,0,0,.28),transparent 38%,rgba(0,0,0,.4));border-radius:18px}.chip{align-self:flex-start;font-size:12px;padding:8px 10px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.meta{display:grid;gap:6px;max-width:240px;background:#031c3a59;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.meta__row{display:flex;justify-content:space-between;gap:10px;font-size:12px}.meta__label{opacity:.82}.meta__value{font-weight:700}.actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}.progress{margin-top:10px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;overflow:hidden}.progress__bar{display:block;height:100%;width:35%;border-radius:999px;background:linear-gradient(90deg,#7af1fff2,#ff94e6b3);animation:progressSlide 1.05s ease-in-out infinite}.ratePill{margin-top:10px;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px;opacity:.92}.ratePill__dot{width:8px;height:8px;border-radius:999px;background:#7af1fff2;box-shadow:0 0 0 6px #7af1ff1f;animation:ping 1.8s ease-in-out infinite}.ratePill__sub{opacity:.85}.btn{position:relative;border-radius:18px;border:1px solid rgba(255,255,255,.16);padding:12px 14px;font-size:15px;font-weight:820;letter-spacing:.2px;cursor:pointer;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .16s ease,filter .16s ease,opacity .16s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:active{transform:translateY(1px) scale(.99)}.btn--primary{background:linear-gradient(135deg,#7af1ffeb,#ff94e6b8);color:#001018eb;border-color:#ffffff14;box-shadow:0 14px 40px #00000038}.btn--primary:hover{transform:translateY(-1px);filter:brightness(1.04) saturate(1.05)}.appShell--detecting .btn--primary{animation:btnPulse .9s ease-in-out infinite}.appShell--detecting .btn__icon{animation:sparkleSpin 1.1s ease-in-out infinite}.btn--ghost{background:#ffffff14;color:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn__icon{width:20px;height:20px}.loadingText{display:inline-flex;align-items:baseline;gap:6px}.dots span{display:inline-block;animation:dot 1.1s ease-in-out infinite}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}.notice{margin-top:12px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#ffffff14}.notice--error{border-color:#ff788c40;background:#ff788c1f}.result{margin-top:14px;transform:translateY(10px);opacity:0;filter:blur(2px);transition:opacity .24s ease,transform .24s ease,filter .24s ease}.result--show{transform:translateY(0);opacity:1;filter:blur(0)}.result__card{border-radius:26px;padding:16px;border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 20% 10%,#ffffff2e,#ffffff0f 55%,#ffffff0a),linear-gradient(180deg,#010c1c6b,#010c1c29);box-shadow:0 18px 60px #00000038;position:relative;overflow:hidden}.result__burst{position:absolute;inset:-40% -30%;pointer-events:none;opacity:0;transform:scale(.96);background:radial-gradient(circle at 20% 35%,rgba(122,241,255,.18),transparent 45%),radial-gradient(circle at 70% 30%,rgba(255,148,230,.16),transparent 50%),radial-gradient(circle at 55% 75%,rgba(255,255,255,.12),transparent 55%);filter:blur(.5px)}.result__card:before{content:"";position:absolute;inset:-40% -30%;background:radial-gradient(circle at 30% 30%,rgba(122,241,255,.16),transparent 55%),radial-gradient(circle at 70% 40%,rgba(255,148,230,.14),transparent 60%);filter:blur(1px);opacity:0;transform:rotate(8deg);pointer-events:none}.result__card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 10%,rgba(255,255,255,.16) 35%,transparent 60%);transform:translate(-60%);opacity:0;pointer-events:none}.result--show .result__card{animation:pop .52s cubic-bezier(.2,.9,.2,1) both}.result--show .result__card:before{opacity:1;animation:sparkles 1.4s ease-in-out 1}.result--show .result__card:after{opacity:.7;animation:sheen 1.15s ease-in-out 1}.result--show .result__burst{animation:burst 1.25s ease-out 1}.appShell--detecting .ocean__rays{animation-duration:5.6s;opacity:.28}.appShell--detecting .ocean__bubbles{animation-duration:5.6s}.appShell--detecting .wave--front{animation-duration:7.2s}.result__label{font-size:12px;opacity:.86}.result__name{margin-top:6px;font-size:clamp(28px,7vw,46px);line-height:1.02;letter-spacing:-.8px;font-weight:900;text-shadow:0 10px 28px rgba(0,0,0,.28)}.result__note{margin-top:10px;font-size:12px;opacity:.8}.details{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}.details__grid{display:grid;grid-template-columns:1fr;gap:10px}.details__item{border-radius:18px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.details__k{font-size:11px;opacity:.82;letter-spacing:.2px}.details__v{margin-top:4px;font-size:13px;font-weight:760;line-height:1.25}.facts{margin-top:12px;border-radius:18px;padding:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.facts__title{font-size:12px;font-weight:860;letter-spacing:.2px}.facts__list{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:8px}.facts__item{display:flex;gap:10px;font-size:13px;line-height:1.25;opacity:.92}.facts__item{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.facts__item:before{content:"•";opacity:.85}.facts__footer{margin-top:10px;display:flex;justify-content:flex-end}.facts__toggle{position:relative;border:1px solid rgba(255,255,255,.14);background:#ffffff12;color:#ffffffeb;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:820;cursor:pointer;overflow:hidden}.facts__toggle:active{transform:translateY(1px) scale(.99)}.footer{max-width:980px;margin:14px auto 0;padding:0 2px}.footer__pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px;opacity:.9}.ocean{position:fixed;inset:0;z-index:0;background:radial-gradient(circle at 20% 15%,rgba(70,255,250,.22),transparent 55%),radial-gradient(circle at 80% 20%,rgba(255,160,240,.18),transparent 50%),linear-gradient(180deg,#04162e,#05294b 35%,#063d60 60%,#05294b);overflow:hidden}.ocean:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.08),transparent 60%);animation:deep 10s ease-in-out infinite}.ocean__rays{position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 2px,transparent 2px,transparent 18px);opacity:.22;transform:translateY(-6%);animation:rays 8s ease-in-out infinite}.ocean__bubbles{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 10% 90%,rgba(255,255,255,.2) 0 3px,transparent 4px),radial-gradient(circle at 25% 92%,rgba(255,255,255,.18) 0 2px,transparent 3px),radial-gradient(circle at 40% 96%,rgba(255,255,255,.16) 0 2px,transparent 3px),radial-gradient(circle at 55% 92%,rgba(255,255,255,.18) 0 3px,transparent 4px),radial-gradient(circle at 70% 95%,rgba(255,255,255,.16) 0 2px,transparent 3px),radial-gradient(circle at 85% 93%,rgba(255,255,255,.18) 0 3px,transparent 4px);filter:blur(.2px);animation:bubbles 7s linear infinite;opacity:.8}.ocean__bubbles--big{opacity:.72}.ocean__bubbles--small{opacity:.55;filter:blur(0px);background-image:radial-gradient(circle at 14% 96%,rgba(255,255,255,.18) 0 2px,transparent 3px),radial-gradient(circle at 18% 92%,rgba(255,255,255,.16) 0 1px,transparent 2px),radial-gradient(circle at 32% 98%,rgba(255,255,255,.14) 0 1px,transparent 2px),radial-gradient(circle at 48% 96%,rgba(255,255,255,.16) 0 2px,transparent 3px),radial-gradient(circle at 62% 98%,rgba(255,255,255,.14) 0 1px,transparent 2px),radial-gradient(circle at 78% 96%,rgba(255,255,255,.16) 0 2px,transparent 3px),radial-gradient(circle at 90% 98%,rgba(255,255,255,.14) 0 1px,transparent 2px);animation-duration:10.5s}.ocean__fish{position:absolute;left:-18%;width:86px;height:28px;opacity:.22;filter:blur(.2px);background:#ffffff24;border-radius:999px;transform:translate(0) scale(1);animation:swim 20s linear infinite,fishBob 3.8s ease-in-out infinite}.ocean__fish:before{content:"";position:absolute;left:18px;top:8px;width:4px;height:4px;border-radius:999px;background:#00000038;opacity:.35}.ocean__fish:after{content:"";position:absolute;right:-12px;top:6px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:14px solid rgba(255,255,255,.14)}.ocean__fish--one{top:24%;animation-duration:22s,3.6s;opacity:.2;transform:scale(1.05)}.ocean__fish--two{top:46%;width:70px;height:22px;animation-duration:18s,3.1s;animation-delay:-7s,-.6s;opacity:.16;transform:scale(.92)}.ocean__fish--three{top:66%;width:98px;height:30px;animation-duration:26s,4.2s;animation-delay:-12s,-1.2s;opacity:.14;transform:scale(1.12)}.ocean__waves{position:absolute;left:0;right:0;bottom:-1px;height:160px}.wave{position:absolute;left:0;width:160%;height:160px}.wave path{fill:#ffffff14}.wave--back{bottom:18px;opacity:.55;animation:waveMove 14s ease-in-out infinite}.wave--front{bottom:0;opacity:.75;animation:waveMove 9s ease-in-out infinite reverse}.ripple{position:absolute;border-radius:999px;background:radial-gradient(circle,#ffffff73,#fff0 60%);transform:scale(0);pointer-events:none;animation:ripple .65s ease-out forwards;mix-blend-mode:screen}@keyframes waveMove{0%{transform:translate(-8%)}50%{transform:translate(-20%)}to{transform:translate(-8%)}}@keyframes rays{0%{opacity:.18;transform:translateY(-6%) translate(0)}50%{opacity:.28;transform:translateY(-2%) translate(-2%)}to{opacity:.18;transform:translateY(-6%) translate(0)}}@keyframes bubbles{0%{transform:translateY(0);opacity:.75}to{transform:translateY(-120px);opacity:.15}}@keyframes ripple{0%{transform:scale(0);opacity:.9}to{transform:scale(1);opacity:0}}@keyframes shine{0%{transform:translate(-55%);opacity:.35}50%{transform:translate(15%);opacity:.62}to{transform:translate(-55%);opacity:.35}}@keyframes drift{0%{transform:translate(-2%,-2%) rotate(0)}50%{transform:translate(2%,3%) rotate(8deg)}to{transform:translate(-2%,-2%) rotate(0)}}@keyframes deep{0%{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(2%,1%) scale(1.03);opacity:.85}to{transform:translate(0) scale(1);opacity:.6}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes dot{0%,to{transform:translateY(0);opacity:.65}50%{transform:translateY(-2px);opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes panelFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes ringPulse{0%,to{transform:translateY(0) scale(1);filter:brightness(1)}50%{transform:translateY(-2px) scale(1.02);filter:brightness(1.06)}}@keyframes btnPulse{0%,to{transform:translateY(0) scale(1);filter:brightness(1)}50%{transform:translateY(-1px) scale(1.01);filter:brightness(1.06)}}@keyframes sparkleSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(14deg) scale(1.05)}to{transform:rotate(0) scale(1)}}@keyframes pop{0%{transform:translateY(10px) scale(.98)}60%{transform:translateY(-1px) scale(1.01)}to{transform:translateY(0) scale(1)}}@keyframes sparkles{0%{opacity:0;transform:rotate(6deg) scale(.98)}40%{opacity:1;transform:rotate(10deg) scale(1.02)}to{opacity:0;transform:rotate(14deg) scale(1.05)}}@keyframes sheen{0%{transform:translate(-60%)}to{transform:translate(60%)}}@keyframes settle{0%{transform:translateY(2px) scale(.995)}to{transform:translateY(0) scale(1)}}@keyframes scanLine{0%{transform:translateY(-30%);opacity:0}15%{opacity:.9}50%{transform:translateY(110%);opacity:.7}to{transform:translateY(110%);opacity:0}}@keyframes progressSlide{0%{transform:translate(-15%)}50%{transform:translate(180%)}to{transform:translate(180%)}}@keyframes ping{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.12);opacity:1}}@keyframes kenBurns{0%{transform:scale(1.01) translateY(0)}50%{transform:scale(1.05) translateY(-1px)}to{transform:scale(1.01) translateY(0)}}@keyframes burst{0%{opacity:0;transform:scale(.96)}25%{opacity:1;transform:scale(1.02)}to{opacity:0;transform:scale(1.06)}}@keyframes swim{0%{transform:translate(0)}to{transform:translate(140vw)}}@keyframes fishBob{0%,to{margin-top:0}50%{margin-top:-6px}}@media(min-width:720px){.stage{padding:26px 18px 70px}.actions{grid-template-columns:1fr 180px;align-items:stretch}.btn{padding:12px 16px}.details__grid{grid-template-columns:1fr 1fr}}@media(hover:none)and (pointer:coarse){.topBar,.chip,.meta,.footer__pill,.btn--ghost,.ratePill{-webkit-backdrop-filter:none;backdrop-filter:none}.dropCard:hover{transform:none}.previewImg{filter:none;transform:none}.dropCard--hasPhoto .previewImg{animation:none}.scan{display:none}.ocean__rays{opacity:.1}.ocean:before{animation:none}.ocean__fish{display:none}.panel,.iconRing,.appShell--detecting .btn--primary,.appShell--detecting .btn__icon{animation:none}.details__item,.facts{-webkit-backdrop-filter:none;backdrop-filter:none}}@media(max-width:420px){.ocean__bubbles{animation-duration:12s;opacity:.55}.wave--back{animation-duration:18s}.wave--front{animation-duration:12s}}@media(prefers-reduced-motion:reduce){.ocean:before,.ocean__rays,.ocean__bubbles,.ocean__fish,.wave,.dropCard:before,.dropCard:after,.dropCard--hasPhoto .previewImg,.brand__bubble,.dots span{animation:none!important}.scan__line,.progress__bar,.ratePill__dot{animation:none!important}.dropCard,.btn,.result{transition:none!important}.panel,.panel__header,.iconRing,.result--show .result__card,.result--show .result__burst,.result--show .result__card:before,.result--show .result__card:after,.appShell--detecting .btn--primary,.appShell--detecting .btn__icon{animation:none!important}}