@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";*{box-sizing:border-box}body{color:#28231f;background:#fff9f2;margin:0;font-family:Noto Sans KR,system-ui,sans-serif}.shell{width:min(100%,480px);min-height:100vh;margin:auto;padding:28px 18px 70px}.hero{text-align:center;padding:34px 6px 24px}.orb{margin:18px;font-size:54px}.pill{color:#9b5a00;background:#fff0d6;border:1px solid #ffd99b;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;display:inline-block}.hero h1,.type h1{letter-spacing:-1.5px;margin:15px 0 12px;font-size:36px;line-height:1.18}.hero h1 em,.type h1 em{color:#ff7043;font-style:normal}.hero p,.type p{color:#665d56;line-height:1.7}.mini{color:#91877f;margin-top:20px;font-size:11px}.card,.winner{background:#fff;border:1px solid #eee2d8;border-radius:24px;margin-top:16px;padding:22px;box-shadow:0 10px 35px #4f37220f}.form h2{margin:0 0 22px}.form>label{margin:18px 0 8px;font-weight:700;display:block}.form small{color:#a09790;margin-left:4px;font-weight:500}input,select{font:inherit;background:#fff;border:1px solid #ddd2c9;border-radius:13px;outline:none;width:100%;min-width:0;padding:14px 12px}input:focus,select:focus{border-color:#ff9d6e;box-shadow:0 0 0 3px #fff0e8}.dateRow,.timeRow{align-items:center;gap:7px;display:flex}.dateRow input:first-child{flex:1.45}.dateRow input{flex:1}.dateRow span{color:#71675f;font-size:13px}.timeRow select{flex:1}.toggle{background:#f6eee7;border-radius:13px;margin-top:13px;padding:4px;display:flex}.toggle button{color:#8a7e74;background:0 0;border:0;border-radius:10px;flex:1;padding:10px;font-weight:700}.toggle button.active{color:#e86637;background:#fff;box-shadow:0 2px 8px #e7d9cc}.check{margin-top:13px}.check label{align-items:center;gap:8px;font-size:14px;display:flex}.check input{width:18px;height:18px}.cta{color:#fff;background:#ff7043;border:0;border-radius:16px;width:100%;margin-top:24px;padding:17px;font-size:17px;font-weight:900;box-shadow:0 8px 20px #ffd1c2}.cta span{float:right}.fine{text-align:center;color:#a0968e!important;font-size:11px!important;line-height:1.6!important}.error{color:#c2410c;font-size:13px}.result header{color:#8a817a;justify-content:space-between;align-items:center;font-size:12px;display:flex}.back{color:#6c625b;background:0 0;border:0;padding:0}.type{text-align:center;padding:42px 5px 20px}.type h1{font-size:32px}.pillars{justify-content:center;gap:8px;margin:22px 0;display:flex}.pillars div{background:#fff;border:1px solid #eadfd5;border-radius:15px;width:62px;padding:10px 4px}.pillars b{font-size:23px;display:block}.pillars small{color:#9b9189;font-size:10px}.notice{background:#fff5e8;border-radius:12px;padding:10px;font-size:12px!important}.winner{text-align:center;background:linear-gradient(160deg,#fff,#fff5ea);border:2px solid #ffc987;padding:27px 22px}.rank{color:#b36b00;font-size:13px;font-weight:900}.emoji{margin:14px 0 0;font-size:60px}.winner h2{margin:3px;font-size:32px}.tagline{color:#74685f}.score{color:#fff;background:#28231f;border-radius:999px;align-items:baseline;gap:8px;padding:9px 15px;display:inline-flex}.score span{font-size:12px}.score b{font-size:25px}.tags{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:15px;display:flex}.tags span{color:#bd5d36;background:#fff0e8;border-radius:999px;padding:6px 9px;font-size:11px}.card h3{margin:0 0 13px}.explain p{color:#665d56;font-size:14px;line-height:1.75}.bars{margin-top:18px}.bars>div{grid-template-columns:36px 1fr 45px;align-items:center;gap:8px;margin:8px 0;font-size:11px;display:grid}.bars i{background:#f3ebe5;border-radius:10px;height:8px;overflow:hidden}.bars u{background:#ff9d6e;border-radius:10px;height:100%;text-decoration:none;display:block}.bars b{text-align:right}.metrics{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.metrics div{text-align:center;background:#fff8f2;border-radius:14px;padding:13px 6px}.metrics span,.metrics b{display:block}.metrics span{color:#8c8179;font-size:10px}.metrics b{margin-top:5px;font-size:13px}.pick{border-bottom:1px solid #f2ebe5;grid-template-columns:30px 1fr 35px;align-items:center;padding:12px 0;display:grid}.pick:last-child{border:0}.pick em{color:#f06b3c;text-align:right;font-style:normal;font-weight:900}.alternatives{grid-template-columns:1fr 1fr;gap:10px;display:grid}.alternatives .card{padding:17px}.alternatives small,.far small{color:#a16d49;font-weight:800}.alternatives h3,.far h3{margin:8px 0}.alternatives p,.far p{color:#756b63;font-size:12px;line-height:1.5}.bottom{margin-top:25px}@media (width<=360px){.hero h1{font-size:31px}.alternatives{grid-template-columns:1fr}.dateRow{gap:4px}}