:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-blue:#00b3ff;--brand-blue-ink:#007fac;--background:#f8fcff;--foreground:#102838;--text-body:#102838;--text-secondary:#374151;--muted:#69818e;--muted-foreground:#5d7480;--text-placeholder:#8b929c;--card:#fff;--card-foreground:var(--foreground);--surface:#eaf8fe;--surface-subtle:#fafafa;--surface-muted:#f3f3f4;--surface-hover:#e9eaed;--surface-active:#e1e3e8;--border:#d8e9f1;--border-strong:#b8b8bb;--primary:var(--brand-blue);--primary-hover:var(--brand-blue-ink);--accent:var(--primary);--on-primary:#fff;--button-ink:#111417;--button-ink-hover:#292e32;--button-ink-active:#3d4248;--button-on-ink:#fff;--button-disabled:#b6b6bc;--ring:var(--brand-blue-ink);--focus-ring:color-mix(in srgb, var(--ring) 18%, transparent);--success:#15803d;--success-surface:#edf8ef;--danger:#b42318;--danger-surface:#fce9e7;--danger-surface-hover:#f9d8d4;--warning:#92631a;--warning-surface:#fff8e8;--info:#007fac;--info-surface:#eaf8fe;--shadow-ink:#171717;--overlay:#17171752;--image-paper:#fff;--on-overlay:#fff;--scrollbar-thumb:#8d9b99;--marketing-accent:#165dff;--marketing-accent-hover:#0e42d2;--marketing-accent-soft:#e8f3ff;--marketing-accent-light:#69b4ff;--billing-accent:#1badca;--billing-accent-ink:#102838;--tier-free-bg:#e6f6ec;--tier-free-ink:#1f8a4c;--tier-lite-bg:#e8f1fd;--tier-lite-ink:#1d6fd0;--tier-basic-bg:#edebfe;--tier-basic-ink:#5b3fd6;--tier-pro-bg:#fbf0dc;--tier-pro-ink:#a96a00}@supports (color:lab(0% 0 0)){:root{--billing-accent:lab(64.7509% -29.3064 -25.5211)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand-blue:#55caff;--brand-blue-ink:#8cddff;--background:#0d1720;--foreground:#eaf4f8;--text-body:#dce9ee;--text-secondary:#b9cbd4;--muted:#a2b8c3;--muted-foreground:#a2b8c3;--text-placeholder:#8aa0ac;--card:#14232d;--surface:#173544;--surface-subtle:#101d26;--surface-muted:#1a2b36;--surface-hover:#243946;--surface-active:#2b4553;--border:#344c59;--border-strong:#66808d;--primary:#55caff;--primary-hover:#8cddff;--on-primary:#09202d;--button-ink:#dcecf3;--button-ink-hover:#fff;--button-ink-active:#c6e2ef;--button-on-ink:#10232e;--button-disabled:#617785;--ring:#8cddff;--success:#6dda9b;--success-surface:#143526;--danger:#ff9c92;--danger-surface:#432826;--danger-surface-hover:#59322f;--warning:#f8cd7b;--warning-surface:#3c311d;--info:#8cddff;--info-surface:#163441;--shadow-ink:#000;--overlay:#0009;--scrollbar-thumb:#657c88;--marketing-accent:#80aaff;--marketing-accent-hover:#b1caff;--marketing-accent-soft:#1d3158;--marketing-accent-light:#a5d3ff;--billing-accent:#51c6e1;--billing-accent-ink:#101d26;--tier-free-bg:#173527;--tier-free-ink:#6ee7a8;--tier-lite-bg:#1b3653;--tier-lite-ink:#93c5fd;--tier-basic-bg:#302b54;--tier-basic-ink:#c4b5fd;--tier-pro-bg:#45351e;--tier-pro-ink:#fcd38d}@supports (color:lab(0% 0 0)){:root[data-theme=dark]{--billing-accent:lab(74.0018% -27.7985 -23.9298)}}:root[data-ui=workspace]{--background:#fff;--foreground:#171717;--text-body:#2f2f2f;--text-secondary:#3d3d3d;--muted:#565656;--muted-foreground:#565656;--text-placeholder:#8b8b90;--card:#fff;--surface:#f3f3f4;--border:color-mix(in oklab, var(--foreground) 12%, transparent);--surface-hover:color-mix(in oklab, var(--foreground) 6%, transparent);--surface-active:color-mix(in oklab, var(--foreground) 10%, transparent);--primary:#165dff;--primary-hover:#0e42d2;--button-ink:#171717;--button-ink-hover:#494950;--button-ink-active:#3d3d44;--ring:#8b8b90;--focus-ring:color-mix(in srgb, var(--foreground) 5%, transparent);--ws-ink:var(--foreground);--ws-text:var(--text-body);--ws-soft:var(--text-secondary);--ws-muted:var(--muted-foreground);--ws-surface:var(--card);--ws-subtle:var(--surface-subtle);--ws-fill:var(--surface-muted);--ws-surface-secondary:var(--surface-subtle);--ws-surface-muted:var(--surface-muted);--ws-line:var(--border);--ws-line-strong:var(--border-strong);--ws-hover:var(--surface-hover);--ws-active:var(--surface-active);--ws-focus:var(--ring);--ws-focus-ring:var(--focus-ring);--ws-shadow-menu:0 8px 24px color-mix(in srgb, var(--shadow-ink) 8%, transparent);--ws-shadow-panel:0 12px 32px color-mix(in srgb, var(--shadow-ink) 10%, transparent)}:root[data-ui=workspace][data-theme=dark]{--background:#151719;--foreground:#eceef0;--text-body:#d8dadd;--text-secondary:#c0c3c8;--muted:#a6abb1;--muted-foreground:#a6abb1;--text-placeholder:#858c94;--card:#1b1d20;--surface:#25282c;--surface-subtle:#181a1d;--surface-muted:#24272b;--surface-hover:#30343a;--surface-active:#3a3f46;--border:#383d43;--border-strong:#656c75;--primary:#55caff;--primary-hover:#8cddff;--on-primary:#17191c;--button-ink:#eceef0;--button-ink-hover:#fff;--button-ink-active:#d5d9dd;--button-on-ink:#17191c;--ring:#a9c9dc;--focus-ring:color-mix(in srgb, var(--ring) 22%, transparent);--info:#8cddff;--info-surface:#163441}.theme-toggle,.pw .theme-toggle{border:1px solid var(--border);background:var(--card);width:34px;height:34px;color:var(--foreground);cursor:pointer;border-radius:9px;flex:none;place-items:center;padding:0;display:inline-grid}.theme-toggle:hover,.pw .theme-toggle:hover{background:var(--surface-hover);color:var(--foreground)}.theme-toggle svg{width:17px;height:17px}:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:2px solid var(--ring);outline-offset:3px}
*{scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{background:0 0}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-track-piece{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:var(--button-disabled);border-radius:999px}
.pw-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pw-loading-icon{flex-shrink:0;animation:1s linear infinite pw-spin,.16s .15s both pw-reveal}.pw-loading-indicator{color:var(--muted-foreground);align-items:center;gap:8px;font-size:14px;animation:.16s .15s both pw-reveal;display:inline-flex}.pw-loading-slow{color:var(--muted-foreground);margin-top:12px;font-size:13px;display:block}.pw-loading-slow button{margin-left:8px;text-decoration:underline}.pw-busy-label{vertical-align:middle;align-items:center;display:inline-grid}.pw-busy-label>span{grid-area:1/1;justify-content:center;align-items:center;gap:8px;display:inline-flex}.pw-busy-label[data-busy=false]>.pw-busy-active,.pw-busy-label[data-busy=true]>.pw-busy-idle{visibility:hidden}.pw-skeleton{width:100%;min-width:0}.pw-skeleton-shapes{gap:16px;animation:.16s .15s both pw-reveal;display:grid}.pw-skeleton-lines{gap:12px;width:100%;display:grid}.pw-skeleton-lines i{background:var(--surface-muted);border-radius:4px;width:100%;height:12px;display:block}.pw-skeleton-lines i:first-child{width:58%}.pw-skeleton-lines i:last-child{width:76%}.pw-skeleton-item{min-width:0;padding:16px}.pw-skeleton-list .pw-skeleton-item{padding:10px 12px}.pw-skeleton-cards .pw-skeleton-shapes,.pw-skeleton-summary .pw-skeleton-shapes{grid-template-columns:repeat(3,minmax(0,1fr))}.pw-skeleton-cards .pw-skeleton-item,.pw-skeleton-membership .pw-skeleton-item{border:1px solid var(--border);border-radius:12px;min-height:180px}.pw-skeleton-cards .pw-skeleton-lines{gap:28px}.pw-skeleton-membership .pw-skeleton-shapes{grid-template-columns:repeat(4,minmax(0,1fr))}.pw-skeleton-summary,.pw-skeleton-payment{background:var(--surface-subtle);border-radius:12px;grid-column:1/-1;padding:20px}.pw-skeleton-payment{align-items:center;gap:24px;display:flex}.pw-skeleton-qr{background:var(--surface-muted);border-radius:6px;flex:0 0 156px;height:156px}.pw-skeleton-document .pw-skeleton-item{padding:24px}.pw-skeleton-document .pw-skeleton-lines{gap:26px}.pw-skeleton-document i:first-child{height:24px}.pw-skeleton-row td{height:64px}.pw-skeleton-row .pw-skeleton-lines{animation:.16s .15s both pw-reveal}.pw-image-frame{min-height:240px;position:relative}.pw-image-placeholder{background:var(--surface-subtle);border-radius:8px;place-content:center;min-height:240px;display:grid;position:absolute;inset:0}.writing-image.pw-image-frame{min-height:400px}.pw-image-frame img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.pw-image-frame img[data-loading=true]{visibility:hidden}.pw-qr-frame{width:var(--pw-qr-size);height:var(--pw-qr-size);flex-shrink:0;position:relative}.pw-qr-frame canvas{visibility:hidden}.pw-qr-frame[data-ready=true] canvas{visibility:visible}.pw-qr-frame .pw-loading-indicator{font-size:12px}.pw-route-loading{max-width:1100px;margin:0 auto;padding:48px 24px}.pw-resource-frame{position:relative}.pw-resource-status{z-index:1;background:var(--card);border:1px solid var(--border);pointer-events:none;border-radius:8px;padding:12px 16px;position:absolute;top:12px;left:12px;right:12px}.pw-resource-status a{pointer-events:auto;margin-top:8px;text-decoration:underline;display:block}@keyframes pw-spin{to{transform:rotate(360deg)}}@keyframes pw-reveal{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.pw-skeleton-cards .pw-skeleton-shapes,.pw-skeleton-summary .pw-skeleton-shapes,.pw-skeleton-membership .pw-skeleton-shapes{grid-template-columns:1fr}.pw-skeleton-payment{gap:16px}.pw-skeleton-qr{flex-basis:96px;height:96px}.pw-skeleton-cards .pw-skeleton-item,.pw-skeleton-membership .pw-skeleton-item{min-height:140px}}@media (prefers-reduced-motion:reduce){.pw-loading-icon,.pw-loading-indicator,.pw-skeleton-shapes,.pw-skeleton-row .pw-skeleton-lines{animation:none}}.pw-resource-frame{flex-direction:column;flex:1;min-height:0;display:flex}.pw-route-header{border-bottom:1px solid var(--border);align-items:center;height:72px;padding:0 32px;display:flex}.pw-route-header a{color:inherit;font-size:20px;font-weight:650;text-decoration:none}.pw-route-auth{max-width:460px;padding-top:80px}.pw-route-auth section{border:1px solid var(--border);background:var(--card);border-radius:24px;min-height:320px;padding:24px}.pw-route-profile{grid-template-columns:200px minmax(0,1fr);gap:32px;display:grid}.pw-route-profile>section{min-height:320px}@media (max-width:640px){.pw-route-profile{grid-template-columns:1fr}.pw-route-profile aside{display:none}}.pw-route-menu-placeholder{background:var(--surface-muted);border-radius:8px;height:180px;animation:.16s .15s both pw-reveal;display:block}@media (prefers-reduced-motion:reduce){.pw-route-menu-placeholder{animation:none}}.pw-skeleton-pricing .pw-skeleton-shapes{grid-template-columns:repeat(4,minmax(0,1fr))}.pw-skeleton-pricing .pw-skeleton-item{border:1px solid var(--border);border-radius:12px;min-height:320px;padding:24px}.pw-skeleton-pricing .pw-skeleton-lines{gap:32px}.pw-route-auth .pw-skeleton-lines i{height:40px}.pw-route-auth .pw-skeleton-lines i:first-child{height:24px}.pw-route-profile .pw-skeleton-item{min-height:72px}@media (max-width:640px){.pw-skeleton-pricing .pw-skeleton-shapes{grid-template-columns:1fr}}
.pw-auth-card{border:1px solid var(--border);background:var(--card);box-shadow:0 18px 60px -24px color-mix(in srgb,var(--shadow-ink) 24%,transparent);border-radius:22px;padding:28px}.writing-app dialog.writing-dialog:has(>.pw-auth){overscroll-behavior:contain;background:var(--card);border-radius:22px;width:min(452px,100vw - 24px);max-height:calc(100dvh - 32px);padding:28px;overflow:auto}.writing-app .writing-dialog:has(>.pw-auth)>.pw-auth{margin:0;display:block}.pw-auth{color:var(--foreground);text-align:left}.pw-auth-header{align-items:center;gap:12px;margin-bottom:24px;padding-right:24px;display:flex}.pw-auth-logo{border-radius:10px;flex-shrink:0}.pw-auth-header :is(h1,h2),.writing-dialog .pw-auth-header h2{letter-spacing:-.035em;margin:0;font-size:23px;font-weight:600;line-height:1.3}.pw-auth-tabs{background:var(--surface-muted);border-radius:13px;gap:4px;margin-bottom:26px;padding:4px;display:flex}.pw-auth-tab{min-width:0;min-height:40px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:6px;font-size:13px;font-weight:500;transition:background-color .15s,color .15s,box-shadow .15s;display:flex;position:relative}.pw-auth-tab:hover{color:var(--foreground);background:var(--surface-hover)}.pw-auth-tab[aria-selected=true]{color:var(--foreground);background:var(--card);box-shadow:0 2px 6px color-mix(in srgb,var(--shadow-ink) 9%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--primary) 16%,transparent)}.pw-auth-tab:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.pw-auth-tab-label{justify-content:center;align-items:center;gap:4px;display:flex}.pw-auth-tab-label svg{flex-shrink:0}.pw-auth-tab-last-used{border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);white-space:nowrap;pointer-events:none;border-radius:999px;padding:0 5px;font-size:10px;line-height:1.4;position:absolute;top:-12px;right:-2px;transform:rotate(12deg)}.pw-auth-panel{min-height:0;animation:.15s ease-out pw-auth-enter}.pw-auth:has(>.pw-auth-tabs>.pw-auth-tab+.pw-auth-tab)>.pw-auth-panel{min-height:350px}.pw-auth-panel>:is(div,section){min-width:0}.pw-auth .pw-auth-step{margin:0 0 20px}.pw-auth .pw-auth-step :is(h1,h2,h3){margin:0 0 7px;font-size:17px;font-weight:600;line-height:1.4}.pw-auth .pw-auth-step p{color:var(--muted-foreground);margin:0;font-size:13px}.pw-auth form{flex-direction:column;gap:18px;margin:0;display:flex}.pw-auth form>div{min-width:0;margin-block:0}.pw-auth label{color:var(--foreground);margin:0 0 8px;font-size:13px;font-weight:500;display:block}.pw-auth input:not([type=hidden]),.writing-app .pw-auth .writing-control{border:1px solid var(--border);background:var(--surface-subtle);width:100%;min-width:0;height:46px;color:var(--foreground);box-shadow:none;border-radius:10px;outline:none;padding:10px 13px;font-size:16px;transition:border-color .15s,box-shadow .15s}.pw-auth input::placeholder{color:var(--text-placeholder)}.pw-auth input:focus-visible,.writing-app .pw-auth .writing-control:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px var(--focus-ring)}.pw-auth input:disabled{opacity:.6;cursor:not-allowed}.pw-auth input[aria-invalid=true]{border-color:var(--danger)}.pw-auth .writing-control-group{border:1px solid var(--border);background:var(--surface-subtle);border-radius:10px;align-items:center;min-height:46px;padding:0;display:flex}.pw-auth .writing-control-group>span{border-right:1px solid var(--border);color:var(--muted-foreground);padding:0 12px;font-size:13px}.pw-auth .writing-control-group input:not([type=hidden]),.pw-auth .writing-control-group input:focus-visible{box-shadow:none;background:0 0;border:0;flex:1}.pw-auth .writing-control-group:focus-within{border-color:var(--ring);box-shadow:0 0 0 3px var(--focus-ring)}.pw-auth form>.pw-auth-submit{border:1px solid var(--primary);background:var(--primary);width:100%;min-height:46px;color:var(--on-primary);box-shadow:none;border-radius:10px;margin:2px 0 0;font-weight:600;transform:none}.pw-auth form>.pw-auth-submit:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.pw-auth .writing-login-secondary{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.pw-auth .writing-login-secondary form{display:block}.pw-auth .writing-login-secondary button,.pw-auth .writing-auth-switch button{width:auto;min-height:32px;color:var(--foreground);box-shadow:none;background:0 0;border:0;padding:0;font-size:12px}.pw-auth .writing-auth-switch{justify-content:center;align-items:center;gap:8px;margin-top:20px;font-size:13px;display:flex}.pw-auth .writing-password-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.pw-auth [role=alert]{background:var(--danger-surface);color:var(--danger);border-radius:8px;margin:0;padding:10px 12px;font-size:12px;line-height:1.65}.pw-auth .pw-auth-hint,.pw-auth-hint{color:var(--muted-foreground);text-align:center;margin:15px 0 0;font-size:12px;line-height:1.7}.pw-auth .pw-auth-terms{border-top:1px solid var(--border);color:var(--muted-foreground);text-align:center;margin:24px 0 0;padding-top:18px;font-size:11px;line-height:1.8}.pw-auth-terms a{color:var(--foreground);text-underline-offset:3px;margin:0 3px;text-decoration:underline}.pw-auth-qr{text-align:center;margin:0}.pw-auth-qr-paper{aspect-ratio:1;background:var(--image-paper,#fff);width:min(248px,100%);box-shadow:0 0 0 1px var(--border),0 10px 24px -14px color-mix(in srgb,var(--shadow-ink) 25%,transparent);border-radius:18px;place-items:center;margin:0 auto;padding:16px;display:grid;position:relative;overflow:hidden}.pw-auth-qr-paper>img{object-fit:contain;width:100%;height:100%}.pw-auth-qr[data-state=expired] .pw-auth-qr-paper>img{opacity:.12;filter:blur(2px)}.pw-auth-qr-state{color:var(--image-ink,#171717);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;font-size:13px;line-height:1.6;display:flex;position:absolute;inset:0}.pw-auth-qr-state .pw-skeleton-lines{opacity:.5;width:70%}.pw-auth-wechat-icon{color:var(--success)}.pw-auth-qr figcaption{min-height:48px;margin-top:18px}.pw-auth-qr figcaption strong{color:var(--foreground);font-size:14px;font-weight:500}.pw-auth-qr figcaption p{color:var(--muted-foreground);margin:5px 0 0;font-size:12px;line-height:1.7}.pw-auth-standalone{text-align:center;width:min(440px,100%)}.pw-auth-standalone h1{margin-bottom:24px;font-size:23px;font-weight:600}.pw-auth-return{color:var(--muted-foreground);text-underline-offset:3px;margin-top:20px;font-size:13px;text-decoration:underline;display:inline-block}@keyframes pw-auth-enter{0%{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.pw-auth-card{padding:24px 20px}.writing-app dialog.writing-dialog:has(>.pw-auth){padding:24px 20px}.pw-auth-header{margin-bottom:20px}.pw-auth-tab{font-size:12px}}@media (prefers-reduced-motion:reduce){.pw-auth-panel{animation:none}.pw-auth-tab{transition:none}}