:root{color-scheme:light;--ground:#f2f4f2;--surface:#ffffff;--raised:#f4f6f4;--active:#e4eae5;--ink:#252c28;--muted:#424c45;--quiet:#424c45;--accent:#365541;--success:#225f3e;--danger:#8a2929;--notice:#edf3ed;--rule:#eef1ee;--secondary-hover:#d4dfd7;--secondary-pressed:#c2d1c7;--primary-pressed:#294634;--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:#303a33;--ink:#e6ece7;--muted:#becbc0;--quiet:#c2cdc4;--accent:#a1c4ac;--success:#90c9a5;--danger:#ffc1bd;--notice:#29372e;--rule:#2c332e;--secondary-hover:#39473d;--secondary-pressed:#405047;--primary-pressed:#91b69d}*{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{--button-fill:transparent;background:var(--button-fill);cursor:pointer;-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button:disabled,button[aria-pressed]:disabled{cursor:not-allowed;opacity:1;--button-fill:var(--raised);color:var(--muted)}a,button,input{transition:background-color .16s,color .16s}button:not(:disabled):hover{--button-fill:var(--active)}button:not(:disabled):active{--button-fill:var(--secondary-pressed);color:var(--ink)}button:not(:disabled):focus-visible:not(:active){--button-fill:var(--accent);color:var(--surface)}a:focus-visible{background:var(--accent);color:var(--surface)}button:focus-visible svg{color:inherit}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)}.address:focus-within .path-slash{color:var(--accent)}.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:40px;min-width:40px;height:40px}.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}.icon-button.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}.about-tech-logo img{display:block;object-fit:contain}.about-tech-logo .brand-dark{display:none}[data-theme=dark] .about-tech-logo:has(.brand-dark) .brand-light{display:none}[data-theme=dark] .about-tech-logo .brand-dark{display:block}.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)}.about-credits a:focus-visible{color:var(--surface)}.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}.repository-link{background:transparent;text-decoration:none;-webkit-tap-highlight-color:transparent}.repository-link img{display:block;object-fit:contain}.repository-link:hover{background:var(--active)}.repository-link:active{background:var(--secondary-pressed)}.repository-link:focus-visible{background:var(--active);outline:2px solid var(--ink);outline-offset:-2px}.new-button,.primary{--button-fill:var(--ink);color:var(--surface)}.new-button:not(:disabled):hover,.primary:not(:disabled):hover{--button-fill:var(--accent);color:var(--surface)}.new-button:not(:disabled):active,.primary:not(:disabled):active{--button-fill:var(--primary-pressed);color:var(--surface)}.secondary{--button-fill:var(--active);color:var(--ink)}.secondary:not(:disabled):hover{--button-fill:var(--secondary-hover)}.secondary:not(:disabled):active{--button-fill:var(--secondary-pressed)}.secondary[aria-pressed=true]{--button-fill:var(--accent);color:var(--surface)}.secondary[aria-pressed=true]:not(:disabled):hover{--button-fill:var(--primary-pressed)}.secondary[aria-pressed=true]:not(:disabled):active{--button-fill:var(--ink);color:var(--surface)}.embedded-icon{background:transparent}.icon-surface{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:6px;background:var(--button-fill);transition:background-color .16s,color .16s;pointer-events:none}.address-go .icon-surface{width:28px;height:28px}.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{--button-fill:var(--raised);color:var(--ink)}.success>svg{color:var(--success);animation:appear .2s ease-out}.writing-area{position:relative;flex:1 1;min-height:80px;display:flex;padding:10px clamp(24px,5.5vw,88px) 0}.writing-area:has(textarea:focus-visible):before{content:"";position:absolute;left:10px;top:24px;width:3px;height:22px;border-radius:2px;background:var(--accent)}.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}:where(.notice) .button:not(.primary){--button-fill: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}.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)}.locked-paper{overflow-y:auto}.locked-main{flex:1 1;display:grid;place-items:center;padding:32px 20px}.locked-sheet{width:min(100%,440px);padding:28px}.lock-emblem{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:var(--notice);color:var(--accent);margin-bottom:24px}.locked-sheet h2{margin:0 0 12px;font-size:25px;font-weight:500}.locked-path{margin:0 0 12px;overflow-wrap:anywhere;color:var(--accent);font-size:13px;max-height:100px;overflow-y:auto}.locked-description{margin:0 0 28px;color:var(--muted);line-height:1.7}.locked-help{margin:22px 0 0;color:var(--muted);font-size:12px;line-height:1.8}.unlock-form{display:grid;gap:16px}.unlock-form>.button{min-height:44px}.password-field{display:grid;gap:8px;min-width:0}.password-field label{font-size:13px;font-weight:400}.password-hint{margin:0;font-size:12px;color:var(--muted);line-height:1.6}.password-input{display:flex;align-items:center;min-width:0;background:var(--raised);border-radius:var(--radius);padding:0 4px 0 12px}.password-input:focus-within{background:var(--active)}.password-input{position:relative}.password-input:focus-within:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:2px;background:var(--accent)}.password-input input{width:100%;min-width:0;height:44px;background:transparent}.password-input .icon-button{width:44px;height:44px;min-width:44px}.security-error{margin:0;color:var(--danger);font-size:13px;line-height:1.7}.security-panel{width:min(100%,480px)}.security-content .unlock-form{width:100%}.security-description{margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1.8}.protection-panel{min-width:0}.protection-description,.protection-footnote{color:var(--muted);line-height:1.7;font-size:12px;margin:10px 0 16px}.protection-footnote{margin:14px 0 0}.protection-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.protection-panel .password-input{background:var(--raised)}.protection-panel .password-input:focus-within{background:var(--active)}.protection-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}.protection-actions .button{min-height:44px;width:100%;padding:0 8px}.protection-actions .primary{grid-column:1/-1}.protection-description:first-child{margin-top:0}.reauth-summary p{margin:0}@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}.theme-button{width:44px;height:44px}.about-button,.repository-link{width:44px;min-width:44px;height: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}.tools{gap:6px}.tools .share-button>span{display:none}.tools .share-button{width:40px;height:44px;padding:0;margin-left:0}.locked-main{padding:16px 12px}.locked-sheet{padding:18px 10px}.password-input input{font-size:16px}.protection-fields{grid-template-columns:1fr}.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:12px}.document-meta>svg,.save-hint{display:none}.bottom-bar{min-height:36px;padding:4px 6px max(4px,env(safe-area-inset-bottom));font-size:12px}.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}