/* Frozen standalone opening; all motion enhances readable static content. */
@view-transition{navigation:auto}
html[data-curtain]::view-transition-group(root){animation-duration:620ms}
html[data-curtain]::view-transition-old(root){z-index:2;mix-blend-mode:normal;animation:paper-lift 620ms cubic-bezier(.22,.61,.36,1) both}
html[data-curtain]::view-transition-new(root){z-index:1;mix-blend-mode:normal;animation:paper-settle 620ms cubic-bezier(.22,.61,.36,1) both}
@keyframes paper-lift{from{transform:translateY(0)}to{transform:translateY(-105%)}}
@keyframes paper-settle{from{transform:scale(1.015)}to{transform:scale(1)}}
.page-opening .opening{border:0;overflow:clip}
.page-opening .opening-stage{height:calc(100svh - var(--site-header-height));min-height:620px;max-width:1560px;padding:0}
.page-opening .opening-copy{top:48%;transform:translate(-50%,-50%);width:min(650px,56%)}
.page-opening .opening h1{font-size:clamp(50px,5.1vw,78px)}
.page-opening .scene-card{width:clamp(170px,15.4vw,218px)}
.page-opening .scene-agent{left:5%;top:8%}.page-opening .scene-memory{right:5%;top:8%}
.page-opening .scene-knowledge{left:2%;top:46%}.page-opening .scene-diary{right:2%;top:48%}
.page-opening .scene-skills{width:182px;left:calc(50% - 91px);top:3%}
.page-opening .scene-todo{left:23%;top:auto;bottom:6%;width:186px}
.page-opening .scene-finance{right:22%;top:auto;bottom:6%;width:195px}
.page-opening .scene-float{animation:scene-drift 6s ease-in-out infinite;animation-delay:-2s}
.page-opening .scene-card:nth-child(2n) .scene-float{animation-duration:7.5s;animation-direction:reverse;animation-delay:-4s}
@keyframes scene-drift{0%,100%{transform:translateY(-7px) rotate(-.6deg)}50%{transform:translateY(7px) rotate(.6deg)}}
.page-opening .action-pill{overflow:visible;isolation:isolate}




.page-opening.motion-paused .scene-float{animation-play-state:paused}
@media(max-width:1100px) and (min-width:761px){.page-opening .scene-card{width:160px}.page-opening .scene-image{height:86px}.page-opening .scene-knowledge{left:1%}.page-opening .scene-diary{right:1%}.page-opening .opening-copy{width:59%}.page-opening .scene-skills{width:160px;left:calc(50% - 80px)}.page-opening .scene-todo{left:19%}.page-opening .scene-finance{right:18%}.page-opening .opening h1{font-size:52px}}
@media(max-width:760px){
.page-opening .opening-stage{min-height:540px}
.page-opening .opening-copy{position:absolute;left:50%;top:46%;width:calc(100% - 40px);max-width:440px;margin:0;transform:translate(-50%,-50%)}
.page-opening .opening-eyebrow{font-size:9px;margin-bottom:16px}
.page-opening .opening h1{font-size:clamp(32px,9.2vw,44px)}
.page-opening .opening-keyword>svg{bottom:-10px;height:16px}
.page-opening .opening-lead{font-size:13px;line-height:1.7;margin:24px 0 16px}
.page-opening .opening-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:310px;margin:auto}
.page-opening .ink-action{grid-column:1/-1}.page-opening .action-pill{height:44px;padding:0 12px;font-size:11px;gap:8px;background:#fff;border:1px solid var(--launch-line)}.page-opening .ink-action{background:var(--launch-ink);border-color:var(--launch-ink)}
.page-opening .opening-note{margin-top:12px;font-size:9px;line-height:1.7}.page-opening .opening-prompt{margin-top:14px;padding:8px 12px;font-size:9px}.page-opening .opening-prompt [data-prompt-text]{min-width:140px}
.page-opening .scene-field{display:block;position:absolute;inset:0;margin:0;max-width:none;pointer-events:none}
.page-opening .scene-card{position:absolute;width:98px;pointer-events:auto;--angle:0deg!important}
.page-opening .scene-agent{left:9%;top:7%}.page-opening .scene-memory{right:6%;top:7%}
.page-opening .scene-skills{width:112px;left:calc(50% - 56px);top:2%}
.page-opening .scene-knowledge{left:3%;top:69%;width:90px}.page-opening .scene-diary{right:3%;top:69%;width:90px}
.page-opening .scene-todo{left:17%;top:85%;bottom:auto;width:104px}.page-opening .scene-finance{right:10%;top:85%;bottom:auto;width:104px}
.page-opening .scene-float{padding:5px 5px 7px;transform:none;animation-name:scene-drift-mobile}
.page-opening .scene-image,.page-opening .scene-finance .scene-image{height:44px}.page-opening .scene-label{font-size:9px;padding:6px 1px 0}.page-opening .scene-label>span{font-size:10px}.page-opening .scene-card p{font-size:7px;margin:2px 1px 0}
.page-opening .scene-note,.page-opening .scene-skills .scene-note{padding:9px;display:block}.page-opening .scene-note-kicker{font-size:7px}.page-opening .scene-note strong,.page-opening .scene-skills .scene-note strong{font-size:7px;margin-top:8px}.page-opening .scene-skills .skill-chips{font-size:9px;gap:4px}.page-opening .skill-chips span{padding:4px}.page-opening .note-check{font-size:7px;margin-top:5px}.page-opening .note-check span{font-size:6px;margin-right:4px}
@keyframes scene-drift-mobile{0%,100%{transform:translateY(-5px) rotate(-.4deg)}50%{transform:translateY(5px) rotate(.4deg)}}
}
@media(max-height:760px) and (min-width:761px){.page-opening .opening-stage{min-height:510px}.page-opening .opening-copy{top:50%}.page-opening .opening h1{font-size:48px}.page-opening .opening-eyebrow{margin-bottom:12px}.page-opening .opening-lead{margin:20px 0 16px;font-size:14px}.page-opening .opening-note{margin-top:12px}.page-opening .opening-prompt{margin-top:12px}.page-opening .scene-card{width:150px}.page-opening .scene-image{height:70px}.page-opening .scene-skills{width:150px;left:calc(50% - 75px)}.page-opening .scene-label{font-size:11px}.page-opening .scene-todo,.page-opening .scene-finance{bottom:4%}.page-opening .scene-finance .scene-image{height:48px}}
@media(prefers-reduced-motion:reduce){.page-opening .scene-float{animation:none!important;transform:none!important}html::view-transition-group(root),html::view-transition-old(root),html::view-transition-new(root){animation:none!important}}
/* Root acceptance: keep the upper paper card clear of the central eyebrow. */
@media(min-width:761px){.page-opening .scene-skills{top:12px}.page-opening .scene-skills .scene-note{padding:12px}.page-opening .scene-skills .scene-note-kicker{font-size:9px;line-height:1.4}.page-opening .scene-skills .skill-chips{font-size:12px;line-height:1.4;margin-top:8px}.page-opening .scene-skills .skill-chips span{padding:5px 6px}.page-opening .scene-skills .scene-note strong{margin-top:8px;font-size:10px;line-height:1.4}}
.page-opening .opening-stage{height:calc(100svh - var(--site-header-height) - 1px)}
@media(max-width:760px) and (max-height:720px){
.page-opening .opening-stage{min-height:480px}
.page-opening .opening-copy{top:50%}.page-opening .opening h1{font-size:32px}.page-opening .opening-eyebrow,.page-opening .opening-prompt{display:none}
.page-opening .opening-lead{font-size:12px;margin:18px 0 12px;line-height:1.6}.page-opening .opening-note{font-size:8px;margin-top:10px}
.page-opening .scene-card{width:80px}.page-opening .scene-image,.page-opening .scene-finance .scene-image{height:30px}.page-opening .scene-card p{font-size:6px;line-height:1.2}.page-opening .scene-label{font-size:8px;line-height:1.2;padding-top:4px}
.page-opening .scene-agent,.page-opening .scene-memory{top:15px}.page-opening .scene-skills{width:78px;left:calc(50% - 39px);top:12px}
.page-opening .scene-skills .scene-note{padding:7px}.page-opening .scene-skills .skill-chips{gap:3px;font-size:7px}.page-opening .scene-skills .skill-chips span{padding:3px}.page-opening .scene-note strong,.page-opening .scene-skills .scene-note strong{font-size:6px;margin-top:4px}
.page-opening .scene-knowledge,.page-opening .scene-diary{top:74%;width:78px}.page-opening .scene-todo,.page-opening .scene-finance{top:auto;bottom:16px;width:80px}.page-opening .scene-todo{left:27%}.page-opening .scene-finance{right:27%}.page-opening .scene-todo .scene-note{padding:7px}.page-opening .note-check{font-size:6px;margin-top:3px}.page-opening .scene-note-kicker{font-size:6px}
}

/* Reserve the longest example's space before scripts run; only its text changes. */
.page-opening .opening-prompt [data-prompt-text]{width:15em;min-width:15em;flex:none;white-space:nowrap}
.typewriter-ready [data-prompt-text]::after{content:"";display:inline-block;width:1px;height:1em;margin-left:4px;vertical-align:-.12em;background:currentColor;animation:prompt-caret 1.2s ease-in-out infinite}
.opening-prompt[data-typing-paused="true"] [data-prompt-text]::after{animation-play-state:paused}
@keyframes prompt-caret{0%,100%{opacity:.8}50%{opacity:.2}}
@media(prefers-reduced-motion:reduce){.typewriter-ready [data-prompt-text]::after{animation:none;display:none}}

/* Let the longer English title wrap while keeping the same full-screen stage. */
@media(max-width:760px){
.page-opening:lang(en) .opening-keyword{white-space:normal;text-wrap:balance}
.page-opening:lang(en) .opening h1{font-size:clamp(28px,7.7vw,36px)}
.page-opening:lang(en) .opening-eyebrow,.page-opening:lang(en) .opening-prompt{display:none}
.page-opening:lang(en) .opening-lead{font-size:12px;line-height:1.65;margin:18px 0 14px}
.page-opening:lang(en) .opening-note{font-size:8px;margin-top:10px}
.page-opening:lang(en) .scene-note-kicker{display:block}
.page-opening:lang(en) .scene-agent,.page-opening:lang(en) .scene-memory{top:4%}
.page-opening:lang(en) .scene-knowledge,.page-opening:lang(en) .scene-diary{top:73%}
.page-opening:lang(en) .scene-todo,.page-opening:lang(en) .scene-finance{top:76%;bottom:auto;width:21%;max-width:104px}
.page-opening:lang(en) .scene-todo{left:27%}.page-opening:lang(en) .scene-finance{right:27%}
}

/* Keep the first action clear while download and GitHub remain easy to reach. */
.page-opening .opening-secondary-links{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:10px;font-size:11px;color:var(--launch-muted,#727873)}
.page-opening .opening-secondary-links a{color:inherit;text-decoration:none;text-underline-offset:3px}
.page-opening .opening-secondary-links a:hover{text-decoration:underline}
.page-opening .opening-secondary-links a:focus-visible{outline:2px solid var(--launch-green);outline-offset:4px;border-radius:2px}
@media(max-width:760px){.page-opening .opening-actions{grid-template-columns:1.15fr 1fr;max-width:330px}.page-opening .opening-actions .ink-action{grid-column:auto}.page-opening .opening-actions .action-pill{gap:5px;padding:0 8px;font-size:10px}.page-opening .opening-actions .amicro-icon{width:16px;height:16px}.page-opening .opening-secondary-links{font-size:10px;margin-top:9px}.page-opening .opening-note{margin-top:9px}}