:root{--blue-100:#93b9d8;--blue-900:#23476b;--ivory:#fff8e8;--gold:#d5ab62;--serif:"Songti SC", "STSong", serif;--sans:"PingFang SC", "Microsoft YaHei", sans-serif;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);color:var(--ivory);background:var(--blue-900);font-family:var(--sans)}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}html,body{min-width:390px;margin:0}body{background:var(--blue-900);color:var(--ivory);font-family:var(--sans);overflow-x:hidden}#app{flex-direction:column;align-items:center;gap:24px;width:100%;padding:0;display:flex}.privacy-protection-screen{width:min(100%,390px);min-height:100svh;padding:calc(48px + var(--safe-area-top)) 32px calc(48px + var(--safe-area-bottom));background:radial-gradient(circle at 50% 28%, #93b9d838, transparent 34%), var(--blue-900);color:var(--ivory);outline:none;flex-direction:column;justify-content:center;gap:18px;display:flex}.privacy-protection-screen h1,.privacy-protection-screen p{margin:0}.privacy-protection-screen h1{font-family:var(--serif);font-size:34px;font-weight:500;line-height:1.25}.privacy-protection-screen p{font-size:16px;line-height:1.75}.privacy-protection-eyebrow{color:var(--gold);letter-spacing:.18em;font-size:13px!important}.privacy-protection-retry{border:1px solid var(--gold);background:var(--gold);min-height:48px;color:var(--blue-900);font:600 16px/1 var(--sans);border-radius:999px;margin-top:8px}.phone-page{isolation:isolate;background:radial-gradient(circle at 50% 46%, #93b9d84d, transparent 40%), linear-gradient(160deg, var(--blue-900), var(--blue-900));flex-direction:column;flex:0 0 844px;width:390px;height:844px;padding:52px 30px 32px;display:flex;position:relative;overflow:hidden}.phone-page:before{z-index:-2;content:"";opacity:.82;pointer-events:none;background:linear-gradient(#23476bf0 0 21%,#0000 40%),radial-gradient(circle at 15% 14%,#fff8e8cc 0 1px,#0000 1.5px),radial-gradient(circle at 83% 20%,#d5ab62b8 0 1px,#0000 1.6px),radial-gradient(circle at 78% 42%,#fff8e87a 0 1px,#0000 1.5px),radial-gradient(circle at 18% 65%,#93b9d86b 0 1px,#0000 1.5px),radial-gradient(circle at 70% 81%,#d5ab6270 0 1px,#0000 1.6px);position:absolute;inset:0}.phone-page:after{z-index:-1;content:"";opacity:.65;pointer-events:none;background:repeating-linear-gradient(88deg,#fff8e805 0 1px,#0000 1px 4px),repeating-linear-gradient(2deg,#23476b0a 0 1px,#0000 1px 5px);position:absolute;inset:0}.gold-frame{z-index:4;border:1px solid var(--gold);background:linear-gradient(90deg, var(--gold), var(--gold)) 10px 10px / 28px 1px no-repeat, linear-gradient(180deg, var(--gold), var(--gold)) 10px 10px / 1px 28px no-repeat, linear-gradient(270deg, var(--gold), var(--gold)) calc(100% - 10px) 10px / 28px 1px no-repeat, linear-gradient(180deg, var(--gold), var(--gold)) calc(100% - 10px) 10px / 1px 28px no-repeat, linear-gradient(90deg, var(--gold), var(--gold)) 10px calc(100% - 10px) / 28px 1px no-repeat, linear-gradient(0deg, var(--gold), var(--gold)) 10px calc(100% - 10px) / 1px 28px no-repeat, linear-gradient(270deg, var(--gold), var(--gold)) calc(100% - 10px) calc(100% - 10px) / 28px 1px no-repeat, linear-gradient(0deg, var(--gold), var(--gold)) calc(100% - 10px) calc(100% - 10px) / 1px 28px no-repeat;pointer-events:none;border-radius:18px;position:absolute;inset:12px;box-shadow:inset 0 0 0 1px #fff8e814}.kicker,.phone-page h1,.body-copy,.actions{z-index:2;position:relative}.kicker{color:var(--ivory);letter-spacing:.14em;text-align:center;text-shadow:0 1px 8px #23476bb3;margin:0;font-size:12px;font-weight:500}.phone-page h1{color:var(--ivory);font:600 34px/1.25 var(--serif);letter-spacing:.06em;text-align:center;text-wrap:balance;text-shadow:0 2px 16px #23476b5c;margin:16px 0 0}.hero-symbol{z-index:1;pointer-events:none;flex:300px;width:100%;min-height:260px;margin:10px 0 8px;position:relative}.hero-symbol *,.gold-frame,.phone-page:before,.phone-page:after{pointer-events:none}.hero-symbol>span{display:block;position:absolute}.body-copy{color:#fff8e8e6;letter-spacing:.045em;text-align:center;max-width:312px;margin:0 auto;font-size:15px;line-height:1.72}.nobr{white-space:nowrap}.actions{gap:10px;margin-top:22px;display:grid}button{cursor:default;padding:13px 18px}button:disabled{opacity:1;cursor:not-allowed}.access-pending{z-index:3;color:var(--gold);text-align:center;margin:0;font-size:12px;position:absolute;bottom:54px;left:40px;right:40px}.recorder-ui-status{z-index:6;color:var(--ivory);text-align:center;background:#23476beb;border:1px solid #d5ab62a3;border-radius:10px;margin:0;padding:10px 12px;font-size:11px;line-height:1.55;position:absolute;bottom:28px;left:34px;right:34px}.choice .recorder-ui-status,.recorded-preview .recorder-ui-status{bottom:22px}.recorder-ui-status[data-error-code=upload-failed]{bottom:18px}.recorded-preview audio[data-recorder-preview]{z-index:5;opacity:.92;border-radius:20px;width:236px;height:38px;position:absolute;top:390px;left:50%;transform:translate(-50%)}.recorded-preview:has(audio[data-recorder-preview]) .preview-play{top:370px}.share-screen{z-index:5;text-align:center;background:#23476be0;border:1px solid #d5ab62ad;border-radius:14px;padding:18px;position:absolute;top:320px;left:38px;right:38px}.share-screen p{color:var(--ivory);font:600 15px var(--serif);letter-spacing:.06em;margin:0 0 12px}.share-screen a{color:var(--gold);font-size:13px}.primary,.secondary{width:100%;min-height:52px;font:600 16px var(--sans);letter-spacing:.04em;border-radius:26px}.primary{border:1px solid var(--ivory);background:linear-gradient(180deg, var(--ivory), var(--gold));color:var(--blue-900);box-shadow:0 8px 24px #23476b61,inset 0 1px #fff8e8cc}.secondary{color:var(--ivory);background:#23476b29;border:1px solid #fff8e89e}.spark{background:var(--ivory);border-radius:50%;width:3px;height:3px;box-shadow:0 0 10px 3px #d5ab6261}.spark:before,.spark:after{background:var(--gold);content:"";position:absolute;top:1px;left:50%;transform:translate(-50%,-50%)}.spark:before{width:1px;height:15px}.spark:after{width:15px;height:1px}.spark-a{top:17%;left:13%}.spark-b{top:31%;right:12%;transform:scale(.72)}.spark-c{bottom:16%;right:23%;transform:scale(.48)}.portal .orbital{border:1px solid var(--gold);border-radius:50%;width:230px;height:230px;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 12px #d5ab6214,0 0 0 25px #93b9d814,inset 0 0 26px #93b9d838,0 0 28px #d5ab622e}.portal .orbital:before,.portal .orbital:after{content:"";border-radius:50%;position:absolute}.portal .orbital:before{border:1px solid #fff8e875;inset:20px}.portal .orbital:after{border:1px dashed #d5ab62b8;inset:43px}.portal .hero-core{background:radial-gradient(circle, var(--ivory) 0 3%, var(--gold) 12%, #d5ab6242 36%, transparent 70%);border-radius:50%;width:92px;height:92px;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 36px 12px #fff8e833}.portal .hero-core:before,.portal .hero-core:after{content:"";background:#fff8e88f;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portal .hero-core:before{width:1px;height:154px}.portal .hero-core:after{width:154px;height:1px}.portal .signal{background:repeating-linear-gradient(90deg, transparent 0 5px, var(--blue-100) 5px 7px, transparent 7px 11px);clip-path:polygon(0 47%,8% 41%,16% 55%,24% 25%,32% 72%,40% 38%,48% 62%,56% 15%,64% 79%,72% 35%,80% 61%,88% 42%,100% 50%,100% 57%,0 57%);filter:drop-shadow(0 0 5px #93b9d8ad);width:174px;height:38px;bottom:24%;left:50%;transform:translate(-50%)}.portal .accent-a,.portal .accent-b{border-bottom:2px solid #fff8e8b3;border-radius:50%;width:122px;height:44px;bottom:12%}.portal .accent-a:after,.portal .accent-b:after{content:"";border-top:1px solid #d5ab62bf;border-radius:50%;width:47px;height:18px;position:absolute;bottom:-2px;right:1px;transform:rotate(-18deg)}.wave .orbital{border:1px solid #fff8e885;border-radius:50%;width:250px;height:250px;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 10px #d5ab6214,0 0 0 21px #93b9d80f,inset 0 0 42px #93b9d824}.wave .orbital:before,.wave .orbital:after{content:"";border-radius:50%;position:absolute}.wave .orbital:before{border:1px dashed #d5ab629e;inset:21px}.wave .orbital:after{border:1px solid #93b9d852;inset:47px}.wave .hero-core,.recording .hero-core{background:repeating-linear-gradient(90deg, transparent 0 4px, var(--blue-100) 4px 6px, transparent 6px 9px);clip-path:polygon(0 48%,4% 37%,8% 56%,12% 29%,16% 71%,20% 43%,24% 61%,28% 18%,32% 80%,36% 34%,40% 68%,44% 26%,48% 76%,52% 14%,56% 84%,60% 30%,64% 72%,68% 21%,72% 77%,76% 38%,80% 63%,84% 29%,88% 69%,92% 41%,96% 58%,100% 48%,100% 54%,0 54%);filter:drop-shadow(0 0 6px #93b9d8b3);width:216px;height:104px;top:50%;left:50%;transform:translate(-50%,-50%)}.wave .signal{background:linear-gradient(90deg, transparent, var(--gold), var(--ivory), var(--gold), transparent);height:1px;top:50%;left:7px;right:7px}.wave .accent-a,.wave .accent-b{border:1px solid var(--gold);background:var(--blue-900);border-radius:50%;width:8px;height:8px;top:50%;transform:translateY(-50%)}.wave .accent-a{left:29px}.wave .accent-b{right:29px}.choice .orbital,.choice .hero-core{background:linear-gradient(135deg,#93b9d83d,#23476b33);border:1px solid #fff8e89e;border-radius:18px;width:286px;height:112px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 20px #fff8e80f,0 9px 24px #23476b3d}.choice .orbital{top:13px}.choice .hero-core{background:linear-gradient(135deg,#fff8e81f,#d5ab621a);border-color:#d5ab62b3;bottom:13px}.choice .orbital:before,.choice .hero-core:before{border:1px solid var(--gold);content:"";border-radius:50%;width:48px;height:48px;position:absolute;top:30px;left:50%;transform:translate(-50%,-50%)}.choice .orbital:after{border:2px solid var(--ivory);content:"";border-radius:8px;width:13px;height:24px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.choice .hero-core:after{border:1px solid var(--ivory);content:"";transform-origin:50%;border-radius:80% 0;width:8px;height:31px;position:absolute;top:13px;left:50%;transform:rotate(38deg)}.choice .accent-a{border-right:2px solid var(--ivory);border-bottom:2px solid var(--ivory);border-left:2px solid var(--ivory);border-radius:0 0 13px 13px;width:24px;height:10px;top:47px;left:50%;transform:translate(-50%)}.choice .accent-b{background:var(--ivory);width:2px;height:10px;top:57px;left:50%;transform:translate(-50%)}.choice .signal{background:linear-gradient(var(--gold), transparent);width:1px;height:28px;top:50%;left:50%;transform:translate(-50%,-50%)}.choice .semantic-label{z-index:2;color:var(--ivory);font:600 15px/1.2 var(--sans);letter-spacing:.05em;text-shadow:0 1px 8px #23476b9e;flex-direction:column;align-items:center;gap:3px;display:flex;left:50%;transform:translate(-50%)}.choice button.semantic-label{font:inherit;text-align:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:0}.choice .semantic-label small{color:var(--blue-100);letter-spacing:.12em;font-size:14px;font-weight:500;line-height:1.45}.recording .orbital{border:1px dashed var(--blue-100);border-radius:50%;width:260px;height:260px;top:49%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 13px #93b9d80d,inset 0 0 54px #93b9d829,0 0 28px #93b9d829}.recording .orbital:before{content:"";border:1px solid #d5ab62b8;border-radius:50%;position:absolute;inset:18px}.recording .hero-core{top:49%}.recording .signal{background:linear-gradient(transparent, var(--ivory), transparent);width:1px;height:230px;top:49%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 13px 2px #93b9d880}.recording .accent-a,.recording .accent-b,.recording .accent-c{border:1px solid var(--gold);background:var(--blue-900);width:8px;height:8px;left:50%;transform:translate(-50%)rotate(45deg)}.recording .accent-a{top:6%}.recording .accent-b{bottom:5%}.recording .accent-c{top:49%;left:10%}.recording .body-copy{color:var(--gold);font:500 34px/1 var(--serif);letter-spacing:.08em}.submitted .orbital{border:1px solid #d5ab62b3;border-radius:50%;width:226px;height:226px;top:47%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 18px #93b9d814,0 0 0 37px #d5ab620d,inset 0 0 34px #fff8e814}.submitted .orbital:before{content:"";background:linear-gradient(#0000,#fff8e86b,#0000);width:1px;height:330px;position:absolute;top:-52px;left:50%}.submitted .hero-core:before{border-bottom:3px solid var(--ivory);border-left:3px solid var(--ivory);content:"";width:38px;height:21px;position:absolute;top:35px;left:32px;transform:rotate(-45deg)}.submitted .signal{background:linear-gradient(90deg, transparent, var(--blue-100), var(--gold), var(--blue-100), transparent);width:280px;height:1px;top:47%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.submitted .accent-a,.submitted .accent-b{background:var(--ivory);border-radius:50%;width:7px;height:7px;top:47%;box-shadow:0 0 12px 4px #d5ab6257}.submitted .accent-a{left:19px;transform:translateY(-31px)}.submitted .accent-b{right:21px;transform:translateY(25px)}.envelope .orbital{background:linear-gradient(145deg,#93b9d86b,#23476b57);border:1px solid #d5ab62c2;border-radius:8px;width:238px;height:154px;top:44%;left:50%;transform:translate(-50%,-50%)rotate(-2deg);box-shadow:0 15px 32px #23476b57,0 0 31px #d5ab6224}.envelope .orbital:before,.envelope .orbital:after{content:"";height:100%;position:absolute;bottom:0;left:0;right:0}.envelope .orbital:before{background:linear-gradient(32deg,#0000 49.5%,#fff8e880 50%,#0000 50.5%),linear-gradient(-32deg,#0000 49.5%,#fff8e880 50%,#0000 50.5%)}.envelope .orbital:after{background:linear-gradient(149deg,#0000 49.5%,#d5ab62a6 50%,#0000 50.5%),linear-gradient(-149deg,#0000 49.5%,#d5ab62a6 50%,#0000 50.5%);border-bottom:1px solid #d5ab62b8;height:58%;bottom:auto}.envelope .hero-core{background:#fff8e81f;border:1px solid #fff8e8c2;border-radius:4px;width:184px;height:116px;top:26%;left:50%;transform:translate(-50%)rotate(2deg);box-shadow:0 9px 24px #23476b42}.envelope .hero-core:before,.envelope .hero-core:after{content:"";background:#fff8e86b;width:122px;height:1px;position:absolute;left:30px;box-shadow:0 18px #fff8e847,0 36px #fff8e833}.envelope .hero-core:before{top:28px}.envelope .hero-core:after{width:72px;top:79px}.envelope .signal{border:1px solid var(--ivory);background:var(--gold);border-radius:50%;width:54px;height:54px;top:49%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #d5ab6270}.envelope .signal:before{border:1px solid var(--blue-900);content:"";border-radius:50%;position:absolute;inset:11px}.keepsake .orbital{background:linear-gradient(29deg,#93b9d83d 0 49.5%,#d5ab628c 50%,#93b9d83d 50.5%),linear-gradient(-29deg,#93b9d83d 0 49.5%,#d5ab628c 50%,#93b9d83d 50.5%);border:1px solid #d5ab6285;width:264px;height:172px;top:49%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 38px #23476b52}.keepsake .hero-core{border:1px solid var(--gold);background:linear-gradient(155deg, var(--ivory), #fff8e8d1);border-radius:4px;width:226px;height:202px;top:16%;left:50%;transform:translate(-50%)rotate(2deg);box-shadow:0 8px 28px #23476b66,inset 0 0 24px #d5ab622e}.keepsake .hero-core:before{content:"";background:#23476b61;width:156px;height:1px;position:absolute;top:44px;left:34px;box-shadow:0 22px #23476b47,0 44px #23476b47,0 66px #23476b38,0 88px #23476b2e}.keepsake .hero-core:after{background:var(--gold);content:"";width:42px;height:1px;position:absolute;bottom:24px;right:24px;transform:rotate(-7deg)}.keepsake .signal{background:repeating-linear-gradient(90deg, transparent 0 5px, var(--blue-100) 5px 7px, transparent 7px 11px) left center / 50% 100% no-repeat, repeating-linear-gradient(90deg, transparent 0 5px, var(--gold) 5px 7px, transparent 7px 11px) right center / 50% 100% no-repeat;clip-path:polygon(0 48%,5% 33%,10% 66%,15% 38%,20% 59%,25% 24%,30% 74%,35% 40%,40% 61%,45% 34%,50% 51%,55% 35%,60% 61%,65% 27%,70% 72%,75% 42%,80% 58%,85% 32%,90% 67%,95% 39%,100% 50%,100% 56%,0 56%);filter:drop-shadow(0 0 5px #93b9d86b);height:42px;bottom:5%;left:12px;right:12px}.keepsake .accent-a,.keepsake .accent-b{border:1px solid var(--gold);background:var(--blue-900);border-radius:50%;width:38px;height:38px;bottom:4%;box-shadow:0 0 0 4px #93b9d81f}.keepsake .accent-a{left:0}.keepsake .accent-b{right:0}.keepsake .accent-a:before,.keepsake .accent-b:before{border:1px solid var(--ivory);content:"";border-radius:50%;width:10px;height:10px;position:absolute;top:8px;left:13px}.keepsake .accent-a:after,.keepsake .accent-b:after{border:1px solid var(--ivory);content:"";border-radius:50% 50% 40% 40%;width:18px;height:8px;position:absolute;bottom:7px;left:9px}.portal h1{letter-spacing:.18em;font-size:40px}.wave h1,.submitted h1,.keepsake h1{font-size:31px}.recording h1{font-size:32px}@media (width<=389px){html,body{min-width:0}.phone-page{width:100vw}}.creator-details .hero-symbol{pointer-events:auto;min-height:390px;margin:4px 0}.creator-details .hero-symbol>:not(.creator-form){display:none}.creator-form,.creator-form *{pointer-events:auto}.creator-form{z-index:9;background:#23476bf0;border:1px solid #d5ab62b8;border-radius:16px;gap:10px;padding:16px;display:grid;position:absolute;inset:2px 0 auto;box-shadow:0 16px 38px #23476b57}.creator-field{color:var(--ivory);gap:5px;font-size:12px;display:grid}.creator-field-label{color:var(--gold);font:600 13px var(--serif);letter-spacing:.06em}.creator-field input,.creator-field textarea{width:100%;min-height:38px;color:var(--ivory);font:14px/1.45 var(--sans);resize:none;background:#fff8e814;border:1px solid #fff8e873;border-radius:8px;outline:0;padding:9px 11px}.creator-field input:focus,.creator-field textarea:focus{border-color:var(--ivory);box-shadow:0 0 0 3px #d5ab624d}.creator-field [aria-invalid=true]{border-color:var(--gold)}.creator-field-meta{color:#fff8e8a6;justify-content:space-between;gap:10px;font-size:10px;display:flex}.creator-field-error{min-height:14px;color:var(--gold);font-size:10px}.creator-details .body-copy{font-size:11px;line-height:1.5}.creator-details .actions{margin-top:10px}.creation-recovery{z-index:8;background:#23476bf5;border:1px solid #d5ab62ad;border-radius:14px;gap:7px;max-height:190px;padding:12px;display:grid;position:absolute;bottom:104px;left:30px;right:30px;overflow-y:auto;box-shadow:0 12px 28px #23476b61}.creation-recovery h2,.creation-recovery p{margin:0}.creation-recovery h2{color:var(--gold);font:600 14px var(--serif);letter-spacing:.05em}.creation-recovery p{color:#fff8e8cc;font-size:11px;line-height:1.5}.creation-recovery button{pointer-events:auto;min-height:40px;padding:7px 10px;font-size:11px}.submitted:has(.share-screen) .hero-symbol{min-height:520px;margin:0}:is(.submitted:has(.share-screen)>.kicker,.submitted:has(.share-screen)>.detail-stack,.submitted:has(.share-screen)>.body-copy,.submitted:has(.share-screen)>.actions){display:none}.submitted:has(.share-screen)>h1{opacity:0}.submitted .share-screen{overscroll-behavior:contain;align-items:stretch;gap:7px;padding:12px;inset:4px 18px;overflow:hidden auto}.share-link-card{background:#fff8e80a;border:1px solid #d5ab6257;border-radius:10px;gap:5px;padding:8px 10px;display:grid;position:relative}.share-link-card h2{color:var(--ivory);font:600 12px var(--serif);letter-spacing:.05em;margin:0}.share-link-card a{text-overflow:ellipsis;white-space:nowrap;width:max-content;max-width:100%;font-size:11px;overflow:hidden}.share-link-actions{gap:6px;display:flex}.share-screen .share-copy-button,.share-screen .share-native-button{color:var(--ivory);cursor:pointer;font:600 10px var(--sans);background:#23476beb;border:1px solid #d5ab62b8;border-radius:18px;flex:1;padding:5px 7px;min-height:44px!important}.share-link-card canvas{border:3px solid var(--ivory);background:var(--ivory);pointer-events:none;border-radius:5px;width:64px;height:64px;position:absolute;top:7px;right:9px}.share-link-card[data-share-role=teacher]{padding-right:82px}.keepsake .track[hidden]{display:none}.detail-stack,.tertiary{z-index:2;position:relative}.detail-stack{gap:7px;margin:0 0 10px;display:grid}.detail-stack p{color:#fff8e8eb;letter-spacing:.025em;text-align:left;background:#23476b66;border:1px solid #d5ab626b;border-radius:10px;margin:0;padding:9px 12px;font-size:12px;line-height:1.52}.tertiary{color:#fff8e89e;min-height:30px;font:400 12px/1.4 var(--sans);letter-spacing:.025em;text-underline-offset:4px;background:0 0;border:0;-webkit-text-decoration:underline #d5ab6273;text-decoration:underline #d5ab6273}.portal .accent-a,.portal .accent-b{background:radial-gradient(at 72% 58%,#93b9d83d,#0000 58%);border:1px solid #fff8e8d1;border-radius:68% 44% 55% 25%;width:116px;height:54px;top:58%;bottom:auto;box-shadow:inset 0 -8px 18px #d5ab6214}.portal .accent-a{left:20px;transform:rotate(-16deg)}.portal .accent-b{right:20px;transform:scaleX(-1)rotate(-16deg)}.portal .accent-a:before,.portal .accent-b:before{width:70px;height:25px;box-shadow:0 -6px 0 -5px var(--gold), 0 -12px 0 -11px var(--blue-100);content:"";border-top:1px solid #fff8e8c7;border-radius:50%;position:absolute;top:-16px;right:7px;transform:rotate(8deg)}.portal .accent-a:after,.portal .accent-b:after{background:linear-gradient(90deg,#93b9d81f,#0000);border:0;border-left:1px solid #fff8e8b3;border-radius:44% 0 0 48%;width:58px;height:30px;bottom:-24px;left:3px;right:auto;transform:rotate(14deg)}.wave .hero-symbol{flex-basis:190px;min-height:180px;margin:4px 0 2px}.wave .orbital{width:174px;height:174px}.wave .orbital:before{inset:15px}.wave .orbital:after{inset:34px}.wave .hero-core{width:170px;height:78px}.wave .body-copy{font-size:15px}.wave .actions{margin-top:12px}.choice .hero-symbol{min-height:300px}.choice .semantic-label{gap:2px}.choice .semantic-label small{color:var(--gold);letter-spacing:.14em;font-size:14px;line-height:1.45}.choice .semantic-label strong{color:var(--ivory);letter-spacing:.05em;font-size:15px}.choice .semantic-label em{color:var(--blue-100);letter-spacing:.08em;font-size:14px;font-style:normal;font-weight:500;line-height:1.45}.choice .label-b{bottom:21px}.recording .recording-status{color:#fff8e8d1;letter-spacing:.12em;align-items:center;gap:8px;font-size:12px;display:flex;bottom:5%;left:50%;transform:translate(-50%)}.recording-status i{background:var(--gold);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #d5ab62b3}.recorded-preview .hero-symbol{min-height:284px}.recorded-preview .orbital{border:1px solid #d5ab62b8;border-radius:50%;width:252px;height:252px;top:49%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 14px #93b9d812,inset 0 0 44px #93b9d829}.recorded-preview .orbital:before{content:"";border:1px dashed #fff8e873;border-radius:50%;position:absolute;inset:21px}.recorded-preview .hero-core{background:repeating-linear-gradient(90deg, transparent 0 4px, var(--blue-100) 4px 6px, transparent 6px 10px);clip-path:polygon(0 49%,5% 35%,10% 63%,15% 28%,20% 72%,25% 39%,30% 66%,35% 21%,40% 79%,45% 31%,50% 69%,55% 17%,60% 82%,65% 34%,70% 70%,75% 26%,80% 74%,85% 38%,90% 64%,95% 42%,100% 50%,100% 55%,0 55%);filter:drop-shadow(0 0 6px #93b9d8b3);width:206px;height:82px;top:49%;left:50%;transform:translate(-50%,-50%)}.recorded-preview .signal{background:linear-gradient(transparent, var(--gold), transparent);width:1px;height:224px;top:49%;left:50%;transform:translate(-50%,-50%)}.recorded-preview .preview-play{color:var(--ivory);letter-spacing:.1em;align-items:center;gap:8px;font-size:14px;line-height:1.45;display:flex;bottom:6%;left:50%;transform:translate(-50%)}.preview-play i{border:1px solid var(--gold);background:linear-gradient(90deg, var(--ivory), var(--gold));clip-path:polygon(25% 13%,88% 50%,25% 87%);border-radius:50%;width:25px;height:25px}.text-reply h1{font-size:31px}.text-reply .hero-symbol{min-height:316px}.text-reply .orbital{background:linear-gradient(155deg,#fff8e81a,#93b9d81f);border:1px solid #d5ab6294;border-radius:16px;width:304px;height:220px;top:51%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 24px #fff8e80d,0 12px 30px #23476b4d}.text-reply .orbital:before{content:"";border:1px solid #fff8e833;border-radius:10px;position:absolute;inset:10px}.text-reply .permission-path{width:max-content;color:var(--blue-100);letter-spacing:.06em;text-underline-offset:4px;font-size:14px;line-height:1.45;-webkit-text-decoration:underline #d5ab6280;text-decoration:underline #d5ab6280;top:8px;left:50%;transform:translate(-50%)}.text-reply .text-editor{width:266px;height:164px;color:var(--ivory);font:400 15px/1.8 var(--serif);letter-spacing:.06em;text-align:left;background:#23476b6b;border:1px solid #fff8e857;border-radius:10px;flex-direction:column;justify-content:space-between;padding:22px 20px 16px;display:flex;top:50%;left:50%;transform:translate(-50%,-50%)}.text-reply .text-editor small{color:#fff8e899;font:400 12px/1.45 var(--sans);letter-spacing:.05em;align-self:flex-end}.text-reply .hero-core,.text-reply .signal,.text-reply .accent{display:none}.envelope .actions{gap:8px;margin-top:16px}.submitted h1{letter-spacing:.04em;margin-top:11px;font-size:27px;line-height:1.28}.submitted .hero-symbol{min-height:238px;margin-top:4px}.submitted .body-copy{line-height:1.65}.sealed .hero-symbol{min-height:330px}.sealed .orbital{border:1px solid var(--gold);background:linear-gradient(145deg,#93b9d857,#23476b75);border-radius:10px;width:274px;height:184px;top:49%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 38px #23476b61,0 0 32px #d5ab6224}.sealed .orbital:before,.sealed .orbital:after{content:"";position:absolute;inset:0}.sealed .orbital:before{background:linear-gradient(34deg,#0000 49.5%,#fff8e880 50%,#0000 50.5%),linear-gradient(-34deg,#0000 49.5%,#fff8e880 50%,#0000 50.5%)}.sealed .orbital:after{background:linear-gradient(148deg,#0000 49.5%,#d5ab62a3 50%,#0000 50.5%),linear-gradient(-148deg,#0000 49.5%,#d5ab62a3 50%,#0000 50.5%);border-bottom:1px solid #d5ab62c7;height:62%}.sealed .hero-core{border:1px solid var(--ivory);background:var(--gold);border-radius:50%;width:68px;height:68px;top:49%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 7px #d5ab6229,0 0 26px #d5ab6257}.sealed .signal{border:1px solid #fff8e840;border-radius:50%;width:112px;height:112px;top:49%;left:50%;transform:translate(-50%,-50%)}.sealed .seal-mark{color:var(--blue-900);font:600 21px/1 var(--serif);top:49%;left:50%;transform:translate(-50%,-50%)}.keepsake{padding-top:44px}.keepsake h1{margin-top:12px;font-size:29px}.keepsake .hero-symbol{flex-basis:376px;min-height:376px;margin:6px 0 5px}.keepsake .hero-symbol>.orbital,.keepsake .hero-symbol>.hero-core,.keepsake .hero-symbol>.signal,.keepsake .hero-symbol>.accent{display:none}.keepsake .archive-card{background:linear-gradient(155deg,#fff8e81a,#93b9d814);border:1px solid #d5ab62b3;border-radius:16px;grid-template-rows:68px 68px 38px 56px 1fr;gap:7px;padding:16px;display:grid;inset:4px 0;box-shadow:inset 0 0 30px #fff8e80a,0 15px 34px #23476b47}.archive-card .track{background:#23476b52;border:1px solid #fff8e838;border-radius:10px;align-content:center;gap:8px;padding:9px 12px;display:grid;position:relative}.archive-card .track small{color:var(--ivory);font:500 12px/1.3 var(--sans);letter-spacing:.08em}.archive-card .track i{background:repeating-linear-gradient(90deg, transparent 0 4px, var(--blue-100) 4px 6px, transparent 6px 9px);clip-path:polygon(0 48%,5% 33%,10% 66%,15% 38%,20% 59%,25% 24%,30% 74%,35% 40%,40% 61%,45% 34%,50% 51%,55% 35%,60% 61%,65% 27%,70% 72%,75% 42%,80% 58%,85% 32%,90% 67%,95% 39%,100% 50%,100% 58%,0 58%);width:100%;height:22px}.archive-card .teacher-track i{background:repeating-linear-gradient(90deg, transparent 0 4px, var(--gold) 4px 6px, transparent 6px 9px)}.archive-card .teacher-playback{color:var(--ivory);font:500 14px/1.3 var(--sans);letter-spacing:.06em;border:1px solid #d5ab628c;border-radius:19px;justify-content:center;align-items:center;display:flex}.archive-card .teacher-playback:before{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid var(--gold);content:"";width:0;height:0;margin-right:7px}.archive-card .archive-promise{border-left:2px solid var(--gold);color:#fff8e8e6;font:400 14px/1.55 var(--serif);letter-spacing:.04em;align-items:center;padding:9px 10px;display:flex}.archive-card .archive-meta{color:#fff8e894;font:400 12px/1.65 var(--sans);letter-spacing:.07em;text-align:right;align-self:end}.keepsake .body-copy{max-width:320px;font-size:15px;line-height:1.6}.keepsake .actions{margin-top:12px}.phone-page{background:radial-gradient(ellipse at 50% 44%, #93b9d86b, transparent 34%), radial-gradient(circle at 50% 104%, #d5ab6233, transparent 26%), linear-gradient(118deg, #93b9d824, transparent 24% 76%, #93b9d81a), var(--blue-900);padding:50px 30px 30px;box-shadow:inset 0 0 54px #23476bd1,inset 0 0 0 3px #fff8e81f}.phone-page:before{opacity:.95;background:radial-gradient(circle at 50% 42%,#fff8e885 0 1px,#0000 2px),radial-gradient(circle at 16% 16%,#d5ab62cc 0 1px,#0000 1.8px),radial-gradient(circle at 82% 18%,#fff8e8b8 0 1px,#0000 1.8px),radial-gradient(circle at 76% 38%,#d5ab62ad 0 1px,#0000 1.7px),radial-gradient(circle at 20% 62%,#93b9d8c7 0 1px,#0000 1.8px),radial-gradient(circle at 73% 78%,#fff8e894 0 1px,#0000 1.8px),radial-gradient(circle at 32% 86%,#d5ab6285 0 1px,#0000 1.8px),linear-gradient(#23476bf5 0 18%,#0000 40%)}.phone-page:after{opacity:.88;background:repeating-linear-gradient(88deg,#fff8e807 0 1px,#0000 1px 3px),repeating-linear-gradient(2deg,#23476b13 0 1px,#0000 1px 4px),radial-gradient(#0000 50%,#23476b7a)}.cover-bevel,.foil-ridge{z-index:3;pointer-events:none;position:absolute}.cover-bevel{border:2px solid #fff8e857;border-radius:24px;inset:4px;box-shadow:inset 0 0 0 2px #23476bbd,inset 0 0 18px #d5ab6229,0 0 0 1px #d5ab628c}.foil-ridge{border:1px solid #d5ab628a;border-radius:14px;inset:18px;box-shadow:inset 0 0 0 1px #23476b8a,0 0 9px #d5ab621f}.gold-frame{border:1px solid var(--gold);background:radial-gradient(circle at 13px 13px, var(--ivory) 0 1px, var(--gold) 1.5px 2.5px, transparent 3px), radial-gradient(circle at calc(100% - 13px) 13px, var(--ivory) 0 1px, var(--gold) 1.5px 2.5px, transparent 3px), radial-gradient(circle at 13px calc(100% - 13px), var(--ivory) 0 1px, var(--gold) 1.5px 2.5px, transparent 3px), radial-gradient(circle at calc(100% - 13px) calc(100% - 13px), var(--ivory) 0 1px, var(--gold) 1.5px 2.5px, transparent 3px), linear-gradient(90deg, var(--gold), var(--gold)) 11px 11px / 34px 1px no-repeat, linear-gradient(180deg, var(--gold), var(--gold)) 11px 11px / 1px 34px no-repeat, linear-gradient(270deg, var(--gold), var(--gold)) calc(100% - 11px) 11px / 34px 1px no-repeat, linear-gradient(180deg, var(--gold), var(--gold)) calc(100% - 11px) 11px / 1px 34px no-repeat, linear-gradient(90deg, var(--gold), var(--gold)) 11px calc(100% - 11px) / 34px 1px no-repeat, linear-gradient(0deg, var(--gold), var(--gold)) 11px calc(100% - 11px) / 1px 34px no-repeat, linear-gradient(270deg, var(--gold), var(--gold)) calc(100% - 11px) calc(100% - 11px) / 34px 1px no-repeat, linear-gradient(0deg, var(--gold), var(--gold)) calc(100% - 11px) calc(100% - 11px) / 1px 34px no-repeat;border-radius:20px;inset:10px;box-shadow:inset 0 0 0 1px #fff8e821,0 0 12px #d5ab621f}.kicker{color:#fff8e8f0;text-shadow:0 1px 2px var(--blue-900), 0 0 14px #d5ab623d}.phone-page h1{color:var(--ivory);text-shadow:0 1px #d5ab62db,0 3px 10px #23476be6,0 0 20px #fff8e81f}.hero-symbol{filter:drop-shadow(0 16px 16px #23476b52)}.primary,.secondary{border-width:1px;box-shadow:0 9px 18px #23476b7a,inset 0 2px #fff8e8cc,inset 0 -4px 10px #d5ab6252}.primary{border-color:var(--ivory);text-shadow:0 1px #fff8e87a;background:linear-gradient(#fff8e8fa,#d5ab62eb)}.secondary{background:linear-gradient(#93b9d847,#23476b8f);border-color:#fff8e8b3;box-shadow:0 8px 16px #23476b5c,inset 0 1px #fff8e84d,inset 0 -5px 12px #23476b4d}.detail-stack p{box-shadow:0 8px 16px #23476b47, inset 0 1px 0 var(--ivory), inset 0 0 0 4px #fff8e81f;color:var(--blue-900);background:linear-gradient(145deg,#fff8e8f5,#93b9d8c7);border-color:#d5ab6299}.portal .orbital{background:radial-gradient(circle, #fff8e833, transparent 43%), repeating-conic-gradient(from 0deg, var(--gold) 0 1deg, transparent 1deg 12deg);border-width:2px;box-shadow:0 0 0 12px #93b9d81a,0 0 0 24px #fff8e80a,0 0 48px #d5ab624d,inset 0 0 42px #93b9d84d}.portal .hero-core{background:radial-gradient(circle, var(--ivory) 0 3%, var(--gold) 8%, #d5ab622e 28%, transparent 62%);box-shadow:0 0 40px #fff8e8b3,0 0 78px #d5ab625c}.portal .accent-a,.portal .accent-b{background:linear-gradient(165deg,#93b9d84d,#d5ab621f);border-color:#fff8e8f0;box-shadow:inset 0 -9px 18px #d5ab6226,0 0 13px #fff8e81f}.wave .orbital,.recording .orbital,.recorded-preview .orbital{background:radial-gradient(circle, #93b9d840, transparent 56%), repeating-conic-gradient(from 0deg, #d5ab62bf 0 1deg, transparent 1deg 8deg);box-shadow:0 0 0 10px #93b9d814,0 0 34px #d5ab623d,inset 0 0 36px #93b9d842}.wave .hero-core,.recording .hero-core,.recorded-preview .hero-core{filter:drop-shadow(0 0 5px var(--ivory)) drop-shadow(0 0 12px #93b9d8e6)}.recording .recording-status,.recorded-preview .preview-play{background:#23476ba8;border:1px solid #d5ab6280;border-radius:18px;padding:7px 13px;box-shadow:inset 0 1px #fff8e81f,0 6px 14px #23476b66}.choice .orbital,.choice .hero-core{background:linear-gradient(145deg,#93b9d8c7,#23476ba3);border-color:#fff8e8c2;box-shadow:0 12px 22px #23476b6b,inset 0 2px #fff8e875,inset 0 0 0 5px #d5ab621a,inset 0 -12px 24px #23476b3d}.choice .hero-core{background:linear-gradient(145deg, var(--ivory), #d5ab62b8)}.choice .label-b strong,.choice .label-b small,.choice .label-b em{color:var(--blue-900)}.text-reply .orbital{border-color:var(--gold);background:linear-gradient(145deg, var(--ivory), #fff8e8e6 62%, #d5ab628a);box-shadow:0 18px 30px #23476b7a, inset 0 2px 0 var(--ivory), inset 0 0 0 7px #d5ab6217;transform:translate(-50%,-50%)rotate(-.7deg)}.text-reply .text-editor{color:var(--blue-900);text-shadow:0 1px 0 var(--ivory);background:repeating-linear-gradient(#0000 0 32px,#93b9d829 32px 33px),#fff8e8c7;border-color:#d5ab62ad}.text-reply .text-editor small{color:#23476ba8}.text-reply .permission-path{color:var(--ivory);-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}.submitted .orbital{border:1px solid var(--gold);width:250px;height:158px;box-shadow:0 18px 30px #23476b7a, 0 0 32px #d5ab623d, inset 0 1px 0 var(--ivory);background:linear-gradient(34deg,#0000 49.5%,#fff8e861 50%,#0000 50.5%),linear-gradient(-34deg,#0000 49.5%,#fff8e861 50%,#0000 50.5%),linear-gradient(145deg,#93b9d8e6,#23476bb8);border-radius:9px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-1deg)}.submitted .hero-core{border:2px solid var(--ivory);background:radial-gradient(circle at 36% 30%, var(--ivory), var(--gold) 28% 70%, #d5ab62c2);border-radius:50%;width:62px;height:62px;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 7px #d5ab6224,0 7px 16px #23476b61,inset 0 -5px 10px #23476b29}.submitted .signal,.submitted .accent{display:none}.envelope .orbital,.sealed .orbital{border-color:var(--gold);background:linear-gradient(145deg,#93b9d8eb,#23476bb3);box-shadow:0 20px 34px #23476b80,0 0 30px #d5ab6238,inset 0 2px #fff8e880,inset 0 -14px 24px #23476b33}.envelope .hero-core{background:linear-gradient(150deg, var(--ivory), #fff8e8db 64%, #d5ab6275);box-shadow:0 14px 24px #23476b61, inset 0 1px 0 var(--ivory);border-color:#d5ab62b8}.sealed .hero-core{background:radial-gradient(circle at 36% 30%, var(--ivory), var(--gold) 28% 72%, #d5ab62cc);box-shadow:0 0 0 8px #d5ab6226,0 8px 18px #23476b75,inset 0 -5px 9px #23476b24}.keepsake .archive-card{border-color:var(--gold);box-shadow:0 18px 34px #23476b80, 0 0 26px #d5ab622e, inset 0 2px 0 var(--ivory), inset 0 0 0 6px #d5ab6214;background:radial-gradient(circle at 50% 0,#fff8e8fa,#0000 30%),linear-gradient(155deg,#fff8e8f0,#93b9d8a8)}.archive-card .track{background:#23476bc2;border-color:#d5ab629e;box-shadow:inset 0 1px #fff8e829,0 5px 10px #23476b2e}.archive-card .teacher-playback{border-color:var(--gold);color:var(--blue-900);background:linear-gradient(#fff8e8d1,#d5ab6275)}.archive-card .archive-promise{color:var(--blue-900)}.archive-card .archive-meta{color:#23476bb8}.phone-page{background:var(--page-bg) center / 100% 100% no-repeat;color:var(--ivory);isolation:isolate}.phone-page:before,.phone-page:after,.cover-bevel,.foil-ridge,.gold-frame,.hero-symbol>.orbital,.hero-symbol>.hero-core,.hero-symbol>.signal,.hero-symbol>.accent,.hero-symbol>.spark,.hero-symbol:before,.hero-symbol:after{display:none!important}.phone-page .kicker,.phone-page h1,.phone-page .body-copy,.phone-page .detail-stack,.phone-page .hero-symbol,.phone-page .actions{z-index:2;margin:0;position:absolute}.phone-page .kicker{width:306px;color:var(--gold);letter-spacing:.16em;text-align:center;font-size:12px;line-height:1.45;top:24px;left:42px;transform:none}.phone-page h1{width:314px;color:var(--ivory);letter-spacing:.08em;text-align:center;-webkit-text-stroke:.35px var(--gold);text-shadow:0 1px 0 var(--gold), 0 3px 5px #23476beb, 0 0 12px #d5ab6247;font-family:Songti SC,STSong,serif;font-size:24px;font-weight:700;line-height:1.35;top:42px;left:38px}.phone-page .body-copy{width:294px;color:var(--ivory);letter-spacing:.05em;text-align:center;font-size:15px;line-height:1.65;left:48px}.phone-page .hero-symbol{width:auto;height:auto;inset:0;transform:none}.phone-page .actions{width:310px;left:40px}.phone-page .actions button{box-sizing:border-box;min-width:0;box-shadow:none;color:var(--blue-900);letter-spacing:.06em;text-align:center;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0 16px;font-family:Songti SC,STSong,serif;font-size:15px;font-weight:600;line-height:1.25;display:flex;position:absolute;transform:none}.portal .kicker{display:none}.portal h1{writing-mode:vertical-rl;letter-spacing:.2em;-webkit-text-stroke:.8px var(--gold);width:74px;text-shadow:0 1px 0 var(--ivory), 0 4px 10px #23476b8c;font-size:38px;font-weight:800;line-height:1.25;top:40px;left:158px}.portal .body-copy{top:310px}.portal .actions{height:52px;bottom:38px}.portal .actions .primary{width:100%;height:52px;inset:0}.wave .kicker{display:none}.wave h1{font-size:22px;top:30px}.wave .body-copy{color:var(--ivory);display:block;top:82px}.wave .detail-stack{width:258px;color:var(--blue-900);font-family:Songti SC,STSong,serif;font-size:14px;line-height:1.55;top:500px;left:66px}.wave .detail-stack p{box-shadow:none;color:var(--blue-900);text-align:left;background:0 0;border:0;border-radius:0;margin:0 0 14px;padding:0;font-size:14px;line-height:1.55}.wave .child-playback-status{width:274px;color:var(--gold);letter-spacing:.08em;text-align:center;margin:0;font-size:12px;position:absolute;top:466px;left:58px}.wave .actions{height:116px;margin:0;bottom:24px}.wave .actions .primary{width:100%;height:52px;inset:0 auto auto 0}.wave .actions .secondary{width:100%;height:52px;color:var(--gold);font-size:15px;top:64px;bottom:auto;left:0}.choice .kicker{display:none}.choice h1{top:42px}.choice .body-copy{color:var(--gold);font-size:15px;line-height:1.5;top:758px}.choice .actions{display:none}.choice .actions button{visibility:hidden}.choice .semantic-label{box-sizing:border-box;width:262px;height:112px;color:var(--ivory);text-align:center;justify-content:center;gap:4px;padding:0 16px;line-height:1.25;position:absolute;left:64px;transform:none}.choice .label-a{top:310px}.choice .label-b{color:var(--blue-900);top:570px;bottom:auto}.choice .semantic-label small,.choice .semantic-label strong,.choice .semantic-label em{display:block}.choice .semantic-label small{letter-spacing:.12em;font-size:14px;line-height:1.45}.choice .semantic-label strong{margin-top:8px;font-size:18px}.choice .semantic-label em{opacity:.78;margin-top:6px;font-size:14px;font-style:normal;line-height:1.45}.recording .kicker{display:none}.recording h1{top:42px}.recording .body-copy{color:var(--gold);font-size:28px;top:560px}.recording .recording-status{display:block}.recording .actions{height:48px;bottom:129px}.recording .actions .primary{width:145px;height:48px;color:var(--gold);line-height:1.25;right:0}.recording .actions:before{content:"暂停";width:145px;height:48px;color:var(--gold);text-align:center;font-size:14px;line-height:48px;position:absolute;left:0}.recorded-preview .kicker{display:none}.recorded-preview h1{top:38px}.recorded-preview .body-copy{color:var(--gold);top:522px}.recorded-preview .preview-play{width:200px;box-shadow:none;color:var(--ivory);text-align:center;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1.45;position:absolute;top:402px;bottom:auto;left:95px;transform:none}.recorded-preview .preview-play i{display:none}.recorded-preview .actions{height:120px;bottom:83px}.recorded-preview .actions .primary{width:100%;height:48px;top:0;left:0}.recorded-preview .actions .secondary{width:145px;height:44px;color:var(--gold);bottom:14px;left:0}.recorded-preview .actions:after{content:"发送给孩子";width:145px;height:44px;color:var(--gold);text-align:center;font-size:15px;line-height:1.25;position:absolute;bottom:0;right:0}.text-reply .kicker{display:none}.text-reply h1{top:38px}.text-reply .body-copy{color:var(--gold);font-size:15px;top:78px}.text-reply .permission-path{width:294px;color:var(--gold);text-align:center;font-size:14px;line-height:1.45;display:block;top:112px;left:48px;transform:none}.text-reply .text-editor{box-sizing:border-box;width:250px;height:310px;box-shadow:none;color:var(--blue-900);background:0 0;border:0;padding:0;font-family:Songti SC,STSong,serif;font-size:15px;line-height:2;position:absolute;top:235px;left:70px;transform:none}.text-reply .text-editor small{color:var(--blue-900);font-size:12px;line-height:1.45;position:absolute;bottom:2px;left:0;right:auto}.text-reply .actions{height:116px;margin:0;bottom:32px}.text-reply .actions .primary{width:100%;height:52px;inset:0 auto auto 0}.text-reply .actions .secondary{width:100%;height:52px;color:var(--gold);font-size:15px;top:64px;bottom:auto;left:0}.submitted .kicker{display:none}.submitted h1{font-size:24px;top:44px}.submitted .body-copy{width:286px;font-size:15px;line-height:1.55;top:92px;left:52px}.submitted .detail-stack{width:274px;color:var(--gold);text-align:center;font-family:Songti SC,STSong,serif;top:156px;left:58px}.submitted .detail-stack p{box-shadow:none;color:var(--gold);text-align:center;background:0 0;border:0;margin:0;padding:0;font-size:14px;line-height:1.55}.submitted .actions{height:52px;bottom:47px}.submitted .actions .primary{width:100%;height:52px;inset:0}.envelope .kicker{display:none}.envelope h1{top:40px}.envelope .body-copy{font-size:15px;top:93px}.envelope .actions{height:214px;top:564px}.envelope .actions .primary,.envelope .actions .secondary{width:278px;height:45px;color:var(--gold);left:16px}.envelope .actions .primary{top:0}.envelope .actions .secondary{top:63px}.envelope .actions .tertiary{width:100%;height:50px;color:var(--blue-900);font-size:14px;bottom:0;left:0}.sealed .kicker{display:none}.sealed h1{top:42px}.sealed .body-copy{font-size:15px;top:88px}.sealed .seal-mark{display:none}.sealed .actions{height:44px;bottom:49px}.sealed .actions .primary{width:100%;height:44px;color:var(--gold);inset:0}.keepsake .kicker{color:var(--gold);top:810px}.keepsake h1{font-size:22px;top:34px}.keepsake .body-copy{width:230px;color:var(--blue-900);text-align:left;text-shadow:0 1px 0 var(--ivory), 0 0 7px #fff8e8bd;font-family:Songti SC,STSong,serif;font-size:15px;line-height:1.6;top:218px;left:80px}.keepsake .actions{width:170px;height:44px;margin:0;top:auto;bottom:118px;left:110px}.keepsake .actions .primary{visibility:visible;width:100%;height:44px;color:var(--gold);background:#23476bdb;border:1px solid #d5ab62b8;border-radius:22px;font-size:15px;inset:0}.keepsake .archive-card{box-shadow:none;background:0 0;border:0;position:absolute;inset:0}.keepsake .track{width:108px;box-shadow:none;color:var(--ivory);text-align:center;background:0 0;border:0;font-size:12px;line-height:1.3;position:absolute;top:632px}.keepsake .child-track{left:36px}.keepsake .teacher-track{right:36px}.keepsake .track i{display:none}.keepsake .teacher-playback{box-sizing:border-box;width:132px;height:50px;color:var(--ivory);text-align:center;background:#23476bd6;border-color:#d5ab62c2;justify-content:center;align-items:center;padding:4px 10px;font-size:14px;line-height:1.3;display:flex;position:absolute;top:566px;right:30px}.keepsake .archive-promise{width:230px;color:var(--blue-900);box-sizing:border-box;text-align:left;padding:7px 0 7px 10px;font-family:Songti SC,STSong,serif;font-size:14px;line-height:1.55;display:block;position:absolute;top:326px;left:80px}.keepsake .archive-meta{width:290px;color:var(--gold);text-align:center;font-size:12px;line-height:1.65;position:absolute;top:734px;left:50px}.access-reply-preview{z-index:8;place-items:center;gap:14px;display:grid;position:absolute;inset:82px 40px auto}.access-reply-text{color:#23476b;letter-spacing:.04em;text-align:left;background:#fff8e8e6;border:1px solid #d5ab6247;border-radius:4px;max-width:286px;margin:0;padding:20px 22px;font-family:Songti SC,STSong,serif;font-size:16px;line-height:1.8;box-shadow:0 16px 34px #23476b1f}.access-reply-preview audio,.keepsake .archive-card audio{opacity:0;pointer-events:none;width:1px;height:1px}.access-reply-preview .preview-audio-button{min-width:180px;min-height:38px;color:var(--ivory);cursor:pointer;font:600 14px/1.25 var(--sans);background:#23476bf0;border:1px solid #d5ab62b8;border-radius:19px;padding:0 18px}.keepsake .access-reply-preview{inset:128px 34px auto}.keepsake .access-reply-text{max-width:298px;padding:18px 20px;font-size:15px}#app[data-access-state=family-review] .envelope .body-copy{display:none}.recording .actions:before,.recorded-preview .actions:after{content:none;display:none}.recording .actions .primary{width:145px;left:auto;right:0}.recorded-preview .actions .secondary{width:145px;left:0;right:auto}.recorder-preview-controls,.recorder-preview-controls audio,.recorder-preview-controls button,.access-reply-preview .preview-audio-button,.share-screen,.share-screen a,.share-screen button{pointer-events:auto}.recorded-preview .recorder-preview-controls{z-index:8;flex-direction:column;align-items:center;gap:8px;width:250px;display:flex;position:absolute;top:368px;left:50%;transform:translate(-50%)}.recorded-preview .recorder-preview-controls audio[data-recorder-preview]{opacity:.96;width:236px;height:44px;position:static;transform:none}.recorded-preview .preview-audio-button,.share-screen .share-copy-button,.share-screen .share-native-button,.access-reply-preview .preview-audio-button{min-height:34px;color:var(--ivory);cursor:pointer;font:600 14px/1.25 var(--sans);background:#23476beb;border:1px solid #d5ab62b8;border-radius:18px;justify-content:center;align-items:center;display:flex}.recorded-preview .preview-audio-button{width:120px}.recorded-preview:has(.recorder-preview-controls) .preview-play{display:none}.share-screen{flex-direction:column;align-items:center;gap:10px;display:flex}.share-screen p{margin-bottom:2px}.share-screen .share-copy-button{width:142px;padding:7px 12px}.skip-audio-confirmation{z-index:8;color:var(--ivory);pointer-events:none;text-align:center;margin:0;font-size:14px;line-height:1.6;position:absolute;bottom:222px;left:46px;right:46px}.recording .actions .primary{top:0}.recording .actions{bottom:145px}.recorded-preview .actions .primary{top:-58px}.text-reply .teacher-reply-textarea{box-sizing:border-box;resize:none;width:100%;height:266px;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;background:0 0;border:0;outline:0;padding:0}.text-reply .teacher-reply-textarea::placeholder{color:#23476b80}.text-reply .teacher-reply-textarea:focus-visible{outline-offset:5px;outline:1px solid #23476b73}.text-reply .teacher-reply-textarea:disabled{opacity:.78;-webkit-text-fill-color:currentColor}.envelope .actions .primary,.envelope .actions .secondary,.envelope .actions .tertiary{justify-content:center;align-items:center;padding:0 10px;display:flex}.envelope .actions .primary,.envelope .actions .secondary{transform:none}.screen-status{overflow-wrap:anywhere;word-break:break-word}#app[data-access-state] .phone-page{--runtime-safe-top:var(--safe-area-top);--runtime-safe-right:var(--safe-area-right);--runtime-safe-bottom:var(--safe-area-bottom);--runtime-safe-left:var(--safe-area-left);width:390px;height:844px;transform:scale(var(--runtime-scale,1));transform-origin:top;flex-basis:844px}#app[data-access-state]{width:var(--runtime-width,390px);height:var(--runtime-height,844px);gap:0;min-height:0;margin:0 auto;overflow:hidden}#app[data-access-state] .phone-page>.kicker,#app[data-access-state] .phone-page>h1{margin-top:var(--runtime-safe-top)}#app[data-access-state] .safe-area-actions{margin-right:var(--runtime-safe-right);margin-bottom:var(--runtime-safe-bottom);margin-left:var(--runtime-safe-left)}#app[data-access-state] .choice .label-b{transform:none}#app[data-access-state] .phone-page>.screen-status:not(.body-copy):not(.recording-status){right:max(34px, calc(var(--runtime-safe-right) + 18px));bottom:max(18px, calc(var(--runtime-safe-bottom) + 18px));left:max(34px, calc(var(--runtime-safe-left) + 18px));z-index:10;max-height:112px;color:var(--ivory);text-align:center;background:#23476bf0;border:1px solid #d5ab62ad;border-radius:10px;margin:0;padding:10px 12px;font-size:12px;line-height:1.55;position:absolute;overflow-y:auto;box-shadow:0 8px 22px #23476b5c}#app[data-access-state] .phone-page>.loading-state:not(.body-copy):not(.recording-status){border-color:#93b9d8d1}#app[data-access-state] .phone-page>.error-state:not(.body-copy):not(.recording-status){border-color:#fff8e8db}#app[data-access-state] .phone-page>.access-pending{right:max(40px, calc(var(--runtime-safe-right) + 18px));bottom:max(54px, calc(var(--runtime-safe-bottom) + 26px));left:max(40px, calc(var(--runtime-safe-left) + 18px))}#app[data-access-state] .phone-page button:not([disabled]),#app[data-access-state] .phone-page a[href]{min-width:44px;min-height:var(--runtime-touch-source,44px);cursor:pointer}#app[data-access-state] .phone-page a[href]{justify-content:center;align-items:center;padding:8px 12px;display:inline-flex}#app[data-access-state] .phone-page h1:focus-visible,#app[data-access-state] .phone-page button:focus-visible,#app[data-access-state] .phone-page a:focus-visible,#app[data-access-state] .phone-page textarea:focus-visible,#app[data-access-state] .phone-page [tabindex]:focus-visible{outline:2px solid var(--ivory);outline-offset:3px;box-shadow:0 0 0 5px #d5ab626b}#app[data-access-state] .access-reply-preview{right:max(40px, calc(var(--runtime-safe-right) + 18px));left:max(40px, calc(var(--runtime-safe-left) + 18px));max-height:510px}#app[data-access-state] .access-reply-text{overscroll-behavior:contain;max-height:420px;overflow:hidden auto}#app[data-access-state] .preview-audio-button,#app[data-access-state] .share-copy-button{min-height:44px}@media (width<=389px){#app[data-access-state] .phone-page>h1,#app[data-access-state] .phone-page>.body-copy{max-width:calc(100vw - 76px)}#app[data-access-state] .phone-page .actions{max-width:calc(100vw - 80px)}}#app[data-access-state=create-flow] .creator-details h1{writing-mode:horizontal-tb;letter-spacing:.06em;width:100%;font-size:24px;top:0;left:0}#app[data-access-state=create-flow] .creator-details .body-copy{display:block;top:82px;left:48px}#app[data-access-state=create-flow] .creator-details .creator-form{top:142px;left:30px;right:30px}#app[data-access-state=create-flow] .creator-details .actions{gap:8px;width:310px;height:auto;display:grid;bottom:28px;left:40px}#app[data-access-state=create-flow] .creator-details .actions button{border:1px solid #fff8e8b8;border-radius:24px;width:100%;min-height:44px;position:static}#app[data-access-state=create-flow] .creator-details .actions .primary{background:linear-gradient(180deg, var(--ivory), var(--gold));color:var(--blue-900)}#app[data-access-state=create-flow] .creator-details .actions .secondary{color:var(--ivory);background:#23476bd1}#app[data-access-state=create-flow] .permission-request-status{pointer-events:none}#app:not([data-access-state]) .recording .actions:before,#app[data-access-state=static-layout-check] .recording .actions:before,#app:not([data-access-state]) .recorded-preview .actions:after,#app[data-access-state=static-layout-check] .recorded-preview .actions:after{text-align:center;justify-content:center;align-items:center;line-height:1.25;display:flex}#app:not([data-access-state]) .recording .actions:before,#app[data-access-state=static-layout-check] .recording .actions:before{content:"暂停"}#app:not([data-access-state]) .recorded-preview .actions:after,#app[data-access-state=static-layout-check] .recorded-preview .actions:after{content:"发送给孩子";bottom:14px}#app[data-access-state=create-flow] .wave>.recorder-ui-status{pointer-events:none}