.ui-dialog.ui-settings{width:min(460px,100%)}.ui-set-section{border-bottom:2px dashed var(--ui-tan);font:400 19px/1.2 var(--ui-font-title);color:var(--ui-brown-mid);letter-spacing:.3px;margin:10px 0 4px;padding-bottom:2px}.ui-set-section:first-child{margin-top:0}.ui-set-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding:8px 4px;display:flex}.ui-set-row+.ui-set-row{border-top:1px solid #c9a35e73}.ui-set-label{color:var(--ui-brown);align-items:center;gap:8px;font-size:16px;font-weight:600;display:inline-flex}.ui-set-icon{object-fit:contain;filter:drop-shadow(0 1px 1px #0000004d);width:30px;height:30px}.ui-set-switch{cursor:pointer;flex:none;width:58px;height:30px;display:inline-block;position:relative}.ui-set-switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.ui-set-knob{border:2px solid var(--ui-brown-mid);pointer-events:none;background:linear-gradient(#d9c58f,#eadca6);border-radius:999px;transition:background .15s;position:absolute;inset:0;box-shadow:inset 0 2px 4px #5a381259}.ui-set-knob:after{content:"";border:2px solid var(--ui-brown);background:linear-gradient(#fffbe9,#f1d79c);border-radius:50%;width:22px;height:22px;transition:transform .15s cubic-bezier(.3,1.4,.5,1);position:absolute;top:2px;left:2px;box-shadow:0 2px #3a220866}.ui-set-switch input:checked+.ui-set-knob{background:linear-gradient(#93e33e,#5cb513 60%,#2f7d05);border-color:#1f5208}.ui-set-switch input:checked+.ui-set-knob:after{transform:translate(28px)}.ui-set-switch input:focus-visible+.ui-set-knob{outline-offset:2px;outline:3px solid #3aa6e8}.ui-set-volume .ui-set-label{flex:auto}.ui-set-slider{flex:100%;align-items:center;gap:10px;display:flex}.ui-set-range{--fill:50%;cursor:pointer;appearance:none;touch-action:pan-y;background:0 0;flex:auto;min-width:0;height:30px;margin:0}.ui-set-range::-webkit-slider-runnable-track{border:2px solid var(--ui-brown-mid);background:linear-gradient(90deg, #ffc552 0%, #ff911c var(--fill), #eadca6 var(--fill));border-radius:999px;height:12px;box-shadow:inset 0 2px 3px #5a38124d}.ui-set-range::-moz-range-track{border:2px solid var(--ui-brown-mid);background:#eadca6;border-radius:999px;height:8px}.ui-set-range::-moz-range-progress{background:linear-gradient(90deg,#ffc552,#ff911c);border-radius:999px;height:8px}.ui-set-range::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--ui-brown);background:radial-gradient(circle at 40% 35%,#fffbe9,#f1d79c 60%,#d9a85a);border-radius:50%;width:26px;height:26px;margin-top:-9px;box-shadow:0 2px #3a220880}.ui-set-range::-moz-range-thumb{border:2px solid var(--ui-brown);background:radial-gradient(circle at 40% 35%,#fffbe9,#f1d79c 60%,#d9a85a);border-radius:50%;width:22px;height:22px}.ui-set-range:disabled{cursor:default}.ui-set-value{text-align:right;font-variant-numeric:tabular-nums;width:52px;color:var(--ui-brown);flex:none;font-weight:700}.ui-set-volume.off .ui-set-slider{opacity:.45;filter:grayscale(.6)}.ui-set-seg{border:2px solid var(--ui-brown-mid);border-radius:12px;display:inline-flex;overflow:hidden;box-shadow:0 2px #3a220859}.ui-set-seg-btn{border:none;border-left:2px solid var(--ui-brown-mid);min-width:72px;min-height:36px;font:600 15px/1 var(--ui-font);cursor:pointer;touch-action:manipulation;background:linear-gradient(#fffbe9,#f1e2b4);padding:4px 10px;color:var(--ui-brown-mid)!important}.ui-set-seg-btn:first-child{border-left:none}.ui-set-seg-btn[aria-checked=true]{text-shadow:0 1px #0d3f73,0 -1px #0d3f73,1px 0 #0d3f73,-1px 0 #0d3f73;background:linear-gradient(#8ad9ff,#3aa6e8 55%,#1569b8);color:#fff!important}.ui-set-hint{color:var(--ui-brown-mid);flex:100%;margin:0;font-size:13px}.ui-set-fs{min-width:96px}@media (width<=420px){.ui-set-seg{flex:100%}.ui-set-seg-btn{flex:1 1 0;min-width:0}}.ui-tuto{z-index:35;pointer-events:none;position:absolute;inset:0}.ui-tuto[data-mode=center]{pointer-events:auto;background:radial-gradient(circle at 50% 45%,#051e3733,#05192d8c);place-items:center;padding:12px;animation:.2s ease-out ui-fade;display:grid}.ui-tuto .ui-tuto-bubble{pointer-events:auto;border-color:#0d5fa3;align-items:flex-start;gap:10px;width:min(400px,100vw - 16px);padding:12px 14px 12px 10px;display:flex;position:absolute;box-shadow:inset 0 0 0 2px #fffbe9,0 4px #0a3f6e,0 12px 28px #00142873}.ui-tuto[data-mode=center] .ui-tuto-bubble{align-items:center;width:min(520px,100%);padding:16px 18px 16px 12px;position:relative}.ui-tuto .ui-tuto-bubble.ui-tuto-pop{animation:.32s cubic-bezier(.2,1.5,.4,1) ui-pop}.ui-tuto-mascot{filter:drop-shadow(0 3px 2px #0000004d);transform-origin:50% 60%;flex:none;width:72px;height:auto;margin-top:2px;animation:2.4s ease-in-out infinite ui-tuto-swim}.ui-tuto[data-mode=center] .ui-tuto-mascot{width:128px}@keyframes ui-tuto-swim{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-4px)rotate(3deg)}}.ui-tuto-content{flex:auto;min-width:0}.ui-tuto-praise{color:#2f7d05;margin:0 0 2px;font-size:14px;font-weight:700}.ui-tuto-title{font:400 20px/1.15 var(--ui-font-title);letter-spacing:.3px;color:#1569b8;overflow-wrap:anywhere;margin:0 0 4px}.ui-tuto[data-mode=center] .ui-tuto-title{color:var(--ui-yellow);-webkit-text-stroke:5px var(--ui-brown);paint-order:stroke fill;text-shadow:0 2px 0 var(--ui-brown-dark);font-size:24px}.ui-tuto-text{color:var(--ui-brown);margin:0;font-size:15px;font-weight:500;line-height:1.3}.ui-tuto-hint{color:var(--ui-brown-mid);margin:6px 0 0;font-size:13px}.ui-tuto-actions{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:8px;display:flex}.ui-tuto-actions:empty{display:none}.ui-tuto-skip{font:600 13px/1 var(--ui-font);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px 2px;text-decoration:underline;color:var(--ui-brown-mid)!important}.ui-tuto-progress{color:#fff;font:700 12px/1.2 var(--ui-font);text-shadow:0 1px #0d3f73;background:linear-gradient(#8ad9ff,#3aa6e8);border:2px solid #0d3f73;border-radius:999px;padding:2px 8px;position:absolute;top:-12px;right:12px}.ui-tuto-ring,.ui-tuto-arrow{pointer-events:none;display:none;position:absolute}.ui-tuto[data-mode=target] .ui-tuto-ring,.ui-tuto[data-mode=target] .ui-tuto-arrow{display:block}.ui-tuto-ring{border:4px solid var(--ui-yellow);box-shadow:0 0 0 3px var(--ui-brown), 0 0 18px 6px #ffd23fbf;border-radius:16px;animation:1.1s ease-in-out infinite ui-tuto-pulse}@keyframes ui-tuto-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.06)}}.ui-tuto-arrow{width:44px;height:44px}.ui-tuto-arrow svg{filter:drop-shadow(0 3px 1px #00000059);width:100%;height:100%;animation:.8s ease-in-out infinite alternate ui-tuto-bob-down;display:block}.ui-tuto-arrow.up svg{animation-name:ui-tuto-bob-up}@keyframes ui-tuto-bob-down{0%{transform:translateY(-5px)}to{transform:translateY(3px)}}@keyframes ui-tuto-bob-up{0%{transform:rotate(180deg)translateY(-5px)}to{transform:rotate(180deg)translateY(3px)}}@media (width<=480px){.ui-tuto-mascot{width:52px}.ui-tuto[data-mode=center] .ui-tuto-bubble{text-align:center;flex-direction:column}.ui-tuto[data-mode=center] .ui-tuto-mascot{width:96px}.ui-tuto[data-mode=center] .ui-tuto-actions{justify-content:center}.ui-tuto-title{font-size:18px}.ui-tuto-text{font-size:14px}}@media (prefers-reduced-motion:reduce){.ui-tuto-mascot,.ui-tuto-ring,.ui-tuto-arrow svg{animation:none}}