.focus-page{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f5f7;background:#0b0d10;flex-direction:column;height:100dvh;min-height:100svh;padding:0 clamp(18px,4vw,64px);font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;display:flex;overflow:auto}.focus-page:fullscreen{height:100dvh}.focus-page button,.focus-page a{-webkit-tap-highlight-color:transparent}.focus-page button{cursor:pointer;font:inherit}.focus-page button:focus-visible,.focus-page a:focus-visible{outline-offset:5px;outline:2px solid #fff}.focus-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;min-height:94px;display:flex}.focus-heading{align-items:center;gap:20px;display:flex}.focus-heading a{color:#9b9ea5;font-size:14px;text-decoration:none}.focus-heading a:hover{color:#fff}.focus-slash{color:#383c43;font-size:22px;font-weight:300}.focus-heading h1{color:inherit;letter-spacing:.04em;margin:0;font-family:inherit;font-size:21px;font-weight:550;line-height:1.5}.focus-icon-button{color:#b9bdc5;background:0 0;border:1px solid #30343b;border-radius:9px;align-items:center;gap:9px;padding:10px 14px;display:flex;font-size:14px!important}.focus-icon-button:hover{color:#fff;border-color:#717781}.focus-settings{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:18px;padding:3px 0 24px;display:flex}.focus-tabs{background:#191c21;border:1px solid #292d34;border-radius:12px;gap:4px;padding:4px;display:flex}.focus-tabs button{color:#a7acb5;background:0 0;border:0;border-radius:8px;padding:10px 22px;font-size:14px;line-height:1.4}.focus-tabs button[aria-pressed=true]{color:#13151a;background:#edeef1;font-weight:600}.focus-durations{align-items:center;gap:7px;font-size:14px;display:flex}.focus-durations>span{color:#969ca7;margin-right:10px}.focus-durations button{color:#acb1bc;background:0 0;border:1px solid #0000;border-radius:7px;padding:8px 12px;font-size:14px}.focus-durations button[aria-pressed=true]{color:#f4f5f7;background:#1c2026;border-color:#3b414b}.focus-loop-summary{color:#a7acb5;margin:0;font-size:14px;line-height:1.8}.focus-loop-summary span{color:#535964;margin:0 9px}.focus-tuning{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:26px;display:flex}.focus-speed{color:#a7acb5;align-items:center;gap:12px;font-size:14px;display:flex}.focus-speed>span{white-space:nowrap;min-width:82px}.focus-speed b{color:#e2e5ea;font-variant-numeric:tabular-nums;font-weight:500}.focus-speed input{accent-color:#e1e4e9;cursor:pointer;width:104px;min-height:24px}.focus-stage{background:#0f1216;border:1px solid #2a2e35;border-radius:16px;flex-direction:column;flex:1;min-height:360px;display:flex;overflow:hidden}.focus-stage-heading{color:#a7adb7;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:21px 25px 0;font-size:14px;display:flex}.focus-stage-heading p{margin:0;line-height:1.7}.focus-stage-heading>span{color:#7c8491;white-space:nowrap}.focus-field{flex:1;min-height:300px;margin:14px;position:relative}.focus-field canvas{touch-action:manipulation;width:100%;height:100%;display:block;position:absolute;inset:0}.focus-overlay{pointer-events:none;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.focus-start-card{text-align:center;pointer-events:auto;background:#11151af2;border:1px solid #30353e;border-radius:18px;width:min(400px,100%);padding:30px 26px 26px;box-shadow:0 18px 70px #0008}.focus-card-symbol{color:#cbd0d9;margin-bottom:20px;font:24px/1.2 system-ui;display:block}.focus-start-card h2{color:#f4f5f7;letter-spacing:.03em;margin:0 0 10px;font-family:inherit;font-size:21px;font-weight:500;line-height:1.5}.focus-start-card p{color:#a0a8b5;margin:0 0 25px;font-size:14px;line-height:1.9}.focus-primary{background:#f1f2f5;border:1px solid #f1f2f5;border-radius:9px;justify-content:center;align-items:center;gap:26px;min-height:44px;padding:12px 20px;display:inline-flex;color:#101318!important;font-size:14px!important;font-weight:600!important}.focus-primary:hover{background:#fff}.focus-primary>span{font-size:19px;font-weight:400;line-height:1}.focus-controls{min-height:94px;padding:20px 2px max(20px,env(safe-area-inset-bottom));flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;display:flex}.focus-hint{color:#a0a7b3;margin:0;font-size:14px;line-height:1.8}.focus-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.focus-secondary{color:#d3d8e1;background:0 0;border:1px solid #363c46;border-radius:9px;min-height:44px;padding:11px 15px;font-size:14px!important}.focus-secondary:hover{background:#20252d}.focus-secondary kbd{color:#949dab;border:1px solid #38404b;border-radius:4px;margin-left:12px;padding:1px 5px;font:12px/1.4 inherit}.focus-silent{color:#838c9b;font-size:13px}.focus-picks{pointer-events:none;position:absolute;inset:0}.focus-pick{pointer-events:none;background:0 0;border:0;border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.focus-pick:focus-visible{background:#ffffff12;outline-offset:3px!important;outline:2px dashed #fff!important}.focus-notice{color:#cbd1db;margin:0 0 18px;font-size:14px;line-height:1.6}@media (width<=640px){.focus-page{padding:0 16px}.focus-header{gap:10px;min-height:75px}.focus-heading{gap:12px}.focus-heading h1{font-size:18px}.focus-heading a{font-size:13px}.focus-icon-button{padding:10px}.focus-icon-button span{display:none}.focus-settings{gap:13px;padding-bottom:18px}.focus-tabs{width:100%}.focus-tabs button{flex:1}.focus-durations{justify-content:space-between;width:100%}.focus-tuning{gap:10px;width:100%}.focus-speed{justify-content:space-between;width:100%}.focus-speed input{width:calc(100% - 102px);max-width:210px}.focus-loop-summary{text-align:center;width:100%;font-size:13px}.focus-loop-summary span{margin:0 6px}.focus-stage{border-radius:12px;min-height:370px}.focus-stage-heading{padding:16px 16px 0;font-size:13px}.focus-field{margin:8px}.focus-start-card{padding:23px 16px}.focus-start-card h2{font-size:19px}.focus-controls{flex-direction:column;align-items:stretch;gap:13px;padding-top:16px}.focus-hint{text-align:center;font-size:13px}.focus-actions{justify-content:center}.focus-secondary kbd{display:none}}@media (height<=600px) and (width>=641px){.focus-header{min-height:65px}.focus-settings{padding-bottom:13px}.focus-stage{min-height:250px}.focus-field{min-height:200px}.focus-controls{min-height:74px;padding-block:12px}}*{box-sizing:border-box}html,body,#root{background:#0b0d10;min-height:100%;margin:0}body{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}button,input{font:inherit}