/* Access screens use the approved mobile composition and the shared scene. */
html[data-theme] #entry-screen{padding:0 28px max(24px,var(--safe-bottom));background:transparent;color:var(--scene-ink);isolation:isolate}
#entry-screen .entry-header{position:relative;max-width:352px;justify-content:center;min-height:calc(var(--safe-top) + 138px);padding:calc(var(--safe-top) + 28px) 0 38px;align-items:center}
html[data-theme] #entry-screen .entry-header>img{content:url('assets/mark-forest.svg');width:25px;height:38px;opacity:1;filter:none}
html[data-theme="dark"] #entry-screen .entry-header>img{content:url('assets/mark-lemon.svg')}
#entry-screen .entry-mark,#entry-screen .entry-tools .theme-toggle{display:none}
#entry-screen .entry-tools{position:absolute;right:0;top:calc(var(--safe-top) + 22px)}
#entry-screen .entry-main{width:100%;max-width:352px;margin:0 auto;flex:1;padding:14px 0 24px}
#entry-screen .entry-panel h1,#entry-screen .entry-panel h2{font:400 36px/1.15 Outfit,sans-serif;letter-spacing:-.02em;text-wrap:initial;overflow:visible;padding:0 .1em .15em;margin:0 -.1em -.15em}
#entry-screen .entry-panel em{font-family:Playfair,serif;font-size:1.16em;line-height:1.2;font-weight:400}
#entry-screen .entry-description{font-size:16px;line-height:1.55;margin:18px 0 0;color:inherit}
.auth-actions{margin-top:112px}.access-google,.access-email{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:58px;border-radius:32px;padding:12px 20px;border:1px solid var(--scene-line);font:400 17px Outfit,sans-serif;background:#f8f3e40a;color:inherit}
.access-google{background:#F8F3E4;color:#25261e;border-color:#F8F3E4}.access-google svg{width:25px;height:25px;flex:none}.access-divider{display:flex;align-items:center;gap:18px;height:48px;opacity:.7;font-size:12px}.access-divider:before,.access-divider:after{content:'';flex:1;height:1px;background:var(--scene-line)}
#entry-screen .entry-hint{font-size:12px;margin:18px 0 0;line-height:1.5;text-align:center}#entry-screen .entry-footer{flex:none;max-width:352px;width:100%;margin:24px auto 0;padding:0}#entry-environment{display:none}
#entry-screen .entry-panel form:not(#entry-consent-form){margin-top:28px}#entry-screen .entry-panel .entry-primary{border-radius:32px;min-height:56px;margin-top:14px}#entry-screen .entry-panel input:not([type=checkbox]){border-radius:22px}
.access-word{display:inline-block;white-space:nowrap;will-change:opacity,transform}
.access-chart-card{margin-top:20px;padding:14px 18px 6px;border:1px solid var(--scene-line);border-radius:24px;background:linear-gradient(130deg,#f8f3e409,#f8f3e414);box-shadow:inset 0 1px 0 #f8f3e409}
.access-chart-top{display:flex;justify-content:space-between;align-items:center}.access-chart-top strong{font-size:17px;font-weight:450}.access-chart-top span{font-size:11px;opacity:.7}
.access-pair-chart{display:block;width:100%;height:136px;overflow:visible}.access-guide{stroke:var(--scene-line);stroke-width:.7;fill:none}.access-curve{stroke:var(--scene-accent);stroke-width:2;fill:none;stroke-linecap:round}.access-before{fill:var(--scene-ink)}.access-marker{fill:var(--scene-accent)}.access-pair-chart text{font:400 13px Outfit,sans-serif;fill:var(--scene-ink)}.access-pair-chart .access-after{fill:var(--scene-accent)}.access-pair-chart .access-axis{font-size:10px;opacity:.8}.access-chart-caption{font-size:12px;text-align:center;margin:10px 0 0;opacity:.8}
.access-consent-choice{display:flex!important;gap:13px;align-items:flex-start;margin:25px 0 0!important;font-size:12px!important;line-height:1.55;color:inherit!important;cursor:pointer}.access-consent-choice input{appearance:none;width:24px!important;height:24px!important;flex:none;border:1.7px solid currentColor!important;border-radius:5px!important;margin:1px 0 0;background:transparent!important;padding:0!important;cursor:pointer}.access-consent-choice input:checked{background:var(--scene-accent)!important;border-color:var(--scene-accent)!important}.access-consent-choice input:checked:after{content:'✓';display:block;text-align:center;line-height:21px;font-size:18px;color:var(--scene-base)}
.access-consent-detail{padding-left:37px;font-size:11px;opacity:.8}.access-consent-detail p{margin:9px 0 0}.access-consent-detail .entry-text-button{font-size:11px;min-height:32px;padding:0;text-decoration:underline;text-underline-offset:4px}.access-activate:disabled{background:#f8f3e412!important;color:var(--scene-dim)!important;opacity:.6;border:1px solid var(--scene-line)!important;cursor:default}.access-skip{display:block;margin:6px auto 0;font-size:12px;text-decoration:underline;text-underline-offset:4px;min-height:44px}.danger-link{color:var(--scene-ink);opacity:.75}.delete-check{display:flex;gap:12px;font-size:14px;line-height:1.5}.delete-check input{width:24px;height:24px;flex:none;accent-color:var(--scene-accent)}
@media(max-height:740px){#entry-screen .entry-header{min-height:calc(var(--safe-top) + 104px);padding-bottom:16px}.auth-actions{margin-top:64px}#entry-screen .entry-main{padding-top:8px}#entry-screen .entry-panel h1,#entry-screen .entry-panel h2{font-size:32px}}
@media(prefers-reduced-transparency:reduce){.access-chart-card{background:var(--scene-base)}}
.trend-card{border:1px solid var(--scene-line);border-radius:24px;background:#f8f3e409;padding:14px 14px 8px;margin:24px 0}.trend-options{display:flex;gap:4px;border-radius:24px;padding:4px;border:1px solid var(--scene-line)}.trend-options button{flex:1;border:0;border-radius:20px;min-height:40px;background:transparent;color:inherit;font:400 14px Outfit,sans-serif}.trend-options button[aria-pressed=true]{background:#f8f3e415;color:var(--scene-accent)}.trend-chart{display:block;width:100%;margin-top:20px;overflow:visible}.trend-chart text{font:400 9px Outfit,sans-serif;fill:var(--scene-dim)}.trend-chart .chart-guide{fill:none;stroke:var(--scene-line);stroke-width:.7}.trend-before,.trend-after{fill:none;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.trend-before{stroke:var(--scene-ink);opacity:.6}.trend-after{stroke:var(--scene-accent);stroke-width:2}.trend-before-dot{fill:var(--scene-ink);opacity:.6}.trend-after-dot{fill:var(--scene-accent)}.trend-legend{display:flex;justify-content:center;gap:28px;font-size:11px!important}.trend-legend span:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--scene-ink);margin-right:6px}.trend-legend span:last-child:before{background:var(--scene-accent)}.trend-card>.muted{text-align:center;font-size:10px!important}
