:root{--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-card:#ffffffe6;--text-primary:#1a1a1c;--text-secondary:#63636b;--accent-primary:#1a1a1c;--accent-hover:#333336;--accent-glow:#0000000d;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--border-color:#00000014;--border-hover:#00000026;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition-fast:.15s ease-in-out;--transition-normal:.3s ease-in-out;--radius-sm:6px;--radius-md:10px;--radius-lg:20px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;display:flex}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 20px #0000000d}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}.text-gradient{background:linear-gradient(135deg, var(--text-primary), #4b4b4f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--accent-primary);color:#fff;box-shadow:0 4px 14px 0 var(--accent-glow)}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background-color:#0000}.btn-secondary:hover{border-color:var(--border-hover);background-color:#ffffff0d}.container{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.app-header{text-align:center;margin-bottom:2rem;padding:2rem 0}.app-header h1{margin-bottom:.5rem;font-size:3rem}.app-header p{color:var(--text-secondary);font-size:1.1rem}.upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-normal);cursor:pointer;background:var(--bg-card);padding:4rem 2rem;position:relative;overflow:hidden}.upload-area:hover,.upload-area.is-dragover{border-color:var(--text-primary);background:#00000005;transform:scale(1.01)}.upload-area-icon{width:64px;height:64px;color:var(--accent-primary);transition:transform var(--transition-normal);margin:0 auto 1.5rem}.upload-area:hover .upload-area-icon{transform:scale(1.1)translateY(-5px)}.upload-area-text h3{margin-bottom:.5rem;font-size:1.5rem}.upload-area-text p{color:var(--text-secondary);font-size:.9rem}.upload-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.footer-link{color:var(--text-secondary);transition:var(--transition-fast);text-decoration:none}.footer-link:hover{color:var(--text-primary);transform:translateY(-1px)}.header-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:-1rem;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color);transition:all var(--transition-fast);background:#00000008;padding:.5rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none}.nav-link:hover{color:var(--text-primary);border-color:var(--border-hover);background:#0000000d;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.generating-overlay{z-index:70;-webkit-backdrop-filter:blur(12px);background:radial-gradient(circle at top,#ffffffc7,#f8f9faf5),#ffffffb8;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.generating-card{text-align:center;background:linear-gradient(#fffffffa,#ffffffeb);border-radius:28px;flex-direction:column;gap:1.5rem;width:min(560px,100%);padding:2rem;display:flex}.generating-mascot-wrap{justify-content:center;align-items:center;width:156px;height:156px;margin:0 auto;display:flex;position:relative}.generating-mascot-ring{background:radial-gradient(circle,#fffffff2 0%,#fff9 45%,#00000008 100%);border:1px solid #0000000f;border-radius:50%;animation:2.4s ease-in-out infinite generatingPulse;position:absolute;inset:10px}.generating-mascot{z-index:1;width:88px;height:88px;animation:1.9s ease-in-out infinite generatingFloat;position:relative}.generating-copy{flex-direction:column;gap:.5rem;display:flex}.generating-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary);font-size:.78rem;font-weight:700}.generating-copy h3{font-size:clamp(1.6rem,3vw,2rem)}.generating-description{color:var(--text-secondary);line-height:1.7}.generating-promo{border-radius:var(--radius-md);text-align:left;background:#00000006;border:1px solid #0000000f;grid-template-columns:56px 1fr auto;align-items:center;gap:.9rem;padding:.9rem;display:grid}.generating-app-icon{border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid #0000000f;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.generating-app-icon img{width:34px;height:34px}.generating-app-copy{min-width:0}.generating-app-eyebrow{color:var(--text-secondary);margin-bottom:.18rem;font-size:.72rem;font-weight:700}.generating-promo-title{font-size:.96rem;font-weight:700}.generating-promo-text{color:var(--text-secondary);margin-top:.25rem;font-size:.82rem;line-height:1.5}.generating-link{color:var(--text-primary);white-space:nowrap;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);transition:all var(--transition-fast);padding:.5rem .7rem;font-size:.85rem;font-weight:700;text-decoration:none}.generating-link:hover{border-color:var(--border-hover);transform:translateY(-1px)}.shima-fact-flyer{z-index:30;cursor:pointer;background:0 0;border:0;align-items:flex-end;gap:.75rem;padding:0;animation:6.8s ease-in-out infinite shimaCruise;display:flex;position:fixed;bottom:1.25rem;right:1.5rem}.shima-fact-flyer:hover .shima-fact-bubble{transform:translateY(-2px)}.shima-fact-flyer:hover .shima-fact-image{transform:scaleX(-1)translateY(-2px)}.shima-fact-flyer.is-tapped .shima-fact-bubble{animation:.52s shimaBubblePop}.shima-fact-flyer.is-tapped .shima-fact-image{animation:.52s shimaBirdHop}.shima-fact-bubble{background:#fffffff5;border:1px solid #00000014;border-radius:18px;max-width:min(280px,100vw - 150px);padding:.9rem 1rem;position:relative;box-shadow:0 10px 28px #00000014}.shima-fact-bubble:after{content:"";background:#fffffff5;border-bottom:1px solid #00000014;border-right:1px solid #00000014;width:18px;height:18px;position:absolute;bottom:18px;right:-10px;transform:rotate(-45deg)}.shima-fact-title{color:var(--text-secondary);margin-bottom:.25rem;font-size:.72rem;font-weight:700}.shima-fact-text{color:var(--text-primary);font-size:.82rem;line-height:1.55}.shima-fact-hint{color:var(--text-secondary);margin-top:.45rem;font-size:.68rem}.shima-fact-image{filter:drop-shadow(0 10px 18px #00000024);width:112px;height:auto;transition:transform var(--transition-fast);transform:scaleX(-1)}@keyframes generatingFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes generatingPulse{0%,to{opacity:.95;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes shimaCruise{0%,to{transform:translate(0,0)}25%{transform:translate(-10px,-8px)}50%{transform:translate(-2px,-16px)}75%{transform:translate(8px,-8px)}}@keyframes shimaBirdHop{0%{transform:scaleX(-1)translateY(0)rotate(0)}35%{transform:scaleX(-1)translateY(-14px)rotate(-4deg)}70%{transform:scaleX(-1)translateY(-4px)rotate(2deg)}to{transform:scaleX(-1)translateY(0)rotate(0)}}@keyframes shimaBubblePop{0%{transform:translateY(0)scale(1)}40%{transform:translateY(-5px)scale(1.02)}to{transform:translateY(0)scale(1)}}@media (width<=640px){.container{padding:1rem}.generating-card{gap:1.2rem;padding:1.5rem}.generating-mascot-wrap{width:132px;height:132px}.generating-mascot{width:72px;height:72px}.generating-promo{grid-template-columns:48px 1fr}.generating-app-icon{width:48px;height:48px}.generating-app-icon img{width:30px;height:30px}.generating-link{text-align:center;grid-column:1/-1;justify-self:stretch}.shima-fact-flyer{gap:.5rem;bottom:.75rem;right:.75rem}.shima-fact-bubble{max-width:min(220px,100vw - 120px);padding:.75rem .85rem}.shima-fact-title{font-size:.68rem}.shima-fact-text{font-size:.75rem;line-height:1.45}.shima-fact-image{width:88px}}