@font-face{font-family:WenKai;src:url(/fonts/wenkai.woff2) format("woff2");font-display:swap;font-weight:400}:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#55544f;background:#f5f5ef;font-synthesis:none;--ink:#55544f;--muted:#8a8b81;--purple:#957dbb;--paper:#fbf8ed}*{box-sizing:border-box}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;touch-action:manipulation}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible{outline:2px solid #957dbb;outline-offset:5px}input:focus{outline:none}img{display:block;max-width:100%}::selection{background:#dcd0e9}button svg{flex-shrink:0}.app{min-height:100svh;display:flex;flex-direction:column;overflow:hidden;background:#f5f5ef;position:relative;isolation:isolate}.site-header{height:88px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;gap:16px}.wordmark{display:flex;align-items:center;gap:10px;font-family:WenKai,serif;font-size:19px;letter-spacing:.12em;padding:8px 0}.wordmark img{width:26px;height:26px}.header-date{display:flex;gap:17px;font-size:10px;letter-spacing:.17em;color:#929185}.header-date span{font-size:11px;letter-spacing:.1em}main{flex:1;width:100%;max-width:1100px;margin:0 auto;position:relative}.intro{text-align:center;padding:26px 20px 0;transition:opacity .65s,transform .65s;position:relative;z-index:3}.intro-away{opacity:0;transform:translateY(-15px);pointer-events:none}.eyebrow{font-size:10px;letter-spacing:.25em;color:#969386;font-weight:400;margin:0 0 20px}h1{font-family:WenKai,Songti SC,serif;font-size:clamp(30px,3.15vw,43px);font-weight:400;line-height:1.6;letter-spacing:.05em;margin:0;color:#595a53}h1 span{color:#8b769e}.mobile-break{display:none}.subheading{font-family:WenKai,serif;font-size:17px;color:#8c8b80;margin:14px 0 30px;letter-spacing:.045em}.name-form{margin:0 auto;width:min(460px,100%);display:flex;align-items:center;border:1px solid #d9d8ce;background:#fffffbad;border-radius:7px;padding:5px;transition:border-color .2s,box-shadow .2s}.name-form:focus-within{border-color:#ae9dbf;box-shadow:0 0 0 3px #957dbb12}.name-form input{min-width:0;flex:1;background:none;border:0;padding:13px 15px;color:#626059;font-size:14px;letter-spacing:.04em}.name-form input::placeholder{color:#aaa69c;font-size:13px}.find-button{display:flex;align-items:center;justify-content:center;gap:11px;border-radius:4px;background:#846ca7;color:#fff;font-size:13px;padding:13px 18px;transition:background .2s}.find-button:hover{background:#846da8}.search-feedback{height:35px;padding-top:12px;font-size:11px;letter-spacing:.05em;color:#a09d91}.search-feedback.has-error{height:auto;min-height:35px;max-width:460px;margin:auto;color:#937454;line-height:1.6}.stage{position:relative;height:365px;width:100%;max-width:800px;margin:0 auto;isolation:isolate}.jar{width:365px;height:365px;position:absolute;left:50%;top:0;transform:translate(-50%);will-change:transform}.jar-glass{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.9}.jar-stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.jar-star{position:absolute;transform:translate(-50%,-50%);will-change:transform;-webkit-user-select:none;user-select:none}.flight-star{position:absolute;top:50%;left:50%;width:150px;height:150px;max-width:none;margin-left:-75px;margin-top:-75px;opacity:0;z-index:6;pointer-events:none}.home-after{text-align:center;margin-top:2px}.jar-caption{font-family:WenKai,serif;font-size:14px;letter-spacing:.06em;color:#9b998b;margin:0 0 24px}.home-links{display:flex;align-items:center;justify-content:center;gap:24px;color:#8c847e}.home-links button{font-size:12px;display:flex;gap:8px;align-items:center;padding:8px 2px}.home-links button:hover{color:#8c70af}.home-links button span{font-size:10px;color:#9e90ac;margin-left:1px}.home-links i{height:12px;width:1px;background:#dad7cd}.site-footer{display:flex;justify-content:space-between;gap:16px;padding:32px 5.5% 23px;color:#a3a093;font-family:WenKai,serif;font-size:11px;letter-spacing:.06em}.phase-shaking .stage,.phase-extracting .stage,.phase-unfolding .stage{margin-top:-145px;height:510px}.phase-reading .intro{display:none}.phase-reading .stage{height:auto;min-height:600px;margin-top:0}.phase-reading .jar{visibility:hidden}.ritual-status{position:absolute;top:100%;left:0;right:0;text-align:center;font-family:WenKai,serif;font-size:16px;color:#91858d;padding-top:4px}.ritual-status p{margin:0 0 18px}.ritual-status button{font-size:12px;color:#a09a90;display:inline-flex;align-items:center;gap:7px;padding:8px}.paper-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.paper-canvas canvas{display:block}.reading{position:relative;text-align:center;padding:36px 20px 0;outline:none;z-index:4}.reader-heading .eyebrow{color:#9a85ac;margin-bottom:12px;letter-spacing:.15em}.reader-heading h2{font-family:WenKai,serif;font-weight:400;font-size:25px;margin:0 0 34px;letter-spacing:.08em}.note-paper{width:min(620px,100%);min-height:300px;margin:auto;padding:34px 52px 30px;text-align:left;background:#faf7ec url(/assets/paper.webp) center/cover;box-shadow:0 9px 40px #56514c0c,0 1px 3px #514a4221;position:relative;border:1px solid #e9e3d5;border-radius:1px;display:flex;flex-direction:column;transform:rotate(-.5deg)}.note-paper:before,.note-paper:after{content:"";position:absolute;top:0;bottom:0;width:1px;background:#ded8cc;opacity:.22;pointer-events:none}.note-paper:before{left:33.333%}.note-paper:after{right:33.333%}.note-address{font-family:WenKai,serif;font-size:15px;color:#9e929c;margin:0 0 22px}.note-text{font-family:WenKai,serif;font-size:29px;line-height:1.85;color:#625958;margin:0 0 25px;letter-spacing:.055em;white-space:pre-wrap;overflow-wrap:anywhere}.note-signature{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-top:auto;color:#716372;font-family:WenKai,serif;font-size:22px}.note-signature time{font-size:13px;color:#9f9592;letter-spacing:.06em}.long-note .note-text{font-size:25px}.reader-actions{display:flex;gap:28px;justify-content:center;margin-top:32px}.primary-button{background:#846ca7;color:#fff;border-radius:5px;padding:13px 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px}.primary-button:hover{background:#846aa6}.quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#8a7a94;font-size:12px;padding:10px 0}.quiet-button:hover{color:#6f538b}.reader-secondary{display:flex;gap:28px;justify-content:center;margin-top:22px}.reader-secondary button{display:flex;align-items:center;gap:7px;color:#9c978d;font-size:11px;padding:8px}.original-note{margin:auto;width:min(410px,100%)}.original-note img{max-height:380px;margin:auto;object-fit:contain;border-radius:3px}.original-note figcaption{font-family:WenKai;font-size:12px;color:#999286;margin-top:12px}.review-note,.claim-note{font-size:11px;line-height:1.8;max-width:500px;color:#9a8c7b;margin:18px auto 0}.claim-note{max-width:380px}.modal{border:1px solid #e4dfd3;border-radius:12px;padding:28px;background:#fbfaf4;color:var(--ink);width:min(660px,calc(100vw - 32px));max-height:85svh;box-shadow:0 20px 100px #48413722;overscroll-behavior:contain}.modal::backdrop{background:#55564d33;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal-heading{display:flex;align-items:center;gap:16px;justify-content:space-between}.modal h2{font-family:WenKai,serif;font-size:24px;line-height:1.6;font-weight:400;margin:0}.icon-button{display:flex;align-items:center;justify-content:center;border-radius:50%;padding:7px;flex-shrink:0;color:#a59c95}.icon-button:hover{background:#ece8e1}.modal-description{font-family:WenKai,serif;font-size:15px;line-height:1.8;color:#9a9388;margin:12px 0 25px}.collection-modal{width:min(940px,calc(100vw - 32px))}.unclaimed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.unclaimed-card{text-align:left;background:#fffefa;border:1px solid #e6e0d4;border-radius:7px;overflow:hidden;padding:12px;transition:transform .2s,border-color .2s}.unclaimed-card:hover{transform:translateY(-3px);border-color:#b8a5c5}.unclaimed-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px;margin-bottom:13px}.card-number{font-size:10px;letter-spacing:.1em;color:#a38bab}.unclaimed-card p{font-family:WenKai,serif;font-size:15px;line-height:1.65;margin:10px 0 14px;min-height:50px}.card-open{font-size:11px;display:flex;align-items:center;gap:7px;color:#9a87a8}.directory-search{display:flex;align-items:center;gap:10px;border-bottom:1px solid #ded7d0;padding:0 0 12px;color:#a19890;margin-bottom:22px}.directory-search input{width:100%;border:0;background:none;padding:5px;font-size:14px;color:#6d626b}.name-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:340px;overflow:auto;padding:3px}.name-directory button{text-align:left;font-family:WenKai,serif;font-size:17px;border:1px solid #e8e0dc;padding:10px 13px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;gap:5px}.name-directory button:hover{background:#f1ebf3}.name-directory button svg{color:#b5a4bf}.directory-unclaimed{margin:20px auto 0;display:flex}.empty-message{font-family:WenKai,serif;text-align:center;padding:20px;color:#9a8b96}.match-list{display:flex;flex-direction:column;gap:12px}.match-list button{display:flex;text-align:left;align-items:center;gap:18px;background:#fffdf8;border:1px solid #e9e1d9;padding:14px;border-radius:6px}.match-list img{width:90px;height:90px;object-fit:contain}.match-list button>div{flex:1}.match-list strong{font-family:WenKai;font-size:20px;font-weight:400}.match-list p{font-family:WenKai;font-size:14px;line-height:1.7;margin:8px 0}.match-list small{font-size:10px;color:#aa9e94}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 36px);border:1px solid #dcd3e3;padding:14px 22px;background:#faf8fc;border-radius:8px;color:#816e90;font-size:12px;line-height:1.7;z-index:20;box-shadow:0 8px 30px #65507215}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes readerIn{0%{opacity:0}to{opacity:1}}@media(min-width:1500px){.intro{padding-top:50px}.stage{height:400px}.jar{width:400px;height:400px}.site-footer{padding-top:42px}}@media(max-width:600px){.site-header{height:68px;padding:0 24px}.wordmark{font-size:16px;gap:7px}.wordmark img{width:23px;height:23px}.header-date{font-size:9px;gap:0}.header-date>span{display:none}.intro{padding:28px 24px 0}.eyebrow{font-size:8px;letter-spacing:.21em;margin-bottom:16px}.mobile-break{display:block}h1{font-size:32px;line-height:1.6;letter-spacing:.035em}.subheading{font-size:15px;margin:16px 0 26px}.name-form{width:100%;max-width:370px}.name-form input{padding:12px 8px;font-size:13px}.name-form input::placeholder{font-size:12px}.find-button{font-size:11px;padding:12px 13px;gap:7px}.search-feedback{font-size:10px;letter-spacing:0;padding-top:12px;height:34px}.stage{height:320px}.jar{width:320px;height:320px}.jar-caption{font-size:12px;margin:0 0 17px}.home-links{gap:18px}.home-links button{font-size:11px}.site-footer{flex-direction:column;text-align:center;gap:8px;font-size:10px;padding:26px 20px 20px}.site-footer>span:last-child{font-size:8px;letter-spacing:.14em;opacity:.7}.phase-shaking .stage,.phase-extracting .stage,.phase-unfolding .stage{margin-top:-170px;height:455px}.ritual-status{font-size:14px;top:93%;padding:0 20px}.ritual-status button{font-size:11px}.phase-reading .stage{min-height:600px}.reading{padding:28px 20px 0}.reader-heading .eyebrow{font-size:9px}.reader-heading h2{font-size:21px;margin-bottom:27px}.note-paper{padding:28px 28px 24px;min-height:320px}.note-text{font-size:26px;line-height:1.95;letter-spacing:.035em;margin-bottom:26px}.long-note .note-text{font-size:22px;line-height:1.85}.long-note{min-height:370px}.note-address{font-size:13px}.note-signature{font-size:22px}.note-signature time{font-size:12px}.reader-actions{gap:22px;margin-top:27px}.primary-button{font-size:12px;padding:12px 16px}.quiet-button{font-size:11px;gap:6px}.reader-secondary{gap:23px;margin-top:16px}.claim-note,.review-note{font-size:10px}.modal{padding:21px;max-height:88svh}.modal h2{font-size:21px}.modal-description{font-size:13px}.unclaimed-grid{grid-template-columns:repeat(2,1fr);gap:12px}.unclaimed-card{padding:9px}.unclaimed-card p{font-size:13px;min-height:65px}.card-number{font-size:9px}.card-open{font-size:9px;gap:4px}.card-open svg{width:12px}.name-directory{grid-template-columns:repeat(2,1fr)}.name-directory button{font-size:17px;padding:10px}.match-list button{gap:12px;padding:10px}.match-list img{width:70px;height:70px}.match-list p{font-size:12px}.original-note img{max-height:355px}}@media(max-width:360px){.intro{padding-left:18px;padding-right:18px}h1{font-size:29px}.jar{width:290px;height:290px}.stage{height:290px}.find-button{padding:12px 9px}.name-form input{width:100px}.note-text{font-size:23px}.reader-actions{gap:15px}.reader-heading h2{font-size:19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/paper.webp) center/1000px;opacity:.1;pointer-events:none;z-index:-1}.phase-shaking .stage,.phase-extracting .stage,.phase-unfolding .stage{margin-top:0;height:365px}@media(max-width:600px){.phase-shaking .stage,.phase-extracting .stage,.phase-unfolding .stage{margin-top:0;height:320px}}.note-paper.has-preview{padding:0;min-height:0;transform:none;border:0;overflow:hidden}.note-paper.has-preview>img{width:100%;height:auto}.note-paper.has-preview:before,.note-paper.has-preview:after{display:none}.reader-heading,.reader-actions,.reader-secondary,.review-note,.claim-note{animation:readerIn .55s ease both}.keepsake-modal{width:min(580px,calc(100vw - 32px));text-align:center}.keepsake-modal .modal-heading{text-align:left}.keepsake-image{width:min(340px,100%);height:auto;margin:auto;box-shadow:0 4px 18px #514a4215}.keepsake-download{margin-top:22px;text-decoration:none}@media(max-width:600px){.phase-unfolding .ritual-status{top:calc(50% + 190px)}}.academy-wordmark{display:flex;align-items:center;gap:20px;padding:8px 0;flex-shrink:0}.academy-logo{position:relative;display:block;width:156px;aspect-ratio:1900/517;overflow:hidden;flex-shrink:0}.academy-logo img{position:absolute;max-width:none;width:184.631579%;height:auto;left:-42.315789%;top:-155.705996%}.brand-divider{height:26px;width:1px;background:#d9d5d5}.brand-site-title{font-family:WenKai,serif;font-size:18px;letter-spacing:.12em;white-space:nowrap;color:#706877}@media(max-width:600px){.academy-wordmark{gap:13px}.academy-logo{width:124px}.brand-divider{height:22px}.brand-site-title{font-size:14px;letter-spacing:.08em}.site-header .header-date{display:none}}