:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,ui-sans-serif,system-ui,sans-serif;background:#fff;color:#2f363d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#fff}button,input,textarea,summary{font:inherit}button,summary{border:0}button{padding:0}.app-shell{min-height:100vh;background:#fff}.workspace{min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:50px;padding:calc(7px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) 7px calc(14px + env(safe-area-inset-left));color:#8b949c;background:#fffffff5;border-bottom:1px solid #edf0f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.breadcrumbs{display:flex;align-items:center;gap:1px;min-width:0;overflow:hidden}.breadcrumbs button,.breadcrumb-home{display:inline-flex;align-items:center;gap:2px;min-width:0;min-height:28px;padding:0 4px;color:#9aa2a8;background:transparent;border-radius:5px;cursor:pointer}.breadcrumbs button:hover,.breadcrumb-home:hover{color:#4f5961;background:#f5f6f7}.breadcrumbs button span{overflow:hidden;max-width:190px;text-overflow:ellipsis;white-space:nowrap}.topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.collapse-button,.bullet-button{display:inline-flex;align-items:center;justify-content:center;color:#9aa2a8;background:transparent;cursor:pointer}.collapse-button:hover,.bullet-button:hover{color:#4d565e}.save-status{max-width:160px;overflow:hidden;color:#a2abb1;font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.account-menu{position:relative}.account-summary{display:inline-flex;align-items:center;max-width:150px;min-height:28px;padding:0 6px;color:#7f8991;background:transparent;border-radius:5px;cursor:pointer;list-style:none}.account-summary::-webkit-details-marker{display:none}.account-summary:hover{color:#4f5961;background:#f5f6f7}.account-summary span{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.account-panel{position:absolute;top:calc(100% + 7px);right:0;z-index:50;display:flex;flex-direction:column;gap:8px;width:min(280px,86vw);padding:10px;background:#fff;border:1px solid #e4e8eb;border-radius:8px;box-shadow:0 16px 40px #11181f1f}.account-panel p{margin:0;color:#58636c;font-size:12px;line-height:1.35}.account-panel small{color:#7f8991;font-size:12px;line-height:1.35}.auth-form{display:flex;flex-direction:column;gap:7px}.auth-form input{width:100%;min-height:32px;padding:0 8px;color:#2f363d;background:#fff;border:1px solid #dde3e7;border-radius:5px;outline:0}.auth-form input:focus{border-color:#b8c5cc}.account-action,.account-switch{min-height:32px;padding:0 8px;color:#3e4951;text-align:left;background:#f5f7f8;border-radius:5px;cursor:pointer}.account-action:hover,.account-switch:hover{background:#eef2f4}.account-action:disabled{cursor:default;opacity:.55}.account-switch{color:#69747d;background:transparent}.document-surface{width:min(100%,730px);margin:0 auto;padding:48px calc(28px + env(safe-area-inset-right)) calc(120px + env(safe-area-inset-bottom)) calc(28px + env(safe-area-inset-left))}.focus-title{display:flex;align-items:center;gap:8px;min-width:0;padding:0 0 14px 34px}.focus-title h1{margin:0;min-width:0;overflow-wrap:anywhere;color:#2f363d;font-size:26px;line-height:1.25;letter-spacing:0}.outline-list{display:flex;flex-direction:column;gap:0;min-width:0;margin:0;padding:0;list-style:none}.outline-item{min-width:0}.outline-item>.outline-list{margin-left:22px;padding-left:14px;border-left:1px solid #edf1f3}.outline-row{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:1px;align-items:start;min-width:0;min-height:26px;padding:0}.outline-row.active .bullet-dot{background:#3f474e}.outline-row.dragging{opacity:.45}.outline-row.drop-before:before,.outline-row.drop-after:after{content:"";position:absolute;left:34px;right:0;height:2px;background:#4a9fb2;border-radius:999px}.outline-row.drop-before:before{top:0}.outline-row.drop-after:after{bottom:0}.outline-row.drop-inside{background:#f4fbfc;box-shadow:inset 0 0 0 1px #d5eef3}.row-controls{display:grid;grid-template-columns:14px 18px;align-items:start;width:34px;min-height:26px;padding-top:2px}.collapse-button{width:14px;height:22px;color:#c4cbd1}.collapse-button:disabled{pointer-events:none;visibility:hidden}.collapse-button .expanded{transform:rotate(90deg)}.bullet-button{width:18px;height:22px;cursor:pointer}.bullet-button:active{cursor:grabbing}.bullet-dot{width:6px;height:6px;background:#69727a;border-radius:999px;transition:width .1s ease,height .1s ease,background .1s ease,box-shadow .1s ease}.bullet-button:hover .bullet-dot,.bullet-button:focus-visible .bullet-dot{width:8px;height:8px;background:#424a51;box-shadow:0 0 0 5px #eef1f3}.row-main{min-width:0}.node-editor{display:block;width:100%;min-height:26px;resize:none;overflow:hidden;padding:1px 0 2px;color:#2f363d;background:transparent;border:0;border-radius:0;outline:0;box-shadow:none;-webkit-appearance:none;appearance:none;caret-color:#1e252b;font-size:16px;line-height:1.45}.node-editor:focus{background:transparent;border:0;outline:0;box-shadow:none}.empty-outline{display:flex;align-items:center;min-height:46px;padding-left:34px}.empty-line{display:inline-flex;align-items:center;gap:10px;width:min(260px,100%);min-height:28px;background:transparent;cursor:pointer}.empty-line:hover .bullet-dot,.empty-line:focus-visible .bullet-dot{width:8px;height:8px;background:#424a51;box-shadow:0 0 0 5px #eef1f3}.empty-caret{width:1px;height:18px;background:#cfd5da;opacity:0}.empty-line:focus-visible .empty-caret,.empty-line:hover .empty-caret{opacity:1}@media(max-width:900px){.topbar{gap:8px}.topbar-right{min-width:0;flex:0 1 auto}.save-status{display:none}.account-summary{max-width:115px}.document-surface{padding:34px 16px 90px}.focus-title{padding-left:30px}.focus-title h1{font-size:24px}.outline-row{grid-template-columns:30px minmax(0,1fr)}.row-controls{grid-template-columns:12px 18px;width:30px}.outline-item>.outline-list{margin-left:18px;padding-left:12px}}@media(max-width:560px){.breadcrumbs button span{max-width:125px}.node-editor{font-size:15px}}