/* Original live CSS stays intact; requested prototype changes live here. */
.login-workspace{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,calc((100% + 28px)/2)) minmax(0,calc((100% - 28px)/2));width:min(100%,832px);margin-block:auto;border-radius:28px;box-shadow:0 12px 40px #183c2d12}.login-workspace .login-card{position:relative;z-index:1;width:100%;margin:0;padding-bottom:2rem}.login-card>.button{display:block}
.login-card>img{border-radius:16px;background:#fff}
#login-view .login-card{--note-ink:#183b33;--glass-rgb:255,255,255;--glass-opacity:.18;background:rgba(var(--glass-rgb),var(--glass-opacity));color:var(--note-ink);border-color:#ffffff66;box-shadow:inset 0 1px 0 #ffffff66;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:background .22s ease,backdrop-filter .22s ease}
#login-view .login-card .eyebrow{color:inherit}#login-view .login-card input{color:inherit;background:#ffffff38;border-color:#ffffff88;transition:background .22s ease}#login-view .login-card[data-engaged=true]:focus-within{background:rgba(var(--glass-rgb),.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}#login-view .login-card[data-engaged=true]:focus-within input{background:#ffffffc9;border-color:#c9d2cc}
#login-view .login-card[data-tone=dark]{--note-ink:#f4f7f2;--glass-rgb:18,38,45}#login-view .login-card[data-tone=dark] input{background:#102b3238;border-color:#ffffff55}#login-view .login-card[data-tone=dark]:focus-within input{background:#102b32c9;border-color:#ffffff55}
.login-context{--note-ink:#183b33;--note-muted:#34564d;--note-rule:#244a3c21;--glass-rgb:255,255,255;--glass-opacity:.18;position:relative;z-index:0;display:flex;flex-direction:column;align-self:stretch;min-width:0;margin-left:-28px;padding:2rem 2.4rem 2rem calc(2.4rem + 28px);border:1px solid #ffffff66;border-left:0;border-radius:0 28px 28px 0;background:rgba(var(--glass-rgb),var(--glass-opacity));box-shadow:inset 0 1px 0 #ffffff66;clip-path:inset(0 0 0 28px);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:background .22s ease,backdrop-filter .22s ease;font-size:15px;line-height:1.35;color:var(--note-ink)}
.login-context:focus-within{background:rgba(var(--glass-rgb),.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.login-context{contain:size;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.login-context h2{font-family:inherit;font-size:12px;font-weight:500;margin:0 0 6px;color:var(--note-muted)}.login-context strong{font-weight:500}.login-context small{font-size:12px;color:var(--note-muted)}
.note-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linejoin:round;stroke-linecap:round;flex:none;opacity:.8}
.app-weather{display:flex;align-items:center;gap:10px;padding:4px 0 8px}.app-weather strong{font-size:15px}
.app-weather[hidden]{display:none}
.daylight-note{margin:0 0 6px;padding-left:29px;font-size:12px;line-height:1.4;color:var(--note-muted)}.daylight-note span{display:block}
.sky-note{border:0}.sky-note summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:52px;cursor:pointer}.sky-note summary::-webkit-details-marker{display:none}.sky-note summary>span:nth-child(2){flex:1;min-width:0}.sky-note strong,.sky-note small{display:block}.sky-note small{margin-top:3px}.note-chevron{font-size:17px;opacity:.6}.sky-note[open] .note-chevron{transform:rotate(180deg)}.sky-note-detail{padding:0 0 12px 29px;font-size:13px}.sky-note-detail p{margin:0 0 7px}.sky-note-detail small{font-size:11px}
.daily-note{display:flex;align-items:flex-start;gap:10px;padding:8px 0}.daily-note>.note-icon{margin-top:1px}.daily-note>div{min-width:0}.daily-note strong{display:block;font-size:15px;font-weight:500;line-height:1.35}.daily-note small{display:block;margin-top:3px;line-height:1.35}.login-context :is(a,summary):focus-visible{outline:2px solid currentColor;outline-offset:3px}
.login-context[data-tone=dark]{--note-ink:#f4f7f2;--note-muted:#d3dfd9;--note-rule:#ffffff26;--glass-rgb:18,38,45;border-color:#ffffff40;box-shadow:inset 0 1px 0 #ffffff22}
@media(prefers-reduced-transparency:reduce){.login-workspace :is(.login-card,.login-context){--glass-opacity:.96!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}

#login-view{position:relative;isolation:isolate;overflow:hidden;background:transparent}
#login-panorama{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0;transition:opacity .45s ease}
#login-panorama[data-ready=true]{opacity:1}
#login-view:not([data-panorama-ready=true]) :is(.login-card,.login-context){background:#fffdf8;color:#17342c;--note-muted:#34564d}
html[data-login-tone=dark] #login-view:not([data-panorama-ready=true]) :is(.login-card,.login-context){background:#12262dcc;color:#f4f7f2;--note-muted:#d3dfd9}
#login-view .login-workspace{flex-shrink:0}
#login-view .message{color:inherit}
#login-view .scene-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:24px;width:100%}
#login-view .login-funding{grid-column:2;width:360px;max-width:100%;padding:14px 20px 15px;border:1px solid #e7ebe5;border-radius:20px;background:#fff;box-shadow:0 4px 20px #102a211a;color:#53665e;font-size:12px;gap:7px}
#login-view .funding-logo{padding:0;border-radius:0;background:transparent}
#login-view .panorama-place{min-width:0;max-width:100%;color:#edf0e5;text-shadow:0 1px 8px #071c16,0 1px 2px #071c16;display:grid;gap:7px}
#login-view .panorama-place strong{font-size:18px;font-weight:500;line-height:1.35;letter-spacing:.01em}
#login-view .place-line{font-size:12px;line-height:1.5;letter-spacing:.16em;color:#d5ddcf99;font-variant-numeric:tabular-nums}
#login-view .panorama-place{position:relative;display:block;width:fit-content}
.panorama-place summary{display:grid;gap:7px;list-style:none;cursor:pointer;min-height:48px}
.panorama-place summary::-webkit-details-marker{display:none}
.place-chevron{font-size:14px;margin-left:8px;opacity:.7}
.panorama-place[open] .place-chevron{display:inline-block;transform:rotate(180deg)}
.panorama-place nav{position:absolute;bottom:calc(100% + 12px);left:0;width:260px;max-width:calc(100vw - 48px);padding:6px;background:#15392eef;backdrop-filter:blur(16px);border:1px solid #ffffff40;border-radius:16px;box-shadow:0 8px 28px #06191035;text-shadow:none;z-index:3}
.panorama-place nav a{display:flex;align-items:center;min-height:44px;padding:10px 12px;color:#f4f7f2;text-decoration:none;border-radius:11px;font-size:15px}
.panorama-place nav a:hover,.panorama-place nav a[aria-current]{background:#ffffff21}
.panorama-place :is(a,summary):focus-visible{outline:2px solid #f6d277;outline-offset:3px}
@media(max-width:1000px){#login-view .scene-footer{display:flex;flex-direction:column;align-items:center;gap:18px}#login-view .login-funding{order:-1}#login-view .panorama-place{align-self:flex-start}}
@media(max-width:850px){#login-view .login-workspace{grid-template-columns:minmax(0,1fr);width:min(100%,430px)}#login-view .login-card{padding-bottom:1.5rem}#login-view .login-context{contain:none;overflow:visible;margin-left:0;margin-top:-28px;border-left:1px solid #ffffff66;border-top:0;border-radius:0 0 28px 28px;clip-path:inset(28px 0 0);padding:calc(1.5rem + 28px) 1.5rem 1.5rem}}
@media(max-width:760px){#login-view .panorama-place strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){#login-view *{transition:none!important}}