*{box-sizing:border-box}body{margin:0;background:var(--theme-bg,#FAF7F0);color:#34312D;font:14px -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--theme-accent,#76624F);text-decoration:none}.auth-page{max-width:410px;margin:auto;padding:calc(18px + env(safe-area-inset-top)) 26px calc(24px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;gap:10px;color:var(--theme-accent,#76624F);font-size:12px}.back{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--theme-surface,#EDE7DD);font-size:27px}.auth-hero{text-align:center;margin:27px 0 26px}.logo{width:80px;height:80px;display:grid;place-items:center;margin:0 auto 17px;border-radius:27px;background:var(--theme-surface,#EDE7DD)}.logo img{width:55px;height:55px;object-fit:contain}h1{font-size:24px;font-weight:500;margin:0 0 9px}.auth-hero p{font-size:12px;line-height:1.8;color:#81786D;margin:0}.auth-tabs{display:flex;padding:5px;gap:5px;border-radius:16px;background:var(--theme-surface,#EDE7DD);margin-bottom:24px}.auth-tabs button{flex:1;border:0;border-radius:12px;background:transparent;color:var(--theme-accent,#76624F);padding:11px}.auth-tabs button[aria-pressed=true]{background:var(--theme-accent,#76624F);color:var(--theme-on-accent,#fff)}label{display:block;font-size:12px;margin:17px 0 9px;color:var(--theme-accent,#76624F)}input{width:100%;min-width:0;padding:14px;border:1px solid var(--theme-card,#DCD0BA);border-radius:14px;background:var(--theme-bg,#FAF7F0);color:#34312D;font-size:16px}input::placeholder{color:#A69B9C;font-size:13px}input:focus{outline:2px solid var(--theme-accent,#76624F);outline-offset:2px}.password-wrap{position:relative}.password-wrap input{padding-right:52px}.password-wrap button{position:absolute;right:9px;top:7px;width:38px;height:38px;border:0;border-radius:11px;background:var(--theme-surface,#EDE7DD);color:var(--theme-accent,#76624F);display:grid;place-items:center}.password-wrap svg{width:22px;height:22px}.forgot{display:block;margin:12px 0 0 auto;padding:5px 0;border:0;background:transparent;color:var(--theme-accent,#76624F);font-size:12px}.primary{margin-top:22px;width:100%;padding:15px;border:0;border-radius:15px;background:var(--theme-accent,#76624F);color:var(--theme-on-accent,#fff);font-size:15px}.primary:active{transform:scale(.98)}#auth-status{margin:10px 0 0;font-size:12px;line-height:1.7;color:var(--theme-accent,#76624F)}.preview-note{font-size:11px;line-height:1.7;color:#81786D;text-align:center;margin:19px 8px}.guest{display:flex;align-items:center;justify-content:center;gap:14px;padding:13px;border:1px solid var(--theme-card,#DCD0BA);border-radius:15px;font-size:13px}.footer{text-align:center;font-size:11px;color:#A3988A;margin-top:27px}.text-button{border:0;background:transparent;color:var(--theme-accent,#76624F);padding:12px 0;font-size:12px}[hidden]{display:none!important}

.cloud-note{font-size:12px;line-height:1.8;color:var(--theme-accent,#76624F);background:var(--theme-surface,#EDE7DD);border-radius:13px;padding:12px 14px;margin:20px 0 0}

.auth-page{padding:calc(24px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom))}.auth-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 20px;min-height:44px}.auth-header h2{margin:0;font-size:22px;font-weight:600;color:#34312D}.auth-settings{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;padding:0;border-radius:14px;background:var(--theme-surface,#EDE7DD);color:var(--theme-accent,#76624F)}

.session-note,.code-hint{font-size:12px;line-height:1.8;color:#81786D}.session-note{text-align:center;margin:18px 0 0}.code-hint{margin:8px 0 0}#auth-code{letter-spacing:5px;text-align:center;font-size:22px}#auth-code::placeholder{letter-spacing:0}#code-actions{display:flex;justify-content:space-between;gap:12px}#auth-email[readonly]{opacity:.75}
/* Refined email sign-in page */
.auth-page{max-width:430px;padding-left:24px;padding-right:24px}
.auth-hero{margin:34px 0 25px}.logo{width:98px;height:98px;border-radius:34px;background:var(--theme-card,#DCD0BA);position:relative;margin-bottom:23px;box-shadow:0 9px 25px color-mix(in srgb,var(--theme-accent,#76624F) 8%,transparent)}.logo img{width:66px;height:66px}.auth-hero h1{font-size:26px;font-weight:500;letter-spacing:1px}.auth-hero p{max-width:255px;margin:12px auto 0;font-size:13px;line-height:1.9;color:var(--theme-accent,#76624F)}
#auth-form{padding:23px 20px 20px;background:var(--theme-surface,#EDE7DD);border-radius:25px;border:1px solid var(--theme-card,#DCD0BA)}
.auth-card-title{font-size:17px;font-weight:500;margin:0 0 7px}.auth-card-copy{font-size:12px;line-height:1.8;margin:0 0 20px;color:var(--theme-accent,#76624F)}
#auth-form label{margin:17px 0 9px;font-size:12px}#auth-form input{background:var(--theme-bg,#FAF7F0);border-color:transparent;border-radius:14px;padding:16px;font-size:16px}#auth-form .primary{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px;border-radius:15px;font-weight:500;min-height:52px}#auth-form .primary::after{content:'→';font-size:20px;font-weight:400}.session-note{font-size:11px;line-height:1.9;text-align:left;border-top:1px solid var(--theme-card,#DCD0BA);padding-top:14px;margin-top:15px}
.cloud-note{background:transparent;text-align:center;padding:0 13px;margin-top:23px;font-size:12px}.preview-note{margin:8px 10px 19px;font-size:10px}.guest{border:0;background:transparent;padding:10px;font-size:13px}.footer{margin-top:22px}
@media(max-height:750px){.auth-hero{margin-top:20px}.logo{width:76px;height:76px;border-radius:26px;margin-bottom:17px}.logo img{width:53px;height:53px}}

#account-mode{text-align:center;margin-top:8px}#mode-switch{font-size:12px;text-decoration:underline;text-underline-offset:4px}

#account-mode.auth-tabs{margin:0 0 18px;padding:5px;text-align:center}#account-mode.auth-tabs button{min-height:48px;font-size:15px;font-weight:500}

.auth-hero .logo{background:transparent;box-shadow:none;border:0;border-radius:0;width:84px;height:84px;margin-bottom:18px}.auth-hero .logo img{width:64px;height:64px;object-fit:contain;mix-blend-mode:multiply}@media(max-height:750px){.auth-hero .logo{width:70px;height:70px;margin-bottom:14px}.auth-hero .logo img{width:55px;height:55px}}

.auth-logo-mark{width:54px;height:54px;display:block;color:var(--theme-accent,#76624F)}

.auth-header{justify-content:flex-start;gap:12px}