:root{color-scheme:light;--paper:#f4f0e9;--ink:#483d35;--warm:#886955;--quiet:#8b7d71;--line:#dcd2c6;--serif:"Songti TC","Noto Serif TC","PMingLiU",serif;--body:"PingFang TC","Microsoft JhengHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 var(--body);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 85% 0,#fff9eb80,transparent 55%),radial-gradient(ellipse at 0 65%,#e6d9c829,transparent 60%);z-index:-1}main{max-width:1120px;padding:32px 48px max(26px,env(safe-area-inset-bottom));margin:auto}.page-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:23px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font:23px var(--serif);letter-spacing:.09em}.wordmark svg{width:34px;height:34px;stroke:var(--warm);stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.wordmark-note{font:12px var(--body);letter-spacing:.18em;margin-left:14px;color:var(--quiet)}.dedication{font-size:12px;letter-spacing:.13em;color:var(--quiet)}.hero{display:grid;grid-template-columns:.85fr 1.4fr;align-items:center;gap:32px;padding-top:34px}.letter{padding:20px 0 40px 10px;animation:arrive .8s both}.eyebrow{display:block;font-size:12px;letter-spacing:.08em;color:var(--warm);margin-bottom:23px}.letter h1{font:400 clamp(30px,3.6vw,43px)/1.65 var(--serif);letter-spacing:.035em;margin:0 0 24px}.letter-text{color:#7e7165;font-size:14px;line-height:2.05;letter-spacing:.055em;margin:0}.letter-sign{display:block;font:17px "Kaiti TC","STKaiti",var(--serif);color:var(--warm);margin-top:31px;letter-spacing:.1em}.companion{min-width:0;animation:arrive 1s .15s both}.stage{height:420px;position:relative;border-radius:48% 48% 30% 30%;background:radial-gradient(ellipse at 50% 53%,#fffdf8 0,#faf6ed88 50%,#f4f0e900 75%)}model-viewer{display:block;width:100%;height:100%;--poster-color:transparent;touch-action:pan-y}.load-status{position:absolute;bottom:8px;left:0;right:0;text-align:center;color:var(--quiet);font-size:13px;pointer-events:none;transition:opacity .4s}.stage:has(.load-status[data-ready=true]) .load-status{opacity:0}.presence{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;letter-spacing:.04em;color:var(--quiet);min-height:32px}.presence-dot{width:4px;height:4px;flex-shrink:0;border-radius:50%;background:#a4997e}.gesture{margin-left:10px;padding-left:15px;border-left:1px solid var(--line)}.action{max-width:390px;margin:16px auto 0}.primary{display:flex;width:100%;justify-content:center;align-items:center;gap:20px;min-height:58px;border:0;border-radius:100px;color:#fffaf2;background:var(--warm);font:15px var(--body);letter-spacing:.09em;padding:15px 22px;cursor:pointer;transition:background .2s,transform .2s}.primary:hover:not(:disabled){background:#755941;transform:translateY(-1px)}.primary:disabled{opacity:.78;cursor:default}.primary svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.device-hint{min-height:34px;margin:13px 9px 0;text-align:center;font-size:12px;line-height:1.9;color:var(--quiet);letter-spacing:.025em}.pose-section{margin-top:38px;padding:28px 0 0;border-top:1px solid var(--line)}.pose-heading{display:flex;align-items:center;justify-content:space-between;font:17px var(--serif);letter-spacing:.05em;margin-bottom:19px}.pose-heading #selected-pose{font:11px var(--body);color:var(--quiet);letter-spacing:.06em}.pose-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.pose-card{position:relative;display:flex;align-items:center;flex-direction:column;border:0;background:transparent;color:var(--quiet);cursor:pointer;padding:6px 0 12px;border-radius:14px;font:12px var(--body);letter-spacing:.03em;transition:background .2s,color .2s}.pose-card img{display:block;width:100%;height:105px;object-fit:contain;border-radius:14px;mix-blend-mode:multiply;opacity:.82;filter:saturate(.8);transition:opacity .2s}.pose-card span{margin-top:8px}.pose-card:hover{background:#e9dfd23b}.pose-card[aria-pressed=true]{background:#e4dacb4d;color:var(--ink)}.pose-card[aria-pressed=true] img{opacity:1;filter:none}.pose-card[aria-pressed=true]:after{content:"";position:absolute;width:15px;height:1px;background:var(--warm);bottom:5px}.closing{text-align:center;padding:58px 0 48px}.little-star{display:block;color:#b39878;font-size:23px;line-height:1;margin-bottom:19px}.closing p{font:400 24px/1.8 var(--serif);letter-spacing:.08em;margin:0 0 9px}.closing>span:last-child{font-size:12px;color:var(--quiet);letter-spacing:.06em}.help{max-width:680px;margin:0 auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0}.help summary{list-style:none;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.06em;color:var(--quiet);cursor:pointer}.help summary::-webkit-details-marker{display:none}.help summary>span{font-size:16px;line-height:1.3;transition:transform .2s}.help[open] summary>span{transform:rotate(45deg)}.detail-body{font-size:13px;color:#807267;line-height:1.95;padding-top:8px}.detail-body p{margin:15px 0}.preview-tools{display:flex;gap:10px;flex-wrap:wrap}.quiet-button{font:12px var(--body);color:var(--warm);border:1px solid var(--line);border-radius:100px;background:transparent;min-height:42px;padding:10px 18px;cursor:pointer}.quiet-button:disabled{opacity:.4;cursor:default}.fine{font-size:11px!important;color:var(--quiet)}.fine a{color:inherit}.downloads{display:flex;gap:10px 24px;flex-wrap:wrap;margin:20px 0 10px}.downloads a{color:var(--warm);font-size:12px;text-decoration:underline;text-decoration-color:#ccb9a6;text-underline-offset:5px}footer{display:flex;justify-content:space-between;gap:15px;max-width:680px;margin:25px auto 0;color:#aa9d8e;font-size:10px;letter-spacing:.09em}.error-panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--paper);border-radius:20px;text-align:center;font-size:14px;color:var(--quiet)}.error-panel p{margin-bottom:22px}.ar-switcher{position:absolute;left:12px;right:12px;bottom:max(22px,env(safe-area-inset-bottom));display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:12px;border-radius:20px;background:#f4f0e9ed;pointer-events:auto}.ar-switcher button{font:13px var(--body);min-height:42px;border:1px solid var(--line);border-radius:100px;padding:10px 13px;background:transparent;color:var(--ink);cursor:pointer}.ar-switcher button[aria-pressed=true]{background:var(--warm);color:#fffaf2}[hidden]{display:none!important}:focus-visible{outline:2px solid #99795d;outline-offset:5px}a,button{-webkit-tap-highlight-color:transparent}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:760px){main{padding:23px 25px max(26px,env(safe-area-inset-bottom));max-width:550px}.page-header{padding-bottom:18px}.wordmark{font-size:21px;gap:8px}.wordmark svg{width:29px;height:29px}.wordmark-note{font-size:10px;margin-left:9px}.dedication{font-size:10px;letter-spacing:.06em}.hero{display:flex;flex-direction:column;gap:0;padding-top:34px}.letter{text-align:center;padding:0;width:100%}.eyebrow{font-size:11px;margin-bottom:16px}.letter h1{font-size:31px;line-height:1.55;margin-bottom:16px}.letter-text{font-size:12px;line-height:1.9}.letter-text br:nth-child(3){display:none}.letter-sign{font-size:14px;margin-top:16px}.companion{width:100%;margin-top:6px}.stage{height:clamp(250px,36svh,350px)}.presence{font-size:10px;min-height:25px}.gesture{margin-left:5px;padding-left:10px}.action{margin-top:13px}.primary{min-height:54px;font-size:14px}.device-hint{font-size:11px;margin-top:10px;min-height:28px}.pose-section{margin-top:23px;padding-top:22px}.pose-heading{font-size:16px;margin-bottom:13px}.pose-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 12px}.pose-card{font-size:11px;padding-bottom:12px}.pose-card img{height:88px}.pose-card span{margin-top:5px}.closing{padding:42px 0 33px}.closing p{font-size:20px}.closing>span:last-child{font-size:11px}.little-star{font-size:20px;margin-bottom:13px}footer{font-size:9px;letter-spacing:.035em}}@media(max-width:350px){main{padding-inline:20px}.dedication{font-size:9px}.wordmark-note{display:none}.letter h1{font-size:28px}.gesture{display:none}.pose-grid{gap:8px}.pose-card img{height:78px}footer{flex-direction:column;align-items:center;gap:3px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.pose-card img{border-radius:50%;mask-image:radial-gradient(ellipse 75% 85% at 50% 50%,#000 55%,#0008 68%,transparent 88%)}