:root{--ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;--read:ui-serif, "New York", "Iowan Old Style", Georgia, serif;--ink:#1d1d1f;--muted:#86868b;--hair:#00000014;--accent:#0a84ff;--l1:10, 132, 255;--l2:94, 92, 230;--l3:191, 90, 242;--l4:255, 55, 95;--l5:255, 159, 10;--l6:48, 209, 88}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--ui);color:var(--ink);-webkit-font-smoothing:antialiased;background:#fbfbfd}button{font:inherit;color:var(--ink);cursor:pointer;background:#0000000a;border:0;border-radius:7px;padding:5px 11px;font-size:13px;transition:background .15s}button:hover{background:#00000014}button.on{background:var(--accent);color:#fff}button:disabled{opacity:.4;cursor:default}.app{flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--hair);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#fbfbfdcc;flex:none;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.brand{letter-spacing:-.01em;font-weight:600}.actions{gap:6px;display:flex}.panes{flex:1;min-height:0;display:flex}.pane{min-width:0;height:100%}.editor-pane{background:#f5f5f7;flex:none;overflow:auto}.reader-pane{flex:1}.divider{z-index:2;cursor:col-resize;flex:none;width:9px;margin:0 -4px;position:relative}.divider:after{content:"";background:var(--hair);position:absolute;inset:0 4px}.editor-tree{flex-direction:column;gap:14px;padding:20px;display:flex}.pm{outline:none;font-size:15px;line-height:1.6}.pm p{margin:0 0 .7em}.pm p:last-child{margin-bottom:0}.pm h1{letter-spacing:-.02em;margin:0 0 .5em;font-size:24px}.pm h2{margin:0 0 .5em;font-size:19px}.pm.root{box-shadow:0 1px 2px #0000000a, 0 0 0 1px var(--hair);background:#fff;border-radius:12px;padding:18px 20px}.pm.child{padding:2px 0}.depth-mark{background:rgba(var(--l1), .1);-webkit-text-decoration:underline dotted rgba(var(--l1), .7);text-decoration:underline dotted rgba(var(--l1), .7);text-underline-offset:.22em;border-radius:3px}.cards{flex-direction:column;gap:10px;display:flex}.card-body .cards{margin:10px 0 2px 6px}.card{--c:var(--l1);border-left:3px solid rgb(var(--c));box-shadow:0 1px 2px #0000000a, 0 0 0 1px var(--hair);background:#fff;border-radius:10px;transition:box-shadow .3s}.card[data-level="2"]{--c:var(--l2)}.card[data-level="3"]{--c:var(--l3)}.card[data-level="4"]{--c:var(--l4)}.card[data-level="5"]{--c:var(--l5)}.card[data-level="6"]{--c:var(--l6)}.card.flash{box-shadow:0 0 0 3px rgba(var(--c), .35)}.card header{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:9px 12px;font-size:12.5px;display:flex}.card header q{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-style:italic;overflow:hidden}.card header .lvl{color:rgb(var(--c));text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:500}.chev{transition:transform .2s;display:inline-block}.chev.open{transform:rotate(90deg)}.card-body{padding:0 12px 12px}.bubble{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1c1c1eeb;border-radius:10px;align-items:center;gap:2px;padding:4px;display:flex;box-shadow:0 8px 24px #0000002e}.bubble button{color:#fff;white-space:nowrap;background:0 0;padding:4px 9px}.bubble button:hover:not(:disabled){background:#ffffff24}.bubble button.on{background:#ffffff38}.bubble button.danger{color:#ff6961}.bubble kbd{font:inherit;opacity:.55;margin-left:4px;font-size:11px}.bubble .sep{background:#fff3;width:1px;height:16px;margin:0 3px}.stage{background:#fff;height:100%;position:relative;overflow:hidden}.layer{--rest:1;--src:1;--head:1;--body:1;overflow-anchor:none;position:absolute;inset:0;overflow:auto}.layer.parent,.layer.child{will-change:transform;pointer-events:none}.reader{max-width:36em;font-family:var(--read);margin:0 auto;padding:56px 32px 120px;font-size:20px;line-height:1.62}.reader .para{margin:0 0 1em}.reader h1.para{font-family:var(--ui);letter-spacing:-.025em;margin-bottom:.7em;font-size:38px;line-height:1.15}.reader h2.para{font-family:var(--ui);letter-spacing:-.015em;font-size:26px;line-height:1.25}.headline{font-family:var(--read);margin:0 0 .9em;font-size:30px;font-weight:400;line-height:1.35}.dp{--ink-rgb:40, 52, 80;--a:.07;background-image:linear-gradient(90deg, rgba(var(--ink-rgb), calc(var(--a) * .3)), rgba(var(--ink-rgb), var(--a)));-webkit-box-decoration-break:clone;box-decoration-break:clone;cursor:zoom-in;border-radius:4px;transition:background-color .2s}.dp[data-weight="2"]{--a:.14}.dp[data-weight="3"]{--a:.21}.dp[data-weight="4"]{--a:.28}.dp:hover{background-color:rgba(var(--ink-rgb), .05)}.layer.parent .leaf,.layer.parent .headline,.layer.parent .dp{opacity:var(--rest)}.layer.parent .dp .leaf{opacity:1}.layer.parent [data-src]{opacity:var(--src)}.layer.child .headline{opacity:var(--head)}.layer.child .body{opacity:var(--body)}.reader-hint{white-space:nowrap;color:var(--muted);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);box-shadow:0 0 0 1px var(--hair), 0 4px 16px #0000000f;pointer-events:none;background:#fffc;border-radius:999px;align-items:center;gap:14px;padding:7px 16px;font-size:12px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.pm p.is-empty:before{content:attr(data-placeholder);float:left;pointer-events:none;color:#b0b0b5;height:0}