:root{--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bg:#f5f5f7;--surface:#fff;--surface-elev:#fffffff0;--fill:#7676801f;--fill-strong:#e3e3e8;--seg-thumb:#fff;--ink:#1d1d1f;--ink-2:#6e6e73;--ink-3:#a1a1a6;--line:#00000014;--brand:#e8483f;--brand-hover:#d63d35;--brand-soft:#e8483f17;--pause-bg:#ff950029;--pause-ink:#c25e00;--focus:#0071e38c;--mark-bg:#1d1d1f;--swatch-edge:#0000001f;--header-bg:#f5f5f7c7;--menu-shadow:0 12px 40px #00000024, 0 0 0 .5px #00000014;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#000;--surface:#1c1c1e;--surface-elev:#2c2c2ef5;--fill:#7676803d;--fill-strong:#333336;--seg-thumb:#636366;--ink:#f5f5f7;--ink-2:#a1a1a6;--ink-3:#6e6e73;--line:#ffffff1a;--brand:#ff5a50;--brand-hover:#ff7066;--brand-soft:#ff5a5024;--pause-bg:#ff9f0a33;--pause-ink:#ff9f0a;--focus:#0a84ffb3;--mark-bg:#2c2c2e;--swatch-edge:#ffffff38;--header-bg:#161617c7;--menu-shadow:0 12px 40px #00000080, 0 0 0 .5px #ffffff1f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#000;--surface:#1c1c1e;--surface-elev:#2c2c2ef5;--fill:#7676803d;--fill-strong:#333336;--seg-thumb:#636366;--ink:#f5f5f7;--ink-2:#a1a1a6;--ink-3:#6e6e73;--line:#ffffff1a;--brand:#ff5a50;--brand-hover:#ff7066;--brand-soft:#ff5a5024;--pause-bg:#ff9f0a33;--pause-ink:#ff9f0a;--focus:#0a84ffb3;--mark-bg:#2c2c2e;--swatch-edge:#ffffff38;--header-bg:#161617c7;--menu-shadow:0 12px 40px #00000080, 0 0 0 .5px #ffffff1f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);letter-spacing:-.022em;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:17px;line-height:1.47;overflow-x:hidden}body.no-scroll{overflow:hidden}a{color:inherit}button,input{font:inherit;color:inherit;letter-spacing:inherit}button{-webkit-tap-highlight-color:transparent}svg{display:block}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:400;background:var(--ink);color:var(--bg);border-radius:10px;padding:8px 14px;font-size:15px;text-decoration:none;transition:top .2s;position:absolute;top:-48px;left:12px}.skip:focus{top:12px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.nav{z-index:60;background:var(--header-bg);border-bottom:1px solid var(--line);position:relative}.nav-inner{justify-content:space-between;align-items:center;gap:12px;max-width:1200px;height:56px;margin:0 auto;padding:0 12px 0 8px;display:flex}.nav-start{align-items:center;gap:4px;min-width:0;display:flex}.brand{color:var(--ink);letter-spacing:-.025em;border-radius:10px;align-items:center;gap:10px;font-size:19px;font-weight:650;text-decoration:none;display:inline-flex}.brand-mark{flex:none;width:30px;height:30px}.nav-actions{align-items:center;gap:2px;display:flex}.icon-btn{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:background-color .2s;display:grid}.icon-btn:hover{background:var(--fill)}.icon-btn svg{width:22px;height:22px}.dropdown{position:relative}.menu{inset-inline-end:0;background:var(--surface-elev);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);min-width:232px;max-height:min(70vh,520px);box-shadow:var(--menu-shadow);opacity:0;transform-origin:100% 0;pointer-events:none;visibility:hidden;border-radius:14px;padding:6px;transition:opacity .18s,transform .18s,visibility 0s .18s;position:absolute;top:calc(100% + 8px);overflow-y:auto;transform:scale(.96)translateY(-4px)}.dropdown.open .menu{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .18s,transform .18s;transform:none}.menu-title{color:var(--ink-2);margin:0;padding:8px 12px 6px;font-size:13px;font-weight:500}.menu a{color:var(--ink);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:15px;text-decoration:none;display:flex}.menu a:hover,.menu a:focus-visible{background:var(--fill);outline:none}.menu a .native{color:var(--ink-2);font-size:13px}.menu a svg{width:16px;height:16px;color:var(--brand)}.scrim{z-index:90;opacity:0;pointer-events:none;background:#0000004d;transition:opacity .3s;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.drawer{top:0;inset-inline-start:0;z-index:100;background:var(--surface);visibility:hidden;flex-direction:column;width:min(400px,92vw);transition:transform .42s cubic-bezier(.32,.72,0,1),visibility 0s .42s;display:flex;position:fixed;bottom:0;transform:translate(-100%);box-shadow:20px 0 60px #0000001f}[dir=rtl] .drawer{transform:translate(100%);box-shadow:-20px 0 60px #0000001f}.drawer.open{visibility:visible;transition:transform .42s cubic-bezier(.32,.72,0,1);transform:none}.drawer-head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;height:56px;padding:0 8px 0 20px;display:flex}.drawer-head h2{margin:0;font-size:17px;font-weight:600}.drawer-body{-webkit-overflow-scrolling:touch;padding:8px 20px 32px;overflow-y:auto}.drawer-section{padding:18px 0 6px}.drawer-section+.drawer-section{border-top:1px solid var(--line)}.drawer-section h3{color:var(--ink-2);letter-spacing:-.01em;margin:0 0 10px;font-size:13px;font-weight:600}.chip-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.chip-link{text-align:center;background:var(--fill);font-variant-numeric:tabular-nums;border-radius:12px;padding:9px 6px;font-size:15px;font-weight:500;text-decoration:none;transition:background-color .2s;display:block}.chip-link:hover{background:var(--fill-strong)}.link-list{margin:0;padding:0;list-style:none}.link-list a{justify-content:space-between;align-items:center;gap:12px;padding:11px 0;font-size:16px;text-decoration:none;display:flex}.link-list li+li a{border-top:1px solid var(--line)}.link-list a:hover{color:var(--brand)}.link-list svg{width:16px;height:16px;color:var(--ink-3);flex:none}.hero{text-align:center;max-width:760px;margin:0 auto;padding:52px 20px 28px}.hero h1{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(40px,7vw,64px);font-weight:700;line-height:1.04}.hero p{max-width:34em;color:var(--ink-2);letter-spacing:-.015em;margin:0 auto;font-size:clamp(17px,2.2vw,21px);line-height:1.4}.hero .hero-actions{margin-top:28px}.hero-actions .btn{align-items:center;text-decoration:none;display:inline-flex}.tool{grid-template-columns:minmax(0,1fr);grid-template-areas:"presets""stage""deck""side""tasks";gap:20px;max-width:1200px;margin:0 auto;padding:0 16px;display:grid}.area-presets{grid-area:presets}.area-stage{grid-area:stage}.area-deck{grid-area:deck}.side{grid-area:side}.tasks{grid-area:tasks}@media (width>=1024px){.tool{grid-template:"presets side""stage side""deck side""tasks side"1fr/minmax(0,1fr) 360px;gap:20px 28px}.side{align-self:start}}.segmented{background:var(--fill);border-radius:12px;grid-template-columns:repeat(8,1fr);gap:2px;padding:3px;display:grid}.seg-btn{cursor:pointer;white-space:nowrap;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:9px;padding:8px 2px;font-size:15px;font-weight:600;transition:background-color .2s,box-shadow .2s}.seg-btn small{color:var(--ink-2);margin-left:2px;font-size:13px;font-weight:500}.seg-btn:hover:not([aria-pressed=true]){background:#7f7f7f1a}.seg-btn[aria-pressed=true]{background:var(--seg-thumb);box-shadow:0 3px 8px #0000001f,0 0 0 .5px #0000000a}@media (width<=600px){.segmented{grid-template-columns:repeat(4,1fr)}}.custom-panel{background:var(--surface);border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:12px;margin-top:10px;padding:16px;display:flex}.custom-panel[hidden]{display:none}.time-field{flex-direction:column;align-items:center;gap:4px;display:flex}.time-field span{color:var(--ink-2);font-size:13px}.time-field input{background:var(--fill);text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;border:0;border-radius:12px;width:76px;height:56px;font-size:28px;font-weight:600}.time-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.time-sep{color:var(--ink-3);padding-bottom:10px;font-size:28px;font-weight:600}.custom-actions{gap:8px;padding-bottom:6px;display:flex}.btn{cursor:pointer;background:var(--ink);height:44px;color:var(--bg);border:0;border-radius:999px;padding:0 20px;font-size:15px;font-weight:600;transition:opacity .2s,transform .15s}.btn:hover{opacity:.86}.btn:active{transform:scale(.97)}.btn.ghost{background:var(--fill);color:var(--ink)}.stage{aspect-ratio:16/10;isolation:isolate;-webkit-user-select:none;user-select:none;background:#1c1c1e;border-radius:28px;width:100%;position:relative;overflow:hidden;container-type:size}.stage:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--line);position:absolute;inset:0}@media (width<=640px){.stage{aspect-ratio:4/5;border-radius:24px}}.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage-label{text-align:center;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;opacity:.82;pointer-events:none;padding:0 24px;font-size:clamp(13px,4.5cqh,24px);font-weight:600;line-height:1.2;position:absolute;top:6%;left:0;right:0;overflow:hidden}.stage-time{text-align:center;letter-spacing:-.035em;font-variant-numeric:tabular-nums;pointer-events:none;font-size:min(11.5cqh,15cqw);font-weight:700;line-height:1;position:absolute;bottom:5.5%;left:0;right:0}.stage-time.is-long{font-size:min(11.5cqh,11cqw)}.stage.ink-light{color:#fff}.stage.ink-light .stage-time,.stage.ink-light .stage-label{text-shadow:0 2px 14px #00000047}.stage.ink-dark{color:#1d1d1f}.stage.ink-dark .stage-time{text-shadow:0 1px 16px #ffffff73}.stage.hide-time .stage-time,.stage.conceal-time .stage-time{opacity:0}.stage.is-done .stage-time{animation:1.1s ease-in-out 2 done-pulse}@keyframes done-pulse{0%,to{transform:scale(1)}40%{transform:scale(1.08)}}.dial-hit{cursor:grab;touch-action:none;border-radius:50%;display:none;position:absolute}.dial-hit:active{cursor:grabbing}.stage.can-drag .dial-hit{display:block}.dial-hit:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.stage:fullscreen{aspect-ratio:auto;border-radius:0;width:100%;height:100%}.stage:fullscreen{aspect-ratio:auto;border-radius:0;width:100%;height:100%}.stage.is-pseudo-fs{z-index:500;aspect-ratio:auto;border-radius:0;width:100vw;height:100dvh;position:fixed;inset:0}.stage.is-fs{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.stage.is-fs:after{display:none}.fs-bar{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);background:#1c1c1e8c;border-radius:999px;gap:6px;padding:6px;transition:opacity .4s;display:none;position:absolute;transform:translate(-50%);box-shadow:0 8px 30px #0000002e,inset 0 0 0 .5px #ffffff1f}@media (orientation:landscape) and (height<=540px){.fs-bar{top:50%;bottom:auto;left:auto;right:calc(24px + env(safe-area-inset-right));flex-direction:column;transform:translateY(-50%)}}.stage.is-fs .fs-bar{display:flex}.stage.is-fs.idle .fs-bar{opacity:0;pointer-events:none}.stage.is-fs.idle{cursor:none}.fs-bar button{cursor:pointer;color:#fff;background:0 0;border:0;border-radius:50%;place-items:center;width:48px;height:48px;transition:background-color .2s;display:grid}.fs-bar button:hover{background:#ffffff24}.fs-bar svg{width:22px;height:22px}.deck{flex-direction:column;gap:20px;display:flex}.controls{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:0 8px;display:grid}.round-btn{cursor:pointer;letter-spacing:-.02em;border:0;border-radius:50%;place-items:center;width:84px;height:84px;font-size:17px;font-weight:600;transition:background-color .2s,color .2s,transform .15s,opacity .2s;display:grid;position:relative}.round-btn:after{content:"";border:2px solid var(--bg);pointer-events:none;border-radius:50%;position:absolute;inset:3px}.round-btn:active:not(:disabled){transform:scale(.95)}.round-btn.secondary{background:var(--fill-strong);color:var(--ink)}.round-btn.primary{background:var(--brand);color:#fff}.round-btn.primary:hover{background:var(--brand-hover)}.round-btn.primary.is-running{background:var(--pause-bg);color:var(--pause-ink)}.round-btn:disabled{opacity:.4;cursor:default}.btn-ic{flex:none;width:18px;height:18px}.btn.has-icon,.pick.has-icon{justify-content:center;align-items:center;gap:8px;display:inline-flex}.btn.has-icon .btn-ic{width:17px;height:17px;margin-inline-start:-3px}.round-btn.has-icon{flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:15px;display:flex}.round-btn.has-icon .btn-ic{width:22px;height:22px}.has-icon .ic-running,.has-icon .ic-lap,.has-icon.is-running .ic-idle,.has-icon.is-lap .ic-idle{display:none}.has-icon.is-running .ic-running,.has-icon.is-lap .ic-lap{display:block}.status{color:var(--ink-2);text-align:center;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:6px;min-width:0;font-size:15px;display:flex}.status svg{flex:none;width:16px;height:16px}.actions{grid-template-columns:repeat(5,1fr);gap:6px;width:100%;max-width:560px;margin:0 auto;display:grid}.action{cursor:pointer;color:var(--ink);letter-spacing:-.01em;background:0 0;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:7px;padding:4px 2px;font-size:13px;font-weight:500;display:flex}.action .ic{background:var(--surface);border-radius:50%;place-items:center;width:50px;height:50px;transition:background-color .2s,transform .15s;display:grid}.action:hover .ic{background:var(--fill-strong)}.action:active .ic{transform:scale(.93)}.action svg{width:22px;height:22px}.action[aria-pressed=false] .ic{color:var(--ink-3)}.side{flex-direction:column;gap:14px;min-width:0;display:flex}.panel{background:var(--surface);border-radius:22px;min-width:0;padding:18px}.panel-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:14px;display:flex}.panel h2{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:600}.panel-head span{color:var(--ink-2);font-size:15px}.style-grid{grid-template-columns:repeat(4,1fr);gap:14px 8px;display:grid}.style-opt{cursor:pointer;text-align:center;color:var(--ink-2);background:0 0;border:0;border-radius:12px;flex-direction:column;gap:6px;padding:0;font-size:12px;font-weight:500;display:flex}.style-thumb{aspect-ratio:4/3;width:100%;box-shadow:0 0 0 1px var(--line);border-radius:12px;transition:box-shadow .2s,transform .2s;display:block;overflow:hidden}.style-opt:hover .style-thumb{transform:translateY(-1px)}.style-opt[aria-pressed=true]{color:var(--ink);font-weight:600}.style-opt[aria-pressed=true] .style-thumb{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--brand)}.style-opt:focus-visible{outline:none}.style-opt:focus-visible .style-thumb{box-shadow:0 0 0 2px var(--surface), 0 0 0 5px var(--focus)}.style-thumb{--a:var(--custom-accent,var(--style-accent));--b:var(--style-bg);--i:var(--style-ink);--lift:var(--style-lift,#fff);--face:var(--style-face,#f6f7f9);--tint:#d5e6f3;background:var(--b)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .style-thumb{--b:var(--style-bg-dark,var(--style-bg));--i:var(--style-ink-dark,var(--style-ink));--lift:var(--style-lift-dark,var(--style-lift,#fff));--face:var(--style-face-dark,var(--style-face,#f6f7f9))}}:root[data-theme=dark] .style-thumb{--b:var(--style-bg-dark,var(--style-bg));--i:var(--style-ink-dark,var(--style-ink));--lift:var(--style-lift-dark,var(--style-lift,#fff));--face:var(--style-face-dark,var(--style-face,#f6f7f9))}.style-grid[data-bg] .style-thumb{--b:var(--custom-bg);--tint:var(--custom-bg)}.style-grid[data-bg] .thumb-scene{display:none}.style-grid[data-ink=dark] .style-thumb{--i:#1d1d1f;--lift:#fff;--face:#f6f7f9}.style-grid[data-ink=light] .style-thumb{--i:#fff;--lift:#3e3e42;--face:#2b2b2e}.style-grid[data-bg=photo] .style-thumb{background:linear-gradient(#00000038, #00000038), var(--custom-photo) center / cover}.style-thumb .a{fill:var(--a)}.style-thumb .as{fill:none;stroke:var(--a)}.style-thumb .i{fill:var(--i)}.style-thumb .is{fill:none;stroke:var(--i)}.reset-defaults{cursor:pointer;background:var(--surface);width:100%;color:var(--ink);border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:13px 16px;font-size:15px;font-weight:500;transition:background-color .2s,opacity .2s;display:flex}.reset-defaults:hover:not(:disabled){background:var(--fill-strong)}.reset-defaults:disabled{opacity:.45;cursor:default}.reset-defaults svg{width:18px;height:18px}@media (width<=1023px){.style-grid{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;margin:-5px -5px 0;padding:5px 5px 8px;display:flex;overflow-x:auto}.style-grid::-webkit-scrollbar{display:none}.style-opt{scroll-snap-align:start;flex:0 0 108px}}@media (width>=700px) and (width<=1023px){.side{grid-template-columns:1fr 1fr;display:grid}.side .panel:first-child,.side .reset-defaults{grid-column:1/-1}}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{cursor:pointer;background:var(--c,#ccc);width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--swatch-edge);color:#fff;background-position:50%;background-size:cover;border:0;border-radius:50%;place-items:center;padding:0;transition:box-shadow .2s,transform .15s;display:grid;position:relative}.swatch:hover{transform:scale(1.08)}.swatch[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--swatch-edge), 0 0 0 2px var(--surface), 0 0 0 4px var(--ink)}.swatch:focus-within{outline:3px solid var(--focus);outline-offset:3px}.swatch input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.swatch svg{pointer-events:none;width:16px;height:16px}.swatch-auto{background:conic-gradient(from 200deg,#e8483f,#f5c142,#34c759,#0a84ff,#7c6cff,#e8483f)}.swatch-bg-auto{background:linear-gradient(135deg,#fff 0 50%,#1c1c1e 50% 100%)}.swatch-custom{background:var(--c,var(--fill));color:var(--ink)}.swatch-custom.has-value{color:#fff}.swatch-upload{background-color:var(--fill);color:var(--ink)}.swatch-upload.has-image{color:#0000}.panel-note{color:var(--ink-2);justify-content:space-between;align-items:center;gap:8px;margin:12px 0 0;font-size:13px;display:flex}.text-btn{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:500}.text-btn:hover{text-decoration:underline}.tasks{background:var(--surface);border-radius:22px;align-self:start;padding:20px}.tasks-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:16px;display:flex}.tasks-head h2{letter-spacing:-.03em;margin:0;font-size:22px;font-weight:700}.switch{color:var(--ink-2);cursor:pointer;align-items:center;gap:10px;font-size:15px;display:inline-flex}.switch input{appearance:none;background:var(--fill-strong);cursor:pointer;border-radius:999px;flex:none;width:51px;height:31px;margin:0;transition:background-color .25s;position:relative}.switch input:before{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .25s cubic-bezier(.3,.7,.4,1);position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #00000026,0 1px 1px #00000029}.switch input:checked{background:#34c759}.switch input:checked:before{transform:translate(20px)}.task-form{gap:8px;display:flex}.task-form .field{background:var(--fill);border:0;border-radius:12px;height:44px;padding:0 14px;font-size:16px}.task-form .field::placeholder{color:var(--ink-2);opacity:.8}.task-form .name{flex:1;min-width:0}.min-field{background:var(--fill);border-radius:12px;align-items:center;height:44px;padding-right:12px;display:flex}.min-field input{text-align:right;font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;border:0;width:52px;height:100%;padding:0 4px 0 8px;font-size:16px}.min-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.min-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.min-field span{color:var(--ink-2);font-size:15px}.form-hint{color:var(--brand);margin:8px 2px 0;font-size:13px}.form-hint[hidden]{display:none}@media (width<=420px){.task-form{flex-wrap:wrap}.task-form .name{flex-basis:100%}.min-field{flex:1}}.task-list{margin:16px 0 0;padding:0;list-style:none}.task{border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:10px 8px;display:grid;position:relative}.task+.task:before{content:"";background:var(--line);height:1px;position:absolute;top:0;left:44px;right:8px}.task.is-active{background:var(--brand-soft)}.task.is-active:before,.task.is-active+.task:before{display:none}.check{border:2px solid var(--ink-3);cursor:pointer;color:#0000;background:0 0;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;transition:background-color .2s,border-color .2s;display:grid}.check svg{stroke-width:2.6px;width:14px;height:14px}.check[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}.task-title{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.task.is-done .task-title{color:var(--ink-3);text-decoration:line-through}.task-now{color:var(--brand);font-size:12px;font-weight:600;display:block}.chip{color:var(--ink-2);background:var(--fill);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:13px}.mini-btn{cursor:pointer;width:34px;height:34px;color:var(--ink-2);background:0 0;border:0;border-radius:50%;place-items:center;transition:background-color .2s,color .2s;display:grid}.mini-btn:hover{background:var(--fill);color:var(--ink)}.mini-btn.run{color:var(--brand)}.mini-btn svg{width:18px;height:18px}.tasks-empty{color:var(--ink-2);margin:16px 2px 0;font-size:15px}.tasks-foot{color:var(--ink-2);font-variant-numeric:tabular-nums;margin:12px 8px 0;font-size:13px}.guide{max-width:760px;margin:104px auto 0;padding:0 20px}.guide h2{letter-spacing:-.035em;margin:0 0 16px;font-size:clamp(30px,4.6vw,44px);font-weight:700;line-height:1.08}.guide .lede{color:var(--ink-2);letter-spacing:-.015em;margin:0;font-size:19px;line-height:1.5}.steps{counter-reset:step;margin:40px 0 0;padding:0;list-style:none}.steps li{counter-increment:step;border-top:1px solid var(--line);grid-template-columns:36px 1fr;gap:18px;padding:22px 0;display:grid}.steps li:last-child{border-bottom:1px solid var(--line)}.steps li:before{content:counter(step);background:var(--ink);width:32px;height:32px;color:var(--bg);border-radius:50%;place-items:center;margin-top:1px;font-size:15px;font-weight:600;display:grid}.steps h3{letter-spacing:-.02em;margin:4px 0 6px;font-size:19px;font-weight:600}.steps p{color:var(--ink-2);margin:0}.guide-grid{grid-template-columns:1fr 1fr;gap:40px;margin-top:48px;display:grid}@media (width<=680px){.guide-grid{grid-template-columns:1fr;gap:32px}}.guide-grid h3{letter-spacing:-.02em;margin:0 0 12px;font-size:19px;font-weight:600}.guide-grid p{color:var(--ink-2);margin:0 0 12px;font-size:16px}.keys{margin:0;padding:0;list-style:none}.keys li{border-top:1px solid var(--line);color:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:16px;display:flex}.keys li:last-child{border-bottom:1px solid var(--line)}kbd{font-family:var(--font);color:var(--ink);text-align:center;background:var(--surface);min-width:28px;box-shadow:inset 0 -1px 0 var(--line), 0 0 0 1px var(--line);border-radius:7px;padding:3px 8px;font-size:13px;font-weight:600}.random-panel{background:var(--surface);border-radius:22px;flex-wrap:wrap;align-items:flex-end;gap:12px 14px;margin-top:12px;padding:16px;display:flex}.random-panel .field{flex:120px}.random-panel .btn{height:46px}.random-panel .switch{flex-basis:100%}.style-gallery{max-width:1200px;margin:72px auto 0;padding:0 16px}.style-gallery h2{letter-spacing:-.03em;text-align:center;margin:0 0 18px;font-size:clamp(24px,3.4vw,32px);font-weight:700}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.gallery-card{background:var(--surface);border-radius:22px;flex-direction:column;gap:6px;padding:14px 14px 18px;display:flex}.gallery-card h3{letter-spacing:-.02em;margin:8px 2px 0;font-size:17px;font-weight:600}.gallery-card p{color:var(--ink-2);flex:1;margin:0 2px;font-size:14px}.gallery-card .btn{align-self:flex-start;height:38px;margin-top:10px;font-size:14px}.crumbs{max-width:1200px;color:var(--ink-2);margin:0 auto;padding:18px 20px 0;font-size:13px}.crumbs ol{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"›";color:var(--ink-3);margin-inline-end:6px}.crumbs a{color:var(--ink-2);text-decoration:none}.crumbs a:hover{color:var(--ink);text-decoration:underline}.crumbs+.hero{padding-top:28px}.page-guide{margin-top:88px}.page-section+.page-section{margin-top:56px}.page-section h2{letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(24px,3.4vw,32px);font-weight:700;line-height:1.15}.page-section p{color:var(--ink-2);margin:0 0 14px;font-size:17px}.page-list{border-top:1px solid var(--line);margin:4px 0 0;padding:0;list-style:none}.page-list li{border-bottom:1px solid var(--line);color:var(--ink-2);padding:12px 0 12px 22px;position:relative}.page-list li:before{content:"";inset-inline-start:4px;background:var(--brand);border-radius:50%;width:7px;height:7px;position:absolute;top:21px}.faq-item{border-top:1px solid var(--line)}.faq-item:last-of-type{border-bottom:1px solid var(--line)}.faq-item summary{cursor:pointer;letter-spacing:-.015em;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-size:17px;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary svg{width:16px;height:16px;color:var(--ink-3);flex:none;transition:transform .2s}.faq-item[open] summary svg{transform:rotate(90deg)}.faq-item p{color:var(--ink-2);margin:0 0 18px}.related{max-width:1200px;margin:96px auto 0;padding:0 20px}.related h2{letter-spacing:-.03em;margin:0 0 18px;font-size:22px;font-weight:700}.related-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.related-grid a{background:var(--surface);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;height:100%;padding:15px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:background-color .2s;display:flex}.related-grid a:hover{background:var(--fill-strong)}.related-grid svg{width:16px;height:16px;color:var(--ink-3);flex:none}.shots{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:56px 0;display:grid}.shot{min-width:0;margin:0}.shot:first-child{grid-column:1/-1}.shot img{background:var(--fill);width:100%;height:auto;box-shadow:0 0 0 1px var(--line), 0 12px 32px #00000014;border-radius:18px;display:block}.shot figcaption{color:var(--ink-2);margin:10px 2px 0;font-size:14px;line-height:1.45}@media (width<=560px){.shots{grid-template-columns:minmax(0,1fr)}}.guide .shots{margin:40px 0 8px}.legal{margin-top:32px}.legal-updated{color:var(--ink-2);margin:0 0 32px;font-size:14px}.legal-list{color:var(--ink-2);margin:0;padding-inline-start:1.4em}.legal-list li{padding:8px 0 8px 6px;line-height:1.55}.legal-list li::marker{color:var(--ink);font-weight:600}.legal-back{margin-top:40px;font-size:16px}.legal-back a{color:var(--brand);font-weight:500;text-decoration:none}.legal-back a:hover{text-decoration:underline}.tool-shell{gap:20px;max-width:1200px;margin:0 auto;padding:0 16px;display:grid}.tool-shell.narrow{max-width:860px}.tool-cols{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}@media (width>=1024px){.tool-cols{grid-template-columns:minmax(0,1fr) 360px;align-items:start}}.card{background:var(--surface);border-radius:22px;min-width:0;padding:20px}.card-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.card h2,.card-title{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:600}.card-note{color:var(--ink-2);margin:12px 0 0;font-size:13px}.display{isolation:isolate;background:var(--display-bg,#1c1c1e);color:var(--display-ink,#fff);text-align:center;border-radius:28px;padding:clamp(24px,5vw,48px) clamp(16px,4vw,40px);position:relative;overflow:hidden}.display:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--line);position:absolute;inset:0}.display-label{opacity:.72;letter-spacing:-.01em;margin:0 0 8px;font-size:clamp(14px,1.8vw,18px);font-weight:600}.display-value{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(56px,11vw,132px);font-weight:700;line-height:1}.display-sub{opacity:.72;margin:12px 0 0;font-size:clamp(15px,1.9vw,19px)}.tiles{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.tile{background:var(--fill);text-align:center;border-radius:18px;padding:16px}.display .tile{background:#ffffff14}.tile-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(28px,4.4vw,44px);font-weight:700;line-height:1.05;display:block}.tile-label{color:var(--ink-2);margin-top:6px;font-size:13px;font-weight:500;display:block}.display .tile-label{color:inherit;opacity:.7}.form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>span,.field-label{color:var(--ink-2);font-size:13px;font-weight:500}.input,.select{background:var(--fill);font-variant-numeric:tabular-nums;width:100%;height:46px;color:var(--ink);-moz-appearance:textfield;border:0;border-radius:12px;padding:0 14px;font-size:16px}.input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}textarea.input{resize:vertical;height:auto;min-height:140px;padding:12px 14px;line-height:1.5}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238E8E93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-inline-end:36px}[dir=rtl] .select{background-position:12px}.button-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn.brand{background:var(--brand);color:#fff}.data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:15px}.data-table th,.data-table td{text-align:start;border-bottom:1px solid var(--line);padding:11px 12px}.data-table th{color:var(--ink-2);font-size:13px;font-weight:600}.data-table tbody tr:hover{background:var(--fill)}.data-table tr.is-current td{color:var(--brand);font-weight:600}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.quick-picks{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pick{background:var(--surface);height:38px;color:var(--ink);cursor:pointer;box-shadow:inset 0 0 0 1px var(--line);border:0;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;transition:background-color .2s;display:inline-flex}.pick:hover{background:var(--fill-strong)}.pick small{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:13px}.pick[aria-pressed=true]{background:var(--ink);color:var(--bg);box-shadow:none}.pick[aria-pressed=true] small{color:inherit;opacity:.75}.footer{border-top:1px solid var(--line);color:var(--ink-2);letter-spacing:-.01em;margin-top:112px;font-size:13px}.footer-inner{max-width:1200px;margin:0 auto;padding:40px 20px 28px}.footer-top{grid-template-columns:1.4fr repeat(4,1fr);gap:28px;display:grid}.footer-brand p{max-width:26em;margin:12px 0 0;line-height:1.5}.footer h4{color:var(--ink);margin:0 0 12px;font-size:13px;font-weight:600}.footer ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.footer a{color:var(--ink-2);text-decoration:none}.footer a:hover{color:var(--ink);text-decoration:underline}.footer-bottom{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:36px;padding-top:18px;display:flex}@media (width<=860px){.footer-top{grid-template-columns:1fr 1fr;gap:32px 20px}.footer-brand{grid-column:1/-1}}.toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:600;opacity:0;pointer-events:none;background:var(--ink);color:var(--bg);white-space:nowrap;border-radius:999px;padding:11px 18px;font-size:15px;font-weight:500;transition:opacity .25s,transform .25s;position:fixed;transform:translate(-50%,16px);box-shadow:0 10px 30px #0003}.toast.show{opacity:1;transform:translate(-50%)}