.CB31jG_page{background:var(--surface-bg);color:var(--foreground)}.CB31jG_page .CB31jG_contentSection h2[class],.CB31jG_page .CB31jG_faqSection h2[class]{letter-spacing:-.025em;font-size:clamp(34px,3vw,44px);font-weight:400;line-height:1.18}.CB31jG_page .CB31jG_contentSection h3{font-size:20px;font-weight:600;line-height:28px}.CB31jG_composerWrap{max-inline-size:800px;margin-inline:auto}.CB31jG_goalSelect{background:var(--surface-bg);min-block-size:44px;max-inline-size:180px;color:var(--foreground);border:0;border-radius:16px;padding-inline:8px;font-size:14px}.CB31jG_goalSelect:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.CB31jG_composerWrap .CB31jG_goalSelect{background:0 0;border-radius:12px;transition:background-color .16s,box-shadow .16s}.CB31jG_composerWrap .CB31jG_goalSelect:hover,.CB31jG_composerWrap .CB31jG_goalSelect[data-state=open]{background:var(--hover)}.CB31jG_composerWrap .CB31jG_goalSelect:focus-visible{outline:1px solid var(--secondary-fg);outline-offset:2px;box-shadow:none}.CB31jG_contentSection{padding-block-end:160px;padding-inline:16px}.CB31jG_howToSection,.CB31jG_relatedSection{border-block-start:1px solid var(--divider);padding-block:160px}.CB31jG_stepList{max-inline-size:960px;margin:60px auto 0;padding:0;list-style:none}.CB31jG_stepList li{border-block-end:1px solid var(--divider);grid-template-columns:80px minmax(0,1fr);gap:32px;padding-block:32px;display:grid}.CB31jG_stepList li:last-child{border:0}.CB31jG_stepList li>span{color:var(--caption-fg);font-size:16px}.CB31jG_stepList h3{margin:0}.CB31jG_stepList p{color:var(--secondary-fg);margin-block:12px 0;font-size:18px;line-height:26px}.CB31jG_faqSection{padding-block:0 160px;padding-inline:16px}.CB31jG_preservationPreview,.CB31jG_rhythmPreview,.CB31jG_controlPreview{box-sizing:border-box;border:1px solid var(--default-border);background:var(--surface-bg);min-block-size:238px;inline-size:min(340px,100% - 32px);box-shadow:var(--shadow-medium);color:var(--foreground);border-radius:16px;margin-inline:auto;padding:24px}.CB31jG_preservationPreview>div{border-block-end:1px solid var(--divider);align-items:center;gap:8px;padding-block-end:16px;font-size:16px;font-weight:600;display:flex}.CB31jG_preservationPreview>div svg{block-size:18px;inline-size:18px;color:var(--primary)}.CB31jG_preservationPreview p{color:var(--secondary-fg);align-items:center;gap:10px;margin:15px 0 0;font-size:16px;line-height:24px;display:flex}.CB31jG_preservationPreview p svg{block-size:16px;inline-size:16px;color:var(--caption-fg)}.CB31jG_rhythmPreview>div{border-block-end:1px solid var(--divider);align-items:flex-end;gap:10px;block-size:118px;padding-block-end:18px;display:flex}.CB31jG_rhythmPreview>div span{background:var(--gray3);border-radius:999px 999px 4px 4px;flex:1}.CB31jG_rhythmPreview>div span:first-child{block-size:44%}.CB31jG_rhythmPreview>div span:nth-child(2){block-size:78%}.CB31jG_rhythmPreview>div span:nth-child(3){block-size:58%}.CB31jG_rhythmPreview>div span:nth-child(4){block-size:92%}.CB31jG_rhythmPreview>div span:nth-child(5){block-size:66%}.CB31jG_rhythmPreview p{color:var(--secondary-fg);margin:18px 0 0;font-size:16px;line-height:24px}.CB31jG_controlPreview>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.CB31jG_controlPreview>div+div{margin-block-start:8px}.CB31jG_controlPreview>div span{border:1px solid var(--default-border);color:var(--secondary-fg);text-align:center;text-overflow:ellipsis;white-space:normal;border-radius:16px;padding:10px;font-size:14px;line-height:20px;overflow:hidden}.CB31jG_controlPreview>div:first-child span:first-child{border-color:var(--primary);background:var(--hover);color:var(--foreground)}.CB31jG_controlPreview p{color:var(--secondary-fg);align-items:center;gap:8px;margin:18px 0 0;font-size:16px;line-height:24px;display:flex}.CB31jG_controlPreview p svg{block-size:16px;inline-size:16px;color:var(--primary)}@media (min-width:768px){.CB31jG_contentSection,.CB31jG_faqSection{padding-inline:24px}}@media (max-width:767px){.CB31jG_contentSection{padding-block-end:96px}.CB31jG_howToSection,.CB31jG_relatedSection{padding-block:96px}.CB31jG_faqSection{padding-block-end:96px}.CB31jG_stepList li{grid-template-columns:32px minmax(0,1fr);gap:16px}}.CB31jG_featureExplorer{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);align-items:center;gap:48px;max-inline-size:1200px;margin:60px auto 0;display:grid}.CB31jG_featureChoices{gap:8px;display:grid}.CB31jG_featureChoices button{white-space:normal;text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;justify-content:start;align-items:flex-start;gap:16px;block-size:auto;min-block-size:44px;padding:24px;display:flex}.CB31jG_featureChoices button[aria-pressed=true]{background:var(--sunken-bg);border-color:var(--divider)}.CB31jG_featureNumber{color:var(--caption-fg);padding-block-start:4px;font-size:14px}.CB31jG_featureTitle{font-size:20px;font-weight:600;line-height:28px;display:block}.CB31jG_featureDescription{color:var(--secondary-fg);margin-block-start:16px;font-size:16px;line-height:26px;display:block}.CB31jG_illustratedFeature{border-radius:32px;place-items:center;min-block-size:480px;padding:40px 24px;display:grid;position:relative;overflow:hidden}.CB31jG_writingBackground{-o-object-fit:cover;object-fit:cover}.CB31jG_featureOverlay{inline-size:100%;max-inline-size:370px;position:relative}.CB31jG_liveGoalControl{border:1px solid var(--divider);background:var(--surface-bg);box-shadow:var(--shadow-medium);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:20px auto 0;padding:10px 14px;display:flex}.CB31jG_liveGoalControl>span{color:var(--caption-fg);font-size:12px}.CB31jG_examplesExplorer{max-inline-size:1200px;margin:60px auto 0}.CB31jG_exampleChoices{flex-wrap:wrap;justify-content:center;gap:10px;margin-block-end:32px;display:flex}.CB31jG_exampleChoices button{cursor:pointer;border-radius:999px;align-items:center;gap:8px;min-block-size:44px;padding:10px 20px;font-size:14px;display:inline-flex}.CB31jG_examplePanel{max-inline-size:960px;margin-inline:auto}.CB31jG_documentPreview{background:var(--sunken-bg);block-size:430px;box-shadow:0 1px 4px color-mix(in srgb, var(--gray0) 4%, transparent);border-radius:14px}.CB31jG_revisionContent{min-block-size:220px}.CB31jG_revisionContent p{margin-block:0 24px}.CB31jG_removedText{color:color-mix(in srgb, var(--foreground) 20%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--foreground) 12%, transparent);text-decoration-color:color-mix(in srgb, var(--foreground) 12%, transparent)}.CB31jG_addedText{color:var(--function-purple);background:color-mix(in srgb, var(--function-purple) 12%, transparent);text-decoration:none}.CB31jG_exampleExplanation{color:var(--secondary-fg);margin-block:20px 0;font-size:16px;line-height:26px}.CB31jG_exampleActions{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;padding-block:24px;display:grid}.CB31jG_exampleActions p{color:var(--caption-fg);margin:0;font-size:12px;line-height:18px}.CB31jG_exampleActions button{cursor:pointer;border-radius:999px;flex-shrink:0;justify-self:end;align-items:center;gap:8px;min-block-size:44px;padding:10px 18px;font-size:14px;display:inline-flex}.CB31jG_undoExample{min-block-size:44px;color:var(--link);cursor:pointer;background:0 0;border:0;margin:12px auto 0;padding:8px 12px;font-size:14px;text-decoration:underline;display:block}.CB31jG_featureChoices button:focus-visible,.CB31jG_exampleChoices button:focus-visible,.CB31jG_exampleActions button:focus-visible,.CB31jG_undoExample:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.CB31jG_exampleActions button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:767px){.CB31jG_featureExplorer{grid-template-columns:minmax(0,1fr);gap:24px}.CB31jG_featureChoices button{padding:16px}.CB31jG_featureTitle{font-size:20px;line-height:28px}.CB31jG_illustratedFeature{min-block-size:400px;padding:32px 20px}.CB31jG_documentPreview{block-size:520px}.CB31jG_exampleChoices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.CB31jG_exampleChoices button{justify-content:center;padding-inline:14px}.CB31jG_exampleActions{grid-template-columns:minmax(0,1fr)}}.CB31jG_featureChoices button[aria-pressed=false] .CB31jG_featureDescription{display:none}.CB31jG_composerWrap form{border-radius:24px}.CB31jG_composerWrap form button[type=submit]{min-block-size:44px}.CB31jG_examplesSection{padding-block-end:80px}.CB31jG_workspaceSection{padding:0 16px 80px}.CB31jG_howToSection{padding-block-start:96px}.CB31jG_workspaceModule{border:1px solid var(--divider);background:var(--sunken-bg);border-radius:16px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:32px;max-inline-size:960px;margin-inline:auto;padding:28px;display:grid}.CB31jG_workspaceCopy{min-inline-size:0}.CB31jG_page main .CB31jG_workspaceTitle{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:22px;font-weight:500;line-height:1.4}.CB31jG_workspaceCopy p{color:var(--secondary-fg);margin-block:12px;font-size:14px;line-height:1.75}.CB31jG_workspaceLink{background:var(--foreground);min-block-size:44px;color:var(--surface-bg);border-radius:999px;grid-column:1/-1;justify-content:center;justify-self:end;align-items:center;gap:8px;margin-block-start:4px;padding:10px 18px;font-size:14px;font-weight:500;transition:opacity .16s;display:inline-flex}.CB31jG_workspaceLink:hover{opacity:.85}.CB31jG_workspaceLink:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.CB31jG_workspaceVisual{min-inline-size:0}.CB31jG_workspaceImage{block-size:auto;inline-size:100%;display:block}@media (max-width:767px){.CB31jG_examplesSection,.CB31jG_workspaceSection{padding-block-end:48px}.CB31jG_howToSection{padding-block-start:64px}.CB31jG_workspaceModule{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px}}@media (min-width:768px){.CB31jG_workspaceCopy{grid-area:1/1/3;align-self:center}.CB31jG_workspaceVisual{grid-area:1/2}.CB31jG_workspaceLink{grid-area:2/2}}