@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:.95}to{opacity:1}}@keyframes floatDrift{0%,to{transform:translate(0,0) rotate(0deg) scale(1)}50%{transform:translate(40px,-50px) rotate(10deg) scale(1.1)}}:root{--clay-bg:linear-gradient(135deg, #fffcf5 0%, #f7f0e6 100%);--clay-primary:#ffaa91;--clay-secondary:#96e6b3;--clay-accent:#fcd980;--clay-text:#5e4b41;--clay-shadow-light:-8px -8px 16px #ffffff;--clay-shadow-dark:8px 8px 16px #e6dcc8;--font-main:'NanumSquareNeo',
    sans-serif;--font-title:'NanumSquareNeo',
    sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-text-size-adjust:100%}html{min-height:100vh}.app-container,body{min-height:100vh;height:auto;overflow-x:hidden}body,html{background:var(--clay-bg);background-color:#fffcf5}body{font-family:var(--font-main);color:var(--clay-text);overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0;padding:0;line-height:1.6;touch-action:manipulation}@media (min-width:481px){body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#e8ded3}}.app-container{padding:0 20px;padding-bottom:env(safe-area-inset-bottom);display:flex;justify-content:flex-start;position:relative}.app-container,.clay-card,.screen{width:100%;flex-direction:column}.screen{display:none;animation:fadeIn .3s ease-out;box-sizing:border-box}.screen.active{display:flex!important}.app-container .footer{margin-top:0!important;padding-bottom:20px;flex-shrink:0;margin-bottom:auto}.app-container.screen-result .footer{margin-top:-20px!important;padding-bottom:40px;position:relative;z-index:10}#intro.screen,#loading.screen,#quiz.screen{flex:1;justify-content:center;align-items:stretch}#intro.screen,#loading.screen{padding-top:4vh;padding-bottom:4vh}#quiz.screen{padding:10px 0}#result.screen{flex:0 0 auto;justify-content:flex-start;padding:10px 0;min-height:min-content}h1,h2,h3{font-family:var(--font-title);color:#4a3c31;font-weight:800}.clay-card{background:#fffcf8;border-radius:32px;padding:35px 20px;box-shadow:10px 10px 25px #e6dcc8,-10px -10px 25px #fff;margin-bottom:16px;text-align:center;display:flex;align-items:center}#result .clay-card{padding:40px 20px}.clay-inner-card{width:100%;background:#f7f2e8;border-radius:24px;padding:24px;box-shadow:inset 4px 4px 8px rgba(94,75,65,.05);margin-top:16px;text-align:left}.intro-content{margin-bottom:0}@media (min-width:481px){.intro-content{margin-bottom:10px}}.clay-btn,.tertiary-btn{width:100%;border:0;cursor:pointer}.clay-btn{display:block;padding:8px;background:#fffcf8;border-radius:24px;font-size:1.2rem;font-weight:800;font-family:var(--font-main);color:var(--clay-text);box-shadow:8px 8px 16px #e6dcc8,-8px -8px 16px #fff;transition:all .2s ease;text-align:center;margin-bottom:16px;text-decoration:none}.clay-btn:active{box-shadow:inset 4px 4px 8px #d6cbb5,inset -4px -4px 8px #fff;transform:scale(.98)}.clay-btn.primary,.clay-btn.secondary{max-width:380px;margin-left:auto;margin-right:auto;background:var(--clay-primary);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.05)}.clay-btn.secondary{background:var(--clay-secondary)}.tertiary-btn{display:flex;align-items:center;justify-content:center;margin-top:8px;padding:10px 0;color:#8c7b70;font-size:1rem;font-weight:700;text-decoration:underline;text-underline-offset:4px;transition:all .2s;background:0 0;font-family:inherit}.tertiary-btn:hover{color:var(--clay-primary);opacity:.8}.tertiary-btn.pressed,.tertiary-btn:active{background-color:rgba(140,123,112,.1);border-radius:12px}#intro .tertiary-btn{margin-top:12px}.answer-list{width:100%;margin-top:10px}.option-btn{background:#fcfaf5;border:2px solid transparent;border-radius:20px;padding:16px 20px;text-align:left;font-size:1.05rem;line-height:1.4;box-shadow:4px 4px 10px rgba(220,205,180,.4),-4px -4px 10px rgba(255,255,255,.8);margin-bottom:12px;position:relative;overflow:hidden;word-break:keep-all;display:flex;align-items:center;-webkit-user-select:none;user-select:none}@media (hover:hover) and (pointer:fine){.option-btn:hover{background:#fff;border-color:var(--clay-secondary);box-shadow:8px 8px 16px #dcd0b8,-6px -6px 12px #fff;transform:translateY(-2px)}}.option-btn.pressed{background:#fff;border-color:var(--clay-secondary);box-shadow:inset 4px 4px 8px #d6cbb5,inset -4px -4px 8px #fff;transform:scale(.98)}.option-btn:focus{outline:0}#info-toggle-btn{font-size:.9rem;color:#8c7b70;text-decoration:underline;text-underline-offset:4px;cursor:pointer;margin:0;word-break:keep-all;transition:all .2s ease;display:inline-block;-webkit-user-select:none;user-select:none}#info-toggle-btn:active{color:var(--clay-primary);opacity:.7;transform:scale(.98)}.intro-content{width:100%}.main-title{font-size:2.2rem;color:var(--clay-primary);margin-bottom:15px;line-height:1.2}.subtitle{font-size:1.1rem;color:#8c7b70;margin-bottom:12px;word-break:keep-all;font-weight:700}.progress-container{height:14px;background:#eee6d8;border-radius:10px;margin-bottom:24px;width:100%;overflow:hidden;box-shadow:inset 2px 2px 5px rgba(0,0,0,.1)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--clay-secondary),#70d6a5);width:0%;border-radius:10px;transition:width .4s cubic-bezier(.34,1.56,.64,1)}.q-indicator{text-align:center;font-size:1rem;color:#aaa;margin-bottom:12px;font-weight:800;width:100%}.question-text{font-size:1.25rem;line-height:1.4;margin-bottom:0;color:#4a3c31;word-break:keep-all}.loading-box{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.clay-spinner{width:70px;height:70px;border:8px solid #f0e8db;border-top:8px solid var(--clay-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:30px}.result-img-container{width:100%;aspect-ratio:16/10;border-radius:28px;overflow:hidden;margin-top:0;margin-bottom:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(220,205,180,.6)}.result-img-container img{width:100%;height:100%;object-fit:cover}.result-name{font-size:1.7rem;color:var(--clay-primary);margin-top:0;margin-bottom:18px;font-weight:800;line-height:1.3}.res-keywords{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:24px}.res-keyword{background:var(--clay-secondary);color:#fff;padding:4px 12px;border-radius:12px;font-size:.9rem;font-weight:800;box-shadow:inset 1px 1px 4px rgba(255,255,255,.4),2px 2px 0 rgba(150,230,179,.3)}.lucky-item-box{background:#fff;border-radius:16px;padding:10px 24px;font-weight:800;color:var(--clay-primary);display:inline-block;width:fit-content;max-width:100%;margin:0 auto;box-shadow:2px 2px 8px rgba(255,170,145,.15);font-size:1.1rem;word-break:keep-all;line-height:1.5}.desc-text{font-size:.98rem;color:#5e4b41;line-height:1.7;word-break:keep-all}.section-label{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:.95rem;font-weight:800;color:#fff;background:var(--clay-secondary);padding:6px 16px;border-radius:50px;margin-bottom:14px;box-shadow:2px 2px 0 rgba(150,230,179,.3)}.section-label.solution{background:var(--clay-primary);box-shadow:2px 2px 0 rgba(255,170,145,.3)}.section-label.lucky{background:var(--clay-accent);color:#8c713a;box-shadow:2px 2px 0 rgba(252,217,128,.3)}@media (min-width:481px){.app-container{max-width:480px;height:100vh!important;min-height:100vh!important;margin:0 auto;border-radius:40px;box-shadow:20px 20px 60px rgba(0,0,0,.1),-20px -20px 60px rgba(255,255,255,.8);background:linear-gradient(135deg,#fffcf5 0,#f7f0e6 100%);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;position:relative;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000)}.app-container::-webkit-scrollbar{display:none}#intro.screen.active{padding-top:20px!important;padding-bottom:30px!important}#result.screen{padding-top:32px!important;padding-bottom:32px!important;flex:0 0 auto!important}#intro.screen.active,#loading.screen.active,#quiz.screen.active{flex:1 1 auto!important;flex-direction:column;justify-content:center}#quiz.screen.active{padding-top:30px!important;padding-bottom:40px!important}.app-container .footer{flex-shrink:0;padding-top:20px;padding-bottom:30px}.app-container.screen-result .footer{position:static!important;margin-top:-10px!important;padding-bottom:30px!important}}body.is-capturing #result{padding:16px 20px!important;background-color:var(--clay-bg)!important;background:#fffcf5!important;border-radius:0!important}body.is-capturing .clay-card{margin:0!important;border-radius:36px!important;box-shadow:0 10px 30px rgba(0,0,0,.05)!important;padding-bottom:32px!important}.result-actions{margin-top:24px;padding-top:18px;border-top:1px dashed #e6dcc8;width:100%;display:flex;flex-direction:column}.result-actions #sns-share-container{width:100%;margin-bottom:24px}.result-actions #sns-share-container .sns-share-panel{background:0 0!important;border:0!important;padding:0!important;box-shadow:none!important;margin:0!important}.result-actions #sns-share-container .sns-share-buttons{width:100%!important;display:flex!important;justify-content:space-around!important;gap:0!important}#emoji-container,.floating-emoji{top:0;z-index:0;pointer-events:none}#emoji-container{position:fixed;left:0;width:100%;height:100%;overflow:hidden}@media (min-width:481px){#emoji-container{width:480px;left:50%;transform:translateX(-50%)}}.floating-emoji{position:absolute;animation:floatDrift 8s ease-in-out infinite alternate;opacity:.2;filter:drop-shadow(0 0 5px rgba(255,215,0,.2))}