:root{color-scheme:light;--ground:#f2f4f2;--surface:#ffffff;--raised:#f4f6f4;--active:#e4eae5;--ink:#252c28;--muted:#68716b;--quiet:#767e78;--accent:#476b56;--success:#28754c;--danger:#aa3434;--notice:#edf3ed;--rule:#eef1ee;--font:"MiSans VF","PingFang SC","Microsoft YaHei",system-ui,sans-serif;--radius:7px;--space:24px}:root[data-theme=dark]{color-scheme:dark;--ground:#171a18;--surface:#202421;--raised:#2a302b;--active:#39433b;--ink:#e6ece7;--muted:#a5b0a7;--quiet:#99a59c;--accent:#a1c4ac;--success:#90c9a5;--danger:#f3a5a1;--notice:#29372e;--rule:#2c332e}*{box-sizing:border-box}body,html{margin:0;min-height:100%}html{scrollbar-gutter:stable}body{background:var(--ground);color:var(--ink);font-family:var(--font);font-weight:330;font-size:14px}button,input,textarea{font:inherit;color:inherit;border:0;outline:none;appearance:none;box-shadow:none}button{background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button:disabled{cursor:default;opacity:.45}a,button,input{transition:background-color .16s,color .16s}button:not(:disabled):hover{background:var(--raised)}a:focus-visible,button:focus-visible,button:not(:disabled):active{background:var(--active)}a{color:var(--accent);border-radius:var(--radius)}svg{flex-shrink:0;stroke-width:1.6}::selection{background:var(--active);color:var(--ink)}*{scrollbar-width:thin;scrollbar-color:var(--active) transparent}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:var(--active);border-radius:5px}.workspace{height:100vh;height:100dvh;min-height:400px;display:flex;flex-direction:column;padding:0 24px}.topbar{min-height:80px;display:grid;grid-template-columns:1fr minmax(200px,420px) 1fr;gap:28px;flex-shrink:0}.brand,.topbar{align-items:center}.brand{display:flex;gap:10px;white-space:nowrap}.brand>svg{width:31px;height:31px;color:var(--accent)}.brand h1{font-size:23px;font-weight:520;margin:0;letter-spacing:.02em}.brand>span{margin-left:10px;font-size:12px;color:var(--muted)}.address{display:flex;align-items:center;background:var(--active);border-radius:var(--radius);min-width:0;height:40px;padding:0 5px 0 16px}.address:focus-within{background:var(--surface)}.path-slash{color:var(--quiet);font-size:18px;margin-right:9px}.address input{background:transparent;min-width:0;width:100%;height:100%;font-size:14px;font-weight:380}.address .address-go{width:32px;min-width:32px;height:32px}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.about-button{color:var(--muted)}.about-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:24px;border:0;outline:none;background:transparent;color:var(--ink);overflow:hidden}.about-dialog[open]{display:grid;place-items:center}.about-dialog::backdrop{background:transparent}.about-scrim{position:absolute;inset:0;background:rgb(12 19 14/.42)}.about-panel{position:relative;flex-direction:column;width:min(100%,480px);min-width:0;min-height:0;max-height:100%;overflow:hidden;border-radius:16px;box-shadow:0 24px 80px rgb(0 0 0/.18)}.about-header,.about-panel{display:flex;background:var(--surface)}.about-header{align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;padding:18px 20px 10px 28px}.about-header h2{margin:0;font-size:16px;font-weight:480}.about-close{width:44px;min-width:44px;height:44px}.about-content{min-height:0;padding:12px 28px 28px;overflow-y:auto;overscroll-behavior:contain}.about-product{display:flex;align-items:center;gap:16px;margin-bottom:24px}.about-mark{width:48px;height:48px;color:var(--accent)}.about-product p{margin:0}.about-product .about-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin-bottom:6px;font-size:27px;font-weight:520}.about-name span{font-size:13px;font-weight:380;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.about-product p:last-child{color:var(--muted);font-size:13px}.about-author{display:flex;align-items:center;gap:12px;padding:16px 18px;margin-bottom:28px;border-radius:var(--radius);background:var(--notice);color:var(--accent)}.about-author p{margin:0;color:var(--ink);font-size:14px}.about-author strong{font-weight:550}.about-section-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px}.about-section-heading h3{margin:0;font-size:14px;font-weight:480}.about-section-heading>span{font-size:12px;color:var(--muted)}.about-technologies{margin:0;display:grid;gap:16px}.about-technology{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}.about-technology dt{display:flex;align-items:center;gap:12px;min-width:0;font-size:14px;font-weight:430}.about-tech-logo{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:6px;background:#fff}.about-tech-logo img{display:block;object-fit:contain}.about-technology small{display:block;margin-top:3px;font-size:12px;font-weight:330;color:var(--muted)}.about-technology dd{margin:0;font-size:13px;font-weight:400;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:150px;text-align:right}.about-platform{align-items:center;gap:8px;margin:20px 0 0;font-size:12px}.about-credits,.about-platform{display:flex;color:var(--muted)}.about-credits{align-items:flex-start;gap:10px;margin-top:28px}.about-credits>svg{margin-top:3px}.about-credits p{margin:0;font-size:12px;line-height:1.9}.about-credits a{text-decoration:none}.about-credits a:hover{color:var(--ink)}.button{padding:0 13px;gap:8px;white-space:nowrap;font-size:13px;font-weight:380}.button,.icon-button{height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius)}.icon-button{width:36px;min-width:36px;color:var(--muted);padding:0}.new-button,.primary{background:var(--ink);color:var(--surface)}.new-button:not(:disabled):hover,.primary:not(:disabled):hover{background:var(--accent);color:var(--surface)}.new-button:focus-visible,.primary:focus-visible{background:var(--accent);color:var(--surface)}.dark-icon,[data-theme=dark] .light-icon{display:none}[data-theme=dark] .dark-icon{display:block}.paper{flex:1 1;min-height:0;display:flex;flex-direction:column;background:var(--surface);border-radius:16px;overflow:hidden}.toolbar{min-height:64px;padding:12px 24px;justify-content:space-between;flex-shrink:0;gap:12px}.save-state,.toolbar{display:flex;align-items:center}.save-state{gap:8px;font-size:12px;color:var(--muted);min-width:0}.status-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--quiet)}.state-saved>svg{color:var(--success)}.state-conflict,.state-error,.state-offline{color:var(--danger)}.state-waiting .status-dot{animation:pulse 1.2s ease-in-out infinite}.inline-button{color:var(--danger);border-radius:4px;padding:4px 8px;white-space:nowrap}.tools{display:flex;gap:8px;align-items:center}.tool-separator{height:17px;width:1px;background:var(--rule);margin:0 4px}.share-button{background:var(--raised);color:var(--ink)}.success>svg{color:var(--success);animation:appear .2s ease-out}.writing-area{flex:1 1;min-height:80px;display:flex;padding:10px clamp(24px,5.5vw,88px) 0}.writing-area textarea{display:block;resize:none;width:100%;height:100%;padding:21px 0 36px;background:transparent;color:var(--ink);font-size:17px;font-weight:330;line-height:1.95;overflow-wrap:anywhere;tab-size:4;border-radius:0}.writing-area textarea::placeholder{color:var(--quiet);opacity:1}.writing-area:focus-within{background:var(--surface)}.paper:has(textarea:focus-visible) .document-meta{color:var(--accent)}.paper:has(textarea:focus-visible) .state-new .status-dot{background:var(--accent)}.writing-area textarea:focus-visible{caret-color:var(--accent)}.paper-footer{min-height:48px;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;color:var(--muted);font-size:12px}.document-meta,.save-hint{display:flex;align-items:center;gap:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.meta-dot{color:var(--quiet)}.shortcut{font-size:11px;padding:4px 6px;background:var(--raised);border-radius:4px}.bottom-bar{min-height:43px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:11px;flex-shrink:0}.bottom-bar p{margin:0}.bottom-right{text-align:right}.is-focused .bottom-bar,.is-focused .topbar{display:none}.is-focused{padding:12px}.is-focused .toolbar{min-height:56px}.notice{margin:0 24px 12px;background:var(--notice);padding:14px 18px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;max-height:40vh;overflow-y:auto}.notice strong{font-weight:450}.notice p{margin:5px 0 0;font-size:12px;color:var(--muted)}.notice-actions{display:flex;flex-wrap:wrap;gap:8px}.notice .button:not(.primary){background:var(--surface)}.notice details{margin-top:8px;font-size:12px}.notice summary{cursor:pointer}.notice pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:130px;overflow:auto;font:inherit;line-height:1.7}.error-message{margin:0 24px 8px;font-size:13px;color:var(--danger)}.feedback{margin:0 24px 8px;padding:4px 10px;display:flex;gap:8px;justify-content:space-between;align-items:center;background:var(--raised);border-radius:var(--radius);font-size:12px}.feedback .icon-button{width:28px;min-width:28px;height:28px}.danger{color:var(--danger)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spin{animation:spin 1s linear infinite}.error-page{padding:15vh 8vw;line-height:1.8}.error-page h1{font-size:24px;font-weight:450}.error-page button{padding:10px 16px;border-radius:7px;background:var(--active)}.loading-bar{position:fixed;top:0;left:0;width:35%;height:3px;background:var(--accent);animation:loading 1.4s ease-in-out infinite}.noscript{margin:0;padding:12px;background:var(--notice)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.35}}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes loading{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}@media (max-width:1100px){.brand>span{display:none}.topbar{grid-template-columns:1fr minmax(180px,380px) 1fr;gap:18px}}@media (max-width:680px){.workspace{padding:0 10px;min-height:360px}.topbar{min-height:112px;grid-template-columns:1fr auto;grid-template-rows:54px 50px;gap:0 12px;padding:0 6px 8px}.brand{gap:6px}.brand>svg{width:26px;height:26px}.brand h1{font-size:20px}.address{grid-row:2;grid-column:1/-1;height:40px}.address input{font-size:16px}.header-actions{grid-column:2;grid-row:1;gap:8px}.new-button{height:40px}.about-button,.theme-button{width:44px;height:44px}.about-button{min-width:44px}.about-dialog{padding:16px}.about-header{padding:12px 12px 8px 20px}.about-content{padding:8px 20px 24px}.paper{border-radius:12px}.toolbar{padding:5px 10px;min-height:88px;flex-wrap:wrap;gap:0}.save-state{min-height:30px;width:100%;padding-left:6px}.tools{width:100%;gap:8px;justify-content:space-between}.tools .icon-button{width:40px;min-width:40px;height:44px}.tool-separator,.tools .focus-button{display:none}.tools .share-button{height:40px;margin-left:auto;padding:0 10px}.writing-area{padding:0 22px}.writing-area textarea{font-size:16px;line-height:1.9;padding-top:16px;padding-bottom:24px}.paper-footer{min-height:40px;padding:8px 16px}.document-meta{gap:7px;font-size:11px}.document-meta>svg,.save-hint{display:none}.bottom-bar{min-height:36px;padding:4px 6px max(4px,env(safe-area-inset-bottom));font-size:10px}.bottom-right,.desktop-hint{display:none}.notice{margin:0 12px 8px;padding:12px;flex-direction:column;align-items:stretch;gap:10px}.notice-actions{gap:8px}.notice-actions button{min-height:40px}.error-message,.feedback{margin-left:12px;margin-right:12px}}@media (max-width:400px){.new-button{width:44px;height:44px;padding:0}.new-button>span{display:none}}@media (max-height:500px) and (max-width:680px){.workspace{min-height:280px}.toolbar{min-height:44px;flex-wrap:nowrap}.save-state{width:auto}.save-state>span{display:none}.tools{width:auto}.bottom-bar{display:none}}:root[data-theme-reveal=active]::view-transition,:root[data-theme-reveal=active]::view-transition-group(*),:root[data-theme-reveal=active]::view-transition-image-pair(*),:root[data-theme-reveal=active]::view-transition-new(*),:root[data-theme-reveal=active]::view-transition-old(*){pointer-events:none}:root[data-theme-reveal=active]::view-transition-group(root),:root[data-theme-reveal=active]::view-transition-new(root),:root[data-theme-reveal=active]::view-transition-old(root){animation:none;mix-blend-mode:normal}:root[data-theme-reveal=active]::view-transition-old(root){z-index:1}:root[data-theme-reveal=active]::view-transition-new(root){z-index:2}:root[data-theme-reveal=active],:root[data-theme-reveal=active] *,:root[data-theme-reveal=active] :after,:root[data-theme-reveal=active] :before{transition:none!important}