@import"https://fonts.googleapis.com/css2?family=Pretendard:wght@400;500;600;700;800;900&display=swap";body{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg-grad-start:#667eea;--bg-grad-end:#764ba2;--glass-bg: rgba(255,255,255,.12);--glass-strong: rgba(255,255,255,.15);--glass-border: rgba(255,255,255,.18);--text-strong:#fff;--text-dim:rgba(255,255,255,.9);--text-soft:rgba(255,255,255,.75);--accent:#8b5cf6;--accent2:#ec4899;--ok:#22c55e;--danger:#ef4444;--info:#3b82f6;--shadow-md: 0 8px 20px rgba(0,0,0,.12);--shadow-lg: 0 12px 28px rgba(0,0,0,.18);--radius-lg: 20px;--radius-xl: 32px;--focus: 0 0 0 3px rgba(99,102,241,.45)}.app-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-grad-start) 0%,var(--bg-grad-end) 100%);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:32px 16px;color:var(--text-strong);box-sizing:border-box}.app-header,.main-content,.app-footer{width:100%;max-width:480px;margin:0 auto}.app-header{text-align:center;margin-bottom:24px}.title-group{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.sparkle-icon{animation:sparkle 2s infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:.8}50%{transform:scale(1.1) rotate(180deg);opacity:1}}.title-group h1{font-size:2.4rem;font-weight:800;margin:0;background:linear-gradient(45deg,#fff,#f0f9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1.1rem;color:var(--text-dim);margin-bottom:16px;font-weight:500}.header-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.user-counter{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--text-soft);font-size:.9rem;background:#ffffff1a;padding:8px 16px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.privacy-btn{display:inline-flex;align-items:center;gap:6px;color:#fff;background:#ffffff26;border:1px solid var(--glass-border);padding:8px 12px;border-radius:12px;cursor:pointer;transition:.2s}.privacy-btn:hover{background:#ffffff40;transform:translateY(-1px)}.card{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-lg);border:1px solid var(--glass-border)}.card-status-display{text-align:center;margin-bottom:24px;min-height:220px;display:flex;align-items:center;justify-content:center}.status-content{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%}.idle-icon{width:120px;height:120px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;border:0}.idle-icon:hover{background:#ffffff4d;transform:scale(1.05)}.mic-pulse{position:relative;z-index:2}.idle-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,rgba(255,255,255,.3),transparent);animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.idle-text h2{font-size:1.6rem;font-weight:800;margin:0 0 8px}.idle-text p{font-size:1rem;color:var(--text-dim);margin:0}.recording-text .info{font-size:1rem;color:var(--text-dim)}.recording-wave{display:flex;gap:4px;align-items:center;height:40px}.wave-bar{width:4px;background:#ffffffe6;border-radius:2px;height:8px;transition:transform .1s;transform-origin:bottom}.recorded-icon{width:120px;height:120px;background:var(--ok);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:successBounce .6s ease-out}@keyframes successBounce{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.recorded-text h2{font-size:1.4rem;font-weight:800;margin:0 0 8px}.recorded-text p{font-size:1rem;color:var(--text-dim);margin:0}.recorded-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,#38bdf859,#a855f766);border:1px solid rgba(255,255,255,.25);color:#fff;font-weight:700;box-shadow:0 12px 30px #0f172a40;letter-spacing:-.01em}.recorded-chip svg{color:#facc15;filter:drop-shadow(0 2px 6px rgba(250,204,21,.45))}.recorded-chip span{text-shadow:0 3px 8px rgba(15,23,42,.45)}.analyzing-icon{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:spin 2s linear infinite;background:conic-gradient(from 0deg,#8b5cf6,#ec4899,#f97316,#8b5cf6);padding:8px}.analyzing-icon-inner{width:100%;height:100%;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.analyzing-text h2{font-size:1.4rem;font-weight:800;margin:0 0 8px}.analyzing-text p{font-size:1rem;color:var(--text-dim);margin:0}.analyzing-steps{width:100%;display:flex;flex-direction:column;gap:12px;margin:8px 0 0;padding:0;list-style:none}.analyzing-step{position:relative;padding:14px 18px;border-radius:18px;font-size:1.05rem;font-weight:700;letter-spacing:-.01em;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s ease,box-shadow .3s ease;color:#ffffffd9}.analyzing-step:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.85;background:#ffffff1f;transition:opacity .3s ease,background .3s ease}.analyzing-step span{position:relative;z-index:1}.analyzing-step.active{color:#fff;box-shadow:0 15px 35px #9333ea59;animation:analyzingGlow 1.8s ease-in-out infinite}.analyzing-step.active:before{background:linear-gradient(135deg,#f472b6e6,#4f46e5e6)}.analyzing-step.waiting{color:#ffffffb3}.analyzing-step.waiting:before{background:#ffffff14}.analyzing-step.waiting:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0f172a40}@keyframes analyzingGlow{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}.result-container{width:100%;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.result-header{text-align:center;margin-bottom:18px}.result-title{font-size:1.6rem;font-weight:900;margin:0 0 8px}.badge-unique{margin-left:8px;padding:4px 8px;background:linear-gradient(135deg,#f59e0b,#f43f5e);color:#fff;border-radius:999px;font-size:.75rem;vertical-align:middle}.result-summary .humor-quote{font-size:1.1rem;font-style:italic;color:var(--text-dim);margin:0;line-height:1.5}.insight-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:14px 0 6px}.chip{background:#ffffff29;border:1px solid var(--glass-border);padding:6px 12px;border-radius:999px;font-size:.85rem;font-weight:700}.scores-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.score-item{background:#ffffff1a;padding:16px;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:8px}.score-icon{color:#f59e0b}.score-label{font-size:.9rem;color:var(--text-soft)}.score-value{font-size:1.3rem;font-weight:800}.score-desc{font-size:.8rem;margin:4px 0 0;color:var(--text-soft);text-align:center}.radar-chart-container{width:100%;height:250px;margin:0}.radar-title{font-size:1rem;font-weight:700;color:var(--text-dim);text-align:center;margin:18px 0 0;border-top:1px solid rgba(255,255,255,.2);padding-top:18px}.result-details-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.detail-card{background:var(--glass-strong);border-radius:20px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);transition:transform .2s ease;text-align:left}.detail-card:hover{transform:translateY(-2px)}.card-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:12px}.personality-emoji{font-size:2.2rem;flex-shrink:0;line-height:1}.card-header h4{font-size:.85rem;font-weight:700;margin:0 0 4px;color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em}.card-header p{font-size:1.05rem;font-weight:800;margin:0;line-height:1.3}.card-desc{font-size:.9rem;color:var(--text-dim);line-height:1.6}.button-group{display:flex;flex-direction:column;gap:16px;margin-top:18px}.grid-buttons{display:grid;grid-template-columns:1fr 1fr;gap:16px}.btn{width:100%;padding:16px 20px;border-radius:20px;font-weight:800;font-size:1rem;transition:all .25s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn:focus-visible{outline:none;box-shadow:var(--focus)}.btn-primary{background:#ffffffeb;color:#6d28d9;box-shadow:var(--shadow-md)}.btn-primary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 12px 25px #00000026}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 8px 20px #ef44444d}.btn-secondary{background:var(--info);color:#fff;box-shadow:0 8px 20px #3b82f64d}.btn-light{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.35)}.btn-accent{background:linear-gradient(135deg,#9333ea,#db2777);color:#fff;box-shadow:0 8px 20px #9333ea66}.btn-accent:hover{transform:translateY(-2px) scale(1.02)}.btn-details{margin-top:20px;background:#ffffffeb;color:#6d28d9}.btn-back{margin-top:10px;background:#fff3;color:#fff}.btn-playing{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;box-shadow:0 8px 22px #22c55e59}.btn-playing:hover{transform:translateY(-2px)}.cta-sticky{position:fixed;left:50%;bottom:14px;transform:translate(-50%);width:calc(100% - 24px);max-width:480px;display:grid;grid-template-columns:1fr 1fr;gap:10px;z-index:100;padding:8px;border-radius:16px;background:#1e1e1e59;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}.btn-share{background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff}.btn-download{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.sample-text-box{margin-bottom:18px;padding:18px;background:var(--glass-strong);border-radius:20px;border:1px solid var(--glass-border)}.sample-text-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:.9rem;font-weight:800;color:var(--text-dim)}.sample-text-header button{background:#fff3;border:none;border-radius:8px;padding:6px;color:#fff;cursor:pointer;transition:all .2s ease}.sample-text-header button:hover{background:#ffffff4d;transform:rotate(180deg)}.sample-text-box p{font-size:.95rem;line-height:1.6;margin:0;color:var(--text-strong)}.error-box{margin-bottom:12px;display:flex;align-items:center;gap:12px;padding:14px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:16px}.error-box button{margin-left:auto;background:none;border:none;color:#fff;cursor:pointer}.app-footer{margin-top:18px;text-align:center;color:var(--text-soft);font-size:.9rem}.modal-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px}.privacy-modal{background:#18181b;color:#fff;padding:22px;border-radius:20px;width:100%;max-width:420px;border:1px solid rgba(255,255,255,.15)}.privacy-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.privacy-head h3{margin:0;font-size:1.1rem}.privacy-head button{background:transparent;color:#fff;border:0;cursor:pointer}.privacy-list{margin:0 0 14px;padding-left:18px}.privacy-list li{margin:8px 0;color:var(--text-dim)}.capture-container{position:absolute;top:0;left:-9999px;z-index:-1;width:720px;padding:36px;background:linear-gradient(135deg,#5f68e6,#6b53b4 45%,#8f4fa8);color:#fff;box-sizing:content-box;font-family:Pretendard,sans-serif}.share-card{position:relative;width:100%;border-radius:28px;overflow:hidden;box-shadow:0 24px 60px #00000047;background:radial-gradient(1200px 800px at 10% -10%,rgba(255,255,255,.14),transparent 60%),radial-gradient(800px 600px at 100% 0%,rgba(255,255,255,.08),transparent 55%),#ffffff1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.18)}.share-card__frame{position:absolute;inset:0;pointer-events:none;border:2px solid transparent;border-radius:28px;background:linear-gradient(135deg,#fff9,#fff0 40%) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.share-card__ribbon{display:flex;align-items:center;gap:10px;padding:14px 22px;background:linear-gradient(90deg,#ffffff2e,#ffffff14);border-bottom:1px solid rgba(255,255,255,.18)}.ribbon__logo{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#f43f5e);color:#fff}.ribbon__brand{font-weight:900;letter-spacing:.12em;font-size:.9rem}.ribbon__tagline{margin-left:auto;font-size:.8rem;opacity:.85}.share-card__content{padding:24px}.share-card__title{margin-bottom:18px}.share-card__title h2{margin:0;font-weight:900;font-size:1.5rem;letter-spacing:-.01em}.share-card__headline{display:flex;gap:16px;align-items:stretch;margin-bottom:18px}.headline__age{flex:1.2;background:linear-gradient(135deg,#ffffff2e,#ffffff1a);border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:16px 20px}.age__label{display:block;font-size:.85rem;opacity:.85;margin-bottom:4px}.age__value{font-size:1.8rem;font-weight:900;letter-spacing:-.02em}.headline__metrics{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{display:flex;flex-direction:column;align-items:center;gap:6px;justify-content:center;background:linear-gradient(135deg,#ffffff2e,#ffffff1a);border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:12px}.metric__value{font-size:1.15rem;font-weight:900}.share-card__color-feature{display:flex;align-items:center;gap:10px;padding:16px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:16px;margin-bottom:18px}.color-feature__label{font-size:.9rem;opacity:.9;font-weight:500}.color-feature__value{font-size:1.1rem;font-weight:800;margin-left:auto}.share-card__quote{margin:16px 0 18px;padding:16px;background:#0000002e;border-left:4px solid rgba(245,158,11,.9);border-radius:12px;font-size:1rem;line-height:1.5;font-style:italic}.share-card__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.mini-card{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:14px;text-align:center}.mini-card__head{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;opacity:.95}.mini-card__title{font-size:.8rem;font-weight:800}.mini-card__value{font-weight:900;font-size:1.05rem;line-height:1.25}.emoji{font-size:1.2rem}.share-card__hashtags{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tag{background:#ffffff29;border:1px solid rgba(255,255,255,.28);padding:6px 12px;border-radius:999px;font-size:.85rem;font-weight:700}.share-card__footer{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-top:1px solid rgba(255,255,255,.18);background:linear-gradient(90deg,#ffffff1f,#ffffff0f)}.footer__brand{display:inline-flex;align-items:center;gap:6px;font-weight:900;letter-spacing:.08em}.footer__url{font-size:.85rem;opacity:.9}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:#1e1e1ee6;color:#fff;padding:12px 18px;border-radius:14px;box-shadow:var(--shadow-md);z-index:1200;animation:toastIn .3s ease-out}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.gender-selector{margin-bottom:20px;width:100%}.gender-title{font-size:1rem;font-weight:700;color:var(--text-dim);margin:0 0 12px}.gender-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-gender{padding:14px;border-radius:16px;font-weight:800;font-size:1rem;transition:all .25s ease;border:2px solid var(--glass-border);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--glass-bg);color:var(--text-dim)}.btn-gender:hover{background:var(--glass-strong);border-color:#fff6}.btn-gender.selected{background:#ffffffeb;color:#6d28d9;border-color:transparent;box-shadow:var(--shadow-md)}.btn:disabled,.idle-icon:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.idle-icon:disabled:hover{background:#fff3;transform:scale(1)}.idle-icon:disabled:before{animation:none}@media (max-width: 480px){.app-container{padding:20px 12px;justify-content:flex-start}.card{padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.title-group h1{font-size:2.1rem}.scores-row{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.sparkle-icon,.analyzing-icon{animation:none}}