.ch4-root{--story-teal: #0c404c;--story-gold: #cda83d;--story-cerulean: #3aafb9;--story-moss: #77988d;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #5c5f60;--neutral-700: #4b5563;--neutral-800: #2e3132;--neutral-900: #191c1d;--border-default: rgba(46, 49, 50, .12);--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--font-legal: "Source Serif 4 Variable", serif;--shadow-xs: 0 1px 1px rgba(26, 28, 29, .04);--shadow-sm: 0 1px 2px rgba(26, 28, 29, .06), 0 1px 1px rgba(26, 28, 29, .04);--shadow-md: 0 4px 8px rgba(26, 28, 29, .08), 0 2px 4px rgba(26, 28, 29, .06)}.ch4-root .content__editorpane{position:relative;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.ch4-root .content__editor.section-editor{overflow-y:auto;padding:28px;min-height:0;flex:1;scroll-behavior:smooth;scroll-padding-top:64px}.ch4-root .content__editor.section-editor>*+*{margin-top:20px}.ch4-root .section-editor__spacer{height:40vh;pointer-events:none;flex-shrink:0;margin-top:0}.ch4-root .section-card{transition:opacity .22s ease,transform .22s ease,filter .22s ease,box-shadow .22s ease}.ch4-root[data-view-mode=focus] .section-card{opacity:.15;transform:scale(.985);filter:blur(.25px)}.ch4-root .section-card[data-active=true]{opacity:1;transform:none;filter:none;box-shadow:0 10px 24px #1a1c1d14,0 4px 8px #1a1c1d0d,0 1px 2px #1a1c1d0a}.ch4-root[data-view-mode=focus] .section-card:hover:not([data-active=true]){opacity:.4;filter:none}.ch4-root .section-group--has-children{transition:background .22s ease,border-color .22s ease,opacity .22s ease}.ch4-root[data-view-mode=focus] .section-group--has-children{opacity:.4}.ch4-root[data-view-mode=focus] .section-group--has-children:has([data-active=true]){opacity:1}.ch4-root .ch4-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid var(--border-default);background:#fff;color:var(--story-teal);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:var(--shadow-sm);transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.ch4-root .ch4-arrow:hover{background:var(--story-teal);border-color:var(--story-teal);color:#fff;transform:translateY(-50%) scale(1.08);box-shadow:var(--shadow-md)}.ch4-root .ch4-arrow:active{transform:translateY(-50%) scale(.96)}.ch4-root .ch4-arrow:focus-visible{outline:none;box-shadow:0 0 0 3px #cda83d73,var(--shadow-sm)}.ch4-root .ch4-arrow .material-symbols{font-size:26px}.ch4-root .ch4-arrow--prev{left:16px}.ch4-root .ch4-arrow--next{right:16px}.ch4-root .ch4-arrow__kbd{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--neutral-500);background:#ffffffeb;border:1px solid var(--border-default);border-radius:4px;padding:1px 6px;pointer-events:none;transition:color .15s ease,border-color .15s ease;white-space:nowrap}.ch4-root .ch4-arrow:hover .ch4-arrow__kbd{color:var(--story-teal);border-color:#00687b59}.ch4-root .section-editor__pillrow{max-width:760px;width:100%;margin:0 auto;display:flex;align-items:center;gap:10px;padding:0 4px;flex-shrink:0}.ch4-root .section-card__pill{display:inline-flex;align-items:center;padding:3px 10px;border:1px solid;border-radius:999px;font-family:var(--font-sans);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:#0c404c14;color:var(--story-teal);border-color:#0c404c47}.ch4-root .ch4-addbar{display:flex;gap:10px;margin-top:12px;padding-top:4px;flex-wrap:wrap}.ch4-root .ch4-addbar__btn{flex:1 1 auto;min-width:160px;padding:10px 14px;border:1px dashed var(--border-default);border-radius:10px;background:transparent;color:var(--neutral-600);font-family:var(--font-sans);font-size:13px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.ch4-root .ch4-addbar__btn:hover:not(:disabled){background:#cda83d14;border-color:var(--story-gold);color:var(--story-gold)}.ch4-root .ch4-addbar__btn:disabled{opacity:.4;cursor:not-allowed}.ch4-root .ch4-addbar__btn .material-symbols{font-size:18px}.ch4-root .ch4-addbar__btn--subsection{border-style:dotted}.ch4-root .section-editor__pillrow{justify-content:space-between}.ch4-root .ch4-viewmode{display:inline-flex;border:1px solid var(--border-default);border-radius:999px;padding:2px;background:#fff9}.ch4-root .ch4-viewmode__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--neutral-600);font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:4px 12px;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease}.ch4-root .ch4-viewmode__btn:hover:not(.is-selected){color:var(--story-teal)}.ch4-root .ch4-viewmode__btn.is-selected{background:var(--story-teal);color:#fff}.ch4-root .section-card{width:100%;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;overflow:hidden;flex-shrink:0;box-shadow:0 5px 3px #1a1c1d03,0 2px 2px #1a1c1d05,0 1px 1px #1a1c1d08}.ch4-root .section-card__header{display:flex;align-items:center;gap:8px;padding:10px 24px;background:#fafafa;border-bottom:1px solid rgba(25,28,29,.1);border-left:3px solid var(--sc-color, var(--story-teal));min-width:0}.ch4-root .section-card__draghandle{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:var(--neutral-500);cursor:grab;border:none;background:transparent;border-radius:4px;padding:0}.ch4-root .section-card__draghandle:hover{background:#0c404c0f;color:var(--story-teal)}.ch4-root .section-card__draghandle:active{cursor:grabbing}.ch4-root .section-card__draghandle .material-symbols{font-size:16px}.ch4-root .section-card__dot{width:8px;height:8px;border-radius:50%;background:var(--sc-color, var(--story-teal));flex-shrink:0}.ch4-root .section-card__id{font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:.01em;color:#5c5f60;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.ch4-root .section-card__id .sc-sep{margin:0 8px;color:#0000002e}.ch4-root .section-card__tools{display:inline-flex;align-items:center;gap:2px;margin-left:auto;flex-shrink:0;opacity:.55;transition:opacity .15s ease}.ch4-root .section-card:hover .section-card__tools,.ch4-root .section-card__tools:focus-within{opacity:1}.ch4-root .section-card__tool{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--neutral-600);cursor:pointer;padding:0;transition:background .15s ease,color .15s ease,border-color .15s ease}.ch4-root .section-card__tool:hover:not(:disabled){background:#0c404c14;color:var(--story-teal);border-color:#0c404c29}.ch4-root .section-card__tool:disabled{opacity:.3;cursor:not-allowed}.ch4-root .section-card__tool .material-symbols{font-size:16px}.ch4-root .section-card__body{background:#fff;border:none;border-radius:0;padding:32px 64px;display:flex;flex-direction:column;gap:16px;box-shadow:none}.ch4-root .section-card--virtual{background:linear-gradient(180deg,#cda83d0a,#fff 30%)}.ch4-root .section-card--virtual .section-card__header{background:#cda83d14}.ch4-root .section-card--virtual .section-card__id em{font-style:italic;color:var(--story-gold);font-weight:500;margin-left:4px}.ch4-root [contenteditable][data-placeholder]:empty:before{content:attr(data-placeholder);color:var(--neutral-400);pointer-events:none;font-style:italic}.ch4-root .section-card__titlerow{display:flex;align-items:baseline;gap:8px;margin:0;min-height:32px}.ch4-root .section-card__title{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--neutral-900);margin:0;line-height:1.25;padding:2px 6px;border-radius:6px;cursor:text;transition:background .15s ease,box-shadow .15s ease;outline:none;flex:1;min-width:0}.ch4-root .section-card__title:hover{background:#0c404c0a}.ch4-root .section-card__title--placeholder{color:var(--neutral-400);font-weight:400}.ch4-root .section-card__title:focus{background:#cda83d14;box-shadow:0 0 0 2px #cda83d8c}.ch4-root .section-card__content{font-family:var(--font-sans);color:#191c1d;font-size:16px;line-height:24px;font-weight:400}.ch4-root .sc-line{outline:none;border-radius:4px;padding:2px 6px;margin:0 -6px 12px;transition:background .15s ease,box-shadow .15s ease;cursor:text}.ch4-root .sc-line:hover{background:#0c404c08}.ch4-root .sc-line:focus{background:#cda83d14;box-shadow:0 0 0 2px #cda83d66}.ch4-root .sc-line--p{font-family:var(--font-sans);font-size:16px;line-height:24px;font-weight:400;color:#191c1d}.ch4-root .sc-line--h3{font-family:var(--font-display);font-size:16px;font-weight:500;font-style:italic;color:var(--neutral-800);margin:18px -6px 8px;line-height:1.35}.ch4-root .sc-line--sig{font-family:var(--font-sans);font-size:13px;font-style:italic;margin:18px -6px 6px;color:var(--neutral-700)}.ch4-root .sc-line--placeholder{color:var(--neutral-400);font-style:italic}.ch4-root .section-card__content strong{font-weight:700}.ch4-root .sc-var{background:#3aafb929;color:#0e6c75;padding:0 4px;border-radius:3px;font-family:var(--font-mono);font-size:12px}.ch4-root .sc-var--bracket{background:#cda83d38;color:#8a6c1c}.ch4-root .section-group{display:flex;flex-direction:column;gap:12px;max-width:720px;width:100%;margin:0 auto}.ch4-root .section-group--has-children{border:1.5px dashed rgba(12,64,76,.45);border-radius:14px;padding:12px 12px 14px;background:#0c404c0a}.ch4-root .section-group .section-group{margin:0;max-width:none}.ch4-root .ch4-dropslot{height:8px;margin:-4px 0;border-radius:4px;transition:background .12s ease,height .12s ease}.ch4-root .ch4-dropslot.is-active{height:28px;background:#cda83d47;box-shadow:inset 0 0 0 1px #cda83d99}.ch4-root .ch4-pending-banner{max-width:720px;width:100%;margin:0 auto;border-radius:10px;border:1px solid rgba(245,158,11,.4);background:#f59e0b1a;padding:10px 14px;font-size:13px;color:#8a5a00;display:flex;align-items:center;gap:10px}.ch4-root .ch4-pending-banner button{margin-left:auto;background:transparent;border:none;color:var(--story-teal);font-weight:600;cursor:pointer;text-decoration:underline}.ch4-root .harp2__row[data-drag-target=true]:hover{background:#cda83d2e;box-shadow:inset 0 0 0 1px #cda83d80}.ch4-root .harp2__row[data-level="1"]{font-weight:600}.ch4-root .ch4-rowtools{display:inline-flex;flex-direction:column;align-items:center;gap:1px;margin-right:4px;opacity:0;transition:opacity .12s ease}.ch4-root .harp2__row:hover .ch4-rowtools,.ch4-root .harp2__row.is-active .ch4-rowtools{opacity:1}.ch4-root .ch4-rbtn{width:20px;height:16px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--neutral-600);cursor:pointer;padding:0;transition:background .12s ease,color .12s ease}.ch4-root .ch4-rbtn:hover:not(:disabled){background:#0c404c14;color:var(--story-teal)}.ch4-root .ch4-rbtn:disabled{opacity:.25;cursor:not-allowed}.ch4-root .ch4-rbtn .material-symbols{font-size:13px}.ch4-root .ch4-empty{max-width:720px;width:100%;margin:40px auto 0;text-align:center;color:var(--neutral-600);font-style:italic;padding:40px 20px;border:1px dashed var(--border-default);border-radius:10px;background:#fff6}