/* Forest OS · Gate journal V1 · presentation only */
@import url('https://fonts.googleapis.com/css2?family=LXGW+WenKai+TC:wght@400&display=swap');
body.forest-gate-journal-active {width:100%;max-width:none;min-height:100svh;margin:0;padding:0;background:#F5ECD9;}
#authScreen.forest-gate {--gj-bg:#F5ECD9;--gj-paper:#FFFDF7;--gj-ink:#3E342B;--gj-muted:#766A57;--gj-line:#DBCBAA;--gj-green:#526C53;--gj-gold:#936A36;--gj-field:#F7F1E6;--gj-dot:#E3D3B3;position:relative;inset:auto;transform:none;width:100%;max-width:none;min-height:100vh;min-height:100svh;margin:0;padding:40px 28px 26px;box-sizing:border-box;align-items:center;justify-content:center;background-color:var(--gj-bg);background-image:radial-gradient(var(--gj-dot) 1px,transparent 1px);background-size:22px 22px;color:var(--gj-ink);overflow:visible;}
#authScreen[hidden] {display:none!important;}
#authScreen *,#authScreen *::before,#authScreen *::after {box-sizing:border-box;}
#authScreen .forest-gate-atmosphere {display:none;}
#authScreen .forest-gate-shell {position:relative;inset:auto;transform:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,410px);grid-template-rows:1fr auto;align-items:center;gap:48px 72px;width:100%;max-width:1180px;min-height:calc(100svh - 66px);margin:auto;padding:0;background:transparent;}
#authScreen .forest-gate-welcome {position:relative;min-width:0;padding:0;margin:0;background:transparent;}
#authScreen .forest-gate-brand {display:flex;align-items:center;gap:12px;margin:0 0 72px;color:var(--gj-green);font:400 27px/1.4 'LXGW WenKai TC',serif;}
#authScreen .forest-gate-brand img {display:block;width:48px;height:48px;object-fit:contain;}
#authScreen .forest-gate-kicker {margin:0 0 18px;color:var(--gj-muted);font-size:11px;line-height:1.6;letter-spacing:3px;}
#authScreen .forest-gate-kicker::before {content:none;}
#authScreen #forestGateTitle {margin:0 0 22px;color:var(--gj-ink);font:400 clamp(38px,4.6vw,68px)/1.35 'LXGW WenKai TC',serif;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;}
#authScreen #forestGateWelcome {display:inline;margin:0;padding:0 4px;color:var(--gj-muted);font:400 21px/1.8 'LXGW WenKai TC',serif;background:linear-gradient(transparent 65%,#E9D3A9 65%);}
#authScreen .forest-gate-climates {display:flex;gap:8px;margin:32px 0 0;padding:0;}
#authScreen .forest-gate-climates span {display:block;flex:none;width:44px;height:6px;border-radius:1px;transform:rotate(-3deg);}
#authScreen .forest-gate-climates [data-climate="writing"] {background:#AEBC9D;}
#authScreen .forest-gate-climates [data-climate="time"] {background:#AABECB;transform:rotate(2deg);}
#authScreen .forest-gate-climates [data-climate="wealth"] {background:#D8BA7E;transform:rotate(-1deg);}
#authScreen .forest-gate-climates [data-climate="learning"] {background:#C4B2CD;transform:rotate(3deg);}
#authScreen .auth-box {position:relative;min-width:0;width:100%;max-width:none;margin:0;padding:36px 32px 28px;border:1px solid var(--gj-line);border-radius:5px 12px 8px 5px;background:var(--gj-paper);box-shadow:4px 5px 0 #E8DCC6;color:var(--gj-ink);text-align:left;overflow:visible;}
#authScreen .auth-box::before {content:'';position:absolute;top:-13px;left:calc(50% - 52px);width:104px;height:26px;background:repeating-linear-gradient(90deg,#B0BEA0BB 0 7px,#C5CEB9BB 7px 9px);border-left:2px dotted #A5B396;border-right:2px dotted #A5B396;transform:rotate(-3deg);pointer-events:none;}
#authScreen .forest-gate-form-heading {margin:0 0 26px;}
#authScreen .forest-gate-form-heading p {margin:0 0 13px;color:var(--gj-muted);font-size:11px;line-height:1.6;letter-spacing:3px;}
#authScreen .forest-gate-form-heading h2 {margin:0 0 8px;color:var(--gj-ink);font:400 34px/1.4 'LXGW WenKai TC',serif;}
#authScreen .forest-gate-form-heading > span {color:var(--gj-muted);font-size:13px;line-height:1.7;}
#authScreen #authForm {display:block;margin:0;padding:0;}
#authScreen .forest-gate-field {display:block;margin:0 0 20px;min-width:0;}
#authScreen .forest-gate-field label {display:block;margin:0 0 8px;color:var(--gj-muted);font-size:13px;font-weight:500;line-height:1.6;}
#authScreen .forest-gate-field input {display:block;width:100%;min-width:0;min-height:48px;height:auto;margin:0;padding:11px 12px;border:0;border-bottom:1px solid var(--gj-line);border-radius:4px 4px 0 0;background:var(--gj-field);color:var(--gj-ink);font-size:16px;line-height:1.5;box-shadow:none;}
#authScreen .forest-gate-field input::placeholder {color:var(--gj-muted);opacity:.8;}
#authScreen .forest-gate-password-control {position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;}
#authScreen #authPassword {grid-area:1/1;padding-right:68px;}
#authScreen #authPasswordToggle {position:relative;inset:auto;transform:none;grid-area:1/1;justify-self:end;align-self:center;display:flex;align-items:center;justify-content:center;width:60px;height:44px;min-height:44px;margin:0 3px 0 0;padding:0 10px;border:0;border-radius:4px;background:transparent;color:var(--gj-muted);font-size:12px;line-height:1.5;z-index:1;}
#authScreen #authSubmitButton {display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:6px 0 0;padding:10px 16px;border:1px solid var(--gj-gold);border-radius:7px;background:var(--gj-gold);color:#FFFDF7;font-size:15px;line-height:1.6;font-weight:500;box-shadow:none;}
#authScreen #authSubmitButton:disabled {opacity:.65;}
#authScreen #authSubmitButton [hidden] {display:none!important;}
#authScreen #authMessage {min-height:20px;margin:14px 0 0;padding:0;background:transparent;font-size:13px;line-height:1.7;color:var(--gj-muted);overflow-wrap:anywhere;}
#authScreen #authMessage.error,#authScreen #authMessage.is-error,#authScreen #authMessage[data-state="error"] {color:#A0443D;}
#authScreen .forest-gate-footer {grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;width:100%;margin:0;padding:18px 0 0;border-top:1px dashed var(--gj-line);color:var(--gj-muted);font-size:11px;}
#authScreen .forest-gate-version,#authScreen .forest-gate-credit-label {color:var(--gj-muted);font-size:11px;}
#authScreen .forest-gate-credit {display:flex;align-items:center;gap:10px;}
#authScreen .forest-gate-credit img {display:block;width:130px;height:auto;max-width:100%;object-fit:contain;}
#authScreen input:focus-visible,#authScreen button:focus-visible {outline:2px solid var(--gj-gold);outline-offset:3px;}
body.night-mode.forest-gate-journal-active {background:#302D27;}
body.night-mode #authScreen.forest-gate {--gj-bg:#302D27;--gj-paper:#3B362D;--gj-ink:#EEE4D0;--gj-muted:#CCBEA5;--gj-line:#665B48;--gj-green:#B6C5A6;--gj-field:#332F28;--gj-dot:#4A4336;}
body.night-mode #authScreen .auth-box {box-shadow:4px 5px 0 #28251F;}
body.night-mode #authScreen #forestGateWelcome {background:linear-gradient(transparent 65%,#665436 65%);}
body.night-mode #authScreen #authMessage.error,body.night-mode #authScreen #authMessage.is-error,body.night-mode #authScreen #authMessage[data-state="error"] {color:#F0B4AB;}

/* Explicitly assign actions to the right; hidden clocks leave no grid track. */
#forestGlobalTopbar .forest-global-topbar-inner {display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:16px;width:min(1144px,calc(100% - 48px));min-height:72px;padding:0;margin:0 auto;}
#forestGlobalTopbar .forest-global-brand {flex:0 1 auto;min-width:0;grid-area:auto;}
#forestGlobalTopbar .forest-global-actions {flex:none;display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-left:auto;grid-area:auto;}
#forestGlobalTopbar .forest-global-timebar {display:none;}
#forestGlobalTopbar .forest-global-account > summary {border-radius:7px;}
#forestGlobalTopbar .forest-global-account-menu {right:0;left:auto;border-radius:7px;}
@media(max-width:780px){
 #authScreen.forest-gate {padding:28px 22px 24px;}
 #authScreen .forest-gate-shell {grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:34px;min-height:calc(100svh - 52px);}
 #authScreen .forest-gate-brand {margin-bottom:28px;font-size:24px;}
 #authScreen .forest-gate-brand img {width:40px;height:40px;}
 #authScreen #forestGateTitle {font-size:40px;margin-bottom:14px;}
 #authScreen #forestGateWelcome {font-size:18px;}
 #authScreen .forest-gate-climates {margin-top:20px;}
 #authScreen .auth-box {max-width:460px;justify-self:center;padding:30px 25px 24px;}
 #forestGlobalTopbar .forest-global-topbar-inner {width:calc(100% - 28px);min-height:68px;padding:8px 0;gap:8px;}
 #forestGlobalTopbar .forest-global-brand img {width:30px;height:30px;}
 #forestGlobalTopbar .forest-global-brand {gap:7px;}
 #forestGlobalTopbar .forest-global-brand-name {font-size:18px;}
 #forestGlobalTopbar .forest-global-sync {padding:7px 4px;font-size:12px;gap:5px;}
}
@media(max-width:380px){
 #authScreen.forest-gate {padding:24px 18px;}
 #authScreen #forestGateTitle {font-size:34px;}
 #authScreen .auth-box {padding:30px 20px 23px;}
 #forestGlobalTopbar .forest-global-topbar-inner {gap:4px;}
 #forestGlobalTopbar .forest-global-brand-name {font-size:16px;}
 #forestGlobalTopbar .forest-global-actions {gap:2px;}
 #forestGlobalTopbar .forest-global-account > summary {min-width:46px;padding:7px 8px;}
 #forestGlobalTopbar .forest-global-sync {font-size:11px;gap:3px;}
}