:root{--calico-white:#fffaf5;--calico-orange:#d4641c;--calico-dark:#2d1f14;--text:#7a6050;--text-h:#2d1f14;--bg:#fffaf5;--border:#e8d5c0;--accent:#d4641c;--accent-bg:#d4641c14;--accent-border:#d4641c4d;--card-bg:#fff;--shadow:#50280a1a 0 4px 20px;--ear-l-bg:#d4641c;--ear-r-bg:#2d1f14;--ear-inner-l:#ffc896bf;--ear-inner-r:#b48264a6;--sans:system-ui, "Hiragino Sans", "Yu Gothic", sans-serif;--heading:system-ui, "Hiragino Sans", "Yu Gothic", sans-serif;font:16px/160% var(--sans);color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--calico-white:#1a1008;--calico-orange:#e8722a;--calico-dark:#d4a07a;--text:#a08870;--text-h:#f5e6d0;--bg:#1a1008;--border:#3d2a18;--card-bg:#261a0e;--accent:#e8722a;--accent-bg:#e8722a1f;--accent-border:#e8722a61;--shadow:#0000008c 0 4px 20px;--ear-l-bg:#e8722a;--ear-r-bg:#5a3a22;--ear-inner-l:#ffc89699;--ear-inner-r:#b4826480}}*,:before,:after{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);margin:0}p{margin:0}.app{width:100%;max-width:640px;margin:0 auto;padding:0 16px 64px}.header{text-align:center;padding:40px 0 28px}.header-cat-card{border:1px solid var(--border);box-shadow:var(--shadow);background:radial-gradient(ellipse 110px 80px at 12% 20%, #d4641c17 0%, transparent 70%), radial-gradient(ellipse 80px 65px at 85% 70%, #2d1f1412 0%, transparent 70%), radial-gradient(ellipse 70px 50px at 60% 15%, #d4641c0d 0%, transparent 70%), radial-gradient(ellipse 90px 60px at 30% 85%, #2d1f140a 0%, transparent 70%), var(--card-bg);border-radius:24px;margin-top:44px;padding:36px 28px 24px;position:relative;overflow:hidden}.cat-ear{clip-path:polygon(50% 0%,0% 100%,100% 100%);width:62px;height:44px;position:absolute;top:-40px}.cat-ear-l{background:var(--ear-l-bg);left:32px}.cat-ear-r{background:var(--ear-r-bg);right:32px}.cat-ear-inner{clip-path:polygon(50% 0%,0% 100%,100% 100%);width:34px;height:26px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.cat-ear-l .cat-ear-inner{background:var(--ear-inner-l)}.cat-ear-r .cat-ear-inner{background:var(--ear-inner-r)}.header-icon{filter:drop-shadow(0 2px 8px #d4641c4d);margin-bottom:14px;font-size:60px;line-height:1;display:block}.header-cat-card h1{letter-spacing:-.5px;background:linear-gradient(135deg, var(--calico-orange) 0%, var(--calico-dark) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:30px;font-weight:800}.subtitle{color:var(--text);margin-bottom:16px;font-size:14px}.whiskers{opacity:.3;justify-content:center;align-items:center;gap:10px;margin-top:12px;display:flex}.whisker-line{background:var(--calico-dark);flex:1;max-width:72px;height:1px}.whisker-nose{color:var(--calico-dark);letter-spacing:3px;font-size:11px}.main{flex-direction:column;gap:24px;display:flex}.upload-area{border:2px dashed var(--border);text-align:center;cursor:pointer;background:radial-gradient(ellipse 100px 70px at 90% 85%, #2d1f140d 0%, transparent 70%), radial-gradient(ellipse 80px 60px at 8% 75%, #d4641c0f 0%, transparent 70%), var(--card-bg);border-radius:20px;padding:40px 24px 36px;transition:border-color .2s,transform .15s;position:relative;overflow:hidden}.upload-area:hover,.upload-area.dragging{border-color:var(--accent);transform:scale(1.01)}.upload-cat-icon{margin-bottom:8px;font-size:64px;line-height:1;transition:transform .2s;display:block}.upload-area:hover .upload-cat-icon{transform:scale(1.1)rotate(-5deg)}.upload-paws{letter-spacing:8px;opacity:.5;margin-bottom:16px;font-size:22px}.upload-text{color:var(--text-h);margin-bottom:6px;font-size:18px;font-weight:700}.upload-subtext{color:var(--text);margin-bottom:18px;font-size:14px}.upload-formats{color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:20px;padding:5px 14px;font-size:12px;font-weight:500;display:inline-block}.video-preview{object-fit:contain;width:100%;max-height:300px;box-shadow:var(--shadow);background:#000;border-radius:14px}.processing{flex-direction:column;gap:24px;display:flex}.spinner-container{border:1px solid var(--border);box-shadow:var(--shadow);background:radial-gradient(ellipse 80px 60px at 85% 20%, #d4641c0f 0%, transparent 70%), radial-gradient(ellipse 60px 50px at 15% 80%, #2d1f140a 0%, transparent 70%), var(--card-bg);border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:36px;display:flex}.cat-anim{font-size:40px;animation:.7s ease-in-out infinite alternate catbounce}@keyframes catbounce{0%{transform:translateY(0)rotate(-8deg)scale(1)}to{transform:translateY(-14px)rotate(8deg)scale(1.15)}}.processing-text{color:var(--text);font-size:15px;font-weight:500}.result-container{flex-direction:column;gap:16px;display:flex}.result-title-bar{align-items:center;gap:8px;padding:4px 2px;display:flex}.result-title-bar h2{background:linear-gradient(90deg, var(--calico-orange), var(--calico-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800}.cry-card{border:1px solid var(--border);box-shadow:var(--shadow);background:radial-gradient(ellipse 120px 80px at 5% 10%, #d4641c0f 0%, transparent 70%), radial-gradient(ellipse 90px 70px at 95% 90%, #2d1f140d 0%, transparent 70%), var(--card-bg);border-radius:20px;overflow:hidden}.cry-card-header{border-bottom:1px solid var(--border);background:linear-gradient(90deg,#d4641c1a,#2d1f140a);align-items:center;gap:12px;padding:14px 20px;display:flex}.cry-label{color:#fff;background:linear-gradient(135deg, var(--calico-orange), #a03010);white-space:nowrap;border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:700}.cry-type{color:var(--text-h);font-size:15px;font-weight:700}.cry-translation{border-bottom:1px solid var(--border);padding:20px 20px 16px}.cry-translation-bubble{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.cry-translation-icon{flex-shrink:0;margin-top:2px;font-size:26px}.cry-translation-text{color:var(--text-h);background:linear-gradient(135deg, var(--calico-orange) 0%, var(--calico-dark) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;line-height:1.45}.cry-meaning-secondary{color:var(--text);opacity:.75;background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:10px;margin-left:36px;padding:5px 12px;font-size:13px;display:inline-block}.cry-analysis{border-bottom:1px solid var(--border);background:#00000005;flex-direction:column;gap:10px;padding:14px 20px;display:flex}.cry-analysis-title{color:var(--text);opacity:.5;text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:700}.cry-features{flex-wrap:wrap;gap:6px;display:flex}.feature-badge{color:var(--text);background:var(--accent-bg);border:1px solid var(--accent-border);white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}.cry-emotion{color:var(--text);font-size:14px;line-height:1.6}.cry-emotion-label{color:var(--text-h);margin-right:4px;font-weight:700}.cry-advice{background:#d4641c0d;align-items:flex-start;gap:10px;padding:14px 20px;display:flex}.cry-advice-icon{flex-shrink:0;margin-top:1px;font-size:18px}.cry-advice p{color:var(--text);font-size:14px;line-height:1.75}.body-language-card{border:1px solid var(--border);box-shadow:var(--shadow);background:radial-gradient(ellipse 100px 70px at 90% 20%, #2d1f140f 0%, transparent 70%), var(--card-bg);border-radius:20px;overflow:hidden}.body-language-title{color:var(--text-h);border-bottom:1px solid var(--border);background:linear-gradient(90deg,#2d1f1414,#0000);padding:14px 20px 12px;font-size:13px;font-weight:700}.body-language-card p{color:var(--text);padding:16px 20px;font-size:15px;line-height:1.85}.summary-card{border:1px solid var(--border);box-shadow:var(--shadow);background:radial-gradient(ellipse 100px 70px at 10% 80%, #d4641c0f 0%, transparent 70%), var(--card-bg);border-radius:20px;overflow:hidden}.summary-title{color:var(--text-h);border-bottom:1px solid var(--border);background:linear-gradient(90deg,#d4641c14,#0000);padding:14px 20px 12px;font-size:13px;font-weight:700}.summary-card p{color:var(--text);padding:16px 20px;font-size:15px;line-height:1.85}.no-cats-card{text-align:center;border:1px solid var(--border);box-shadow:var(--shadow);background:var(--card-bg);border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:44px 24px;display:flex}.no-cats-icon{margin-bottom:4px;font-size:52px;line-height:1}.no-cats-text{color:var(--text-h);font-size:17px;font-weight:700}.no-cats-sub{color:var(--text);opacity:.65;font-size:13px}.result-card{border:1px solid var(--border);box-shadow:var(--shadow);background:radial-gradient(ellipse 120px 80px at 5% 10%, #d4641c12 0%, transparent 70%), radial-gradient(ellipse 90px 70px at 95% 90%, #2d1f140f 0%, transparent 70%), var(--card-bg);border-radius:20px;overflow:hidden}.result-header{border-bottom:1px solid var(--border);background:linear-gradient(90deg,#d4641c14,#2d1f140a);align-items:center;gap:10px;padding:16px 20px;display:flex}.result-icon{font-size:22px}.result-header h2{background:linear-gradient(90deg, var(--calico-orange), var(--calico-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700}.result-body{padding:20px;line-height:1.85}.result-body p{color:var(--text);margin-bottom:4px;font-size:15px}.result-body p.result-section{color:var(--text-h);border-left:3px solid var(--accent);margin-top:18px;margin-bottom:6px;padding-left:10px;font-weight:700}.reset-button{background:linear-gradient(135deg, var(--calico-orange) 0%, #a03010 60%, var(--calico-dark) 100%);color:#fff;cursor:pointer;letter-spacing:.3px;border:none;border-radius:14px;width:100%;padding:15px;font-size:15px;font-weight:700;transition:opacity .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 14px #d4641c66}.reset-button:hover{opacity:.88;transform:translateY(-2px);box-shadow:0 6px 20px #d4641c80}.reset-button:active{transform:translateY(0)}.error-container{text-align:center;background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:44px 24px;display:flex}.error-icon{font-size:44px}.error-text{color:var(--text);max-width:360px;font-size:14px}