@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
*{box-sizing:border-box}body{margin:0;color:#101010;background:#c9c9c9;font:16px/1.65 'Malgun Gothic',sans-serif}main{max-width:460px;margin:auto;background:#bcbcbc;min-height:100vh;border:2px solid #111;background-image:radial-gradient(#777 0.65px,transparent .8px);background-size:3px 3px}.brand{display:flex;justify-content:space-between;align-items:center;padding:18px 16px;background:#f3f3ef;border-bottom:3px solid}.brand b{font-size:25px;letter-spacing:-1px}.brand small{font-size:12px;line-height:1.5;text-align:right}.screen{display:none;padding:16px 12px}.screen.active{display:block}.window{border:3px solid #111;background:#fafaf7;box-shadow:3px 3px #222}.bar{border-bottom:3px solid;display:flex;justify-content:space-between;padding:2px 7px;font-weight:900;background:repeating-linear-gradient(0deg,#eee 0 2px,#bcbcbc 2px 3px);font-size:17px}.bar span{letter-spacing:2px;background:#f8f8f4}.inside{padding:16px}.intro-window{position:relative;z-index:1;margin:20px 26px 0 0}.intro-window .inside{text-align:center;padding:24px 13px}h1{font-size:clamp(35px,10vw,47px);line-height:1.18;letter-spacing:-2px;margin:0 0 24px;font-weight:1000}p{white-space:pre-line}button,nav a{font:800 16px/1.45 inherit;font-family:inherit;font-size:16px;font-weight:800;cursor:pointer;min-height:48px;border:2px solid #111;background:#f8f8f5;color:#111;padding:12px 15px;box-shadow:2px 2px #777;text-decoration:none}button:disabled{opacity:.45;cursor:default}#start,.wide{background:#191919;color:white;width:100%;border:4px double #fff;outline:2px solid #111}.room{height:260px;margin:-8px -1px 0;background-image:url('assets/layout.jpeg');background-size:347% auto;background-position:4.65% 89%;border-bottom:2px solid}.progress-row{display:flex;gap:15px;align-items:center;margin:8px 0 20px}progress{width:100%;min-width:0;height:17px;border:2px solid;accent-color:#111}#question{font-size:22px;line-height:1.6;border:2px solid;padding:18px 13px;white-space:pre-line;margin:0 0 20px}#answers{display:grid;gap:14px}.choice{display:flex;gap:12px;text-align:left;width:100%;align-items:center;padding:15px 12px;background:#fafaf7}.choice:before{content:'○';font-size:25px;flex:none}.choice[aria-checked=true]{background:#ddd;box-shadow:inset 2px 2px #555}.choice[aria-checked=true]:before{content:'●'}nav{display:flex;gap:12px;justify-content:space-between;margin-top:28px}nav>*{flex:1;text-align:center}.helper,.center{text-align:center}.helper{margin:32px 0 6px}#result-title{text-align:center;font-size:27px;line-height:1.4;border:3px solid;padding:12px;margin:12px 0}.art{width:100%;aspect-ratio:1.7;background-image:url('assets/results.jpeg');background-size:444% auto;background-position-y:83.4%;border:2px solid}.core{border:2px solid;padding:14px;text-align:center;font-weight:800;line-height:1.7}.wide{margin:4px 0 20px}#description p{line-height:1.85;margin:0 0 18px}h3{font-size:18px;border-bottom:2px solid;padding-bottom:8px;margin-top:28px}#keywords{display:flex;flex-wrap:wrap;gap:8px}#keywords span{border:1px solid;padding:5px 8px;font-size:14px}ul{padding-left:22px}li{margin-bottom:12px}.ending{border:2px solid;padding:16px;font-weight:bold;margin-top:26px}.product{display:block;border:2px solid;padding:14px;color:inherit;text-decoration:none;margin:12px 0}.product strong{display:block}.product small{display:block;font-size:14px;line-height:1.7;margin:6px 0}.affiliate{font-size:13px;line-height:1.65}footer{display:flex;justify-content:space-between;align-items:center;padding:18px 12px;background:#f4f4ef;border-top:2px solid;font-weight:900}footer span{font-size:10px}button:focus-visible,a:focus-visible{outline:3px solid #888;outline-offset:4px}

body .common-share{background:#f7f7f1;border-radius:0;border:3px solid #111;box-shadow:4px 4px #555}body .common-share button{border:2px solid #111;border-radius:0;background:#eee;color:#111}body .common-share [data-device]{background:#111;color:#fff}
.brand b{cursor:pointer}
:root{--sans:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;--mono:'JetBrains Mono',monospace}body{font-family:var(--sans)}h1,#result-title,.brand-link{font-weight:900}.bar,.brand small,.progress-row,footer span{font-family:var(--mono);letter-spacing:.14em}
.brand{gap:10px;position:sticky;top:0;z-index:20}.brand-link{font-size:25px;letter-spacing:-1px;color:inherit;text-decoration:none;white-space:nowrap}.brand small{margin-left:auto}.global-home{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:2px solid #111;background:#f8f8f5;color:#111;text-decoration:none;box-shadow:3px 3px #222;font-size:25px;line-height:1}.global-home:active{transform:translate(2px,2px);box-shadow:1px 1px #222}
.room{height:auto;aspect-ratio:941/1672;margin:14px 0 0;background-image:url('assets/home_bg.png');background-size:100% 100%;background-position:center;background-repeat:no-repeat;border:2px solid #111}
.quiz-nav #next{display:none}.quiz-nav #prev{flex:1}.choice:disabled{opacity:1;cursor:default}.choice.is-leaving{background:#d8d8d3;box-shadow:inset 2px 2px #555}
.art{aspect-ratio:1.22;background-repeat:no-repeat;background-size:100% auto;border:2px solid #111;background-color:#fff}
.art-live{background-image:url('assets/results1.png');background-position:center 25%}
.art-keep{background-image:url('assets/results2.png');background-position:center 31%}
.art-dive{background-image:url('assets/results3.png');background-position:center 31%}
.art-stay{background-image:url('assets/results4.png');background-position:center 28%}
@media(max-width:380px){.brand small{display:none}.brand-link{font-size:22px}.screen{padding-inline:9px}}

#intro{background:#c9c9c9 url("assets/home_bg.png") center bottom/100% auto no-repeat;padding-bottom:0;min-height:950px}.intro-window{margin:18px 8px 0}.room{background:none;border:0;margin:0;height:390px;aspect-ratio:auto}.bar{font-size:14px}.art{background-repeat:no-repeat}#next{display:none!important}

#result-title{word-break:keep-all;overflow-wrap:break-word}