:root{--bg:#f6f5f1;--ink:#292b3a;--muted:#777985;--line:#dededc;--paper:#fcfbf8;--accent:#5b607f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Arial,sans-serif}body.dark{--bg:#20222d;--ink:#eeeae3;--muted:#acacb8;--line:#41434e;--paper:#282a36;--accent:#b9bad6}button{font:inherit;cursor:pointer;border:0;background:none;color:var(--muted);padding:8px 0;font-size:14px}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}header{display:flex;justify-content:space-between;align-items:center;padding:26px 6%;border-bottom:1px solid var(--line)}.brand{font:italic 42px Georgia;letter-spacing:-3px;color:var(--ink);text-decoration:none}.brand sup{font:16px Arial;margin-left:10px;vertical-align:top}nav{display:flex;gap:35px}nav button.active{color:var(--ink);box-shadow:0 2px var(--accent)}#count{font-size:12px;margin-left:6px}#night{font-size:26px}main{max-width:1100px;margin:auto;padding:35px 50px 65px;min-height:calc(100vh - 180px)}.eyebrow{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.5px;color:var(--muted)}.intro{position:relative;padding:32px 0 28px}.chapter{font-size:12px;letter-spacing:1.3px;color:var(--muted);margin-bottom:20px}h1{font:normal clamp(66px,8vw,104px)/1.08 Georgia;letter-spacing:-5px;margin:0 0 22px}em{font-weight:normal;color:var(--accent)}.star{position:absolute;right:95px;top:90px;font:72px Georgia;color:var(--accent)}.sub{color:var(--muted);line-height:1.8}.paper{background:var(--paper);border:1px solid var(--line);padding:25px 30px 16px}.paper-top{display:flex;justify-content:space-between;gap:20px;font-size:14px;color:var(--muted)}#draftStatus{font-size:12px}textarea{display:block;width:100%;min-height:185px;resize:vertical;border:0;background:none;color:var(--ink);font:20px/1.8 Georgia;padding:24px 0 16px}textarea::placeholder{color:var(--muted);opacity:.65}.paper-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:18px}.moods{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.moods span,.local,.footnote{font-size:12px;color:var(--muted)}.moods button{border:1px solid var(--line);border-radius:20px;font-size:14px;padding:4px 12px}.moods button.selected{background:var(--ink);color:var(--bg)}.primary{background:var(--ink);color:var(--bg);padding:13px 22px;white-space:nowrap}.primary:disabled{opacity:.4;cursor:default}.local{margin-bottom:0}.footnote{display:flex;justify-content:space-between;margin-top:25px}footer{margin:0 6%;border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}footer i{font:italic 25px Georgia}footer span:nth-child(2){letter-spacing:2px;font-size:10px}h2{font:normal clamp(42px,6vw,66px)/1.2 Georgia;letter-spacing:-2px;margin:15px 0}.entry-card{border-bottom:1px solid var(--line);padding:25px 0}.entry-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.entry-text{font:20px/1.8 Georgia;white-space:pre-wrap;overflow-wrap:anywhere}.entry-actions{display:flex;gap:22px}.empty{padding:45px 0;color:var(--muted)}#memoryCard{margin:35px 0}#memoryCard .entry-card{background:var(--paper);border:1px solid var(--line);padding:30px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:12px 22px;max-width:90vw}[hidden]{display:none!important}@media(max-width:700px){header{padding:18px 6%;flex-wrap:wrap;gap:18px}.brand{font-size:36px}nav{order:3;width:100%;gap:12px;justify-content:space-between}main{padding:28px 6% 45px}.eyebrow span:last-child{display:none}h1{letter-spacing:-3px}.star{right:8px;top:110px;font-size:42px}.paper{padding:20px}#draftStatus{display:none}.paper-bottom{flex-direction:column;align-items:stretch}textarea{min-height:220px}.footnote span,footer span:nth-child(2){display:none}footer span:last-child{font-size:10px}}
.voice-row{display:flex;align-items:center;gap:16px;margin-top:20px}.voice{border:1px solid var(--line);padding:9px 15px;color:var(--ink);border-radius:24px}.voice.recording{color:#b74656;border-color:#b74656}.voice-row span{font-size:12px;color:var(--muted)}audio{display:block;width:100%;max-width:480px;margin:20px 0}.entry-text:empty{display:none}@media(max-width:700px){.voice-row{align-items:flex-start;flex-direction:column;gap:6px}}
.home-intro{padding:65px 0 52px}.home-intro h1{font-size:clamp(62px,7.6vw,100px);margin-bottom:30px}.home-actions{display:flex;gap:14px;align-items:center;margin:32px 0 14px}.home-actions .voice{border-radius:0;padding:12px 22px}.home-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:30px 0 0;gap:30px}.home-bottom p{font:24px/1.5 Georgia;margin:13px 0}.home-history{text-align:right;display:flex;flex-direction:column;justify-content:center;gap:8px;color:var(--ink)}.home-history span:first-child{font:italic 24px Georgia;color:var(--accent)}.home-history span:last-child{font-size:14px}.photo-tools{display:flex;align-items:center;gap:16px;padding:8px 0 18px}.photo-label{font-size:14px;color:var(--ink);cursor:pointer;border-bottom:1px solid var(--line)}#photos{position:absolute;opacity:0;width:1px;height:1px}#photos:focus-visible+.photo-label{outline:2px solid var(--accent)}#photoStatus{font-size:12px;color:var(--muted)}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.photo-grid:empty{display:none}.photo-grid figure{position:relative;margin:0;min-width:0}.photo-grid img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;border-radius:3px;background:var(--bg)}.photo-grid a{display:block;font-size:12px;color:var(--muted);margin-top:6px}.photo-grid button{position:absolute;top:7px;right:7px;border-radius:50%;background:var(--paper);color:var(--ink);font-size:20px;padding:0;width:28px;height:28px}.saved-photos{margin:22px 0}.saved-photos img{max-height:520px}@media(max-width:700px){nav{gap:10px}nav button{font-size:13px}.home-intro{padding:42px 0 34px}.home-actions{flex-direction:column;align-items:stretch}.home-bottom{flex-direction:column;gap:10px}.home-history{text-align:left;align-items:flex-start}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid img,.saved-photos img{height:auto;max-height:380px}}
.greeting{font:italic 24px/1.5 Georgia;color:var(--accent);margin:0 0 25px}.personal{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px;font-size:14px;color:var(--muted)}.personal input{font:inherit;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line);padding:8px;width:160px}.personal input:focus{outline:2px solid var(--accent)}.personal button{color:var(--ink);border-bottom:1px solid var(--line)}#nameStatus{font-size:12px;width:100%}body[data-period="morning"]:not(.dark){--bg:#f8f6f0;--accent:#767057}body[data-period="day"]:not(.dark){--bg:#f2f4f5;--accent:#526b7b}body[data-period="night"].dark{--bg:#191b28;--accent:#a7accf}body,header,.paper{transition:background-color .5s,color .5s}
#language{background:transparent;color:var(--ink);border:1px solid var(--line);font:14px Arial;padding:7px;max-width:115px}#language option{background:var(--paper);color:var(--ink)}header{gap:18px}nav{flex-wrap:wrap;justify-content:center}html[lang="de"] .home-actions,html[lang="fr"] .home-actions{flex-wrap:wrap}html[lang="zh"] h1,html[lang="ja"] h1,html[lang="ko"] h1{letter-spacing:0;font-size:clamp(48px,7vw,86px)}@media(max-width:700px){header{gap:12px}#language{margin-left:auto;max-width:100px}nav{justify-content:space-between;gap:8px}.paper-top{flex-wrap:wrap}.home-actions .primary,.home-actions .voice{white-space:normal}html[lang="de"] nav button{font-size:12px}}
.profile-link{color:var(--ink);font-size:14px}.profile-link.active{border-bottom:1px solid var(--accent)}#profile{max-width:680px;padding:35px 0 80px}#profile .personal{display:grid;grid-template-columns:minmax(0,1fr) auto;max-width:460px;gap:14px}#profile .personal label{grid-column:1/-1}#profile .personal input{width:100%;font-size:18px}#profile .personal button{padding:8px 15px;background:var(--ink);color:var(--bg);border:0}#profile #nameStatus{grid-column:1/-1}header nav{flex:1}@media(max-width:700px){header nav{flex-basis:100%}.profile-link{font-size:13px}}
:root{--writing-font:Georgia,"Times New Roman",serif;--writing-size:1.25rem}textarea,.entry-text{font-family:var(--writing-font);font-size:var(--writing-size);line-height:1.8}.writing-settings{margin:35px 0;padding-top:20px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,1fr);gap:16px;max-width:520px}.writing-settings h3,.writing-settings p,.check-setting{grid-column:1/-1}.writing-settings h3{font:24px Georgia;margin:0 0 8px}.writing-settings select{font:14px Arial;color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:10px;width:100%}.check-setting{display:flex;gap:12px;align-items:center}.check-setting input{width:18px;height:18px;accent-color:var(--accent)}.writing-hints{border-top:1px solid var(--line);padding:12px 0;margin-bottom:12px}.writing-hint{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:5px 0;font-size:14px}.writing-hint>span:first-child{color:var(--muted);font-size:12px}.hint-original{overflow-wrap:anywhere}.writing-hint button{color:var(--accent);text-decoration:underline}.writing-settings .entry-text{padding:14px 18px;background:var(--paper);border:1px solid var(--line);margin:0}@media(max-width:500px){.writing-settings{grid-template-columns:1fr}.writing-settings>*{grid-column:1}.writing-hint{gap:8px}}
body[data-view="home"] header nav,body[data-view="home"] .profile-link{display:none}.auth-home{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 290px)}.auth-panel{width:100%;max-width:390px;padding:25px 0}.auth-panel .greeting{font:16px Arial;color:var(--muted);margin-bottom:14px}.auth-panel h1{font:normal 34px/1.3 Georgia;letter-spacing:-1px;margin-bottom:28px}.auth-panel form{display:flex;flex-direction:column;gap:10px}.auth-panel label{display:block;font-size:14px;margin-bottom:5px}.auth-panel input{width:100%;font:16px Arial;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:14px;border-radius:4px}.auth-panel input:focus{outline:2px solid var(--accent);outline-offset:2px}.auth-panel #authPasswordGroup,.auth-panel #authNameGroup{margin-top:8px}.auth-panel .primary{margin-top:16px;border-radius:4px;font-size:16px}.auth-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;margin-top:22px}.auth-links button{font-size:14px;color:var(--accent);text-align:left}.auth-demo{font-size:12px;color:var(--muted);margin:8px 0 0}.auth-panel input:disabled{opacity:.55}@media(max-width:700px){.auth-home{min-height:calc(100svh - 235px)}.auth-panel{max-width:390px;padding:20px 0}body[data-view="home"] header{flex-wrap:nowrap}}
/* Ambient auth motion: one bounded composited gradient, no image or video. */
.auth-home{position:relative;isolation:isolate;overflow:hidden;border-radius:12px}.auth-home::before{content:"";position:absolute;z-index:-1;width:650px;height:650px;max-width:100%;max-height:100%;left:50%;top:50%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(148,170,195,.17),rgba(148,170,195,0) 68%);transform:translate(-50%,-50%);animation:after-light 28s ease-in-out infinite alternate}.dark .auth-home::before{background:radial-gradient(ellipse at center,rgba(120,126,190,.14),rgba(120,126,190,0) 68%)}.auth-panel{animation:after-enter .5s ease-out both}.auth-panel h1{overflow-wrap:anywhere}.auth-panel input{min-width:0}.auth-links button{white-space:normal;overflow-wrap:anywhere;min-height:44px}.auth-panel.auth-transition{animation:after-switch .24s ease-out both}.auth-panel input,.auth-panel button{touch-action:manipulation}@keyframes after-light{from{transform:translate(-56%,-54%);opacity:.5}to{transform:translate(-44%,-46%);opacity:.95}}@keyframes after-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes after-switch{from{opacity:.55}to{opacity:1}}@media(max-width:700px){.auth-home::before{width:380px;height:480px;animation-duration:36s}.auth-panel{padding:20px 8px}}@media(prefers-reduced-motion:reduce){.auth-home::before,.auth-panel,.auth-panel.auth-transition{animation:none!important}body,header,.paper{transition:none!important}}body.motion-paused .auth-home::before{animation-play-state:paused}
/* More visible ambient light; transform/opacity only, still a single layer. */
.auth-home::before{width:900px;height:760px;max-width:none;max-height:none;background:radial-gradient(ellipse at 38% 42%,rgba(133,169,211,.38),rgba(133,169,211,0) 57%),radial-gradient(ellipse at 65% 63%,rgba(224,181,116,.22),rgba(224,181,116,0) 55%);animation:after-visible-light 18s ease-in-out infinite alternate}.dark .auth-home::before{background:radial-gradient(ellipse at 35% 43%,rgba(105,115,207,.36),rgba(105,115,207,0) 57%),radial-gradient(ellipse at 66% 62%,rgba(139,88,154,.20),rgba(139,88,154,0) 55%)}.auth-panel{position:relative;z-index:1}@keyframes after-visible-light{from{transform:translate(-66%,-56%) scale(.92);opacity:.72}to{transform:translate(-35%,-43%) scale(1.04);opacity:1}}@media(max-width:700px){.auth-home::before{width:580px;height:620px;animation-duration:24s}}@media(prefers-reduced-motion:reduce){.auth-home::before{animation:none!important;transform:translate(-50%,-50%);opacity:.85}}

.auth-loading main{visibility:hidden}.auth-status{min-height:1.5em;font-size:.9rem;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.auth-status.error{color:#b64a39}.dark .auth-status.error{color:#ffb9ae}.account-email{overflow-wrap:anywhere}#logout{margin-bottom:1.5rem}body:not([data-view="home"]) .auth-panel{display:none}

/* Keep editing controls and focus outlines clear at every text size. */
.paper-top,.voice-row,.photo-tools,.paper-bottom,.entry-meta,.entry-actions{flex-wrap:wrap}
.paper-top>* ,.voice-row>* ,.photo-tools>* ,.paper-bottom>* {min-width:0;overflow-wrap:anywhere}
.voice-row{row-gap:10px;margin-bottom:16px}.voice{white-space:normal;text-align:left}
.paper #entry{margin:8px 0 16px;padding:16px 12px;border:1px solid var(--line);border-radius:4px;max-width:100%;min-width:0}
.paper #entry:focus-visible{outline-offset:3px}
.paper-bottom .primary{white-space:normal;max-width:100%;flex-shrink:0}
.photo-tools{gap:12px;row-gap:8px}.photo-grid{align-items:start}
.photo-grid:has(figure:only-child){grid-template-columns:minmax(0,440px)}
.photo-grid .photo-open{display:block;margin:0}.photo-grid button{min-width:32px;min-height:32px}
.photo-grid button:disabled{opacity:.5;cursor:wait}
.photo-grid figure{display:flex;flex-direction:column;gap:4px}
.entry-actions{row-gap:8px}.entry-meta{gap:8px}
header>*{min-width:0}header nav{min-width:0}
@media(max-width:960px){header{flex-wrap:wrap}header nav{order:3;flex-basis:100%;justify-content:flex-start;gap:8px 24px}}
@media(max-width:700px){.paper-top{gap:8px}.voice-row{margin-bottom:18px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid:has(figure:only-child){grid-template-columns:minmax(0,1fr)}.paper-bottom .primary{width:100%}.moods{gap:8px}.moods span{width:100%}}

/* Four time-of-day layers use the supplied sky concept without image downloads. */
.auth-home{min-height:calc(100svh - 240px);padding:48px 24px;border:1px solid var(--line);border-radius:16px}
.auth-home::before{display:none}.auth-sky{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.sky-layer{position:absolute;inset:0;opacity:0;transition:opacity 1s ease}
.sky-layer.visible{opacity:1}.sky-dawn{background:linear-gradient(#8797ca,#e8b6a1 55%,#f5dbb1)}.sky-day{background:linear-gradient(#76a9d3,#bfdce8 55%,#eaf0e8)}.sky-dusk{background:linear-gradient(#45416e,#ae7190 55%,#e1a27f)}.sky-night{background:linear-gradient(#10162e,#242d50 55%,#3d4260)}
.sky-stars{position:absolute;inset:0;opacity:0;transition:opacity 1s}.sky-star{position:absolute;width:2px;height:2px;border-radius:50%;background:#f8f3df;animation:sky-twinkle 4s ease-in-out infinite}
.sky-celestial{position:absolute;width:0;height:0;transition:left 1s ease,top 1s ease}.sky-sun,.sky-moon{position:absolute;width:90px;height:90px;transform:translate(-50%,-50%);transition:opacity 1s}
.sky-sun{background:radial-gradient(circle,#ffedb9 0 20%,#ffedb977 22%,#ffedb900 68%);animation:sky-breathe 9s ease-in-out infinite}.sky-moon{opacity:0;background:radial-gradient(circle,#eff0dc 0 17%,#dee4ee33 20%,#dee4ee00 66%)}
.sky-cloud{position:absolute;width:260px;height:90px;background:radial-gradient(ellipse,#ffffff88,#ffffff00 70%);opacity:.65;animation:sky-drift 26s ease-in-out infinite}.sky-cloud-one{left:6%;top:58%}.sky-cloud-two{right:8%;top:26%;width:200px;animation-duration:34s;animation-delay:-3s}.sky-hills{position:absolute;bottom:0;width:100%;height:24%;color:#516582;opacity:.5}
body[data-daypart="dawn"] .sky-stars{opacity:.12}body[data-daypart="dusk"] .sky-stars{opacity:.45}body[data-daypart="night"] .sky-stars{opacity:1}body[data-daypart="dusk"] .sky-sun{opacity:.65}body[data-daypart="night"] .sky-sun{opacity:0}body[data-daypart="night"] .sky-moon{opacity:1}body[data-daypart="dusk"] .sky-moon{opacity:.3}body[data-daypart="night"] .sky-cloud{opacity:.14}body[data-daypart="dusk"] .sky-cloud{opacity:.3}body[data-daypart="night"] .sky-hills{color:#11182b;opacity:.8}body[data-daypart="dusk"] .sky-hills{color:#302740;opacity:.65}
.auth-panel{padding:28px;max-width:410px;background:#fcfbf8f5;border:1px solid #ffffff80;border-radius:12px;color:#292b3a;--paper:#fff;--line:#d5d8df;--ink:#292b3a;--muted:#606579;--accent:#52617f;box-shadow:0 8px 32px #17233e12}
.dark .auth-panel{background:#202635f5;border-color:#67708866;color:#eeeae3;--paper:#262e40;--line:#5e667c;--ink:#eeeae3;--muted:#c1c7d4;--accent:#ced5ef}
@keyframes sky-twinkle{0%,100%{opacity:.25}50%{opacity:1}}@keyframes sky-drift{0%,100%{transform:translate3d(-8%,0,0)}50%{transform:translate3d(8%,-2%,0)}}@keyframes sky-breathe{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.06)}}
body.motion-paused .sky-star,body.motion-paused .sky-cloud,body.motion-paused .sky-sun,body:not([data-view="home"]) .sky-star,body:not([data-view="home"]) .sky-cloud,body:not([data-view="home"]) .sky-sun{animation-play-state:paused}
@media(max-width:700px){.auth-home{padding:30px 14px;min-height:calc(100svh - 220px)}.auth-panel{padding:24px 20px}.auth-panel h1{font-size:30px}.sky-star:nth-child(n+11){display:none}.sky-cloud-two{display:none}.sky-cloud{width:180px;animation-duration:36s}.sky-sun,.sky-moon{width:70px;height:70px}}
@media(prefers-reduced-motion:reduce){.sky-star,.sky-cloud,.sky-sun{animation:none!important}.sky-layer,.sky-stars,.sky-celestial,.sky-sun,.sky-moon{transition:none!important}}

body[data-daypart="day"] .sky-star{animation:none}body[data-daypart="night"] .sky-sun{animation:none}
.header-tools{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}.header-tools #language{width:68px;max-width:68px;margin:0;font-size:14px;min-height:40px}.header-tools #night{min-width:36px;min-height:40px}.auth-panel h1{margin-bottom:12px}.auth-purpose{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 24px}.history-tools{display:flex;flex-wrap:wrap;gap:24px;margin-top:24px}#trashOpen{margin-left:auto}#trash .entry-actions button:last-child{color:var(--muted)}@media(max-width:700px){.header-tools{gap:8px}.header-tools #language{width:62px;max-width:62px}.auth-purpose{font-size:14px}}
/* An open sky across the viewport, with a compact unboxed sign-in form. */
body{isolation:isolate}.auth-sky{display:none;position:fixed;inset:0;z-index:-1}body[data-view="home"] .auth-sky{display:block}body[data-view="home"] header,body[data-view="home"] footer{border-color:transparent;background:transparent}body[data-view="home"] main{max-width:none;padding:24px 6% 40px}
.auth-home{isolation:auto;overflow:visible;border:0;border-radius:0;min-height:calc(100svh - 250px);padding:36px 0}
.auth-panel,.dark .auth-panel{max-width:340px;padding:0;background:none;border:0;border-radius:0;box-shadow:none}.auth-panel h1{font-size:32px}.auth-panel .greeting{margin-bottom:12px}.auth-panel .primary{margin-top:10px;padding:12px 18px}.auth-panel input{padding:12px;font-size:16px}.auth-panel form{gap:8px}.auth-links{margin-top:16px;gap:12px}.auth-status:empty{display:none}.auth-purpose{margin-bottom:22px}
body[data-view="home"]:not(.dark){--ink:#202c43;--muted:#3f5068;--line:#61738c;--accent:#304562}body[data-view="home"].dark{--ink:#f5f2ea;--muted:#c5cedf;--accent:#d7dff0}.sky-celestial{transition:left 1s ease,top 1s ease}.sky-hills{height:18%}
@media(max-width:700px){body[data-view="home"] main{padding:20px 7% 32px}.auth-home{min-height:calc(100svh - 210px);padding:24px 0}.auth-panel,.dark .auth-panel{max-width:330px;padding:0}.auth-panel h1{font-size:30px}.sky-hills{height:14%}}
/* Spacious brand composition: a thought on the left, a simple way in on the right. */
.auth-home{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:clamp(48px,8vw,120px);align-items:center;min-height:calc(100svh - 250px)}
.auth-intro{padding-bottom:24px}.auth-wordmark{font:italic clamp(90px,12vw,164px)/1.08 Georgia,serif;letter-spacing:-.07em;margin:0 0 30px;color:var(--ink)}.auth-wordmark sup{display:inline-block;font:normal 30px/1 Arial;letter-spacing:0;vertical-align:top;margin:12px 0 0 16px;color:var(--accent)}.auth-tagline{font:normal clamp(24px,3vw,32px)/1.4 Georgia,serif;margin:0 0 16px;max-width:460px}.auth-intro .auth-purpose{max-width:330px;font-size:16px;line-height:1.7;margin:0;color:var(--muted)}
.auth-panel{justify-self:end;width:100%}.sky-night{background:radial-gradient(ellipse at 76% 80%,#4f537144,transparent 56%),linear-gradient(#10162e,#242d50 55%,#3d4260)}.sky-dawn{background:radial-gradient(ellipse at 20% 72%,#ffe2ad80,transparent 55%),linear-gradient(#8797ca,#e8b6a1 55%,#f5dbb1)}.auth-intro{animation:after-enter .7s ease-out both}
@media(max-width:760px){.auth-home{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:12px 0 22px;min-height:calc(100svh - 210px)}.auth-intro{width:100%;max-width:330px;padding:0}.auth-wordmark{font-size:78px;margin-bottom:14px}.auth-wordmark sup{font-size:20px;margin:8px 0 0 12px}.auth-tagline{font-size:24px;margin-bottom:10px}.auth-intro .auth-purpose{font-size:14px;line-height:1.6}.auth-panel{justify-self:auto}.auth-panel h1{font-size:28px}.auth-panel .greeting{font-size:14px;margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.auth-intro{animation:none!important}}