:root{color-scheme:light;--paper:#f6f5f0;--ink:#30372d;--muted:#85877e;--line:#d7dccd;--green:#408360;--green-pale:#edf2e9;--surface:#fcfbf7;--surface-muted:#edf0e5;--control-surface:#e7ecdf;--ink-soft:#69795b;--entry-halo:#dfe8d7;--entry-button-ink:#f6f8f1;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 50% 45%,var(--paper) 0%,var(--paper) 22%,transparent 74%),linear-gradient(135deg,var(--surface-muted),var(--paper) 55%,var(--entry-halo));color:var(--ink);display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}
.entry-header,.entry-footer{display:flex;align-items:center;justify-content:space-between;margin:0 40px}
.entry-header{height:86px;gap:20px}
.brand-name{font-family:Georgia,'Times New Roman',serif;font-size:18px;letter-spacing:2px}
.private-label{color:var(--muted);font-size:11px;letter-spacing:1px}
.entry-main{flex:1;display:grid;place-items:center;padding:40px 24px}
.entry-card{width:min(100%,390px);text-align:center}
.entry-mark{display:block;width:84px;height:84px;margin:0 auto 28px}
.eyebrow{margin:0 0 20px;font-size:13px;letter-spacing:.5px;color:var(--muted)}
h1{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:44px;font-weight:400;letter-spacing:-1.7px;line-height:1.1}
.entry-intro{font-size:13px;line-height:1.6;color:var(--muted);margin:15px 0 36px}
form{margin:0 auto;max-width:326px}
label{display:block;text-align:left;font-size:11px;color:var(--ink-soft);margin-bottom:11px}
input{display:block;width:100%;height:65px;appearance:none;background:var(--control-surface);border:1px solid var(--line);border-radius:6px;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:29px;text-align:center;letter-spacing:19px;padding:8px 9px 8px 28px;outline:none;transition:border-color .2s,box-shadow .2s}
input::placeholder{color:#b1b5a8;opacity:1}
input:focus-visible{border-color:var(--green);box-shadow:0 0 0 3px #4d705b12}
input[aria-invalid=true]{border-color:#b88980;box-shadow:0 0 0 3px #b8898012}
.entry-message{min-height:35px;margin:9px 0 2px;color:#9a605b;font-size:11px;line-height:1.5;text-align:left}
button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;min-height:49px;border:1px solid var(--green);border-radius:6px;background:var(--green);color:var(--entry-button-ink);padding:0 20px;font:12px Arial,Helvetica,sans-serif;cursor:pointer;transition:background .2s,transform .2s}
button:hover{background:#367352}
button:focus-visible{outline:2px solid var(--green);outline-offset:4px}
button:active{transform:translateY(1px)}
button:disabled{opacity:.65;cursor:wait}
button span:last-child{font-size:20px;font-weight:400}
.entry-footnote{display:flex;justify-content:center;align-items:center;gap:8px;color:var(--muted);font-size:10px;margin-top:23px}
.lock-icon{position:relative;width:9px;height:8px;border:1px solid currentColor;border-radius:2px;margin-top:3px}
.lock-icon:before{position:absolute;content:"";border:1px solid currentColor;border-bottom:0;left:1px;top:-5px;width:5px;height:4px;border-radius:4px 4px 0 0}
.entry-footer{height:60px;color:var(--muted);font-size:9px;letter-spacing:.5px}
.entry-footer span:first-child{letter-spacing:1.6px;font-size:8px}
@media(max-width:520px){.entry-header,.entry-footer{margin:0 22px}.entry-header{height:70px}.brand-name{font-size:14px;letter-spacing:1.3px}.private-label{font-size:9px;max-width:110px;text-align:right;line-height:1.7;letter-spacing:.3px}.entry-main{padding:36px 26px}.entry-mark{width:72px;height:72px;margin-bottom:25px}h1{font-size:38px}.entry-intro{margin-bottom:30px}.entry-footer{height:52px}}
@media(max-height:700px) and (min-width:521px){.entry-header{height:65px}.entry-main{padding:25px}.entry-mark{width:61px;height:61px;margin-bottom:20px}.entry-intro{margin-bottom:25px}.entry-footer{height:46px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* The entry shares the final workspace's readable sans-serif style and appearance. */
:root{font-family:'DM Sans',Arial,sans-serif}h1{font-family:'DM Sans',Arial,sans-serif;font-weight:300;letter-spacing:-1.6px}.brand-name{font-family:'DM Sans',Arial,sans-serif;font-weight:300}.entry-intro{font-size:14px}label,.entry-message{font-size:12px}.entry-footnote,.private-label{font-size:12px}.entry-footer{font-size:10px}button{font-family:'DM Sans',Arial,sans-serif;font-size:13px}.eyebrow{font-size:13px}
body[data-theme=dark]{color-scheme:dark;--paper:#1c211f;--ink:#e6e8df;--muted:#adb6a6;--line:#3c473d;--green:#86c69f;--green-pale:#2f4436;--surface:#242b26;--surface-muted:#2c352d;--control-surface:#344133;--ink-soft:#c1cbb5;--entry-halo:#2f4436;--entry-button-ink:#1c211f}body[data-theme=dark] .entry-mark{filter:brightness(0) invert(.87)}body[data-theme=dark] input{background:var(--control-surface);border-color:var(--line)}body[data-theme=dark] label{color:var(--muted)}body[data-theme=dark] button{color:var(--entry-button-ink)}body[data-theme=dark] button:hover{background:#9bd5b0}body[data-theme=dark] .entry-message{color:#e8b8b2}

/* An illustrated welcome: portrait colours and moods are decorative, never status. */
.entry-main{position:relative;isolation:isolate;overflow:hidden;min-height:590px}
.entry-card{position:relative;z-index:2}
.entry-header,.entry-footer{position:relative;z-index:3;flex-shrink:0}
.entry-ambience{position:absolute;inset:0;z-index:0;pointer-events:none;user-select:none;overflow:hidden}
.entry-portrait{--size:62px;position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);transform:translate(-50%,-50%);transition:opacity .6s,filter .6s}
.has-social-paths .entry-portrait{left:0;top:0;will-change:transform}
.has-social-paths .entry-cameo{animation:none}
.entry-cameo{position:relative;display:block;width:100%;height:100%;animation:entry-drift 8s ease-in-out infinite alternate;animation-delay:var(--delay,0s)}
.entry-cameo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%;border-radius:50%;filter:grayscale(1);opacity:.74;transition:filter 1.2s ease,opacity 1.2s ease;box-shadow:0 5px 16px #26362509}
.entry-portrait.is-colour img{filter:grayscale(0);opacity:1}
.entry-mood{position:absolute;right:-7px;bottom:-3px;display:grid;place-items:center;width:27px;height:27px;background:var(--paper);border-radius:50%;font-family:Arial,sans-serif;font-size:14px;line-height:1;box-shadow:0 2px 6px #26362508}
.entry-conversation{position:absolute;right:-15px;top:-13px;display:flex;align-items:center;justify-content:center;gap:3px;width:34px;height:23px;border-radius:12px 12px 12px 3px;background:var(--control-surface);color:var(--ink-soft);opacity:0;transform:translateY(5px) scale(.7);transform-origin:left bottom;transition:opacity .35s ease,transform .5s cubic-bezier(.2,.75,.25,1.2);box-shadow:0 3px 10px #1e312015}
.has-social-paths .is-talking .entry-conversation{opacity:1;transform:translateY(0) scale(1)}
.has-social-paths .is-talking .entry-cameo img{box-shadow:0 6px 22px #26362515}
body[data-theme=dark] .entry-conversation{background:var(--green-pale);color:var(--ink-soft)}
.entry-conversation i{width:3px;height:3px;border-radius:50%;background:currentColor;animation:entry-talk .9s ease-in-out infinite alternate}
.entry-conversation i:nth-child(2){animation-delay:.15s}.entry-conversation i:nth-child(3){animation-delay:.3s}
.entry-portrait:nth-child(1){--x:11%;--y:19%;--size:68px;--delay:-2s}
.entry-portrait:nth-child(2){--x:27%;--y:10%;--size:57px;--delay:-6s}
.entry-portrait:nth-child(3){--x:44%;--y:6%;--size:54px;--delay:-4s}
.entry-portrait:nth-child(4){--x:66%;--y:10%;--size:66px;--delay:-1s}
.entry-portrait:nth-child(5){--x:83%;--y:18%;--size:58px;--delay:-5s}
.entry-portrait:nth-child(6){--x:92%;--y:36%;--size:69px;--delay:-7s}
.entry-portrait:nth-child(7){--x:89%;--y:61%;--size:54px;--delay:-3s}
.entry-portrait:nth-child(8){--x:80%;--y:82%;--size:69px;--delay:-6s}
.entry-portrait:nth-child(9){--x:64%;--y:91%;--size:60px;--delay:-4s}
.entry-portrait:nth-child(10){--x:44%;--y:94%;--size:54px;--delay:-2s}
.entry-portrait:nth-child(11){--x:25%;--y:88%;--size:67px;--delay:-5s}
.entry-portrait:nth-child(12){--x:10%;--y:78%;--size:57px;--delay:-1s}
.entry-portrait:nth-child(13){--x:6%;--y:55%;--size:61px;--delay:-7s}
.entry-portrait:nth-child(14){--x:6%;--y:35%;--size:51px;--delay:-4s}
.entry-portrait:nth-child(15){--x:20%;--y:46%;--size:71px;--delay:-3s}
.entry-portrait:nth-child(16){--x:80%;--y:49%;--size:65px;--delay:-6s}
body[data-ambient-paused=true] .entry-cameo,body[data-ambient-paused=true] .entry-conversation,body[data-ambient-paused=true] .entry-conversation i{animation-play-state:paused}
body[data-theme=dark] .entry-cameo img{box-shadow:0 6px 20px #0002;opacity:.7}
body[data-theme=dark] .entry-portrait.is-colour img{opacity:.95}
.entry-success .entry-card{animation:entry-unlock .62s ease-in both}
.entry-success .entry-portrait{opacity:0;filter:blur(2px)}
.entry-success .entry-cameo img{filter:grayscale(0)}
.entry-success input{border-color:var(--green);box-shadow:0 0 0 4px #75a98615}
.entry-success .entry-message{color:var(--green)}
.entry-success button{opacity:1}
@keyframes entry-drift{0%{transform:translate(-4px,5px) rotate(-3deg)}50%{transform:translate(4px,-6px) rotate(1deg)}100%{transform:translate(-2px,-1px) rotate(3deg)}}
@keyframes entry-talk{from{transform:translateY(1px);opacity:.6}to{transform:translateY(-1px);opacity:1}}
@keyframes entry-unlock{0%{opacity:1;transform:scale(1)}65%{opacity:1;transform:scale(1.015)}100%{opacity:0;transform:translateY(-7px) scale(1.035)}}
@media(max-width:1000px){.entry-portrait:nth-child(n){--size:49px}.entry-mood{width:24px;height:24px;font-size:13px}}
@media(max-height:740px) and (min-width:681px){.entry-main{min-height:510px;padding-top:26px;padding-bottom:26px}.entry-mark{width:60px;height:60px;margin-bottom:20px}.entry-intro{margin-bottom:24px}.entry-portrait:nth-child(n){--size:46px}.entry-mood{width:22px;height:22px;font-size:12px}}
@media(max-width:759px){
  .entry-header{height:70px}.entry-footer{height:52px}.entry-header,.entry-footer{margin:0 22px}
  .entry-main{padding:122px 24px 130px;min-height:650px}.entry-card{width:min(100%,350px)}
  .entry-mark{width:58px;height:58px;margin-bottom:18px}.eyebrow{margin-bottom:10px}h1{font-size:37px}.entry-intro{margin:12px 0 24px;font-size:13px}.entry-footnote{font-size:11px;margin-top:18px}.private-label{font-size:10px}
  .entry-portrait:nth-child(n){--size:34px}.entry-mood{width:19px;height:19px;font-size:10px;right:-5px;bottom:-3px}
  .entry-conversation{width:26px;height:18px;right:-12px;top:-10px;gap:2px}.entry-conversation i{width:2px;height:2px}
  .entry-portrait:nth-child(1){--x:8%;--y:36px}.entry-portrait:nth-child(2){--x:20%;--y:79px}.entry-portrait:nth-child(3){--x:32%;--y:36px}.entry-portrait:nth-child(4){--x:44%;--y:79px}.entry-portrait:nth-child(5){--x:56%;--y:36px}.entry-portrait:nth-child(6){--x:68%;--y:79px}.entry-portrait:nth-child(7){--x:80%;--y:36px}.entry-portrait:nth-child(8){--x:92%;--y:79px}
  .entry-portrait:nth-child(9){--x:8%;--y:calc(100% - 87px)}.entry-portrait:nth-child(10){--x:20%;--y:calc(100% - 44px)}.entry-portrait:nth-child(11){--x:32%;--y:calc(100% - 87px)}.entry-portrait:nth-child(12){--x:44%;--y:calc(100% - 44px)}.entry-portrait:nth-child(13){--x:56%;--y:calc(100% - 87px)}.entry-portrait:nth-child(14){--x:68%;--y:calc(100% - 44px)}.entry-portrait:nth-child(15){--x:80%;--y:calc(100% - 87px)}.entry-portrait:nth-child(16){--x:92%;--y:calc(100% - 44px)}
}
@media(prefers-reduced-motion:reduce){.entry-cameo,.entry-conversation,.entry-conversation i,.entry-success .entry-card{animation:none!important}.entry-portrait,.entry-cameo img{transition:none!important}.entry-conversation{display:none}}

/* The same sage surfaces and green accents carry through from the workspace. */
body[data-appearance=auto][data-daylight=dawn]{--entry-halo:#e1e8d6}
body[data-appearance=auto][data-daylight=dusk]{--entry-halo:#e4e6d2}
.entry-card .eyebrow{color:var(--ink-soft)}
input::placeholder{color:var(--muted);opacity:.65}
body[data-theme=dark] input:focus-visible{box-shadow:0 0 0 3px #86c69f20}