@font-face{font-family:SeaHand;src:url('assets/handwriting.woff2') format('woff2');font-display:swap}
:root{font-family:'LXGW WenKai',serif;color:#223c30;background:#050505;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{height:100dvh;display:grid;place-items:center;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);overscroll-behavior:none}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
.pond-stage{position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;width:100%;height:100%;outline:0;background:#050505}
.pond-background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none;z-index:-3}
#water-layer,#fish-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#water-layer{z-index:-2}#fish-layer{z-index:0}
.particles-layer{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.particles-layer canvas{display:block;width:100%;height:100%;pointer-events:none}
.item-layer{position:absolute;inset:0;z-index:3;pointer-events:none}.entry{display:contents}
.layout-item{position:absolute;transform:translate(-50%,-50%) rotate(var(--angle,0deg));border:0;padding:0;margin:0;white-space:nowrap}
.rock-scene{aspect-ratio:3/2;display:block;pointer-events:auto;cursor:pointer;touch-action:none;-webkit-touch-callout:none;user-select:none;border-radius:45%;outline-offset:0;z-index:1}
.rock-float{position:absolute;inset:0;display:block;transform:translateY(0) scale(1);transform-origin:50% 65%;transition:transform 350ms cubic-bezier(.2,.8,.2,1.12);pointer-events:none}
.rock-art{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;animation:rock-breathe 7s ease-in-out infinite;transform-origin:50% 60%}
[data-entry=rock-2] .rock-art{animation-delay:-2s}[data-entry=rock-3] .rock-art{animation-delay:-4s}[data-entry=rock-4] .rock-art{animation-delay:-1s}[data-entry=rock-5] .rock-art{animation-delay:-3s}
.rock-scene:is(.is-preview,.is-pressed,:focus-visible) .rock-float,.gathering .rock-float{transform:translateY(-8px) scale(1.08)}.gathering .rock-art{animation-duration:2.8s}
.rock-scene:focus-visible{outline:2px solid #853a2ac7;outline-offset:0}
@keyframes rock-breathe{0%,100%{translate:0 0;scale:1}50%{translate:0 3px;scale:1.012}}
.card-content{display:flex;align-items:flex-start;gap:.6cqw;isolation:isolate;pointer-events:none;z-index:2}
.card-content:before{content:'';position:absolute;inset:-1.4cqw;z-index:-1;background:radial-gradient(ellipse closest-side,#f9f7e6a0,transparent);pointer-events:none}
.card-content h2{font-family:'Ma Shan Zheng',cursive;font-size:var(--font-size);font-weight:400;line-height:1.12;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.045em;margin:0;color:#172b25}
.card-content.english h2{font-family:SeaHand,cursive;font-size:calc(var(--font-size)*.72);letter-spacing:.025em}
.card-content p{writing-mode:vertical-rl;text-orientation:mixed;font-size:calc(var(--font-size)*.37);line-height:1.65;letter-spacing:.1em;color:#304735;margin:.18cqw 0 0}
.layout-item[data-kind=text]{font-size:var(--font-size);font-weight:400;line-height:1.7;text-align:center;white-space:pre-line;z-index:4;pointer-events:none}
.layout-item.handwriting{font-family:SeaHand,cursive;line-height:1;letter-spacing:.06em}.layout-item.tagline{color:#344b3c}.layout-item.quiet-text{color:#69725d;letter-spacing:.08em}
.layout-item[data-resume-nav]{pointer-events:auto;border-bottom:1px solid #34573e40;padding-bottom:3px;white-space:nowrap;width:max-content}.layout-item[data-resume-nav]:focus-visible{outline:2px solid #853a2a;outline-offset:5px}
.layout-item[data-item-id="page-title"],.layout-item[data-item-id="resume-nav"]{color:#f5f5ef}
.layout-item[data-item-id="page-intro"],.layout-item.quiet-text{color:#c7c9c5}
.layout-item[data-resume-nav]{border-bottom-color:#eeeeee50}
.layout-item[data-resume-nav]:focus-visible{outline-color:#fff}
.card-content:before{display:none}
.layout-item[data-item-id="page-intro"]{color:#f7f7f1;mix-blend-mode:normal;isolation:isolate;text-shadow:0 1px 2px #000}
.card-content[data-item-id="caption-4"]{mix-blend-mode:normal;isolation:isolate}
.card-content[data-item-id="caption-4"] h2{color:#172b25}.card-content[data-item-id="caption-4"] p{color:#304735}
.entry-description{position:absolute;z-index:8;left:50%;bottom:6.2%;transform:translate(-50%,5px);width:max-content;max-width:86%;padding:14px 24px;text-align:center;color:#263c2e;background:#f8f6e9eb;border:1px solid #58734c28;box-shadow:0 5px 25px #314e3312;border-radius:3px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none}
.entry-description small{display:block;font-size:11px;color:#718065;margin-bottom:6px}.entry-description strong{display:block;font-size:16px;font-weight:500}.entry-description span{display:block;font-size:13px;margin-top:5px}
.entry-preview .entry-description,.card.is-preview .entry-description{opacity:1;visibility:visible;transform:translate(-50%,0)}
.layout-link{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));right:max(14px,env(safe-area-inset-right));z-index:10;font-size:11px;padding:5px 8px;color:#69745c;background:#f6f3e69c;border-radius:3px}.layout-link:focus-visible{outline:2px solid #853a2a}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:720px){.entry-description{padding:9px 12px;bottom:2%;max-width:94%}.entry-description small{font-size:9px;margin-bottom:3px}.entry-description strong{font-size:12px}.entry-description span{font-size:10px;margin-top:3px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}