.zen{--zen-paper:#f4f1ea;--zen-ink:#2b2b28;--zen-ink-soft:#6b6a63;--zen-line:#cfcabd;--zen-moss:#5b6b4f;--zen-seal:#a8432f;--zen-m1:#d9d5ca;--zen-m2:#c4bfb2;--zen-m3:#a9a396;--zen-path:#8c8676;--zen-roof:#3a3a36;--zen-tree:#4e5a45;--zen-blossom:#c98b7e;--zen-captcha:none;background:var(--zen-paper);min-height:100vh;color:var(--zen-ink);justify-content:center;align-items:center;transition:background .4s,color .4s;display:flex;position:relative;overflow:hidden}.dark .zen{--zen-paper:#15171a;--zen-ink:#e4e1d8;--zen-ink-soft:#8e8b82;--zen-line:#34373b;--zen-moss:#93a783;--zen-seal:#b5503b;--zen-m1:#1e2125;--zen-m2:#262a2f;--zen-m3:#31363c;--zen-path:#9fa3a6;--zen-roof:#bfc2c0;--zen-tree:#3e4a3c;--zen-blossom:#8e5a50;--zen-captcha:brightness(.75)contrast(1.1)}.zen-serif{font-family:Songti SC,STSong,Noto Serif SC,SimSun,serif}.zen-art{position:absolute;inset:0;overflow:hidden}.zen-art svg{width:100%;height:100%;position:absolute;inset:0}.zen-poem{writing-mode:vertical-rl;letter-spacing:.5em;color:var(--zen-ink-soft);opacity:.75;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:15px;line-height:2.4;position:absolute;top:14%;right:9%}.zen-tools{z-index:2;gap:4px;display:flex;position:absolute;top:16px;right:16px}.zen-side{z-index:1;padding:48px 40px 40px;position:relative}.zen-side:before{content:"";z-index:-1;background:radial-gradient(closest-side,var(--zen-paper)55%,transparent);position:absolute;inset:-120px -160px}.zen-form{width:320px;max-width:100%}.zen-brand{text-align:center;flex-direction:column;align-items:center;gap:18px;margin-bottom:48px;display:flex}.zen-seal{background:var(--zen-seal);color:#f4f1ea;border-radius:3px;place-items:center;width:30px;height:30px;font-size:17px;display:grid}.zen-brand h1{letter-spacing:.5em;text-indent:.5em;font-size:38px;font-weight:500;line-height:1.2}.zen-field{margin-bottom:28px}.zen-field label{color:var(--zen-ink-soft);letter-spacing:.15em;margin-bottom:6px;font-size:12px;display:block}.zen-field input{border:none;border-bottom:1px solid var(--zen-line);width:100%;color:var(--zen-ink);background:0 0;outline:none;padding:8px 0;font-size:15px;transition:border-color .3s}.zen-field input:focus{border-bottom-color:var(--zen-moss)}.zen-field input::placeholder{color:var(--zen-ink-soft);opacity:.5}.zen-captcha{align-items:flex-end;gap:12px;display:flex}.zen-captcha input{flex:1}.zen-captcha img{cursor:pointer;height:36px;filter:var(--zen-captcha);border-radius:2px}.zen-submit{background:var(--zen-ink);width:100%;color:var(--zen-paper);letter-spacing:.6em;text-indent:.6em;cursor:pointer;border:none;border-radius:2px;margin-top:12px;padding:12px;font-size:15px;transition:opacity .3s}.zen-submit:hover{opacity:.85}.zen-submit:disabled{opacity:.6;cursor:default}.zen-foot{color:var(--zen-ink-soft);opacity:.6;letter-spacing:.1em;text-align:center;margin-top:48px;font-size:11px}.zen-reveal{stroke-dasharray:2000;stroke-dashoffset:2000px;animation:2.8s ease-out .3s forwards zen-draw}@keyframes zen-draw{to{stroke-dashoffset:0}}.zen-fade{opacity:0;animation:1.6s ease-out forwards zen-fade}.zen-d1{animation-delay:1.8s}.zen-d2{animation-delay:2.4s}@keyframes zen-fade{to{opacity:1}}.zen-mist{animation:40s ease-in-out infinite alternate zen-drift}.zen-mist2{animation:55s ease-in-out infinite alternate-reverse zen-drift}@keyframes zen-drift{0%{transform:translate(-60px)}to{transform:translate(60px)}}@media (prefers-reduced-motion:reduce){.zen-reveal{stroke-dashoffset:0;animation:none}.zen-fade{opacity:1;animation:none}.zen-mist,.zen-mist2{animation:none}}@media (max-width:860px){.zen{align-items:flex-end;padding-bottom:6vh}.zen-art{height:40vh;bottom:auto;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.zen-poem{font-size:13px;line-height:2;top:10%;right:6%}.zen-side{padding:32px 24px}.zen-brand{margin-bottom:36px}}
