:root{--grey100: #555;--typo1: #111;--typo2: #222;--typo3: #333;--typo4: #444;--typo5: #555;--typo6: #666;--typo7: #767676;--typo-sub: #999;--surface1: #eaeef3;--surface1-2: #dae0e9;--surface2: #f2f2f2;--surface3: #ccc;--surface-white: #fff;--surface-text: #5b6a80;--surface-btn: #d2dae4;--surface-btn2: rgb(221, 227, 234);--surface-btn3: rgb(240, 243, 248);--surface-btn4: rgb(228, 232, 238);--blue1: rgb(62, 106, 207);--red1: rgb(230, 31, 31);--yellow1: rgb(200, 136, 0);--green1: rgb(22, 183, 118);--surfaceBlue1: rgb(238, 242, 255);--surfaceBlue2: rgb(206, 218, 255);--surfaceGreen1: rgb(227, 243, 229);--surfaceGreen2: rgb(164, 221, 169);--surfaceRed1: rgb(255, 218, 218);--surfaceYellow1: rgb(254, 249, 199);--bg: #fff;--bg-surface: #f1f3f6;--bg-dark: #fff;--bg1-2: #eee;--bg2: #d9dee2;--bg-invert: #222;--skel-from: #eee;--skel-to: #f5f5f5}@media (prefers-color-scheme: dark){:root{--grey100: #ccc;--typo1: #eee;--typo2: #ddd;--typo3: #ccc;--typo4: #bbb;--typo5: #aaa;--typo6: #9a9a9a;--typo7: #a5a5a5;--typo-sub: rgb(124, 124, 124);--surface1: #303134;--surface1-2: #3e4045;--surface2: #353535;--surface3: #555;--surface-text: rgb(158, 165, 180);--surface-btn: rgb(70, 74, 82);--surface-btn2: #3a3c42;--surface-btn3: rgb(45, 47, 53);--surface-btn4: rgb(27, 30, 35);--surface-white: #2b2c2e;--blue1: rgb(111, 162, 255);--red1: rgb(255, 128, 128);--yellow1: rgb(225, 215, 139);--green1: rgb(139, 225, 215);--surfaceBlue1: rgba(47, 56, 132, .619);--surfaceBlue2: rgba(72, 90, 255, .2);--surfaceGreen1: rgba(72, 255, 173, .1);--surfaceGreen2: rgba(72, 255, 148, .2);--surfaceRed1: rgba(250, 15, 15, .15);--surfaceYellow1: rgba(250, 183, 15, .15);--bg: #232428;--bg-surface: #191a1c;--bg2: #161719;--bg-dark: #222224;--bg1-2: #39393d;--bg-invert: #eee;--skel-from: #2a2a30;--skel-to: rgb(48, 48, 54)}}:root body{--grey100: #555;--typo1: #111;--typo2: #222;--typo3: #333;--typo4: #444;--typo5: #555;--typo6: #666;--typo7: #767676;--typo-sub: #999;--surface1: #eaeef3;--surface1-2: #dae0e9;--surface2: #f2f2f2;--surface3: #ccc;--surface-white: #fff;--surface-text: #5b6a80;--surface-btn: #d2dae4;--surface-btn2: rgb(221, 227, 234);--surface-btn3: rgb(240, 243, 248);--surface-btn4: rgb(228, 232, 238);--blue1: rgb(62, 106, 207);--red1: rgb(230, 31, 31);--yellow1: rgb(200, 136, 0);--green1: rgb(22, 183, 118);--surfaceBlue1: rgb(238, 242, 255);--surfaceBlue2: rgb(206, 218, 255);--surfaceGreen1: rgb(227, 243, 229);--surfaceGreen2: rgb(164, 221, 169);--surfaceRed1: rgb(255, 218, 218);--surfaceYellow1: rgb(254, 249, 199);--bg: #fff;--bg-surface: #f1f3f6;--bg-dark: #fff;--bg1-2: #eee;--bg2: #d9dee2;--bg-invert: #222;--skel-from: #eee;--skel-to: #f5f5f5}:root body.dark-mode{--grey100: #ccc;--typo1: #eee;--typo2: #ddd;--typo3: #ccc;--typo4: #bbb;--typo5: #aaa;--typo6: #9a9a9a;--typo7: #a5a5a5;--typo-sub: rgb(124, 124, 124);--surface1: #303134;--surface1-2: #3e4045;--surface2: #353535;--surface3: #555;--surface-text: rgb(158, 165, 180);--surface-btn: rgb(70, 74, 82);--surface-btn2: #3a3c42;--surface-btn3: rgb(45, 47, 53);--surface-btn4: rgb(27, 30, 35);--surface-white: #2b2c2e;--blue1: rgb(111, 162, 255);--red1: rgb(255, 128, 128);--yellow1: rgb(225, 215, 139);--green1: rgb(139, 225, 215);--surfaceBlue1: rgba(47, 56, 132, .619);--surfaceBlue2: rgba(72, 90, 255, .2);--surfaceGreen1: rgba(72, 255, 173, .1);--surfaceGreen2: rgba(72, 255, 148, .2);--surfaceRed1: rgba(250, 15, 15, .15);--surfaceYellow1: rgba(250, 183, 15, .15);--bg: #232428;--bg-surface: #191a1c;--bg2: #161719;--bg-dark: #222224;--bg1-2: #39393d;--bg-invert: #eee;--skel-from: #2a2a30;--skel-to: rgb(48, 48, 54)}.page-menu-choice{padding:20px;line-height:1.6;word-break:keep-all;background:var(--bg);border-radius:20px;margin:0 12px}.page-menu-choice .result-wrap{text-align:center}.page-menu-choice .result-wrap .result .emoji{font-size:70px;line-height:1;margin-bottom:10px}.page-menu-choice .result-wrap h2{margin-bottom:10px;white-space:pre-line;color:var(--typo4);font-size:16px}.page-menu-choice .result-wrap h2 span{display:block}.page-menu-choice .result-wrap h2 strong{font-size:30px;color:var(--typo1)}.page-menu-choice .result-wrap h3{margin-bottom:10px}.page-menu-choice .result-wrap section{margin:40px 0}.page-menu-choice .result-wrap .other h3{color:var(--typo3);font-size:20px;margin-bottom:8px}.page-menu-choice .result-wrap .other span{color:var(--typo4)}.page-menu-choice .result-wrap .result-cta{display:flex;align-items:center;width:100%;max-width:400px;margin:0 auto}.page-menu-choice .result-wrap .result-cta button{display:inline-flex;align-items:center;justify-content:center;flex:1;width:100%;border:0;border-radius:30px;font-size:18px;font-weight:700;padding:15px 20px;background:var(--blue1);color:var(--bg)}.page-menu-choice .result-wrap .result-cta button svg{margin-right:4px}.page-menu-choice .result-wrap .result-cta button+button{flex:.5;background:var(--bg-invert);color:var(--bg);margin-left:8px}.page-menu-choice .quiz-container{display:flex;flex-direction:column;align-items:center;max-width:600px;margin:0 auto 30px}.page-menu-choice .quiz-container>strong{font-size:70px;line-height:1;margin:10px 0 20px}.page-menu-choice .quiz-container .step{margin-bottom:20px;color:var(--typo6)}.page-menu-choice .quiz-container h2{margin-bottom:30px;font-size:25px;text-align:center}@media (max-width: 550px){.page-menu-choice .quiz-container h2{font-size:20px}}.page-menu-choice .quiz-container .options{display:flex;width:100%}.page-menu-choice .quiz-container .options button{flex:1;width:100%;cursor:pointer;border:none;background-color:var(--surface-btn);color:var(--typo1);transition:background-color .3s;padding:30px 20px;font-size:30px;font-weight:600;line-height:1.7;border-radius:12px}.page-menu-choice .quiz-container .options button+button{margin-left:20px}@media (max-width: 550px){.page-menu-choice .quiz-container .options button+button{margin-left:12px}.page-menu-choice .quiz-container .options button{font-size:18px;padding:30px 20px}}.page-menu-choice .quiz-container .options button:active{color:var(--blue1);background-color:var(--surfaceBlue2)}.page-menu-choice .custom-guide{margin:50px auto 20px;padding:0 5px;max-width:500px}.page-menu-choice .custom-guide .desc{margin-bottom:15px;color:var(--typo4)}.page-menu-choice .custom-guide .desc strong{display:block;color:var(--typo2)}.page-menu-choice .custom-guide .btn-area{display:flex}.page-menu-choice .custom-guide .btn-area p{margin-bottom:8px;font-size:14px;color:var(--typo4)}.page-menu-choice .custom-guide .btn-area a{display:block;width:100%;text-align:center;background-color:var(--surfaceRed1);color:var(--red1)!important;font-weight:600;font-size:18px;padding:15px 14px;border-radius:8px}@media (max-width: 550px){.page-menu-choice .custom-guide .btn-area a{font-size:16px}}.page-menu-choice .custom-guide .btn-area a+a{margin-left:8px;background-color:var(--surface1);color:var(--typo1)!important}