html{-webkit-text-size-adjust:100%;color-scheme:light only;background-color:#f2f0e9;overflow-x:clip}body{font-family:var(--ui);color:#16215a;-webkit-font-smoothing:antialiased;background-color:#f2f0e9;margin:0;font-size:16px;font-weight:600;line-height:1.4;overflow-x:clip}*{box-sizing:border-box}.btn{font-family:var(--ui);color:#fff;cursor:pointer;background:#d0342c;border:1px solid #d0342c;border-radius:4px;padding:10px 22px;font-size:16px;font-weight:800}.btn:hover{background:#b82c25}.btn[disabled]{opacity:.5;cursor:default}.wrap{max-width:794px;margin:0 auto;padding:0 16px}.qtop{z-index:20;color:#16215a;background:#fff;border-bottom:1px solid #c9cbcf;padding:8px 0;position:sticky;top:0}.qtop .wrap{justify-content:space-between;align-items:center;gap:12px;display:flex}.qtop .wrap>div:first-child{min-width:0}.qtop b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;display:block;overflow:hidden}.qtop span{color:#4a5275;white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.clock{color:#16215a;font-variant-numeric:tabular-nums;white-space:nowrap;border:2px solid #16215a;border-radius:4px;padding:1px 10px;font-size:24px;font-weight:800}.clock.warn{color:#8c5100;border-color:#8c5100}.clock.out{color:#d0342c;border-color:#d0342c}.clock.due{border-width:1px;padding:3px 8px;font-size:13px;font-weight:400}.qprog{background:#e3e4e6;height:3px;position:absolute;bottom:-1px;left:0;right:0}.qprog i{background:#d0342c;height:100%;transition:width .3s;display:block}.qwrap{max-width:850px;margin:0 auto;padding:22px 16px 120px}@media (width<=640px){.qwrap{padding:0 0 110px}}.qfoot{padding:10px 0 calc(10px + env(safe-area-inset-bottom));z-index:20;background:#fff;border-top:1px solid #c9cbcf;position:fixed;bottom:0;left:0;right:0}.qfoot .wrap{justify-content:space-between;align-items:center;gap:12px;display:flex}.qfoot .left{color:#16215a;min-width:0;font-size:14px}.qfoot .btn,.qfoot button{white-space:nowrap;flex:none}.qsave{color:#4a5275;font-size:12px}.qsave:not(:empty):before{content:" · "}.qnext[hidden]+.qsave:before{content:""}.qright{flex:none;align-items:center;gap:10px;display:flex}.qhelp{color:#16215a;width:30px;height:30px;font:800 15px/1 var(--ui);cursor:pointer;background:#fff;border:1.5px solid #16215a;border-radius:50%;padding:0}.qhelp:hover{background:#f2f2f2}.qnext{font:inherit;color:#16215a;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:4px 0 0;font-size:13px;text-decoration:underline}.xflash{animation:1.6s ease-out xflash}@keyframes xflash{0%,30%{background:#f9e6e3}to{background:0 0}}.xans input::placeholder{color:#9a9a9a;font-size:13px}.xans input:placeholder-shown{background:#f3f5f9}.xans input:focus{background:#f7f9fc}.qdlg{color:#16215a;width:min(440px,100vw - 32px);height:fit-content;max-height:calc(100dvh - 32px);font-family:var(--ui);border:0;border-radius:10px;margin:auto;padding:20px 20px 16px;position:fixed;inset:0;overflow:auto;box-shadow:0 10px 40px #00000040}.qdlg::backdrop{background:#0a0e1e80}.qdlg h2{margin:0 0 6px;font-size:18px;font-weight:800}.qdlg p{color:#4a5275;margin:0 0 12px;font-size:15px}.qdlg-blanks{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:flex}.qchip{font:800 14px var(--ui);color:#16215a;cursor:pointer;background:#fff;border:1.5px solid #16215a;border-radius:100px;padding:6px 12px}.qchip:hover{background:#f9e6e3}.qdlg-act{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.btn.ghost{color:#16215a;background:#fff;border-color:#16215a47}.btn.ghost:hover{background:#f2f2f2}.qg{z-index:1000;position:fixed;inset:0}.qg-ring{pointer-events:none;border:3px solid #d0342c;border-radius:8px;transition:all .2s ease-out;position:fixed;box-shadow:0 0 0 9999px #0a0e1e8c}.qg-tip{color:#fff;font-family:var(--ui);background:#16215a;border-radius:10px;padding:12px 14px;position:fixed;box-shadow:0 6px 24px #0000004d}.qg-count{color:#de716b;letter-spacing:.02em;margin-bottom:4px;font-size:12px}.qg-tip b{margin-bottom:4px;font-size:16px;font-weight:800;display:block}.qg-tip p{color:#f2f0e9;margin:0 0 12px;font-size:14.5px;line-height:1.45}.qg-act{justify-content:space-between;align-items:center;gap:10px;display:flex}.qg-skip{font:inherit;color:#f2f0e9c7;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:14px;text-decoration:underline}.qg-next{font:800 15px var(--ui);color:#16215a;cursor:pointer;background:#de716b;border:0;border-radius:6px;padding:9px 18px}.qg-next:focus-visible,.qg-skip:focus-visible{outline-offset:2px;outline:2px solid #fff}.qg-arrow{background:#16215a;width:14px;height:14px;position:absolute;transform:translate(-50%)rotate(45deg)}.qg-tip.down .qg-arrow{top:-7px}.qg-tip.up .qg-arrow{bottom:-7px}.qg-tip.side-l .qg-arrow{left:0;transform:translate(-50%,-50%)rotate(45deg)}.qg-tip.side-r .qg-arrow{left:100%;transform:translate(-50%,-50%)rotate(45deg)}@media (prefers-reduced-motion:reduce){.qg-ring{transition:none}.xflash{animation:none}}.qdone{text-align:center;background:#fff;max-width:520px;margin:60px auto;padding:34px 20px;box-shadow:0 1px 3px #0000001f}.qdone .big{color:#16215a;font-variant-numeric:tabular-nums;font-size:52px;font-weight:800;line-height:1}.qdone p{color:#4a5275;margin-top:12px;font-size:16px}.qmsg{background:#fff;border-left:4px solid #16215a;max-width:794px;margin:0 auto 14px;padding:12px 15px;font-size:15px}.qmsg.bad{border-left-color:#d0342c}.qmsg .btn{margin-top:12px;display:block}@media (width<=640px){.qmsg{margin:12px}}@media (prefers-color-scheme:dark){html{background-color:#f2f0e9!important}body{color:#16215a!important;background-color:#f2f0e9!important}.qtop,.qfoot,.qdone,.qmsg{color:#16215a!important;background-color:#fff!important}}.qhow{background:#fff;border:1px solid #c9cbcf;border-radius:6px;max-width:794px;margin:0 auto 14px}.qhow summary{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;font-size:16px;font-weight:800;list-style:none;display:flex}.qhow summary::-webkit-details-marker{display:none}.qhow summary:after{content:"Hide";color:#16215a;font-size:13px;font-weight:600;text-decoration:underline}.qhow:not([open]) summary:after{content:"Show"}.qhow-in{gap:14px;padding:0 16px 16px;display:grid}.qhow-in img{border:1px solid #16215a24;border-radius:6px;width:100%;max-width:600px;height:auto;margin:0 auto;display:block}.qhow ol{counter-reset:qs;align-content:start;gap:9px;margin:0;padding:0;list-style:none;display:grid}.qhow li{counter-increment:qs;padding-left:32px;font-size:14.5px;line-height:1.45;position:relative}.qhow li:before{content:counter(qs);color:#fff;width:22px;height:22px;font:800 12.5px/22px var(--ui);text-align:center;background:#d0342c;border-radius:50%;position:absolute;top:0;left:0}@media (width>=760px){.qhow-in{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}}@media (width<=640px){.qhow{margin:12px}}
