:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b12;--bg-deep:#07070c;--ink:#e8e4d8;--dim:#8a8677;--faint:#6e6a5e;--line:#2a2a35;--accent:#b9ac7f;--answer:#f2edd9;--silence:#6e6a5e}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(120% 60% at 50% 0%, #14141f 0%, var(--bg) 55%, var(--bg-deep) 100%);min-height:100svh;color:var(--ink);-webkit-font-smoothing:antialiased;justify-content:center;font-family:system-ui,Noto Sans KR,Apple SD Gothic Neo,sans-serif;display:flex}#app{width:100%;max-width:560px;padding:48px 20px 20px;display:flex}.conch-page{text-align:center;flex-direction:column;flex:1;align-items:center;min-height:calc(100svh - 68px);display:flex}.title{letter-spacing:.35em;text-indent:.35em;color:var(--ink);margin:0;font-size:1.35rem;font-weight:600}.sub{color:var(--dim);letter-spacing:.08em;margin:0;font-size:.85rem}.sub-row{justify-content:center;align-items:center;gap:10px;margin-top:10px;display:flex}.lang{position:relative}.lang-button{appearance:none;border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#ffffff08;border-radius:999px;align-items:center;gap:5px;padding:4px 9px 4px 5px;display:inline-flex}.lang-button:hover{border-color:var(--dim)}.lang-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lang-flag{justify-content:center;align-items:center;width:22px;height:15px;display:inline-flex}.lang-flag svg{border-radius:2.5px;width:100%;height:100%;display:block;box-shadow:0 0 0 1px #ffffff1f}.flag-emoji{font-size:16px;line-height:1}.lang-chev{color:var(--dim);font-size:.65rem;line-height:1}.lang-menu{z-index:20;border:1px solid var(--line);background:#17171f;border-radius:12px;min-width:148px;margin:0;padding:5px;list-style:none;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000080}.lang-option{width:100%;color:var(--ink);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:7px 9px;font-size:.82rem;display:flex}.lang-option:hover{background:#ffffff0f}.lang-option:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.lang-option[aria-selected=true]{background:#b9ac7f24}.lang-check{color:var(--accent);visibility:hidden;margin-left:auto;font-size:.75rem}.lang-option[aria-selected=true] .lang-check{visibility:visible}.conch-stage{aspect-ratio:1;-webkit-user-select:none;user-select:none;width:min(84vw,380px);margin-top:8px;position:relative}.conch{z-index:1;width:80%;position:absolute;bottom:0;left:0}.conch-image{width:100%;height:auto;display:block}.cord-svg{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}#cordLine{stroke:#a3b6dc;stroke-width:4px;stroke-linecap:round;opacity:.9}.cord-handle{appearance:none;cursor:grab;touch-action:none;z-index:3;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute}.cord-handle:active{cursor:grabbing}.handle-image{pointer-events:none;width:100%;height:auto;transition:scale .15s ease-out;display:block}.conch-page[data-cord=pulling] .cord-handle.armed .handle-image{scale:1.03}.cord-handle:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:50%}.cord-handle[aria-disabled=true]{cursor:wait;opacity:.6}.conch.wobble .conch-image{transform-origin:50% 60%;animation:.9s ease-in-out conch-wobble}@keyframes conch-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-2.5deg)}55%{transform:rotate(2deg)}80%{transform:rotate(-1deg)}}.cord-hint{letter-spacing:.06em;min-height:1.4em;color:var(--faint);margin:10px 0 0;font-size:.8rem}.conch-page[data-cord=loading] .cord-hint{animation:1.6s ease-in-out infinite hint-pulse}@keyframes hint-pulse{0%,to{opacity:.5}50%{opacity:1}}.question-label{color:var(--dim);letter-spacing:.2em;text-indent:.2em;margin-top:26px;font-size:.8rem}.question{width:100%;color:var(--ink);border:1px solid var(--line);resize:vertical;background:#ffffff05;border-radius:10px;min-height:3.5em;margin-top:10px;padding:12px 14px;font-family:inherit;font-size:1rem;line-height:1.5}.question::placeholder{color:var(--faint)}.question:focus{border-color:var(--accent);outline:none}.question-meta{justify-content:space-between;gap:12px;width:100%;min-height:1.3em;margin:8px 0 0;font-size:.78rem;display:flex}.form-hint{color:var(--dim);text-align:left}.char-count{color:var(--faint);white-space:nowrap}.answer{letter-spacing:.04em;min-height:3.5rem;color:var(--answer);opacity:0;justify-content:center;align-items:center;margin-top:22px;font-size:2rem;font-weight:600;display:flex}.answer.show{opacity:1;animation:.28s ease-out answer-in}.answer.show.ultimate{animation-duration:.7s}.answer.silence{color:var(--silence);letter-spacing:.02em;font-size:1.05rem;font-weight:400}.answer.thinking{opacity:.55;letter-spacing:.3em;text-indent:.3em;color:var(--dim);font-size:1.4rem;font-weight:400;animation:1.6s ease-in-out infinite hint-pulse}@keyframes answer-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.power{letter-spacing:.14em;width:100%;color:var(--faint);margin-top:auto;padding-top:48px;font-size:.68rem}.power-toggle{appearance:none;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.power-toggle:focus-visible{outline:1px solid var(--dim);outline-offset:3px;border-radius:4px}.bmc-wrap{vertical-align:middle;align-items:center;margin-left:2px;display:inline-flex}.bmc-wrap a{letter-spacing:normal}.meter{border:1px solid var(--line);border-radius:3px;width:72px;height:6px;display:inline-block;overflow:hidden}.meter-fill{background:var(--faint);width:0;height:100%;display:block}.power-detail{letter-spacing:.04em;margin-top:4px;font-size:.72rem;line-height:1.7}.power-detail p{margin:0}.power-detail a{color:var(--dim)}@media (width<=400px){#app{padding:36px 16px 16px}.title{font-size:1.15rem}.answer{font-size:1.7rem}}@media (prefers-reduced-motion:reduce){.conch.wobble .conch-image,.conch-page[data-cord=loading] .cord-hint,.answer.show,.answer.show.ultimate,.answer.thinking{animation:none}.handle-image{transition:none}}
