/* One composition across invitation, authentication and welcome. */
#app{position:relative;z-index:2}
#inspiration-ocean{position:fixed;inset:0;width:100vw;height:100dvh;pointer-events:none;z-index:1}
#inspiration-ocean.is-flight{z-index:46}
.arrival-shell{min-height:calc(100dvh - var(--preview-height));position:relative;display:flex;flex-direction:column;background:transparent;isolation:isolate}
.arrival-atmosphere{position:fixed;inset:var(--preview-height) 0 0;pointer-events:none;background:radial-gradient(ellipse at 16% 24%,#72847b09,transparent 48%);z-index:0}
[data-theme=light] .arrival-atmosphere{background:radial-gradient(ellipse at 13% 25%,#ffffffaa,transparent 60%)}
.arrival-water{position:fixed;inset:70vh 0 0;pointer-events:none}
.arrival-header{margin:0 5.5vw;height:90px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line-soft);position:relative;z-index:4;flex:none}
.arrival-header>div{display:flex;align-items:center;gap:30px}.arrival-header-note{font:9px ui-monospace,monospace;letter-spacing:1.8px;color:var(--dim)}
.arrival-header .brand-home img{height:34px;width:34px}.arrival-header .brand-home b{font-size:18px;letter-spacing:2px}.arrival-header .brand-home small{font-size:8px;letter-spacing:1.5px}
.arrival-appearance{position:relative}.arrival-appearance summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;padding:12px 0}.arrival-appearance summary::-webkit-details-marker{display:none}.arrival-appearance .ico{width:16px;height:16px}
.appearance-popover{position:absolute;right:0;top:43px;width:240px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:5px;box-shadow:var(--shadow);display:grid;gap:15px;z-index:10}
.appearance-popover>b{font-weight:500;font-size:13px}.appearance-popover .theme-controls{width:100%;margin:0}.appearance-popover>button{background:none;border:0;color:var(--muted);text-align:left;font-size:12px;padding:6px 0;cursor:pointer}
.arrival-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,.85fr);gap:clamp(45px,8vw,150px);align-items:start;width:min(1250px,83vw);margin:0 auto;padding:clamp(55px,9vh,120px) 0 0;position:relative;z-index:2;flex:1}
.arrival-copy{padding-top:16px;pointer-events:none}
.arrival-kicker{font-size:11px;letter-spacing:2px;color:var(--dim);display:flex;align-items:center;gap:16px}
.arrival-kicker i{height:1px;width:25px;background:var(--seal);display:block}
.arrival-copy h1{font:400 clamp(48px,4.7vw,76px)/1.4 SimSun,"Songti SC",serif;letter-spacing:2px;margin:29px 0 26px;color:var(--text)}
.arrival-copy h1 em{font-style:normal}.arrival-copy>p{font-size:15px;line-height:2;color:var(--muted);margin:0}
.arrival-signature{display:flex;align-items:center;gap:15px;margin-top:38px;color:var(--dim);font:13px SimSun,serif;letter-spacing:3px}
.arrival-signature i{font:normal 17px SimSun,serif;width:23px;height:29px;display:grid;place-items:center;border:1px solid var(--seal);color:var(--seal)}
.arrival-pane{position:relative;min-height:480px;padding:17px 0 0 35px;border-left:1px solid var(--line-soft);max-width:420px;width:100%}
.arrival-content{height:460px;min-height:460px;position:relative;padding-bottom:125px}
.arrival-pane h2{font:400 32px/1.5 SimSun,"Songti SC",serif;letter-spacing:1px;margin:20px 0 12px}
.arrival-subtitle{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 24px}
.invitation-content h2{font-size:36px;line-height:1.65;margin:26px 0 16px}
.arrival-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:21px 22px;margin-top:30px;max-width:260px}
.arrival-capabilities>span{font-size:13px;color:var(--muted);display:flex;align-items:baseline;gap:9px}.arrival-capabilities>span>span{font:8px ui-monospace,monospace;letter-spacing:1px;color:var(--dim)}
.arrival-action{position:absolute;left:0;right:0;bottom:21px;height:90px;display:flex;flex-direction:column;gap:14px}
.arrival-action>.btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 18px;min-height:47px;border-radius:3px;font-size:14px;font-weight:500;letter-spacing:1px}
.arrival-action .ico{width:18px;height:18px;transition:transform .3s}.arrival-action .btn:hover .ico{transform:translateX(4px)}
.arrival-secondary{font-size:11px;color:var(--dim);display:flex;justify-content:center;align-items:center;gap:5px}.arrival-secondary .btn{font-size:11px;min-height:23px;padding:0 5px;color:var(--text)}
.arrival-form{margin:23px 0 0}.arrival-form>label{font-size:12px;color:var(--muted);display:block;margin:0 0 19px}.arrival-form input:not([type=checkbox]){display:block;width:100%;min-height:42px;padding:10px 12px;background:var(--bg);border:1px solid var(--line);border-radius:3px;margin-top:8px;color:var(--text);font-size:14px}
.arrival-form input:focus{outline:1px solid var(--muted);outline-offset:1px}.arrival-form .form-feedback{font-size:11px;color:var(--red);margin:5px 0 8px;min-height:16px;line-height:1.5}
.arrival-form .code-row{display:flex;align-items:center;gap:9px}.arrival-form .code-row input{min-width:0}.arrival-form .code-row .btn{font-size:11px;min-width:90px;padding:8px 9px;margin-top:8px;min-height:42px}
.arrival-demo{position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);min-height:25px!important;font-size:10px!important;white-space:nowrap;background:none!important;border:0!important;color:var(--dim)!important;padding:0!important;text-decoration:underline;text-underline-offset:4px}
.arrival-form .arrival-terms{display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.8;margin:14px 0}.arrival-terms input{margin:3px 0;width:13px;height:13px}.arrival-terms .btn{font-size:10px;min-height:0;padding:0;color:var(--text)}
.arrival-shell[data-stage=register] .arrival-content{height:510px;min-height:510px}.arrival-shell[data-stage=register] .arrival-pane{min-height:510px}
.arrival-shell[data-stage=register] .arrival-form{margin-top:15px}.arrival-shell[data-stage=register] .arrival-form>label{margin-bottom:13px}
.welcome-content h2{font-size:34px;line-height:1.6;margin-top:27px}.welcome-content h2>span{font-size:38px}
.arrival-identity{display:flex;flex-direction:column;gap:13px;margin-top:28px;align-items:flex-start}.arrival-identity>span:last-child{font-size:11px;color:var(--dim)}
.arrival-footnote{font-size:10px;color:var(--dim);text-align:center;line-height:2}
.arrival-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:110px 5.5vw 0;padding:22px 0 25px;position:relative;z-index:2;color:var(--dim);font-size:10px;letter-spacing:1px}
.home-inscription{display:flex;align-items:center;justify-content:center;gap:15px;height:100%;font:20px/1.8 SimSun,serif;letter-spacing:6px;color:var(--dim);opacity:.65}.home-inscription>span{writing-mode:vertical-rl}.home-inscription>span:nth-child(2){margin-top:30px}.home-inscription>i{align-self:flex-end;font:normal 16px SimSun,serif;color:var(--seal);border:1px solid var(--seal);padding:3px;letter-spacing:0;margin-bottom:38px}
html:not([lang="zh-CN"]) .home-inscription{flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;letter-spacing:1px;font-family:Georgia,serif}
html:not([lang="zh-CN"]) .home-inscription>span{writing-mode:horizontal-tb}
html:not([lang="zh-CN"]) .home-inscription>span:nth-child(2){margin:0 0 0 22px}
html:not([lang="zh-CN"]) .home-inscription>i{align-self:auto;margin:6px 0 0 22px}
.world-art{height:220px;pointer-events:none}.world-greeting h1:after{display:none}
#transition.identity-flight{background:none;overflow:visible}.scene-departure{background:none!important}.departure-status{position:fixed;bottom:50px;left:50%;transform:translateX(-50%);font-size:12px;color:var(--muted);display:flex;align-items:center;gap:12px;opacity:0}.departure-status>span{width:19px;height:19px;border:1px solid var(--line);border-top-color:var(--text);border-radius:50%;animation:arrival-turn 1.2s linear infinite}
@keyframes arrival-turn{to{transform:rotate(360deg)}}
@media(min-width:1700px){.arrival-body{padding-top:13vh}.arrival-pane{max-width:430px}}
@media(max-height:830px) and (min-width:801px){.arrival-header{height:75px}.arrival-body{padding-top:35px}.arrival-copy h1{font-size:55px}.arrival-pane{min-height:430px}.arrival-content{height:410px;min-height:410px}.arrival-form{margin-top:16px}.arrival-form>label{margin-bottom:14px}.arrival-pane h2{margin-top:15px;font-size:29px}.arrival-subtitle{margin-bottom:17px}.arrival-footer{margin-top:45px}.arrival-signature{margin-top:25px}.arrival-shell[data-stage=register] .arrival-content{height:490px;min-height:490px}}
@media(max-width:1000px) and (min-width:801px){.arrival-body{width:88vw;gap:40px;grid-template-columns:1.1fr 1fr}.arrival-copy h1{font-size:47px}.arrival-pane{padding-left:26px}.arrival-copy>p{font-size:13px}.arrival-header-note{display:none}}
@media(max-width:800px){
 .arrival-header{height:73px;margin:0 22px}.arrival-header .brand-home b{font-size:15px}.arrival-header .brand-home img{width:30px;height:30px}.arrival-header .brand-home small{font-size:7px}.arrival-header-note{display:none}.arrival-appearance summary{font-size:11px}.appearance-popover{right:0;width:225px}
 .arrival-body{display:block;padding:28px 0 0;width:calc(100% - 48px);margin:0 24px}.arrival-copy{padding:0}.arrival-copy>.arrival-kicker{font-size:8px;letter-spacing:1px;gap:10px}.arrival-kicker i{width:17px}
 .arrival-copy h1{font-size:31px;line-height:1.4;margin:16px 0 12px;letter-spacing:1px}.arrival-copy h1 br{display:none}.arrival-copy h1 em{display:block}.arrival-copy>p{font-size:12px;line-height:1.9}.arrival-copy>p br{display:none}.arrival-signature{display:none}
 .arrival-pane{border-left:0;border-top:1px solid var(--line-soft);padding:23px 0 0;margin-top:24px;max-width:none;min-height:420px}.arrival-content{height:400px;min-height:400px;padding-bottom:110px}.arrival-pane .arrival-kicker{font-size:9px}.arrival-pane h2{font-size:25px;margin:12px 0 8px;line-height:1.45}.arrival-subtitle{font-size:12px;margin-bottom:17px}
 .invitation-content h2{font-size:28px;line-height:1.5;margin:15px 0 12px}.arrival-capabilities{margin-top:20px;gap:17px;max-width:285px}.arrival-capabilities>span{font-size:12px}.arrival-action{bottom:16px;height:86px}.arrival-action>.btn{font-size:13px;min-height:44px}.arrival-form{margin-top:18px}.arrival-form>label{font-size:11px;margin-bottom:16px}.arrival-form input:not([type=checkbox]){font-size:16px;min-height:41px}.arrival-form .form-feedback{font-size:10px;min-height:14px}
 .arrival-footer{margin:65px 24px 0;padding:18px 0 20px;flex-wrap:wrap;gap:11px;font-size:8px;letter-spacing:0}.arrival-footer>span:nth-child(2){order:3;width:100%;text-align:center}
 .arrival-shell[data-stage=register] .arrival-content{height:480px;min-height:480px}.arrival-shell[data-stage=register] .arrival-pane{min-height:495px}.welcome-content h2{font-size:26px}.welcome-content h2>span{font-size:32px}.arrival-identity{margin-top:25px}
 .world-art{position:absolute;right:0;top:32px;width:130px;height:180px;opacity:.5}.home-inscription{font-size:17px;gap:12px}.home-inscription>i{margin-bottom:15px}
}
@media(prefers-reduced-motion:reduce){.departure-status>span{animation:none}.arrival-action .ico{transition:none}}