: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-roulette{padding-bottom:20px;max-width:600px;margin:0 auto}.page-roulette .page-desc{position:absolute;top:-100%;left:-100%;z-index:-99;padding:20px;word-break:keep-all;line-height:1.5;text-align:center}@media (max-width: 550px){.page-roulette .page-desc{padding:16px}}.page-roulette .page-desc .title{margin-bottom:4px;font-size:20px;color:var(--typo5)}@media (max-width: 550px){.page-roulette .page-desc .title{font-size:17px}}.page-roulette .page-desc p{font-size:13px;color:var(--typo7)}.page-roulette .menu-wrap{position:relative;text-align:center;overflow:hidden;padding:10px 5px 0}.page-roulette .menu-wrap .wheel{display:inline-block;transform:scale(1.1);animation:wheelMotion .6s infinite alternate-reverse ease-in-out}.page-roulette .menu-wrap .wheel.isSpining{animation-duration:1s}@keyframes wheelMotion{0%{transform:scale(1.1) rotate(-2deg)}to{transform:scale(1.1) rotate(2deg)}}.page-roulette .wheel-capture{position:relative;display:inline-flex;padding:30px 25px}.page-roulette .share-result{max-width:420px;display:flex;justify-content:space-between;margin:12px auto 0;background:var(--bg);border-radius:12px;padding:16px;box-shadow:1px 2px 8px #00000012}.page-roulette .share-result .img-area{width:190px}@media (max-width: 550px){.page-roulette .share-result .img-area{width:45%;height:auto!important}}.page-roulette .share-result .img-area img{width:100%;border-radius:10px;overflow:hidden}.page-roulette .share-result .share-btns{flex:1;margin-left:8px}.page-roulette .share-result .share-btns a,.page-roulette .share-result .share-btns button{display:block;width:100%;display:inline-flex;align-items:center;justify-content:center;border-radius:30px;background:var(--surface1);border:0;padding:12px 16px;font-size:16px;font-weight:600;color:var(--typo1);margin-bottom:6px}@media (max-width: 550px){.page-roulette .share-result .share-btns a,.page-roulette .share-result .share-btns button{font-size:14px;padding:10px 15px}}.page-roulette .share-result .share-btns a:first-child svg,.page-roulette .share-result .share-btns button:first-child svg{font-size:20px}.page-roulette .share-result .share-btns a svg,.page-roulette .share-result .share-btns button svg{font-size:22px!important;margin-right:10px}@media (max-width: 550px){.page-roulette .share-result .share-btns a svg,.page-roulette .share-result .share-btns button svg{font-size:18px}}.page-roulette .share-result .share-btns .share-guide{display:flex;align-items:center;margin-top:5px;font-size:14px;font-weight:500}.page-roulette .share-result .share-btns .share-guide .emo{font-size:19px;margin-right:4px}.page-roulette .share-result .share-btns .share-guide svg{margin-right:4px;flex-shrink:0;font-size:18px}.page-roulette .custom-guide{margin:40px 0 20px;padding:0 5px;text-align:center}.page-roulette .custom-guide p{margin-bottom:8px;font-size:14px;color:var(--typo4)}.page-roulette .custom-guide a,.page-roulette .custom-guide button{text-align:center;font-weight:600;font-size:18px;border-radius:8px;border:0}.page-roulette .custom-guide a.point,.page-roulette .custom-guide button.point{color:var(--blue1)!important}.page-roulette .custom-guide .flex-btn{display:flex;align-items:center;justify-content:center}.page-roulette .custom-guide .flex-btn a+a,.page-roulette .custom-guide .flex-btn button+a{margin-left:8px}.page-roulette .custom-guide .flex-btn a,.page-roulette .custom-guide .flex-btn button{background:none;color:var(--typo1);padding:12px 6px;text-decoration:underline;text-underline-offset:5px}@media (max-width: 550px){.page-roulette .custom-guide .flex-btn a,.page-roulette .custom-guide .flex-btn button{font-size:16px}}.page-roulette .menu-snackbar{position:fixed;bottom:15px;left:50%;background:rgba(0,0,0,.75);padding:10px 16px;font-size:15px;font-weight:500;border-radius:20px;color:#fff;opacity:0;transform:translate(-50%);transition:.2s;z-index:999}.page-roulette .menu-snackbar.show{opacity:1}.page-roulette .choice-wrap{max-width:460px;padding:0 20px;margin:15px auto 10px}.page-roulette .btn-control{max-width:460px;margin:12px auto;padding:0 20px}.page-roulette .btn-wrap{display:flex;align-items:center;justify-content:center;width:100%}.page-roulette .btn-wrap button{flex:1;display:flex;align-items:center;justify-content:center;background-color:var(--blue1);color:#fff;border:2px solid var(--blue1);border-radius:25px;padding:14px 10px;font-size:17px;font-weight:700}.page-roulette .btn-wrap button:disabled{opacity:.6;cursor:not-allowed}.page-roulette .btn-wrap .btn-add{color:var(--blue1);max-width:100px;background-color:var(--surfaceBlue1);border:1px solid var(--blue1);margin-right:8px}.page-roulette .btn-wrap .btn-add svg{font-size:18px;margin-right:4px}.page-roulette .btn-wrap .btn-action{flex:1}.page-roulette .btn-menu-share{display:flex;width:100%;border-radius:25px;border:0;text-align:center;justify-content:center;align-items:center;padding:16px;background:var(--surface-btn);font-size:16px;font-weight:600;margin-top:10px;color:var(--typo1)}.page-roulette .btn-menu-share svg{margin-left:8px;font-size:20px}.page-roulette .recent-menu-wrap{padding:0 16px}.page-roulette .recent-menus{max-width:420px;border-radius:16px;padding:8px 20px;background:var(--bg);box-shadow:1px 2px 8px #00000012;border:0!important;margin:16px auto 10px}@media (max-width: 550px){.page-roulette .recent-menus{padding:8px 14px}}.page-roulette .recent-menus h3{font-size:16px;font-weight:600;color:var(--typo2);margin-bottom:12px}@media (max-width: 550px){.page-roulette .recent-menus h3{font-size:15px}}.page-roulette .recent-menus ul{display:flex;flex-wrap:wrap;gap:8px}.page-roulette .recent-menus ul li{display:inline-flex;flex-shrink:0;justify-content:space-between;align-items:center;padding:4px 8px;border-radius:8px;font-size:13px;background:var(--surface1);transition:all .2s}.page-roulette .recent-menus ul li .count{font-style:10px;color:var(--typo7);margin-left:2px}.page-roulette .roul-list button{padding:10px 14px;font-weight:600;border-radius:6px;font-size:15px}.page-roulette .roul-list .item{margin-bottom:8px;display:flex}.page-roulette .roul-list .item input{-webkit-appearance:none;flex:1;padding:0 12px;font-weight:600;font-size:16px;border-radius:8px;border:1px solid var(--bg);background-color:var(--bg);color:var(--typo1);box-shadow:2px 2px 4px #0000000d}.page-roulette .roul-list .item input.empty{border-color:var(--red1)}.page-roulette .roul-list .item input:focus{outline:none}.page-roulette .roul-list .item button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:4px;padding:0;border:0;background:none;width:36px;height:40px;cursor:pointer}.page-roulette .roul-list .item button svg{font-size:24px;color:var(--red1)}.page-roulette .result-info{font-size:18px;min-height:44px;margin-bottom:10px}.page-roulette .result-info .info{margin-top:8px;line-height:1.3}.page-roulette .result-info .info span{font-size:13px;color:var(--typo4);margin:0 4px}.page-roulette .result-info .info span em{font-size:12px;color:var(--blue1)}.page-roulette .result-info.on .ready{display:block}.page-roulette .result-info.on .ready .ico{animation:announce .08s infinite alternate}.page-roulette .result-info.isResult .result{display:block}.page-roulette .result-info.isResult .ready{display:none}.page-roulette .result-info .ready .ico{display:inline-block;font-size:35px;line-height:1;margin-left:3px}.page-roulette .result-info .result{display:none}.page-roulette .result-info .result .result-menu{font-weight:600;font-size:26px;font-weight:700;display:inline-block;animation:popMotion .3s;box-shadow:inset 0 -10px #38e1ff,inset 0 -10px #ff0}.dark-mode .page-roulette .result-info .result .result-menu{box-shadow:inset 0 -10px #2f506b,inset 0 -10px #ff0}@keyframes announce{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}@keyframes popMotion{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}