@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-surface,body{min-height:100vh;height:auto;overflow-x:clip}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:flex-start;align-items:center;min-height:100vh;background:#e8ded3}}@media (max-width:480px){body.screen-intro .app-surface.screen-intro{flex:1 1 auto!important}}.app-surface{width:100%;padding-bottom:env(safe-area-inset-bottom);justify-content:flex-start;position:relative}.screen{display:none;flex-direction:column;width:100%;animation:fadeIn .3s ease-out;box-sizing:border-box}.screen.active{display:flex!important}.app-surface .footer{margin-top:0!important;padding-bottom:20px;flex-shrink:0;margin-bottom:auto}.app-surface.screen-result .footer{position:relative;z-index:10}#intro.screen,#loading.screen{flex-direction:column;padding:0!important}#quiz.screen,.clay-card{flex-direction:column;padding:20px 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{width:100%;background:#fffcf8;border-radius:32px;padding:16px;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:20px 16px}.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;padding:30px 14px}@media (min-width:481px){.intro-content{margin-bottom:10px}}.clay-btn,.tertiary-btn{width:100%;border:0;cursor:pointer}.clay-btn{display:block;min-height:60px;padding:8px;background:#fffcf8;border-radius:24px;font-size:1.08rem;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:400px;margin-left:auto;margin-right:auto;background:var(--clay-primary);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.05)}#intro #start-btn{margin-bottom:8px}#intro .tertiary-btn{min-height:40px;margin-top:8px}.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:.92rem;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}.answer-list{width:100%;margin-top:10px}.option-btn{background:#fcfaf5;border:2px solid transparent;border-radius:20px;padding:16px 20px;text-align:center!important;justify-content:center!important;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:.84rem;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;width:100%}.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:flex-start;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.65;font-weight:600;word-break:keep-all}.section-label{display:inline-flex;align-items:center;justify-content:flex-start;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-surface{max-width:500px;height:100vh!important;min-height:100vh!important;margin:0 auto;border-radius:0;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:clip;scrollbar-width:none;-ms-overflow-style:none;position:relative;-webkit-mask-image:none;mask-image:none}.app-surface::-webkit-scrollbar{display:none}#result.screen{padding-top:15px!important;padding-bottom:15px!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!important;padding-top:5px!important;padding-bottom:5px!important}#quiz.screen.active{padding-top:0!important;padding-bottom:20px!important}.app-surface .footer{flex-shrink:0;padding-top:10px;padding-bottom:25px}.app-surface.screen-result .footer{position:static!important;margin-top:0!important;padding-bottom:25px!important}}body.is-capturing #result{padding:10px!important;background-color:#fffcf5!important;background:#fffcf5!important;border-radius:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;box-sizing:border-box!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:16px;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}#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))}.app-surface.screen-result #result.screen,.app-surface.screen-result #result.screen.active{padding-bottom:8px!important}.app-surface.screen-result .footer{margin-top:4px!important;padding:16px;margin-bottom:0!important}.app-surface{display:flex;flex-direction:column}.screen-spacer{display:none}body.screen-intro .screen-spacer,body.screen-loading .screen-spacer,body.screen-quiz .screen-spacer{display:block}body.screen-intro .screen-spacer{max-height:none}body.screen-quiz .screen-spacer{max-height:120px}.footer{flex:0 0 auto}#loading.active,#quiz.active{display:flex!important;flex-direction:column}#loading.active{align-items:center}body.screen-loading #footer-links,body.screen-quiz #footer-links{display:none!important}body.screen-loading #main-footer,body.screen-quiz #main-footer{padding:16px}.screen{flex:0 0 auto!important}#intro.screen,#loading.screen,#quiz.screen,#result.screen{margin-top:0!important}#result.screen{padding-top:0!important;padding-bottom:0!important}#loading.screen,#quiz.screen{min-height:auto!important}.screen>:first-child{margin-top:0!important}.screen>:last-child{margin-bottom:0!important}body.screen-loading .app-surface,body.screen-quiz .app-surface{min-height:0}body.screen-loading .screen-spacer--bottom,body.screen-loading .screen-spacer--top,body.screen-quiz .screen-spacer--bottom,body.screen-quiz .screen-spacer--top{flex:1 1 0;min-height:0;max-height:none}.legal-links{display:flex;flex-direction:column;gap:5px;margin:0 0 14px;padding:0;overflow-x:visible;line-height:1.3}.legal-links,.legal-links a,.legal-links-row{align-items:center;justify-content:center}.legal-links-row{display:flex;flex-wrap:nowrap;gap:2px}.legal-links a{position:relative;display:inline-flex;flex-shrink:0;min-height:22px;padding:2px 7px;line-height:1.3;white-space:nowrap}.legal-links-row a:not(:last-child)::after{content:"";position:absolute;top:50%;right:0;width:1px;height:10px;transform:translateY(-50%);background:rgba(128,128,128,.24)}.page-shell{width:min(100%,500px);margin:0 auto;background:#fffcf5}@media (min-width:481px){.app-surface,body{height:auto!important;overflow-y:auto!important}.app-surface{max-height:none!important;overflow-y:visible!important}}.page-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;padding-top:48px;box-sizing:border-box}.app-surface{flex:1 1 auto;min-height:0;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.screen-spacer{flex:1 1 auto;min-height:0;max-height:none}#intro.screen,#intro.screen.active,#loading.screen,#loading.screen.active,#quiz.screen,#quiz.screen.active{flex:0 0 auto!important;justify-content:flex-start!important;align-items:stretch!important;padding-top:0!important;padding-bottom:0!important}@media (min-width:481px){body{display:block!important;align-items:stretch!important;justify-content:flex-start!important;height:auto!important;min-height:100vh!important;overflow-x:hidden!important;overflow-y:auto!important}body.screen-intro .app-surface.screen-intro,body.screen-loading .app-surface.screen-loading,body.screen-quiz .app-surface.screen-quiz{flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow-x:hidden!important;overflow-y:visible!important}body.screen-intro .screen-spacer--bottom,body.screen-intro .screen-spacer--top,body.screen-loading .screen-spacer--bottom,body.screen-loading .screen-spacer--top,body.screen-quiz .screen-spacer--bottom,body.screen-quiz .screen-spacer--top{display:block!important;flex:1 1 0!important;min-height:0!important;max-height:none!important}body.screen-intro #main-footer,body.screen-loading #main-footer,body.screen-quiz #main-footer,body.screen-result #main-footer{background:linear-gradient(180deg,#faf6ef 0,#f4ecdf 100%)!important;border-top:1px solid rgba(222,208,189,.88)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.76)!important}}.loading-card{padding:40px 24px}