.login-layout{position:relative;z-index:1;max-width:1120px;min-height:calc(100svh - 210px);margin:auto;padding:9vh 55px 120px;display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:center}.login-private{font:11px var(--serif);color:var(--muted);letter-spacing:2px}.login-poem h1{font:43px/1.8 var(--serif);letter-spacing:5px;margin:25px 0}.login-poem>p:not(.eyebrow){font:13px var(--serif);letter-spacing:3px;color:var(--muted)}.login-poem .small-seal{margin-top:35px;font-size:17px}.login-form-area{max-width:340px;width:100%}.login-form-area h2{font-size:27px;letter-spacing:3px;margin:14px 0 7px}.login-intro{font:12px var(--serif);color:var(--muted);letter-spacing:1px;margin-bottom:30px}.login-form-area label{margin:22px 0}.login-form-area input:not([type=checkbox]){background:#fcfbf580;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:12px 0;font-size:14px}.password-wrap{position:relative}.password-wrap input{padding-right:45px!important}.password-wrap button{position:absolute;right:0;top:11px;font-size:11px;color:var(--muted)}.remember{font-size:11px!important;gap:8px!important}.remember span{font-size:9px;color:var(--muted);margin-left:auto}.login-submit{width:100%;margin-top:6px;text-align:left;display:flex;justify-content:space-between;padding:13px 18px;font:14px var(--serif);letter-spacing:3px}.login-help{font-size:10px;color:var(--muted);margin-top:22px;line-height:1.8}.login-themes{display:flex;gap:20px}.login-themes button{color:var(--muted);font:11px var(--serif);padding:5px 0;border-bottom:1px solid transparent}.login-themes button.active{color:var(--accent);border-color:var(--accent)}#login-error{font-size:12px;color:#a2372c;min-height:20px}#setup-note{font-size:11px;color:var(--accent);margin-top:15px;line-height:1.9}#setup-note code{word-break:break-word}.login-page[data-view=login] .mountain-art{opacity:.65}html[data-theme=mountain] .login-layout{padding-bottom:180px}html[data-theme=mountain] .login-form-area{background:#f8f7f270;padding:10px 15px;margin-left:-15px;box-sizing:content-box}html[data-theme=window] .login-poem h1{font-size:40px}html[data-theme=seal] .login-poem h1{writing-mode:vertical-rl;height:300px;line-height:1.7;font-size:49px;margin:20px 0}html[data-theme=seal] .login-poem>p:not(.eyebrow){font-size:11px}.logout-button{font:11px var(--serif);color:var(--muted);padding:4px;white-space:nowrap}.logout-button:hover{color:var(--accent)}.sync-note{font-size:10px;color:var(--accent)}
@media(max-width:800px){.login-layout{gap:50px;padding:7vh 35px 110px}.login-poem h1{font-size:31px;letter-spacing:2px}html[data-theme=window] .login-poem h1{font-size:31px}.login-private{font-size:9px;letter-spacing:0}}
@media(max-width:600px){.login-layout{display:block;max-width:400px;padding:25px 30px 75px}.login-poem{margin-bottom:35px}.login-poem .eyebrow,.login-poem>p:not(.eyebrow),.login-poem .small-seal{display:none}.login-poem h1{font-size:25px;line-height:1.5;letter-spacing:2px;margin:10px 0 30px}.login-poem h1 br{display:none}.login-form-area{max-width:none}.login-form-area h2{font-size:24px}.login-footer{align-items:flex-start;gap:16px;flex-direction:column}.login-themes{gap:22px}.login-private{max-width:110px;text-align:right}.login-form-area label{margin:19px 0}html[data-theme=seal] .login-poem h1{writing-mode:horizontal-tb;height:auto;font-size:26px;line-height:1.6}html[data-theme=mountain] .login-layout{padding-bottom:90px}html[data-theme=mountain] .login-form-area{box-sizing:border-box;margin:0;padding:0}html[data-theme=seal] .login-poem>p:not(.eyebrow){display:none}.logout-button{font-size:10px}}