.star-jar-app .language-control{color:#dfc49b;flex-shrink:0;display:inline-flex}.star-jar-app .language-trigger{color:#c6c4c1;min-height:34px;font:inherit;letter-spacing:0;white-space:nowrap;background:#dfc49b05;border:1px solid #dfc49b26;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 9px;font-size:12px;font-weight:400;line-height:20px;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.star-jar-app .language-trigger>svg{stroke:#c2aa83;stroke-width:1.3px;flex-shrink:0;width:16px;height:16px}.star-jar-app .language-trigger>.language-chevron{stroke-width:1.5px;width:12px;height:12px;transition:transform .18s}.star-jar-app .language-trigger:hover,.star-jar-app .language-trigger[aria-expanded=true]{color:#f0dfc1;background:#dfc49b0c;border-color:#dfc49b66}.star-jar-app .language-trigger[aria-expanded=true]>.language-chevron{transform:rotate(180deg)}.star-jar-app .language-trigger:disabled{cursor:wait;opacity:.6}.star-jar-app .language-menu{z-index:200;overscroll-behavior:contain;scrollbar-width:thin;color:#c9cbd2;letter-spacing:0;text-align:left;background:linear-gradient(150deg,#171c25,#0c111a 78%);border:1px solid #dfc49b30;border-radius:12px;width:136px;max-width:calc(100vw - 24px);margin:0;padding:5px;font:400 13px/1.4 -apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,sans-serif;animation:.16s ease-out language-menu-in;position:fixed;inset:auto;overflow:auto;box-shadow:0 16px 48px #0009,0 2px 8px #0004,inset 0 1px #fff4dc08}.star-jar-app .language-menu::backdrop{background:0 0}.star-jar-app .language-menu-heading{color:#8f939e;letter-spacing:.04em;border-bottom:1px solid #dfc49b14;margin:0 5px 3px;padding:6px 5px 7px;font-size:11px}.star-jar-app .language-option{color:#c9cbd2;width:100%;min-height:34px;font:inherit;letter-spacing:0;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;margin:1px 0 0;padding:6px 8px;line-height:20px;transition:background .15s,color .15s;display:flex}.star-jar-app .language-option>svg{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;visibility:hidden;flex-shrink:0;width:16px;height:16px}.star-jar-app .language-option[aria-checked=true]{color:#eed4a8;background:#dfc49b12}.star-jar-app .language-option[aria-checked=true]>svg{visibility:visible}.star-jar-app .language-option:hover{color:#f1e6d5;background:#dfc49b18}.star-jar-app .language-trigger:focus-visible{outline-offset:3px;outline:2px solid #d7bb8e}.star-jar-app .language-option:focus-visible{color:#f1e6d5;background:#dfc49b18;border-color:#dfc49b80;outline:none}@keyframes language-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.star-jar-app .language-menu{animation:none}.star-jar-app .language-trigger,.star-jar-app .language-trigger>.language-chevron,.star-jar-app .language-option{transition:none}}.star-jar-app .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html:not([lang^=zh]):not([lang=ja]):not([lang=ko]) .star-jar-app{overflow-wrap:break-word}html:not([lang^=zh]) .star-jar-app .copy-panel h1{font-size:clamp(36px,4.1vw,66px);line-height:1.2}html:not([lang^=zh]) .star-jar-app .landing-heading h2{line-height:1.3}html:not([lang^=zh]) .star-jar-app header nav{gap:18px}@media (max-width:1300px){html:not([lang^=zh]) .star-jar-app .header-create{display:none}}@media (max-width:760px){.star-jar-app .header-actions{flex-wrap:nowrap;gap:6px}.star-jar-app .language-trigger{gap:6px;min-height:36px;padding:7px 9px;font-size:11px}.star-jar-app .language-trigger>svg{width:14px;height:14px}.star-jar-app .language-option{min-height:44px}.star-jar-app header nav{scrollbar-width:none;justify-content:flex-start;gap:18px;overflow-x:auto}.star-jar-app header nav a{white-space:nowrap;flex-shrink:0}html:not([lang^=zh]) .star-jar-app .copy-panel h1{font-size:clamp(32px,8.2vw,46px)}.star-jar-app #resume{white-space:normal;max-width:70px}.star-jar-app #account{white-space:normal;overflow-wrap:anywhere;max-width:62px}}.star-jar-app .arrival-topline{flex-wrap:wrap}.star-jar-app .arrival-topline .language-control{margin-left:auto}@media (max-width:760px){.star-jar-app .arrival-topline .arrival-private{text-align:right;width:100%}}.star-jar-app .gift-ai-allowance>*{min-width:0}@media (max-width:760px){.star-jar-app .gift-ai-allowance{grid-template-columns:minmax(0,1fr)}.star-jar-app .gift-ai-equivalence{flex-wrap:wrap;justify-content:center;gap:14px}.star-jar-app .gift-ai-equivalence>span{white-space:normal}.star-jar-app .memory-film-stage{overflow:clip}body[data-mode=home] .star-jar-app .universe{height:auto}body[data-mode=home] .star-jar-app .stage{min-height:480px}.star-jar-app .hero-gift-actions{padding-top:18px;top:0}.star-jar-app .bottle-zodiac-control{width:110px}body[data-mode=home] .star-jar-app #canvas-host{right:114px}body[data-mode=home] .star-jar-app #reset-camera{right:136px}.star-jar-app .zodiac-preview-button{gap:4px;min-height:30px}.star-jar-app .zodiac-preview-button>small{white-space:nowrap;overflow-wrap:normal}}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#edf0ff;--muted:#7b8da9;--border:#b4cbff20;--accent:#beb8f4;color:var(--ink);background:#050913;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 72% 29%,#18233e44,#0000 51%),#050913;margin:0}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:5px;outline:2px solid #c4bdff}button{background:0 0;border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;max-width:1540px;height:90px;margin:auto;padding:0 54px;display:flex}.brand{letter-spacing:2px;align-items:center;gap:9px;font-size:17px;font-weight:600;display:flex}.brand img{width:29px}.brand>span{letter-spacing:1.7px;color:#9ca8c3;font-size:9px;font-weight:400}nav{gap:34px;display:flex}nav button{color:#6d7d99;padding:15px 3px;font-size:12px}nav button.active{color:#e4e8ff}nav button.active:after{content:"";background:#b8b5ed;width:15px;height:1px;margin:10px auto -11px;display:block}.subtle{color:#abb9d4;border:1px solid #aabbea30;border-radius:30px;padding:10px 16px;font-size:10px}.universe{isolation:isolate;grid-template-columns:.9fr 1.6fr;max-width:1540px;min-height:740px;margin:auto;padding:0 30px 0 54px;display:grid;position:relative}.cosmic-background{z-index:-1;background:radial-gradient(at 72%,#25204d35,#0000 60%);position:absolute;inset:0;overflow:hidden}.copy-panel{z-index:2;max-width:450px;padding-top:68px;padding-bottom:35px}.eyebrow{color:#8c9cba;letter-spacing:2.4px;font-size:9px}.eyebrow>span{color:#c7c1ee;margin-left:8px}:is(h1,.app-state-title){letter-spacing:-3px;margin:31px 0 22px;font-size:66px;font-weight:450;line-height:1.25}:is(h1,.app-state-title) span{color:#babaf1}.intro{color:#8798b5;letter-spacing:.2px;margin:20px 0 31px;font-size:13px;line-height:2}.primary{color:#10162b;background:linear-gradient(115deg,#f2f4ff,#c7c0f6);border-radius:28px;align-items:center;gap:32px;padding:16px 24px;font-size:13px;font-weight:500;transition:box-shadow .25s,transform .25s;display:inline-flex;box-shadow:0 0 32px #b0adff10}.primary:hover{transform:translateY(-2px);box-shadow:0 0 35px #b9b4ff33}.small-print{color:#677a9a;margin-top:18px;font-size:9px;line-height:1.8}.sign-story{border-top:1px solid var(--border);max-width:335px;margin-top:44px;padding-top:23px}.sign-story>span{letter-spacing:3px;color:#727f9a;font-size:8px}.sign-story h2{letter-spacing:.5px;color:#b9c5de;margin:14px 0 10px;font-size:16px;font-weight:400}.sign-story p{color:#617594;max-width:310px;font-size:11px;line-height:1.95}.stage{min-width:0;min-height:740px;position:relative}.stage canvas{touch-action:pan-y;outline:none;width:100%;height:100%;display:block}.stage #canvas-host{cursor:grab;position:absolute;inset:0}.stage-top{pointer-events:none;letter-spacing:1.5px;color:#92a3c0;justify-content:space-between;align-items:center;font-size:10px;display:flex;position:absolute;top:39px;left:40px;right:20px}.live-dot{letter-spacing:2px;color:#5d7394;font-size:7px}.live-dot:before{content:"";background:#afb9ea;border-radius:50%;width:4px;height:4px;margin-right:8px;display:inline-block;box-shadow:0 0 9px #a8b9ff}.stage-bottom{pointer-events:none;color:#7c8ead;justify-content:space-between;align-items:center;gap:18px;display:flex;position:absolute;bottom:24px;left:40px;right:20px}.stage-bottom>div{align-items:baseline;gap:8px;display:flex}.stage-bottom>div>span{color:#c5cde2;font-variant-numeric:tabular-nums;font-size:18px;font-weight:300}.stage-bottom small{font-size:9px}.stage-bottom i{background:#899bc633;width:1px;height:12px;margin:0 10px}.stage-bottom p{letter-spacing:.6px;font-size:9px}.camera-reset{border:1px solid var(--border);color:#98a8c6;border-radius:50%;width:30px;height:30px;font-size:19px;position:absolute;bottom:66px;right:20px}.collection{border-top:1px solid var(--border);max-width:1432px;margin:0 auto;padding:26px 0 28px}.collection-heading{color:#8d9cb9;justify-content:space-between;align-items:center;margin-bottom:23px;font-size:10px;display:flex}.collection-heading>span:first-child{letter-spacing:2px;color:#607797;font-size:8px}.collection-heading p{color:#889ab9;margin:0}.collection-heading>span:last-child{color:#c2c7e6;font-size:10px}.sign-picker{grid-template-columns:repeat(12,1fr);gap:7px;display:grid}.sign-button{color:#687e9c;background:#101b2a30;border:1px solid #9eb7ed16;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:75px;transition:background .25s,border-color .25s;display:flex}.sign-button>span{color:#8499b8;font-family:Times New Roman,serif;font-size:23px}.sign-button>small{font-size:9px;font-weight:400}.sign-button:hover{background:#18243980;border-color:#b6c6f04d}.sign-button[aria-pressed=true]{color:#e0e2ff;background:linear-gradient(145deg,#8174d324,#141f35);border-color:#b6b0f580}.sign-button[aria-pressed=true]>span{color:#d6d0ff;text-shadow:0 0 15px #b2a8ff60}footer{border-top:1px solid var(--border);color:#4f6384;letter-spacing:.4px;justify-content:space-between;max-width:1432px;margin:auto;padding:25px 0 30px;font-size:9px;display:flex}.small-title{letter-spacing:-1.9px;margin-bottom:19px;font-size:46px;line-height:1.3}.field-label{color:#8b9ab5;margin:16px 0 9px;font-size:10px;display:block}input,textarea{color:#dbe3f4;background:#121d2b;border:1px solid #a7b9df25;border-radius:9px;outline:none;width:100%;max-width:340px;padding:11px 13px;font-size:12px}input{max-width:160px}textarea{resize:vertical;height:120px;line-height:1.8;display:block}textarea::placeholder{color:#526987}.compose-foot{color:#5c7497;justify-content:space-between;max-width:340px;margin:9px 0 17px;font-size:9px;display:flex}.text-action{color:#b6c1df;align-items:center;gap:16px;padding:15px 0;font-size:11px;display:flex}.mode-panel[data-panel=write]~.sign-story{margin-top:25px}.note-overlay{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);perspective:1200px;background:#0307139c;place-items:center;padding:23px;display:grid;position:fixed;inset:0}.note{text-align:center;background:linear-gradient(135deg,#2b2d48db,#10192aef);border:1px solid #b8bdec55;border-radius:20px;width:510px;max-width:100%;min-height:390px;padding:43px 45px 29px;animation:.75s cubic-bezier(.15,1,.3,1) note-enter;position:relative;box-shadow:0 20px 130px #0009,0 0 80px #b9a7ff15}.note:before{content:"";pointer-events:none;background:linear-gradient(120deg,#eee9ff11,#0000 55%);border-radius:20px;position:absolute;inset:0}.note-constellation{color:#d9d3ff;margin:2px 0 21px;font:35px Times New Roman,serif}#close-note{color:#98a6c4;font-size:25px;position:absolute;top:14px;right:18px}.note .eyebrow{letter-spacing:2px;font-size:9px}.note>p{color:#f0f1ff;white-space:pre-wrap;overflow-wrap:anywhere;max-height:38vh;margin:31px 0 24px;font-size:23px;font-weight:350;line-height:1.9;animation:.7s .15s both text-in;overflow:auto}.signature{text-align:right;color:#899cbb;font:italic 15px Georgia,serif;display:block}.note .text-action{justify-content:center;width:100%;margin-top:24px;padding-top:20px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stage #loading{color:#8c9cba;letter-spacing:2px;pointer-events:none;background:#060a1488;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.stage #loading.error{pointer-events:auto;text-align:center;background:#0e1728;padding:30px;line-height:2}#toast{opacity:0;pointer-events:none;z-index:50;background:#29334c;border-radius:12px;padding:14px 23px;font-size:12px;transition:all .3s;position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px)}#toast.visible{opacity:1;transform:translate(-50%)}body[data-mode=write] .copy-panel{padding-top:42px}body[data-mode=write] .sign-story{display:none}@keyframes note-enter{0%{opacity:0;transform:translate(100px)rotateY(-38deg)scale(.4)}to{opacity:1;transform:translate(0)rotateY(0)scale(1)}}@keyframes text-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1500px){.collection,footer{margin-left:54px;margin-right:54px}}@media (max-width:1100px){header{padding:0 30px}.universe{grid-template-columns:.9fr 1.1fr;padding-left:30px}.copy-panel{padding-top:60px}:is(h1,.app-state-title){font-size:55px}.stage-top{left:15px}.stage-top .live-dot{display:none}.stage-bottom{flex-direction:column;align-items:center;gap:3px;left:10px}.collection,footer{margin-left:30px;margin-right:30px}.sign-picker{grid-template-columns:repeat(6,1fr)}.small-title{font-size:39px}.copy-panel{max-width:350px}}@media (max-width:760px){header{flex-wrap:wrap;gap:0;height:72px;padding:0 21px;position:relative}.brand{letter-spacing:1px;gap:6px;font-size:13px}.brand img{width:25px}.brand>span{letter-spacing:1px;font-size:8px}header nav{z-index:5;justify-content:flex-start;gap:26px;position:absolute;top:72px;left:22px;right:22px}nav button{font-size:10px}.subtle{padding:9px 11px;font-size:8px}.universe{flex-direction:column;min-height:0;padding:0 22px;display:flex}.copy-panel{max-width:100%;padding-top:68px;padding-bottom:0}.eyebrow{letter-spacing:1.5px;font-size:7px}:is(h1,.app-state-title){letter-spacing:-2px;margin:24px 0 17px;font-size:46px;line-height:1.25}.intro{margin:17px 0 23px;font-size:11px;line-height:1.95}.primary{gap:25px;padding:14px 20px;font-size:11px}.small-print{margin-top:13px;font-size:8px}.sign-story{max-width:100%;margin-top:25px;padding-top:18px}.sign-story h2{margin-top:10px;font-size:14px}.sign-story p{max-width:100%;font-size:10px}.stage{width:calc(100% + 44px);height:480px;min-height:480px;margin-top:0;margin-left:-22px}.stage-top{font-size:8px;top:19px;left:23px;right:23px}.stage-bottom{flex-direction:column;gap:0;bottom:14px;left:20px;right:20px}.stage-bottom p{font-size:8px}.stage-bottom>div>span{font-size:15px}.stage-bottom small{font-size:8px}.camera-reset{bottom:65px;right:23px}.collection{margin:8px 22px 0;padding-top:22px}.collection-heading>span:first-child{letter-spacing:1px;font-size:6px}.collection-heading p{display:none}.sign-picker{grid-template-columns:repeat(6,1fr);gap:5px}.sign-button{border-radius:8px;gap:7px;height:63px}.sign-button>span{font-size:21px}.sign-button>small{font-size:8px}footer{margin:0 22px;padding-top:20px;font-size:7px}footer>a{display:none}.small-title{font-size:39px;line-height:1.3}body[data-mode=write] .copy-panel{padding-top:66px}textarea,.compose-foot{max-width:100%}.note{min-height:360px;padding:33px 25px 25px}.note>p{font-size:20px}.note .eyebrow{font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.stage #canvas-host{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000),linear-gradient(#0000,#000 10% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000),linear-gradient(#0000,#000 10% 88%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}
:root{--accent:#d2c3ed}body{background:#070b14}.cosmic-background{background:radial-gradient(at 75% 45%,#25324922,#0000 65%)}.stage #canvas-host{-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 82%,#0000),linear-gradient(#0000,#000 12% 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 82%,#0000),linear-gradient(#0000,#000 12% 84%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}h1 span{color:#d2c3ed}.primary{box-shadow:none;background:linear-gradient(115deg,#f2f0fb,#d2c5ed)}.stage-top{color:#a7a5b0}.note{background:radial-gradient(at 50% 0,#57446b66,#0000 70%),linear-gradient(135deg,#252333f5,#111622fa);border-color:#ddc9b947;box-shadow:0 24px 130px #0009}.note-constellation{color:#cbbd9d}.note>p{color:#fff4e5}.signature{color:#b7a58f}.collection .sign-picker{display:none}.collection{padding-bottom:16px}.collection-heading{margin-bottom:0}.sign-story{opacity:.7}.stage-top .live-dot{font-size:9px}.intro{font-size:14px}@media (min-width:1100px){h1{letter-spacing:-4px;font-size:76px}.copy-panel{padding-top:110px}}
:root{--muted:#8d9cb6}button:disabled{opacity:.42;cursor:not-allowed;transform:none}.quiet{color:#8c9bb3;font-size:11px;line-height:1.9}.actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.actions .text-action{white-space:nowrap}.collection .sign-picker{grid-template-columns:repeat(12,1fr);display:grid}.collection{padding-bottom:28px}.collection-heading{margin-bottom:20px}.sign-button{height:72px}.sign-button small{font-size:10px}.home-details{max-width:1432px;margin:20px auto 60px}.section-title{justify-content:space-between;align-items:center;gap:18px;margin:24px 0 18px;display:flex}.section-title h2{font-size:18px;font-weight:450}.section-title h2>span{color:#958cae;margin-left:7px;font-size:13px}.how-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.how-grid article{background:linear-gradient(145deg,#171b2b66,#0b101d);border:1px solid #c0c4e91b;border-radius:16px;padding:28px}.how-grid article>span{letter-spacing:2px;color:#a99bbd;font-size:10px}.how-grid h3{margin:23px 0 12px;font-size:18px;font-weight:400}.how-grid p,.free-note p{color:#8b9ab1;font-size:12px;line-height:2}.free-note{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:34px 0;display:flex}.free-note strong{font-size:24px;font-weight:400}.steps{gap:10px;margin-top:24px;display:flex}.steps button{color:#7c8da9;border-bottom:1px solid #69749433;padding:12px 15px;font-size:11px}.steps button.active{color:#e1d3ff;border-color:#c4afe9}.field-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field-grid label{color:#a1abc0;font-size:11px;line-height:2.8}input,textarea,select{font:inherit;max-width:none;font-size:12px}input,select{color:#dbe3f4;background:#121927;border:1px solid #a7b9df30;border-radius:9px;width:100%;min-height:43px;padding:12px}select{appearance:auto}textarea{max-width:none;min-height:126px}select:focus-visible{outline-offset:4px;outline:2px solid #c4bdff}input[type=checkbox],input[type=radio]{accent-color:#baa8df;width:15px;min-height:0}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.field-label{color:#a8b3c7;margin-top:18px}.check-row{color:#ccd0df;align-items:center;gap:10px;margin:18px 0;font-size:12px;display:flex}.check-row small{color:#8491aa;font-size:10px}.composer-card{background:linear-gradient(140deg,#1a203144,#0b1020cc);border:1px solid #b3bfde29;border-radius:16px;padding:22px}.card-top{color:#cbd0e2;justify-content:space-between;font-size:11px;display:flex}.card-top span:last-child{color:#8393ac;font-size:9px}.content-tabs{border-bottom:1px solid var(--border);gap:6px;margin:20px 0 16px;display:flex}.content-tabs button{color:#8695af;flex:1;padding:12px 4px;font-size:12px}.content-tabs button[aria-selected=true]{color:#e8dbff;border-bottom:2px solid #c6b3eb}.ai-strip{border-top:1px solid var(--border);color:#c8badf;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font-size:12px;display:flex}.ai-strip small{color:#8794ae;margin-top:6px;font-size:9px;display:inline-block}.ai-strip button{white-space:nowrap;font-size:11px}.upload-box{color:#b8bcd4;border:1px dashed #c1c6e23b;border-radius:10px;flex-direction:column;align-items:center;gap:10px;margin:14px 0;padding:24px 15px;font-size:12px;display:flex}.upload-box>span{color:#8492ac;font-size:9px}.upload-box input{background:#070b1480;min-height:0;padding:8px;font-size:10px}.media-preview img,.media-preview video,#media-preview img,#media-preview video{border-radius:9px;max-width:100%;max-height:160px}audio{max-width:100%;height:36px}.wish-row{border-top:1px solid var(--border);align-items:flex-start;gap:12px;padding:17px 0;display:flex}.wish-row .star-dot{color:#d7c3e9;margin-top:8px;font-size:22px}.wish-row .wish-body{flex:1;min-width:0}.wish-row small{color:#8c9bb2;font-size:9px}.wish-row p{color:#cbd1e1;overflow-wrap:anywhere;margin:6px 0;font-size:12px;line-height:1.8}.wish-row .row-actions{flex-wrap:wrap;gap:5px;display:flex}.row-actions button{color:#a8a0c6;padding:6px;font-size:10px}.empty-state{color:#91a0b8;border:1px dashed #9cabc52d;border-radius:12px;margin-bottom:22px;padding:25px 18px;font-size:12px;line-height:2}.summary-card{border:1px solid var(--border);color:#c4cce1;background:#141b2b;border-radius:12px;padding:22px;font-size:13px;line-height:2}fieldset{border:0;margin:25px 0;padding:0}legend{color:#b5bfd4;margin-bottom:12px;font-size:12px}.choice{border:1px solid var(--border);border-radius:11px;align-items:center;gap:13px;margin:10px 0;padding:16px;font-size:13px;display:flex}.choice small{color:#8393ad;margin-top:7px;font-size:10px;display:block}.preview-badge{color:#b5a5cc;background:#a99ace12;border:1px solid #bca7e229;border-radius:20px;margin-top:28px;padding:7px 13px;font-size:10px;display:inline-block}.receive-from{color:#b8a88f;font-size:12px;line-height:1.8}.receive-progress>div{color:#8e9db7;justify-content:space-between;margin-bottom:10px;font-size:10px;display:flex}progress{accent-color:#c1addf;border:0;border-radius:8px;width:100%;height:4px}progress::-webkit-progress-bar{background:#242b40}#read-list{color:#8d9db8;margin-top:24px;font-size:11px}#receive-list button{text-align:left;border-bottom:1px solid var(--border);width:100%;padding:12px 0;font-size:11px;display:block}#empty-jar{text-align:center;pointer-events:none;letter-spacing:2px;color:#b5bfd4;width:100%;font-size:12px;position:absolute;top:51%}.stage{height:740px}.note #note-media img,.note #note-media video{border-radius:12px;max-width:100%;max-height:36vh}.note>p{font-size:22px}.note:has(#note-media:not(:empty)){max-height:90vh;overflow:auto}.note #note-media:not(:empty)+p{margin:18px 0;font-size:17px}.note #note-media .demo-media{border:1px solid var(--border);color:#b6bcd0;padding:25px;font-size:12px;line-height:2}dialog{color:#e7e5f3;background:linear-gradient(145deg,#202235,#101725);border:1px solid #b8b7d947;border-radius:20px;width:510px;max-width:calc(100vw - 32px);max-height:88vh;padding:38px;overflow:auto;box-shadow:0 30px 100px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030713af}#close-dialog{color:#a5acc3;font-size:25px;position:absolute;top:10px;right:16px}dialog h2{margin:14px 0 19px;font-size:27px;font-weight:400;line-height:1.4}dialog p{color:#a0abc2;font-size:12px;line-height:1.9}dialog .eyebrow{font-size:9px}dialog .primary{margin-top:16px}dialog .notice{color:#c0af95;background:#cdb2880b;border:1px solid #d6bd9729;border-radius:8px;padding:12px 15px;font-size:11px}dialog .credit-box{border:1px solid var(--border);border-radius:11px;justify-content:space-between;margin:16px 0;padding:17px;font-size:12px;display:flex}dialog label{color:#a7b3c9;margin:18px 0 9px;font-size:11px;display:block}dialog .status-icon{color:#d6c5ec;font-size:36px}dialog .result-preview{white-space:pre-wrap;background:#090e1c;border-radius:9px;padding:18px;font-size:14px;line-height:2}dialog .link-field{font-size:11px}footer button{color:#71839f;font-size:9px}body[data-mode=write] .universe,body[data-mode=contribute] .universe{grid-template-columns:1.05fr 1.45fr;gap:30px}body[data-mode=write] .copy-panel,body[data-mode=contribute] .copy-panel{max-width:540px;padding-top:32px}body[data-mode=write] .stage,body[data-mode=contribute] .stage{position:sticky;top:0}body[data-mode=write] #sign-story,body[data-mode=contribute] #sign-story,body[data-mode=receive] #sign-story{display:none}body[data-mode=write] :is(h1,.app-state-title){letter-spacing:-2px;font-size:45px}body[data-mode=contribute] :is(h1,.app-state-title){font-size:42px}.gift-file nav,.gift-file #back-edit,.gift-file .collection,.gift-file #sign-story{display:none}@media (max-width:1500px){.home-details{margin-left:54px;margin-right:54px}}@media (max-width:1100px){.collection .sign-picker{grid-template-columns:repeat(6,1fr)}.home-details{margin-left:30px;margin-right:30px}.how-grid{gap:12px}.how-grid article{padding:20px}.composer-card{padding:16px}.steps button{padding:10px 8px}body[data-mode=write] .universe{grid-template-columns:1fr 1fr;gap:15px}}@media (max-width:760px){.collection .sign-picker{grid-template-columns:repeat(4,1fr)}.home-details{margin:30px 22px}.how-grid{grid-template-columns:1fr}.how-grid article{padding:22px}.free-note{display:block}.free-note strong{font-size:20px}.section-title>.quiet{display:none}.field-grid{gap:12px}.content-tabs button{padding:12px 3px}body[data-mode=write] .copy-panel,body[data-mode=contribute] .copy-panel{padding-top:65px}body[data-mode=write] :is(h1,.app-state-title),body[data-mode=contribute] :is(h1,.app-state-title){font-size:36px}.steps{margin-top:18px}.stage,body[data-mode=write] .stage,body[data-mode=contribute] .stage{height:480px;min-height:480px;position:relative;top:auto}.composer-card{padding:18px}.stage-top .live-dot{display:none}.home-details .section-title h2{font-size:19px}.free-note p{font-size:11px}dialog{padding:30px 24px}dialog h2{font-size:24px}.preview-badge{margin-top:22px}.actions{gap:12px}#media-preview audio{width:100%}.field-grid input{min-width:0}.sign-button{height:68px}footer{flex-wrap:wrap;gap:14px}}.constellation-progress{text-align:center;color:#c6b793;letter-spacing:1.5px;pointer-events:none;font-size:10px;position:absolute;bottom:97px;left:0;right:0}.constellation-progress.complete{color:#ffe0a5;text-shadow:0 0 16px #e2b46988}@media (max-width:760px){.constellation-progress{font-size:9px;bottom:105px}}.light-constellation{color:#d7c6a8;white-space:nowrap;border-bottom:1px solid #d7c6a844;padding:5px 9px;font-size:10px;position:absolute;bottom:68px;left:50%;transform:translate(-50%)}.light-constellation:hover{color:#ffe7b8}@media (max-width:760px){.light-constellation{font-size:9px;bottom:77px}}#page-kicker{color:inherit;margin-left:0}body:is([data-mode=write],[data-mode=receive],[data-mode=contribute]){--border:#d9c6a721;--muted:#9ba5b7;--accent:#e1c9a5}body:is([data-mode=write],[data-mode=receive],[data-mode=contribute]) .cosmic-background{background:radial-gradient(at 20% 22%,#7e354b0b,#0000 48%),radial-gradient(at 78% 40%,#23324922,#0000 65%)}body:is([data-mode=write],[data-mode=contribute]) .universe{grid-template-columns:minmax(390px,520px) minmax(0,1fr);gap:44px;padding-right:30px}body:is([data-mode=write],[data-mode=contribute]) .copy-panel{max-width:none;padding-top:40px;padding-bottom:50px}body:is([data-mode=write],[data-mode=contribute]) .stage{height:min(800px,100vh - 30px);min-height:680px;top:16px}body:is([data-mode=write],[data-mode=receive],[data-mode=contribute]) .eyebrow{color:#a89682;letter-spacing:2.2px;font-size:9px}body:is([data-mode=write],[data-mode=contribute]) :is(h1,.app-state-title){letter-spacing:-1.4px;margin:28px 0 12px;font-size:40px;font-weight:400;line-height:1.35}body:is([data-mode=write],[data-mode=receive],[data-mode=contribute]) :is(h1,.app-state-title) span{color:#dfcbb2}.page-lead{color:#929bae;margin:0 0 27px;font-size:12px;line-height:1.9}.page-lead>span{color:#e1d4c5}.steps{border-bottom:1px solid var(--border);gap:0;margin-top:25px}.steps button{color:#7d8597;border:0;flex:1;justify-content:flex-start;align-items:center;gap:9px;padding:17px 0 18px;font-size:11px;display:flex;position:relative}.steps button>span{color:#9692a0;border:1px solid #c6bcc32b;border-radius:50%;place-items:center;width:23px;height:23px;font:10px Georgia,serif;display:grid}.steps button.active{color:#f1e8db}.steps button.active>span{color:#f9e2df;background:linear-gradient(140deg,#9a3f59,#391c2c);border-color:#c77b8d6b;box-shadow:0 0 20px #ae3e5717}.steps button.active:after{content:"";background:linear-gradient(90deg,#bd8590,#d4b89199,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:19px}#save-status{color:#7f8e9b;align-items:center;gap:7px;margin:12px 0 0;font-size:10px;display:flex}#save-status:before{content:"";background:#9ba89c;border-radius:50%;width:4px;height:4px}.setup-card,.composer-card,.delivery-card{background:linear-gradient(135deg,#f5e8db06,#15203360 50%,#090e19a8);border:1px solid #d9ccbd26;border-radius:18px;padding:25px;position:relative;box-shadow:inset 0 1px #ffffff07,0 20px 50px #00000012}body:is([data-mode=write],[data-mode=contribute]) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){color:#ece7e5;background:#080d17a8;border:1px solid #c3c9d128;border-radius:10px;padding:13px 15px;font-size:13px;transition:border-color .2s,box-shadow .2s}body:is([data-mode=write],[data-mode=contribute]) :is(input,select,textarea):focus-visible{outline-offset:3px;border-color:#d1b99f99;outline:2px solid #c9b69c33;box-shadow:0 0 25px #aa7d9110}body:is([data-mode=write],[data-mode=contribute]) input::placeholder,body[data-mode=write] textarea::placeholder{color:#637083;font-size:12px}body:is([data-mode=write],[data-mode=contribute]) :is(.field-label,.field-grid label){color:#bdc1cb;letter-spacing:.4px;font-size:11px}.setup-card .field-grid{gap:18px}.setup-card .field-label{margin-top:23px}.setup-card input,.setup-card select{min-height:47px}.form-note{color:#a69399;align-items:center;gap:10px;margin:22px 0 0;font-size:10px;line-height:1.9;display:flex}.mini-gem,.star-dot{clip-path:polygon(50% 0,85% 21%,100% 58%,50% 100%,0 58%,15% 21%);filter:drop-shadow(0 0 6px #a92c4b44);background:conic-gradient(from 40deg,#9c274c,#ed8ca4 14%,#9f2348 25%,#3a142a 45%,#c55173 58%,#f7b4ba 69%,#9f2348 83%,#9c274c);flex-shrink:0;width:18px;height:20px;display:inline-block}.step-footer{justify-content:space-between;align-items:center;gap:18px;margin-top:25px;display:flex}.step-footer>span{color:#7f8b9b;font-size:10px}body:is([data-mode=write],[data-mode=receive],[data-mode=contribute]) .primary,dialog .primary{color:#201b1c;background:linear-gradient(120deg,#f5efdf,#d8c1a2);border:1px solid #f7e8cb75;border-radius:30px;padding:15px 23px;font-size:12px;font-weight:500;box-shadow:0 6px 26px #b5a07f10}body:is([data-mode=write],[data-mode=receive],[data-mode=contribute]) .primary:hover{box-shadow:0 8px 28px #b5a07f26}body:is([data-mode=write],[data-mode=receive],[data-mode=contribute]) .text-action{color:#b9b0a8;font-size:11px}.text-action:hover{color:#f0ded0}.composer-card{padding:24px}.card-top{color:#e0d8d0;align-items:center;font-size:12px}.card-top>span:first-child{align-items:center;gap:9px;display:flex}.card-top>span:first-child:before{content:"";background:#b7778a;width:5px;height:5px;transform:rotate(45deg)}.card-top span:last-child{color:#8e9c9f}.content-tabs{background:#080d1880;border:1px solid #c2c9d014;border-radius:11px;gap:4px;margin:22px 0;padding:4px}.content-tabs button{border:1px solid #0000;border-radius:8px;padding:10px 4px;font-size:11px}.content-tabs button[aria-selected=true]{color:#f2e9df;background:linear-gradient(135deg,#d7c2a916,#b2bdd811);border:1px solid #d7c2a930;box-shadow:0 2px 8px #0003}.composer-card textarea{resize:vertical;min-height:152px;line-height:2;font-size:14px!important}.compose-foot{color:#778599;max-width:none;margin-bottom:20px;font-size:9px}.check-row{gap:8px;font-size:11px}.check-row small{color:#8c92a2;margin-left:auto;font-size:10px}.check-row .mini-gem{width:13px;height:15px}input:is([type=checkbox],[type=radio]){accent-color:#b8778c}.ai-strip{color:#d8c8b2;margin-top:20px;padding:18px 0}.ai-strip small{color:#8892a2;font-size:9px}.ai-strip button{color:#cbbca9;border:1px solid #d9c6a72b;border-radius:20px;padding:9px 12px;font-size:10px}.composer-card .actions>.primary{flex:1;justify-content:center}.section-title h2{color:#e2d8cf;font-size:16px}.section-title h2>span{color:#c7b199;border:1px solid #d9c6a730;border-radius:20px;padding:3px 7px;font:12px Georgia,serif}.section-title #invite{font-size:10px}.wish-row{background:#11182670;border:1px solid #b9bec51c;border-radius:12px;gap:15px;margin:10px 0;padding:17px}.wish-row.is-main{background:linear-gradient(125deg,#9c385b0d,#11182670);border-color:#bf697e45}.wish-row .star-dot{background:conic-gradient(from 40deg,#766a95,#c6bbdc,#736a8e,#353b59,#bbc3e4,#766a95);width:22px;height:25px;margin-top:9px}.wish-row.is-main .star-dot{background:conic-gradient(from 40deg,#9c274c,#ed8ca4,#9f2348,#3a142a,#c55173,#f7b4ba,#9f2348)}.wish-row p{color:#d5d6df;font-size:12px}.wish-row small{color:#8e96a7}.row-actions{margin-top:7px}.row-actions button{color:#b4a899;border:1px solid #d4c4b01a;border-radius:5px;padding:5px 9px;font-size:10px}.row-actions button:hover{background:#d4c4b00d}#to-delivery{justify-content:space-between;width:100%;margin-top:18px}.empty-state{color:#9299a9;text-align:center;background:#0c121b66;border-color:#bdabb62b;padding:30px 20px}.delivery-card{padding:24px}.summary-card{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;align-items:center;gap:19px;padding:0 0 22px;display:flex}.summary-gem{width:35px;height:42px}.summary-caption{letter-spacing:1.6px;color:#b0949c;overflow-wrap:anywhere;max-width:330px;font-size:8px;display:block}.summary-card strong{color:#ece3d5;margin:4px 0;font-size:19px;font-weight:400;display:block}.summary-card p{color:#aeb1bf;margin:0;font-size:11px}.summary-card small{color:#84909e;font-size:10px}.delivery-card fieldset{margin:22px 0}.choice{background:#090f1a66;border-color:#bbc4d01c;padding:14px;font-size:12px}.choice:has(input:checked){background:#d6bb9209;border-color:#d6bb9257}.choice small{font-size:10px;line-height:1.7}.delivery-card .field-label{margin-top:16px}.delivery-actions{justify-content:space-between;margin-top:24px}.delivery-actions #send{color:#e1cbb1;border:1px solid #d2bc9845;border-radius:30px;padding:13px 21px}body[data-mode=receive] .universe{grid-template-columns:minmax(340px,.92fr) minmax(0,1.5fr);gap:15px;min-height:810px}body[data-mode=receive] .copy-panel{max-width:460px;padding-top:54px;padding-bottom:40px}body[data-mode=receive] .stage{height:810px;min-height:740px}body[data-mode=receive] .preview-badge{color:#ac9b89;letter-spacing:1px;background:#d3bea009;border-color:#d3bea029;border-radius:5px;margin-top:23px;padding:5px 10px;font-size:9px}.gift-dedication :is(h1,.app-state-title){letter-spacing:-2px;margin:26px 0 19px;font-size:49px;font-weight:400;line-height:1.36}.gift-dedication #receiver-name{color:#f3ede5;overflow-wrap:anywhere}.gift-dedication .intro{color:#99a1b0;margin:20px 0 19px;font-size:13px;line-height:2.1}.receive-from{color:#c3b197;align-items:center;gap:12px;margin:0 0 26px;font-size:12px;line-height:1.9;display:flex}.dedication-line{background:linear-gradient(90deg,#c5ab87,#0000);width:26px;height:1px}.gift-inscription{border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:#9d9eaa;justify-content:space-between;align-items:center;gap:15px;max-width:370px;padding:17px 0;font-size:10px;display:flex}.gift-inscription>span:first-child{letter-spacing:1.2px;color:#b3a18a;font-size:9px}.receive-control{max-width:370px;margin-top:27px}.receive-progress{max-width:none;margin:0 0 22px}.receive-progress>div{color:#959eaf;margin-bottom:12px;font-size:10px}progress{height:3px}progress::-webkit-progress-value{background:linear-gradient(90deg,#aa6279,#dfc4a2)}#open-next{justify-content:space-between;min-width:220px;box-shadow:0 8px 40px #c2a27e17}#unlock-hint{color:#7d8a9d;margin-top:15px;font-size:10px;line-height:1.9}.receive-tools{gap:28px;margin-top:4px}.receive-tools button{font-size:10px!important}#read-list{border-top:1px solid var(--border);color:#8891a3;max-width:370px;margin-top:19px;padding-top:17px;font-size:10px}#read-list summary{cursor:pointer}#receive-list{margin-top:12px}#receive-list button{color:#bac0cf;padding:13px 0}body[data-mode=receive] #constellation-progress{color:#d3bda0}.note{background:radial-gradient(at 50% 0,#963f591b,#0000 62%),linear-gradient(135deg,#202533f5,#0e1521fa);border:1px solid #dac3a844;border-radius:22px;min-height:420px;padding:35px 44px 25px;box-shadow:0 30px 110px #000b,inset 0 1px #fff1}.note-seal{background:radial-gradient(#9b355524,#0000);border:1px solid #b8687d35;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 15px;display:grid;box-shadow:0 0 35px #9a354d15}.note-seal .mini-gem{width:23px;height:28px}.note-constellation{opacity:.5;margin:0;font-size:20px;position:absolute;top:22px;left:25px}.note .eyebrow{color:#bba58c;letter-spacing:2px;font-size:9px}.note>p{color:#f6ecdf;margin:27px 0;font-size:23px;font-weight:350;line-height:1.95}.note .signature{color:#b59e87;font-size:14px}.note .text-action{color:#cbb89f;border-color:#d1b99c25;font-size:11px}dialog{background:radial-gradient(at 0 0,#8c3e5417,#0000 60%),linear-gradient(140deg,#202735,#0e1522);border-color:#d6bba33d;box-shadow:0 30px 100px #000a,inset 0 1px #fff1}dialog h2{color:#efe5d8;font-weight:400}dialog .eyebrow{color:#b39c83}dialog .notice{line-height:1.9}dialog input,dialog textarea{background:#0a101b;border-color:#b8b2b52e}@media (min-width:1501px){body[data-mode=receive] .copy-panel{padding-top:65px}.gift-dedication :is(h1,.app-state-title){font-size:53px}}@media (max-width:1100px) and (min-width:761px){body:is([data-mode=write],[data-mode=contribute]) .universe{grid-template-columns:minmax(330px,1fr) minmax(0,1fr);gap:16px}body:is([data-mode=write],[data-mode=contribute]) :is(h1,.app-state-title){font-size:34px}.setup-card,.composer-card,.delivery-card{padding:19px}.step-footer{flex-direction:column;align-items:flex-start}.step-footer .primary{justify-content:space-between;width:100%}body[data-mode=receive] .universe{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)}.gift-dedication :is(h1,.app-state-title){font-size:41px}.gift-inscription{flex-wrap:wrap;font-size:9px}}@media (max-width:760px){body:is([data-mode=write],[data-mode=contribute]) .universe,body[data-mode=receive] .universe{gap:0;min-height:0;padding:0 22px;display:flex}body:is([data-mode=write],[data-mode=contribute]) .stage{order:-1;height:350px;min-height:350px;margin-top:50px;margin-bottom:12px;position:relative;top:auto}body:is([data-mode=write],[data-mode=contribute]) .copy-panel{width:100%;padding-top:15px;padding-bottom:32px}body:is([data-mode=write],[data-mode=contribute]) .stage-top{font-size:7px;top:15px}body:is([data-mode=write],[data-mode=contribute]) .stage-bottom{bottom:0}body:is([data-mode=write],[data-mode=contribute]) .constellation-progress{font-size:8px;bottom:85px}body:is([data-mode=write],[data-mode=contribute]) .light-constellation{font-size:8px;bottom:58px}body:is([data-mode=write],[data-mode=contribute]) .camera-reset{bottom:58px}body:is([data-mode=write],[data-mode=contribute]) :is(h1,.app-state-title){letter-spacing:-1px;margin-top:24px;font-size:32px}.steps{margin-top:18px}.steps button{gap:7px;padding:15px 0;font-size:10px}.steps button>span{width:21px;height:21px}.page-lead{margin-bottom:20px;font-size:11px}.setup-card,.composer-card,.delivery-card{border-radius:15px;padding:19px}.setup-card .field-grid{gap:12px}.form-note{align-items:flex-start;font-size:9px}.step-footer{flex-direction:column;align-items:stretch;gap:12px}.step-footer>span{text-align:center;order:2}.step-footer>.primary{justify-content:space-between}.check-row small{font-size:9px}.check-row{font-size:10px}.card-top{font-size:11px}.card-top span:last-child{font-size:8px}.composer-card textarea{min-height:155px}.ai-strip{font-size:11px}.ai-strip small{font-size:8px}.ai-strip button{padding:8px 10px;font-size:9px}.delivery-actions{gap:14px}.summary-caption{font-size:7px}.summary-card strong{font-size:18px}.summary-gem{width:26px;height:33px}.summary-card{gap:13px}.section-title{gap:8px}.section-title #invite{font-size:9px}.section-title h2{font-size:15px}.wish-row{padding:15px}.wish-row .star-dot{width:18px;height:22px}body[data-mode=receive] .copy-panel{max-width:none;padding-top:74px;padding-bottom:12px}body[data-mode=receive] .preview-badge{margin-top:20px}.gift-dedication :is(h1,.app-state-title){letter-spacing:-1.7px;margin-top:22px;font-size:39px}.gift-dedication .intro{font-size:12px}.gift-inscription,.receive-control,#read-list{max-width:none}.gift-inscription{font-size:9px}.receive-from{margin-bottom:22px;font-size:11px}.receive-control{margin-top:23px}.receive-progress{margin-bottom:20px}.receive-tools{margin-top:6px}#open-next{width:100%}body[data-mode=receive] .stage{height:490px;min-height:490px;margin-top:10px}.note{min-height:375px;padding:30px 25px 22px}.note>p{font-size:20px}.note-seal{width:48px;height:48px}.note-constellation{top:20px;left:20px}.note .signature{font-size:13px}}body:is([data-mode=write],[data-mode=contribute]) input:not([type=checkbox]):not([type=radio]){line-height:1.5}.note>p{text-wrap:balance}@media (max-width:760px){body[data-mode=receive] .copy-panel,body[data-mode=receive] [data-panel=receive],body[data-mode=receive] .gift-dedication{display:contents}body[data-mode=receive] .copy-panel>.eyebrow{order:0;margin-top:76px}body[data-mode=receive] .preview-badge{order:1;align-self:flex-start;margin-top:18px}body[data-mode=receive] .gift-dedication :is(h1,.app-state-title){order:2;margin:22px 0 0;font-size:34px;line-height:1.32}body[data-mode=receive] .stage{order:3;height:430px;min-height:430px;margin:0 0 0 -22px}body[data-mode=receive] .stage-top{font-size:7px;top:16px}body[data-mode=receive] .gift-dedication .intro{order:4;margin:15px 0 18px}body[data-mode=receive] .receive-from{order:5;margin-bottom:22px}body[data-mode=receive] .gift-inscription{order:6}body[data-mode=receive] .receive-control{order:7;margin-top:22px}body[data-mode=receive] .receive-tools{order:8}body[data-mode=receive] #read-list{order:10;margin-bottom:30px}}body .copy-panel,body .stage-top,body .stage-bottom{transition:opacity .65s}body.star-focusing .copy-panel{opacity:.38}body.star-focusing :is(.stage-top,.stage-bottom){opacity:.35}.note-overlay{perspective:none;animation:.9s both letter-veil}.note{transform-origin:50%;will-change:opacity, transform;animation:.95s cubic-bezier(.22,.68,.25,1) both letter-arrive}.note>p{animation:.85s .26s both letter-copy}.note .signature{animation:.8s .48s both letter-copy}.note .text-action{animation:.65s .6s both letter-copy}.note-seal{animation:.8s .12s both letter-copy}@keyframes letter-veil{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#03071300}to{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0307139c}}@keyframes letter-arrive{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes letter-copy{0%{opacity:0}to{opacity:1}}body[data-note-motion=still] :is(.note-overlay,.note,.note>p,.note .signature,.note .text-action,.note-seal){animation:none}.ceremony-veil{z-index:28;pointer-events:none;opacity:var(--ceremony-dark,0);-webkit-backdrop-filter:blur(var(--ceremony-blur,0px));backdrop-filter:blur(var(--ceremony-blur,0px));background:radial-gradient(at 50% 43%,#21213635,#0000 56%),#030713dc;position:fixed;inset:0}.ceremony-canvas{z-index:31;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}body:is([data-note-motion=ceremony],[data-note-motion=still]) .note-overlay{perspective:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(at 50% 43%,#21213635,#0000 56%),#030713dc;animation:none}body.star-focusing[data-note-motion=ceremony] .note-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}body:is([data-note-motion=ceremony],[data-note-motion=still]) .note{background:radial-gradient(ellipse at 50% 0, var(--seal-tint,#aa766317), transparent 48%), linear-gradient(155deg, #1d202cfb, #101521fc 72%);will-change:clip-path, opacity;border-color:#e3c69724;border-radius:24px;width:min(540px,100vw - 46px);min-height:0;max-height:calc(100dvh - 46px);padding:42px 44px 26px;animation:1.25s cubic-bezier(.22,.7,.25,1) both ceremony-letter;overflow:auto;transform:none;box-shadow:0 32px 100px #0009,0 0 80px #b9896a08,inset 0 1px #fff1}body:is([data-note-motion=ceremony],[data-note-motion=still]) .note:before{border-radius:inherit;background:radial-gradient(at 50% 0,#edc9a407,#0000 60%);border:0;inset:0}body:is([data-note-motion=ceremony],[data-note-motion=still]) .note:after{content:"";background:linear-gradient(90deg,#0000,#f3dab9aa,#0000);height:1px;animation:1.5s both ceremony-edge;position:absolute;top:0;left:25%;right:25%;box-shadow:0 0 18px #ffdbad42}body:is([data-note-motion=ceremony],[data-note-motion=still]) .note-seal{background:radial-gradient(var(--seal-glow,#a3554e12), transparent 72%);width:64px;height:64px;box-shadow:0 0 36px var(--seal-tint,#a3554e0c);border-color:#e5c8ad12;margin-bottom:18px;animation:1s .9s both ceremony-ink}body:is([data-note-motion=ceremony],[data-note-motion=still]) .note-seal .mini-gem{clip-path:polygon(50% 0,62% 33%,98% 36%,71% 58%,80% 95%,50% 76%,20% 95%,29% 58%,2% 36%,38% 33%);opacity:1;width:26px;height:26px;transition:opacity .4s}body.star-focusing[data-note-motion=ceremony] .note-seal .mini-gem{opacity:0}body:is([data-note-motion=ceremony],[data-note-motion=still]) .note .eyebrow{letter-spacing:2px;color:#aa9985;font-size:10px;line-height:1.8;animation:.9s .45s both ceremony-ink}body:is([data-note-motion=ceremony],[data-note-motion=still]) .note>p{color:#f0e5d7;margin:28px auto 20px;font-family:Songti SC,Noto Serif CJK SC,serif;font-size:25px;font-weight:400;line-height:1.9;animation:1.15s .7s both ceremony-ink}body:is([data-note-motion=ceremony],[data-note-motion=still]) .note .signature{text-align:center;letter-spacing:1px;color:#a99b8c;margin-top:0;font-family:inherit;font-size:12px;font-style:normal;animation:1s 1.05s both ceremony-ink}body:is([data-note-motion=ceremony],[data-note-motion=still]) .note .text-action{letter-spacing:1px;margin-top:30px;animation:.8s 1.25s both ceremony-ink}body:is([data-note-motion=ceremony],[data-note-motion=still]) #note-media{animation:1s .65s both ceremony-ink}body:is([data-note-motion=ceremony],[data-note-motion=still]) #close-note{color:#a9a6ad;background:#ffffff04;border:1px solid #e6d6bd12;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-size:23px;font-weight:300;line-height:1;transition:color .2s,background .2s,border-color .2s;display:grid;top:12px;right:12px}body:is([data-note-motion=ceremony],[data-note-motion=still]) #close-note:hover{color:#f0e5d7;background:#ffffff0a;border-color:#e6d6bd30}body:is([data-note-motion=ceremony],[data-note-motion=still]) .note-constellation{color:#b4a58f;opacity:.45;font-size:18px;top:26px;left:27px}@keyframes ceremony-letter{0%{opacity:0;clip-path:inset(0 0 100% round 24px)}25%{opacity:1}to{opacity:1;clip-path:inset(0 round 24px)}}@keyframes ceremony-ink{0%{opacity:0;filter:blur(3px);transform:translateY(5px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes ceremony-edge{0%{opacity:0;transform:scaleX(.2)}40%{opacity:1}to{opacity:.45;transform:scaleX(1)}}@media (max-width:760px){body:is([data-note-motion=ceremony],[data-note-motion=still]) .note{min-height:0;padding:36px 24px 22px}body:is([data-note-motion=ceremony],[data-note-motion=still]) .note>p{font-size:22px;line-height:1.85}body:is([data-note-motion=ceremony],[data-note-motion=still]) .note-seal{width:56px;height:56px;margin-bottom:16px}}@media (prefers-reduced-motion:reduce){body.star-focusing .copy-panel,body.star-focusing :is(.stage-top,.stage-bottom){opacity:1}}body[data-note-motion=still] :is(.note-overlay,.note,.note-seal,.note .eyebrow,.note>p,.note .signature,.note .text-action,#note-media){filter:none;clip-path:none;transform:none;animation:none!important}.note-seal .mini-gem{background:conic-gradient(from 40deg at 50% 50%, var(--seal-base,#c5163d), var(--seal-light,#ed8ca4) 14%, var(--seal-base,#c5163d) 25%, var(--seal-dark,#3a142a) 45%, var(--seal-base,#c5163d) 58%, var(--seal-light,#f7b4ba) 69%, var(--seal-dark,#3a142a) 83%, var(--seal-base,#c5163d));filter:drop-shadow(0 0 6px var(--seal-glow,#a92c4b44))}
.star-jar-app{--header-height:90px;min-height:100vh}button:disabled{opacity:.45;cursor:wait}input[readonly]{cursor:text}.link-output{width:100%;margin:14px 0;font-size:13px}.gift-delivery-choices{margin:22px 0 16px}.gift-email-panel{border-top:1px solid #ffffff20;margin-top:24px;padding-top:18px}.gift-email-panel summary{cursor:pointer;color:#e5cf9e}.gift-email-panel form{margin-top:16px}.gift-email-panel input,#delivery-email{width:100%;margin-top:10px}.gift-email-panel .quiet,#delivery-email-fields .quiet{line-height:1.7}#gift-email-status:empty{display:none}.library-item{color:#ebe5f8;text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff16;justify-content:space-between;align-items:center;width:100%;padding:18px 0;display:flex}.library-item small{color:#979eb2}.note-media img,#note-media video,#note-media audio{max-width:100%}#read-list{max-height:400px;overflow:auto}#timezone{width:100%}body[data-mode=contribute] #light-constellation{display:none}.star-jar-app [hidden]{display:none!important}.star-jar-app.is-booting{pointer-events:none}.star-jar-app.is-booting .copy-panel,.star-jar-app.is-booting .collection,.star-jar-app.is-booting .home-details{visibility:hidden}.star-jar-app[data-entry=home].is-booting .copy-panel,.star-jar-app[data-entry=home].is-booting .home-details{visibility:visible}.star-jar-app[data-entry=home].is-booting .collection,.star-jar-app[data-entry=home].is-booting:before{display:none}.star-jar-app.is-booting:before{content:"正在点亮你的宇宙…";text-align:center;color:#bfb6d0;letter-spacing:3px;z-index:20;font-size:14px;position:fixed;inset:45% 0 auto}.home-start{justify-content:space-between;align-items:center;gap:24px;padding:34px 0 10px;display:flex}.home-start h2{margin:0;font-size:24px;font-weight:400}.home-start .primary{flex-shrink:0}@media (max-width:760px){.home-start{flex-direction:column;align-items:flex-start}.home-start h2{font-size:20px}}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) #light-constellation,:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) #constellation-progress,:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) .read-stat{display:none}.home-ai-teaser{color:#c3b8de;max-width:390px;margin-top:25px;font-size:12px;line-height:1.9;display:block}.home-ai-teaser>span:first-child{letter-spacing:1.5px;color:#a896c5;margin-bottom:4px;font-size:10px;display:block}.home-ai-teaser+.small-print{margin-top:7px}.home-ai-story{scroll-margin-top:calc(var(--header-height) + 16px);background:radial-gradient(at 0 0,#79609b1f,#0000 65%),#0c101c;border:1px solid #c0a2e52b;border-radius:20px;margin:12px 0 54px;padding:38px}.home-ai-heading,.home-ai-value{justify-content:space-between;align-items:center;gap:24px;display:flex}.home-ai-heading h2{color:#e4dcf2;margin:16px 0 0;font-size:32px;font-weight:400;line-height:1.5}.home-ai-status{color:#b9a8cd;border:1px solid #c0a2e52b;border-radius:20px;flex-shrink:0;padding:9px 13px;font-size:10px}.home-ai-lead{color:#9ba6bb;max-width:650px;margin:18px 0 28px;font-size:13px;line-height:2}.home-ai-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.home-ai-grid article{border-top:1px solid #c0a2e52b;padding:22px 0 8px}.home-ai-symbol{color:#c6afd9;margin-bottom:18px;font-size:28px;display:block}.home-ai-grid h3{margin:14px 0 12px;font-size:18px;font-weight:400;line-height:1.6}.home-ai-grid p,.home-ai-value>span{color:#9ba6bb;font-size:12px;line-height:2}.home-ai-value{border-top:1px solid #c0a2e52b;margin-top:22px;padding-top:24px}.home-ai-value>p{color:#d5c7e6;margin:0;font-size:21px;line-height:1.7}.home-pricing-note{color:#8897ae;margin:28px 0 0;font-size:11px;line-height:1.9}.home-start h2{line-height:1.6}@media (max-width:760px){.home-ai-story{margin-bottom:36px;padding:24px}.home-ai-heading,.home-ai-value{flex-direction:column;align-items:flex-start;gap:16px}.home-ai-heading h2{font-size:25px}.home-ai-grid{grid-template-columns:1fr;gap:12px}.home-ai-grid h3{font-size:17px}.home-ai-value>p{font-size:19px}}.note-moment{border-bottom:1px solid #d7bc9426;margin:22px 0 24px;padding-bottom:20px}.note-moment h2{color:#e0cba9;margin:0 0 10px;font-family:Songti SC,serif;font-size:22px;font-weight:400;line-height:1.6}.note-moment p,.note-afterword{color:#aca6a4;font-size:12px;line-height:2}.note-moment p{margin:0}.note-afterword{color:#d3bfa2;border-top:1px solid #d7bc9426;margin-top:26px;padding-top:20px}.note-read-status{color:#b7a38b;margin-top:12px;font-size:10px;line-height:1.8}.note-reading-actions{flex-direction:column;align-items:center;gap:8px;margin-top:28px;display:flex}body:is([data-note-motion=ceremony],[data-note-motion=still]) .note .note-reading-actions .text-action{letter-spacing:.5px;border:0;width:auto;max-width:100%;min-height:44px;margin-top:0;padding:12px 20px;font-size:12px;line-height:1.6;transition:background .2s,color .2s,box-shadow .2s}body:is([data-note-motion=ceremony],[data-note-motion=still]) .note .note-reading-actions .note-action-primary{color:#30291f;background:linear-gradient(110deg,#ecdbb9,#d7bc91);border:1px solid #eed1a74d;border-radius:999px;min-width:min(220px,100%);font-weight:500;box-shadow:0 4px 18px #d6b78b12,inset 0 1px #fff6}body:is([data-note-motion=ceremony],[data-note-motion=still]) .note .note-reading-actions .note-action-primary:hover:not(:disabled){background:linear-gradient(110deg,#f4e5c9,#e4cba5);box-shadow:0 4px 24px #d6b78b26}body:is([data-note-motion=ceremony],[data-note-motion=still]) .note .note-reading-actions .text-action:not(.note-action-primary){color:#9b9aa6;border-radius:999px}body:is([data-note-motion=ceremony],[data-note-motion=still]) .note .note-reading-actions .text-action:not(.note-action-primary):hover:not(:disabled){color:#d9cbbb;background:#ffffff05}#note-text:empty{display:none}.note-read-status:has(#note-read-status:empty):has(#retry-read[hidden]){display:none}#retry-read{font-size:11px}.receive-ending{background:radial-gradient(at 0 0,#c9ad7612,#0000 80%);border:1px solid #dbc4a02c;border-radius:12px;max-width:370px;margin:28px 0 22px;padding:24px;animation:.8s both heart-rests}.receive-ending .eyebrow{color:#b5a082}.receive-ending h2{color:#ebd9bf;margin:16px 0;font-family:Songti SC,serif;font-size:27px;font-weight:400;line-height:1.6}.receive-ending p{color:#a5abb6;font-size:12px;line-height:2}.receive-ending .ending-whisper{color:#cfb89a;margin-bottom:0}@keyframes heart-rests{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.note-moment h2{font-size:20px}.note-moment{margin:16px 0;padding-bottom:16px}.note-afterword{margin-top:20px}.receive-ending{padding:20px}.receive-ending h2{font-size:24px}}@media (prefers-reduced-motion:reduce){.receive-ending{animation:none}}body[data-note-motion=still] .receive-ending{animation:none}@media (max-width:760px){body[data-mode=receive] .receive-ending{order:8;align-self:flex-start;width:100%;max-width:370px}}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) .copy-panel{isolation:isolate;position:relative;transform:translateZ(0)}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) .stage{isolation:isolate;contain:paint}header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080d18ed;position:sticky;top:0}header nav a{color:#a8b1c6;white-space:nowrap;padding:14px 0;font-size:12px;transition:color .2s;position:relative}header nav a:hover{color:#eee3d0}header nav a:after{content:"";background:#dfc49b;border-radius:2px;height:2px;transition:transform .2s;position:absolute;bottom:4px;left:0;right:0;transform:scaleX(0)}header nav a.is-active{color:#f0dbb6;text-shadow:0 0 16px #dfc49b40}header nav a.is-active:after{transform:scaleX(1)}.header-actions{align-items:center;gap:20px;display:flex}.header-actions .text-action{white-space:nowrap;margin:0;font-size:12px}.header-create{gap:16px;padding:12px 18px;font-size:11px}body.gift-file .header-create,body.gift-file #resume{display:none}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) .universe{flex-direction:column;align-items:center;gap:0;height:calc(100svh - 90px);min-height:540px;padding:0 40px;display:flex}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) .cosmic-background{background:radial-gradient(at 50% 65%,#45427629,#0000 65%)}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) .copy-panel{text-align:center;flex:none;width:100%;max-width:1000px;padding:20px 0 0}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) .copy-panel>.eyebrow{color:#ab9a85}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) :is(h1,.app-state-title){letter-spacing:1px;margin:12px 0;font-family:Songti SC,Noto Serif SC,serif;font-size:clamp(36px,3.5vw,48px);font-weight:400;line-height:1.2}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) :is(h1,.app-state-title) span{color:#e2c9a0}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) .intro{color:#a4aec2;margin:0 0 16px;font-size:13px;line-height:1.8}.hero-whisper{color:#dbd0bf}.stage-top{z-index:3}.bottle-zodiac-control{z-index:4;flex-direction:column;width:94px;height:min(600px,100% - 64px);display:flex;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.zodiac-picker-label{text-align:center;letter-spacing:1px;color:#c7b89f;margin-bottom:14px;font-size:11px;display:block}#bottle-zodiac{flex:1;grid-template-rows:repeat(12,minmax(0,1fr));grid-template-columns:minmax(0,1fr);gap:4px;min-height:0;display:grid}.zodiac-preview-button{color:#929caf;background:#101722bb;border:1px solid #b2bbd525;border-radius:12px;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;min-height:0;padding:3px 8px;transition:color .2s,border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative}.zodiac-preview-button>span{font-family:Arial Unicode MS,Segoe UI Symbol,sans-serif;font-size:21px;line-height:1}.zodiac-preview-button>small{font-size:10px;line-height:1.3}.zodiac-preview-button:hover{color:#e6d6bb;background:#262738;border-color:#d9bc8c88}.zodiac-preview-button[aria-pressed=true]{color:#f7dfad;background:linear-gradient(135deg,#5c4833d9,#302839eb);border-color:#e9c688;box-shadow:0 0 0 1px #e9c68840,0 0 23px #d0ad6638,inset 0 0 16px #e9c68815}.zodiac-preview-button[aria-pressed=true]:after{content:"✓";color:#f7dfad;font-size:9px;position:absolute;top:50%;right:5px;transform:translateY(-50%)}body[data-mode=home] #reset-camera{right:140px}@media (max-height:850px){.zodiac-picker-label{margin-bottom:8px;font-size:10px}#bottle-zodiac{gap:3px}.zodiac-preview-button{border-radius:7px;gap:7px;padding:1px 7px}.zodiac-preview-button>span{font-size:17px}.zodiac-preview-button>small{font-size:9px}}.hero-gift-actions{z-index:2;flex:none;margin:0;padding:10px 0 18px;position:relative}.star-jar-app.is-booting:not([data-entry=home]) .hero-gift-actions{visibility:hidden}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) .actions{justify-content:center;gap:28px}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) .primary{color:#29231c;background:linear-gradient(115deg,#f3e8cd,#d8be95)}.hero-details{color:#8893a8;margin:22px 0 0;font-size:11px;line-height:2}.hero-details span{color:#a48e6e;margin:0 12px}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) #sign-story{display:none}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) .stage{width:100%;max-width:1100px;height:auto;min-height:0;scroll-margin-top:calc(var(--header-height) + 16px);flex:1 1 0;margin:8px auto 0;position:relative;top:auto}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) .stage-top{color:#aa9e8c}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) .home-details{max-width:1200px;margin:0 auto 60px;padding:0 36px}.demo-caption{text-align:center;padding:10px 0 55px}.demo-caption p{color:#d3c4ae;font-family:Songti SC,serif;font-size:20px;line-height:1.8}.demo-caption .hero-details{color:#8893a8;margin:0 0 20px;font-family:inherit;font-size:11px}.demo-caption .text-action{color:#a9b3cb;font-size:12px}.landing-section{scroll-margin-top:calc(var(--header-height) + 16px);border-top:1px solid #d5bd9824;padding:86px 0}.landing-heading{text-align:center;margin:0 auto 42px}.landing-heading h2{color:#ede4d5;margin:18px 0;font-family:Songti SC,serif;font-size:clamp(30px,3.3vw,44px);font-weight:400;line-height:1.5}.landing-heading>p{color:#939fb6;margin:18px 0;font-size:14px;line-height:2}.landing-heading .home-ai-status{margin-top:8px;display:inline-block}.occasion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.occasion-card{background:radial-gradient(at 100% 0,#baa7e012,#0000 65%),#0b101b;border:1px solid #cbb99826;border-radius:20px;padding:34px;position:relative}.occasion-card:nth-child(2){background:radial-gradient(at 100% 0,#c8919a16,#0000 65%),#0b101b}.occasion-card:nth-child(3){background:radial-gradient(at 100% 0,#759dbb16,#0000 65%),#0b101b}.occasion-card:nth-child(4){background:radial-gradient(at 100% 0,#d3b57616,#0000 65%),#0b101b}.occasion-symbol{color:#d8bb8b70;font-size:42px;position:absolute;top:26px;right:35px}.occasion-card h3{color:#e0d7c9;margin:22px 0;font-family:Songti SC,serif;font-size:27px;font-weight:400;line-height:1.5}.occasion-card blockquote{color:#c7b1ce;margin:0 0 18px;font-size:14px;line-height:1.8}.occasion-card p{color:#95a1b7;max-width:400px;font-size:12px;line-height:2}.occasion-card .text-action{color:#dec7a4;margin-top:18px;font-size:12px}.ai-story-example{background:linear-gradient(120deg,#24203588,#111722);border:1px solid #c9b49330;border-radius:20px;grid-template-columns:1fr 40px 1.35fr;align-items:center;gap:28px;padding:40px;display:grid}.ai-story-example p,.ai-story-example blockquote{color:#e0d0b9;margin:18px 0;font-family:Songti SC,serif;font-size:20px;line-height:1.9}.ai-story-example p{color:#b7bbca}.ai-story-example small{color:#8b94a6;font-size:10px}.story-arrow{color:#bea27d;text-align:center;font-size:25px}#ai-gift-story .home-ai-grid{margin-top:28px}.ai-value-line{color:#d4c0a0;text-align:center;margin:38px 0 0;font-family:Songti SC,serif;font-size:20px;line-height:1.8}.section-action{text-align:center;margin-top:35px}.gift-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.gift-plan-card{background:linear-gradient(155deg,#151a28,#0c111d);border:1px solid #c8c4e526;border-radius:22px;flex-direction:column;padding:32px 26px 26px;display:flex;position:relative}.gift-plan-card.gift-plan-featured{background:radial-gradient(at 50% 0,#c6a66f15,#0000 65%),linear-gradient(155deg,#1b1e29,#101521);border-color:#d9bd8d66;box-shadow:0 12px 44px #0002,inset 0 1px #f2d5ab1a}.gift-plan-recommendation{color:#302719;letter-spacing:1px;white-space:nowrap;background:#e5cf9e;border:1px solid #e8d6b1;border-radius:999px;padding:4px 16px;font-size:11px;font-weight:600;line-height:1.5;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.gift-plan-card>.eyebrow{color:#af9f87;letter-spacing:1.5px;font-size:10px}.gift-plan-card h3{color:#e4d7c2;margin:18px 0 22px;font-family:Songti SC,serif;font-size:25px;font-weight:400}.gift-plan-price{color:#f1e4ce;align-items:baseline;gap:9px;display:flex}.gift-plan-price strong{letter-spacing:-2px;font-variant-numeric:tabular-nums;font-size:clamp(36px,3.6vw,48px);font-weight:450;line-height:1}.gift-plan-price>span{letter-spacing:1px;color:#968f88;font-size:10px}.gift-plan-card .gift-plan-description{color:#9ca5b6;margin:20px 0 24px;font-size:12px;line-height:1.9}.gift-plan-features{border-top:1px solid #d1bb9620;gap:15px;margin:0 0 30px;padding:23px 0 0;list-style:none;display:grid}.gift-plan-features li{color:#abb2c0;padding-left:18px;font-size:12px;line-height:1.8;position:relative}.gift-plan-features li:before{content:"✧";color:#baa27c;position:absolute;left:0}.gift-plan-features strong{color:#e1d1b8;font-weight:500}.gift-plan-video-preview{width:100%;color:inherit;font:inherit;text-align:start;border-radius:4px;padding:0;display:block}.gift-plan-video-preview>strong,.gift-plan-video-preview>span,.gift-plan-video-preview>small{display:block}.gift-plan-video-preview>small{color:#d4b88f;text-underline-offset:3px;margin-top:5px;font-size:11px;text-decoration:underline}.gift-plan-video-preview:hover>strong,.gift-plan-video-preview:hover>small{color:#f4dbb4}.gift-plan-action{text-align:center;gap:12px;margin-top:auto;display:grid}.gift-plan-action .primary{justify-content:center;width:100%;padding:15px 16px;font-size:12px}.gift-plan-unavailable{color:#bcac94;background:#c7b18a0a;border:1px solid #cbb89135;border-radius:999px;width:100%;padding:14px 16px;font-size:12px}.gift-plan-unavailable:disabled{opacity:1;cursor:default}.star-jar-app #flow-dialog:has(.gift-upgrade){scrollbar-width:none;width:900px;padding:32px}.star-jar-app #flow-dialog:has(.gift-upgrade)::-webkit-scrollbar{width:0;height:0;display:none}.gift-upgrade.landing-section{border:0;padding:0}.gift-upgrade .landing-heading{margin-bottom:24px}.gift-upgrade .landing-heading h2{font-size:30px}.gift-upgrade .gift-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:760px){.star-jar-app #flow-dialog:has(.gift-upgrade){padding:32px 20px 20px}.gift-upgrade .gift-pricing-grid{grid-template-columns:1fr}}.gift-plan-footnote{color:#868f9f;font-size:10px;line-height:1.7}.gift-ai-allowance{background:#10152280;border:1px solid #c8c4e51c;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:16px 30px;margin-top:26px;padding:28px 30px;display:grid}.gift-ai-allowance .eyebrow{color:#a59276}.gift-ai-allowance h3{color:#dfd1bb;margin:10px 0;font-family:Songti SC,serif;font-size:22px;font-weight:400;line-height:1.6}.gift-ai-allowance p{color:#939daf;margin:0;font-size:12px;line-height:1.9}.gift-ai-equivalence{color:#b7b4b2;align-items:center;gap:18px;font-size:11px;display:flex}.gift-ai-equivalence>span{text-align:center;white-space:nowrap;gap:9px;display:grid}.gift-ai-equivalence strong{color:#e2cfad;font-variant-numeric:tabular-nums;font-size:27px;font-weight:400}.gift-ai-equivalence i{color:#736c62;font-style:normal}.gift-ai-allowance .gift-ai-example-note{color:#8a8e9c;grid-column:1/-1;font-size:10px}.gift-pricing-note{text-align:center;color:#8992a3;margin:22px 0 0;font-size:11px;line-height:2}.star-plan-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;margin:0 0 15px;display:flex}.star-plan-summary p{color:#9da4b3;margin:0;font-size:11px;line-height:1.9}.star-plan-summary .text-action{color:#d0b994;padding:8px 0;font-size:11px}@media (min-width:761px) and (max-width:1000px){.gift-plan-card{padding:28px 18px 22px}.gift-plan-features li{font-size:11px}.gift-plan-card .gift-plan-description{min-height:46px}}@media (max-width:760px){.gift-pricing-grid{grid-template-columns:1fr;gap:16px}.gift-plan-card{padding:28px 24px 24px}.gift-ai-allowance{grid-template-columns:1fr;gap:22px;padding:24px}.gift-ai-equivalence{justify-content:space-between;gap:10px}.gift-ai-allowance h3{font-size:20px}}.landing-faq details{border-bottom:1px solid #d5bd9824;max-width:800px;margin:auto;padding:23px 0}.landing-faq summary{cursor:pointer;color:#d5d9e3;font-size:16px;line-height:1.7}.landing-faq details p{color:#96a2b8;max-width:720px;margin-bottom:0;font-size:13px;line-height:2}.home-start{text-align:center;background:radial-gradient(at top,#c2a77b13,#0000 80%);border:1px solid #c8ae8729;border-radius:24px;flex-direction:column;gap:20px;padding:65px 24px 80px}.home-start h2{color:#e4d4ba;font-family:Songti SC,serif;font-size:36px}.home-start p{color:#98a2b5;margin:0 0 10px;font-size:13px;line-height:2}#gift-workspace{scroll-margin-top:calc(var(--header-height) + 16px)}.gift-workspace-intro p{color:#d9c7ac;margin:12px 0 22px;font-family:Songti SC,serif;font-size:18px;line-height:1.8}body[data-mode=write] .stage{align-self:start;position:sticky}.showing-gift-example #light-constellation,.showing-gift-example #constellation-progress,body[data-mode=write] .stage-bottom .read-stat,:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) .stage-bottom .read-stat{display:none}@media (min-width:761px){:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) :is(h1,.app-state-title) br{display:none}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) .stage-top{top:16px}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) .stage-bottom{bottom:16px}}@media (max-width:1100px){header{gap:16px;padding-left:28px;padding-right:28px}header nav{gap:22px}.header-actions{gap:14px}.header-create{display:none}}@media (max-width:760px){.star-jar-app{--header-height:105px}body.gift-file .star-jar-app{--header-height:72px}.bottle-zodiac-control{width:84px;height:min(420px,100% - 52px);right:14px}.zodiac-picker-label{letter-spacing:0;margin-bottom:7px;font-size:9px}#bottle-zodiac{scrollbar-width:thin;grid-template-rows:repeat(12,minmax(26px,1fr));gap:4px;padding:2px;overflow-y:auto}.zodiac-preview-button{border-radius:7px;gap:6px;min-height:0;padding:2px 6px}.zodiac-preview-button>span{font-size:18px}.zodiac-preview-button>small{font-size:8px}.zodiac-preview-button[aria-pressed=true]:after{font-size:8px;right:3px}body[data-mode=home] #reset-camera{right:110px}body[data-mode=home] .stage-bottom p{display:none}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) #canvas-host{right:88px}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) .stage-top{right:126px}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) .stage-top #shape-label{letter-spacing:1px;font-size:7px}header{gap:12px;height:105px;padding:0 22px 34px}header nav{justify-content:space-between;gap:14px;display:flex;top:69px}header nav a{padding:10px 0;font-size:11px}.header-actions{gap:12px}.header-actions .text-action{font-size:10px}.brand{gap:5px;font-size:12px}.brand>span{font-size:7px}.brand img{width:22px}body.gift-file header{height:72px;padding-bottom:0}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) .universe{height:calc(100svh - 105px);min-height:520px;padding:0 22px}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) .copy-panel{padding-top:14px}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) :is(h1,.app-state-title){letter-spacing:0;margin:10px 0;font-size:clamp(30px,8vw,38px)}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) .intro{margin-bottom:12px;font-size:11px;line-height:1.8}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) .actions{flex-wrap:wrap;gap:20px}.hero-details{max-width:300px;margin:20px auto 0;font-size:10px}.hero-details span{margin:0 5px}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) .stage{width:calc(100% + 44px);max-width:none;height:auto;min-height:0;margin:4px -22px 0}:is(body[data-mode=home],.star-jar-app[data-entry=home].is-booting) .home-details{margin-bottom:30px;padding:0 22px}.demo-caption{padding:0 0 36px}.demo-caption p{font-size:16px}.landing-section{padding:52px 0}.landing-heading{margin-bottom:28px}.landing-heading h2{font-size:30px}.landing-heading>p{font-size:12px}.occasion-grid,.gift-pricing-grid{grid-template-columns:1fr;gap:16px}.occasion-card,.gift-pricing-grid article{padding:26px}.occasion-card h3{font-size:25px}.ai-story-example{grid-template-columns:1fr;gap:4px;padding:26px}.ai-story-example p,.ai-story-example blockquote{font-size:18px}.story-arrow{text-align:left}.ai-value-line{font-size:18px}.home-start{align-items:center;padding:42px 22px}.home-start h2{font-size:27px}body[data-mode=write] .stage{width:calc(100% + 44px);margin-top:15px;position:relative;top:auto}body[data-mode=write] .copy-panel{padding-top:16px;display:block}}.account-form{text-align:left;gap:10px;margin-top:24px;display:grid}.account-form label{color:#b9afcc;font-size:12px}.account-form input{box-sizing:border-box;width:100%;min-height:46px}.account-form .primary{width:100%;margin-top:8px}.account-error{color:#ffb8c9;min-height:20px;margin:0;font-size:13px}.account-actions{gap:12px;margin-top:24px;display:grid}#account{text-overflow:ellipsis;max-width:100px;overflow:hidden}#library-account{color:#aaa0bb;font-size:13px;line-height:1.8}@media (max-width:760px){.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}#account{max-width:80px}}.account-notice{color:#d4c3a0;overflow-wrap:anywhere;font-size:13px;line-height:1.8}.account-links{flex-wrap:wrap;gap:4px 20px;margin-top:12px;display:flex}.account-links .text-action{margin-top:8px}#account-mail-form .account-notice:empty{display:none}.google-signin{color:#e3e3e3;width:100%;min-height:46px;font:inherit;cursor:pointer;background:#131314;border:1px solid #8e918f;border-radius:10px;justify-content:center;align-items:center;gap:12px;margin-top:20px;padding:10px 16px;font-size:14px;display:flex}.google-signin:hover{background:#242426;border-color:#d4bc83}.google-signin:focus-visible{outline-offset:3px;outline:2px solid #d4bc83}.google-signin:disabled{opacity:.65;cursor:default}.google-signin .google-mark{background:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.google-signin .google-mark img{width:18px;height:18px;display:block}.account-divider{color:#aaa0bb;align-items:center;gap:14px;margin:18px 0 -8px;font-size:12px;display:flex}.account-divider:before,.account-divider:after{content:"";background:#514455;flex:1;height:1px}.account-heading{text-align:center;margin:6px 0 28px}.account-brand-mark{margin:0 auto 20px;display:block}.account-heading h2{margin:0 0 14px}.account-heading p{max-width:350px;margin:0 auto}.account-shell .google-signin{min-height:50px;margin:0}.account-shell .account-divider{margin:24px 0}.account-shell .account-form{gap:10px;margin-top:0}.account-shell .account-form label{margin:0}.account-shell .account-form input{min-height:50px}.account-shell .account-form .primary{justify-content:center;margin-top:12px}.account-entry .account-form .primary:disabled{cursor:default}.account-footer{color:#a0abc2;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:24px;font-size:12px;display:flex}.account-footer .text-action{margin:0}.account-shell .account-footnote{text-align:center;color:#7e899e;margin:16px 0 0;font-size:11px}.account-shell .account-notice{margin:0 0 22px}.account-email-label{justify-content:space-between;align-items:center;gap:12px;display:flex}.account-email-label .text-action{margin:0;padding:0;font-size:11px}.account-shell .account-error:empty{display:none}.account-shell .account-back{margin:20px auto 0;font-size:12px;display:block}@media (max-width:480px){.account-heading{margin-bottom:24px}.account-heading h2{font-size:24px}.account-brand-mark{width:36px;height:36px;margin-bottom:16px}.account-shell .account-divider{margin:20px 0}.account-footer{margin-top:20px}}.account-mail-flow .account-form>.primary{min-height:50px}.account-form .account-mail-feedback:not(:empty){background:#cdb2880b;border:1px solid #d6bd9729;border-radius:10px;margin:4px 0 0;padding:12px 14px}.account-shell>.account-primary{justify-content:center;width:100%;min-height:50px;margin-top:24px;display:flex}.account-details{background:#cdb28806;border:1px solid #d6bd9729;border-radius:12px;gap:18px;margin:0;padding:18px;display:grid}.account-details>div{min-width:0}.account-details dt{color:#a0abc2;margin:0 0 6px;font-size:11px}.account-details dd{color:#e7e0d6;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.7}.account-status{color:#d5c09c;white-space:nowrap;vertical-align:middle;border:1px solid #d6bd9738;border-radius:20px;margin-left:8px;padding:1px 7px;font-size:10px;display:inline-block}.account-security{margin-top:20px}.account-security-row{border-bottom:1px solid #ffffff16;justify-content:space-between;align-items:center;gap:18px;padding:15px 0;display:flex}.account-security-row>div{min-width:0}.account-security-row strong{color:#dfd8d0;font-size:13px;font-weight:400}.account-security-row small{color:#979eb2;margin-top:5px;font-size:11px;line-height:1.7;display:block}.account-security-row>.text-action{flex:none;margin:0;font-size:12px}.account-profile .account-security .google-signin{margin-top:16px}.star-jar-app #flow-dialog:has(.account-library){height:min(680px,100dvh - 32px);max-height:calc(100dvh - 32px);padding:24px 30px 18px;overflow:hidden}.star-jar-app #flow-dialog:has(.account-library) #dialog-content{height:100%;min-height:0}.account-library{flex-direction:column;height:100%;min-height:0;display:flex}.account-library>*{flex-shrink:0}.account-library .account-heading{margin:0 0 10px}.account-library .account-brand-mark{width:26px;height:26px;margin-bottom:8px}.account-library .account-heading h2{margin:0 0 6px;font-size:24px}.account-library .account-heading p{font-size:11px;line-height:1.7}.account-library #library-account{text-align:center;overflow-wrap:anywhere;margin:0 0 14px;font-size:10px;line-height:1.6}.account-library-tabs{background:#080e1738;border:1px solid #d6bd9726;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0 0 14px;padding:4px;display:grid}.account-library-tabs [role=tab]{color:#99a3b7;min-height:32px;font:inherit;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin:0;padding:5px 12px;font-size:12px;line-height:20px;transition:color .18s,background .18s,border-color .18s;display:flex}.account-library-tabs [role=tab]:hover{color:#eee1ce;background:#d6bd9709}.account-library-tabs [aria-selected=true]{color:#f0dfbf;background:linear-gradient(120deg,#d6bd9724,#d6bd9710);border-color:#d6bd9738;box-shadow:0 2px 8px #0002}.account-library-tabs [role=tab]:focus-visible{outline-offset:2px;outline:2px solid #c7c0f6}.library-tab-count{font-variant-numeric:tabular-nums;background:#a4aeca10;border-radius:20px;min-width:23px;padding:2px 7px;font-size:10px;line-height:1.5}.account-library-tabs [aria-selected=true] .library-tab-count{background:#d6bd971c}.account-library .account-library-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8c7a6555 transparent;flex:1 1 0;min-height:0;max-height:none;overflow:auto}.account-library-list [role=tabpanel]{min-height:100%}.account-library-list [role=tabpanel]:focus-visible{outline-offset:-2px;border-radius:12px;outline:2px solid #c7c0f6}.account-library>.account-primary{min-height:44px;margin-top:14px;padding:10px 16px;font-size:12px;line-height:20px}.account-library .account-footer{margin-top:8px}.account-library .account-footer .text-action{padding:4px 8px;font-size:11px;line-height:20px}.account-library>.account-footnote{margin-top:4px;font-size:10px;line-height:1.7}.account-library-group+.account-library-group{margin-top:14px}.account-library-group h3{color:#bfb2a2;justify-content:space-between;gap:12px;margin:0 0 8px;font-size:12px;font-weight:400;display:flex}.account-library-group h3>span{color:#8994a8;font-size:11px}.account-library .library-item{background:#cdb28806;border:1px solid #d6bd9729;border-radius:10px;grid-template-columns:minmax(0,1fr);gap:6px;margin:0 0 8px;padding:10px 12px;display:grid}.account-library .library-item:last-child{margin-bottom:0}.account-library .library-item:hover{background:#cdb2880d;border-color:#d6bd976b}.account-library .library-item:focus-visible{outline-offset:-3px;outline:2px solid #c7c0f6}.library-item-top,.library-item-bottom{justify-content:space-between;align-items:center;gap:14px;min-width:0;display:flex}.library-item-top{align-items:flex-start}.library-item-top strong{overflow-wrap:anywhere;min-width:0;font-size:13px;font-weight:400;line-height:1.5}.library-state{color:#a6aec0;border:1px solid #ffffff1c;border-radius:20px;flex:none;padding:2px 7px;font-size:10px;line-height:1.4}.library-state.is-sent{color:#d5c09c;border-color:#d6bd9738}.account-library .library-item small{min-width:0;font-size:10px;line-height:1.7}.library-action{color:#d9c4a3;text-align:right;flex:none;margin-left:auto;font-size:11px}.library-action>span{margin-left:8px}.account-library-empty{text-align:center;border:1px dashed #d6bd9740;border-radius:12px;padding:26px 18px}.account-library-empty .mini-gem{margin-bottom:8px}.account-library-empty h3{color:#ded3c6;margin:10px 0;font-size:16px;font-weight:400}.account-library-empty p{margin:0}@media (max-width:480px){.account-security-row{flex-wrap:wrap;gap:12px}.account-profile .account-heading{margin-bottom:20px}.account-profile .account-details{gap:14px;padding:14px}.account-profile .account-security{margin-top:12px}.account-profile .account-security-row{padding:12px 0}.account-profile .account-security .google-signin{min-height:46px;margin-top:12px}.account-profile>.account-primary{min-height:48px;margin-top:20px}.account-profile .account-footer{margin-top:16px}.account-profile .account-footnote{margin-top:12px}.star-jar-app #flow-dialog:has(.account-library){padding:20px 22px 16px}.library-item-top,.library-item-bottom{gap:10px}}@media (max-height:600px){.star-jar-app #flow-dialog:has(.account-library){padding-top:16px;padding-bottom:12px}.account-library .account-brand-mark{display:none}.account-library .account-heading{margin-bottom:6px}.account-library .account-heading h2{margin-bottom:3px;font-size:22px}.account-library #library-account,.account-library-tabs{margin-bottom:10px}.account-library>.account-primary{margin-top:10px}}.seo-guide-links{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px;display:grid}.seo-guide-links a{color:#dec9aa;background:#141c2a;border:1px solid #37364b;border-radius:14px;justify-content:space-between;gap:16px;padding:22px;line-height:1.7;text-decoration:none;display:flex}.seo-guide-links a:hover{border-color:#b8a184}.seo-guide-links a:focus-visible,.seo-language-links a:focus-visible{outline-offset:4px;outline:2px solid #dec9aa}.seo-language-links{letter-spacing:0;flex-wrap:wrap;justify-content:center;gap:12px;font-size:12px;display:flex}.seo-language-links a{color:inherit;text-underline-offset:3px}.language-option[href]{box-sizing:border-box;text-decoration:none}.star-jar-app h1{text-wrap:balance}
.gift-arrival{z-index:80;isolation:isolate;text-align:center;color:#eee4d5;overscroll-behavior:contain;background:#070b14;grid-template-rows:auto auto minmax(240px,1fr) auto auto;min-height:100svh;padding:28px 48px 22px;display:grid;position:fixed;inset:0;overflow:auto}.arrival-sky,.arrival-nebula,.arrival-stars{pointer-events:none;position:absolute;inset:0}.arrival-sky{z-index:-1;overflow:hidden}.arrival-nebula{background:radial-gradient(at 50% 47%,#4e39613b,#0000 48%),radial-gradient(at 20% 75%,#233e532e,#0000 52%)}.arrival-stars i{left:var(--x);top:var(--y);width:var(--size);height:var(--size);animation:arrival-twinkle 4s var(--delay) ease-in-out infinite alternate;background:#eed6b0;border-radius:50%;position:absolute;box-shadow:0 0 8px #d7bc94}.arrival-topline,.arrival-bottomline{z-index:3;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.arrival-brand{letter-spacing:2.5px;color:#e3dfe8;align-items:center;gap:8px;font-size:13px;display:flex}.arrival-brand img{width:24px}.arrival-brand span{letter-spacing:1.7px;color:#b0a6bb;font-size:8px}.arrival-private{letter-spacing:2px;color:#9e91a5;font-size:10px}.arrival-heading{z-index:2;padding:22px 0 0;position:relative}.arrival-eyebrow{letter-spacing:3.4px;color:#b39c78;margin:0 0 16px;font-size:8px}.arrival-heading :is(h1,.app-state-title){letter-spacing:2px;color:#f0e8db;overflow-wrap:anywhere;margin:0;font:400 clamp(25px,3.3vw,42px)/1.5 Songti SC,Noto Serif SC,serif}.arrival-heading :is(h1,.app-state-title)>span{color:#e1c497}.arrival-heading :is(h1,.app-state-title) br{display:none}.arrival-heading :is(h1,.app-state-title):focus{outline:none}.arrival-heading>#arrival-message{letter-spacing:1px;color:#a69cab;margin:12px 0 0;font-size:12px;line-height:1.9}.arrival-vessel{z-index:1;pointer-events:none;place-items:center;width:min(700px,100%);min-height:240px;margin:0 auto;display:grid;position:relative}#arrival-scene{z-index:0;position:fixed;inset:0}.star-jar-app .gift-arrival #gift-example.stage{opacity:1;pointer-events:auto;border:0;width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:0;position:absolute;inset:0}.star-jar-app .gift-arrival:is([data-phase=opening],[data-phase=revealing]) #gift-example.stage{pointer-events:none}.gift-arrival #canvas-host canvas{cursor:grab!important}.gift-arrival #canvas-host canvas:active{cursor:grabbing!important}.arrival-seal,.arrival-side-note{pointer-events:none}.gift-arrival .stage #canvas-host{inset:0;-webkit-mask-image:none;mask-image:none}.gift-arrival .stage>:not(#canvas-host){display:none!important}.arrival-orbit{aspect-ratio:1;pointer-events:none;border:1px solid #c8ad7b26;border-radius:50%;width:min(84%,430px);position:absolute;transform:rotate(-24deg)scaleY(.78)}.arrival-orbit.inner{border-color:#bda6d01c;width:min(90%,480px);transform:rotate(29deg)scaleY(.72)}.arrival-orbit>span{color:#dbc49d;text-shadow:0 0 22px #e9ca84;font-size:20px;position:absolute;top:13%;left:10%}.arrival-orbit>i{background:#e6d0ad;border-radius:50%;width:4px;height:4px;position:absolute;bottom:9%;right:17%;box-shadow:0 0 20px #ebc68a}.arrival-seal{outline-offset:5px;color:#ecd3a3;background:linear-gradient(140deg,#554530f5,#241f29f5);border:1px solid #d7ba796b;border-radius:50%;outline:1px solid #cbb18426;place-items:center;width:42px;height:42px;margin-left:-21px;display:grid;position:absolute;bottom:9%;left:50%;box-shadow:0 6px 24px #0008,inset 0 0 12px #e1c28c15}.arrival-seal span{font-family:Arial Unicode MS,Segoe UI Symbol,sans-serif;font-size:21px}.arrival-side-note{letter-spacing:2px;color:#a0907e;writing-mode:vertical-rl;font-size:8px;position:absolute;top:50%}.arrival-side-note.left{left:4%;transform:rotate(180deg)}.arrival-side-note.right{right:4%}.arrival-invitation{z-index:3;padding:4px 0 18px;position:relative}.arrival-from{letter-spacing:1px;color:#c5b29b;justify-content:center;align-items:center;gap:15px;margin:0 0 22px;font-size:12px;line-height:1.6;display:flex}.arrival-from>span:empty{background:linear-gradient(90deg,#0000,#c0a47770);width:32px;height:1px}.arrival-from>span:empty:last-child{transform:rotate(180deg)}.arrival-open{color:#302619;letter-spacing:2px;background:linear-gradient(115deg,#f0e0c0,#cdb086);border:1px solid #f5dfb595;border-radius:99px;justify-content:center;align-items:center;gap:40px;min-width:250px;min-height:54px;padding:14px 28px;font-size:14px;transition:transform .3s,box-shadow .3s;display:inline-flex;box-shadow:0 0 40px #d4ae691a,inset 0 1px #fff8e4}.arrival-open>span:last-child{font-size:24px;line-height:1}.arrival-open:hover{transform:translateY(-3px);box-shadow:0 0 45px #d4ae6938}.arrival-status{letter-spacing:1px;color:#9b8e9e;min-height:18px;margin:13px 0 2px;font-size:10px;line-height:1.8}.arrival-secondary{justify-content:center;gap:22px;display:flex}.arrival-secondary button{color:#978b9d;text-underline-offset:4px;min-height:36px;padding:8px 12px;font-size:10px}.arrival-secondary button:hover{color:#e4cfae;text-decoration:underline}.arrival-bottomline{letter-spacing:2px;color:#8a7d90;border-top:1px solid #d0bb9420;padding-top:15px;font-size:8px}.arrival-bottomline>span:last-child{letter-spacing:1.5px}.arrival-entry{z-index:5;pointer-events:none;opacity:0;visibility:hidden;background:radial-gradient(#242033,#070b14 65%);align-content:center;justify-items:center;display:grid;position:absolute;inset:0}.arrival-entry-star{color:#efdab5;text-shadow:0 0 32px #d6ad72;font-size:48px}.arrival-entry p{letter-spacing:3px;color:#d3c2aa;margin:24px 0;font:16px/2 Songti SC,serif}.arrival-entry>span{background:linear-gradient(90deg,#0000,#e5c58d,#0000);width:80px;height:1px}.gift-arrival[data-phase=loading] .arrival-entry{opacity:1;visibility:visible}.gift-arrival[data-phase=loading] .arrival-entry-star{animation:1.6s ease-in-out infinite alternate arrival-breathe}.gift-arrival[data-phase=entering] .arrival-entry{animation:1.85s both arrival-curtain}.gift-arrival[data-phase=entering] .arrival-entry-star{animation:1.85s both arrival-star-gather}.gift-arrival[data-phase=entering] .arrival-heading{animation:1.5s .65s both arrival-rise}.gift-arrival[data-phase=entering] .arrival-vessel,.gift-arrival[data-phase=entering] #arrival-scene{animation:1.7s .45s both arrival-vessel-in}.gift-arrival[data-phase=entering] .arrival-invitation{animation:1.4s 1s both arrival-rise}.arrival-shooting-star{opacity:0;background:linear-gradient(90deg,#0000,#d0bc92);width:180px;height:1px;position:absolute;top:15%;left:8%;transform:rotate(32deg)}.arrival-shooting-star.second{top:30%;left:70%}.gift-arrival[data-phase=entering] .arrival-shooting-star{animation:1.5s .2s both arrival-shoot}.gift-arrival[data-phase=entering] .arrival-shooting-star.second{animation-delay:.55s}.arrival-bloom{z-index:4;pointer-events:none;opacity:0;background:radial-gradient(at 50% 46%,#f8dcb072,#c1a0ca2b 30%,#070b1400 70%);position:absolute;inset:0}.arrival-release{pointer-events:none;position:absolute;inset:0}.arrival-release i{opacity:0;background:#ffe9bf;border-radius:50%;width:3px;height:3px;position:absolute;top:38%;left:50%;box-shadow:0 0 12px #ffe3a6}.gift-arrival[data-phase=opening] .arrival-release i{animation:arrival-release 1.8s calc(.35s + var(--delay)) cubic-bezier(.12,.5,.24,1) both}.gift-arrival[data-phase=opening] .arrival-bloom{animation:2.1s both arrival-bloom}.gift-arrival[data-phase=opening] .arrival-seal{animation:1.1s both arrival-seal-break}.gift-arrival[data-phase=opening] .arrival-heading,.gift-arrival[data-phase=opening] .arrival-from,.gift-arrival[data-phase=opening] .arrival-open,.gift-arrival[data-phase=opening] .arrival-side-note{animation:.8s forwards arrival-copy-out}.gift-arrival[data-phase=opening] .arrival-orbit{animation:1.8s .25s forwards arrival-orbit-out}.gift-arrival[data-phase=revealing]{pointer-events:none;animation:.85s both arrival-fade-out}.gift-arrival[data-phase=revealing] .arrival-heading,.gift-arrival[data-phase=revealing] .arrival-vessel,.gift-arrival[data-phase=revealing] .arrival-invitation{visibility:hidden}.gift-revealing>main{animation:1.2s cubic-bezier(.2,.7,.2,1) both arrival-reading-in}.arrival-fallback{display:none}.without-webgl .arrival-fallback{background:linear-gradient(110deg,#e9d9ff18,#bca1d705 45%,#e2d0ff1a);border:1px solid #d6c4ee60;border-radius:45px 45px 38px 38px;width:150px;height:200px;display:block;position:relative;box-shadow:inset 4px 0 12px #e4cfea12,0 0 80px #ad8eb11a}.arrival-fallback:before{content:"";background:linear-gradient(100deg,#705d43,#c2aa7a,#554331);border-radius:7px;width:60px;height:25px;position:absolute;top:-20px;left:44px}.arrival-fallback span,.arrival-fallback i,.arrival-fallback b{color:#d9bded;text-shadow:0 0 22px #cba5df;font-size:45px;font-style:normal;font-weight:400;position:absolute;top:65px;left:50px}.arrival-fallback i{color:#dfb0b2;font-size:24px;top:27px;left:23px}.arrival-fallback b{color:#a7cddd;font-size:20px;top:130px;left:95px}.star-jar-app[data-entry=recipient].is-booting>:is(header,main,footer){visibility:hidden}@keyframes arrival-twinkle{0%{opacity:.22}to{opacity:.85}}@keyframes arrival-breathe{to{opacity:.4;transform:scale(.8)}}@keyframes arrival-curtain{0%,22%{opacity:1;visibility:visible}99%{visibility:visible}to{opacity:0;visibility:hidden}}@keyframes arrival-star-gather{0%{opacity:.2;transform:scale(.5)rotate(-35deg)}35%{opacity:1;transform:scale(1)}to{opacity:0;filter:blur(5px);transform:scale(2.7)rotate(35deg)}}@keyframes arrival-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes arrival-vessel-in{0%{opacity:0;filter:blur(7px)}to{opacity:1;filter:blur()}}@keyframes arrival-shoot{0%{opacity:0;transform:translate(-90px,-55px)rotate(32deg)}30%{opacity:.7}to{opacity:0;transform:translate(160px,100px)rotate(32deg)}}@keyframes arrival-release{0%{opacity:0;transform:rotate(var(--angle)) translateX(0) scale(.2)}20%{opacity:.95}to{opacity:0;transform:rotate(var(--angle)) translateX(var(--distance)) scale(.3)}}@keyframes arrival-bloom{0%{opacity:0;transform:scale(.7)}45%{opacity:.8}to{opacity:0;transform:scale(1.4)}}@keyframes arrival-seal-break{25%{box-shadow:0 0 36px #f2d19a}to{opacity:0;filter:blur(4px);transform:translateY(-28px)scale(1.4)}}@keyframes arrival-copy-out{to{opacity:0;transform:translateY(-9px)}}@keyframes arrival-orbit-out{to{opacity:0;scale:1.35}}@keyframes arrival-fade-out{to{opacity:0}}@keyframes arrival-reading-in{0%{opacity:.25;filter:blur(5px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:none}}@media (min-height:850px){.arrival-heading{padding-top:35px}.arrival-invitation{padding-bottom:30px}}@media (max-width:760px){.gift-arrival{grid-template-rows:auto auto minmax(245px,1fr) auto auto;padding:20px 22px 18px}.arrival-brand{gap:6px;font-size:11px}.arrival-brand img{width:21px}.arrival-private{letter-spacing:.6px;font-size:8px}.arrival-heading{padding-top:32px}.arrival-heading :is(h1,.app-state-title){letter-spacing:1px;font-size:clamp(24px,6vw,32px)}.arrival-heading :is(h1,.app-state-title) br{display:initial}.arrival-eyebrow{letter-spacing:2px;margin-bottom:16px;font-size:6px}.arrival-heading>#arrival-message{max-width:250px;margin:12px auto 0;font-size:11px}.arrival-vessel{width:calc(100% + 44px);margin-left:-22px}.arrival-orbit{width:74%}.arrival-orbit.inner{width:83%}.arrival-seal{width:34px;height:34px;margin-left:-17px;bottom:6%}.arrival-seal span{font-size:18px}.arrival-side-note{letter-spacing:1.7px;font-size:6px}.arrival-side-note.left{left:8%}.arrival-side-note.right{right:8%}.arrival-from{gap:10px;margin-bottom:18px;font-size:11px}.arrival-open{min-width:240px;min-height:52px;font-size:13px}.arrival-bottomline{justify-content:center;padding-top:13px;font-size:7px}.arrival-bottomline>span:last-child{display:none}.arrival-invitation{padding-top:10px;padding-bottom:8px}}@media (max-height:700px){.gift-arrival{grid-template-rows:auto auto minmax(215px,1fr) auto auto;padding-top:16px;padding-bottom:12px}.arrival-heading{padding-top:16px}.arrival-heading :is(h1,.app-state-title){font-size:25px}.arrival-heading>#arrival-message{margin-top:8px}.arrival-eyebrow{margin-bottom:8px}.arrival-from{margin-bottom:12px}.arrival-invitation{padding-bottom:0}.arrival-orbit{width:auto;height:95%;max-height:95%}}@media (prefers-reduced-motion:reduce){.gift-arrival *,.gift-revealing>main{transition:none!important;animation:none!important}.arrival-entry{display:none}.gift-arrival[data-phase=loading] .arrival-entry{display:grid}.arrival-stars i{opacity:.5}}
.reading-memory{text-align:left;background:linear-gradient(140deg,#2223308c,#0e1521b3);border:1px solid #c6b79f2c;border-radius:18px;flex-direction:column;min-width:0;padding:23px;transition:transform .25s,border-color .25s,background .25s;display:flex;box-shadow:inset 0 1px #fff6e709}.reading-memory:hover{background:linear-gradient(140deg,#2a29398c,#131b29cc);border-color:#d2b78b70;transform:translateY(-3px)}.memory-top{letter-spacing:1px;color:#9a93a1;justify-content:space-between;align-items:center;gap:10px;width:100%;font-size:9px;display:flex}.memory-kind{color:#c9b99d;letter-spacing:.5px;border:1px solid #c5b39424;border-radius:99px;align-items:center;gap:6px;padding:5px 9px;font-size:9px;display:inline-flex}.memory-kind svg{width:13px;height:13px}.memory-content{flex-direction:column;justify-content:center;width:100%;min-height:126px;padding:20px 0;display:flex}.memory-excerpt{-webkit-line-clamp:3;overflow-wrap:anywhere;white-space:pre-line;color:#e4d9c8;-webkit-box-orient:vertical;font:400 19px/1.85 Songti SC,Noto Serif SC,serif;display:-webkit-box;overflow:hidden}.memory-thumb{object-fit:cover;background:#131a27;border-radius:10px;width:100%;height:140px;margin-bottom:14px}:is(.memory-content:has(.memory-thumb) .memory-excerpt,.memory-content:has(.memory-media-mark) .memory-excerpt){-webkit-line-clamp:2;font-size:14px}.memory-media-mark{color:#ceb9d7;background:radial-gradient(#85729a28,#3a405618);border-radius:10px;justify-content:center;align-items:center;gap:5px;height:78px;margin-bottom:14px;display:flex}.memory-media-mark svg{width:30px;height:30px}.memory-media-mark i{width:2px;height:var(--bar);background:linear-gradient(#e8caa3,#9787a8);border-radius:2px}.memory-bottom{border-top:1px solid #cbb99b20;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:auto;padding-top:16px;display:flex}.memory-author{color:#cbbba3;overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;font-size:11px;display:inline-flex}.memory-author i{color:#cbb699;background:#b7a2850a;border:1px solid #bfa99133;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:10px;font-style:normal;display:grid}.memory-again{color:#9ca2b8;white-space:nowrap;font-size:10px}body[data-mode=receive] #read-list{border-top:1px solid #c5b28e24;border-bottom:1px solid #c5b28e24;max-width:none;max-height:none;margin:28px 0 0;padding:22px 0;overflow:visible}body[data-mode=receive] #read-list summary{color:#b4b8c7;justify-content:space-between;align-items:center;gap:16px;font-size:12px;list-style:none;display:flex}#read-list summary::-webkit-details-marker{display:none}#journal-unopened{color:#8a90a3;margin-left:12px;font-size:10px}#read-list[open] summary>span:last-child{transform:rotate(45deg)}.unopened-intro{color:#9298a8;margin:17px 0 12px;font-size:11px;line-height:1.8}body[data-mode=receive] #receive-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}body[data-mode=receive] #receive-list button{text-align:left;background:#b4b8d205;border:1px solid #aab4cf20;border-radius:10px;align-items:center;gap:10px;width:100%;padding:14px 16px;display:flex}.unopened-star{color:#b4a5c5;font-size:20px}.unopened-label{color:#b6b9c8;gap:5px;font-size:10px;display:grid}.unopened-label small{color:#828b9f;font-size:9px}body[data-mode=receive] #receive-list button:disabled{cursor:default;opacity:.55}body[data-mode=receive] #receive-list button:not(:disabled):hover{border-color:#d2bd9566}body[data-mode=receive] .star-jar-app>main{height:calc(100dvh - var(--header-height));isolation:isolate;grid-template-rows:auto minmax(240px,1fr) auto;grid-template-columns:minmax(0,1fr) 344px;gap:0 30px;min-height:650px;padding:24px 32px 22px;display:grid;position:relative}body[data-mode=receive] .universe,body[data-mode=receive] .copy-panel,body[data-mode=receive] [data-panel=receive]{display:contents}body[data-mode=receive] .copy-panel>.eyebrow,body[data-mode=receive] .gift-dedication .intro,body[data-mode=receive] .gift-inscription,body[data-mode=receive] .stage-top,body[data-mode=receive] .stage-bottom,body[data-mode=receive] #constellation-progress,body[data-mode=receive] #light-constellation,body[data-mode=receive] #account,body[data-mode=receive] .star-jar-app>footer{display:none}body[data-mode=receive] .cosmic-background{background:radial-gradient(at 35% 45%,#49406424,#0000 65%)}.reading-heading{text-align:center;z-index:2;grid-area:1/1;padding:2px 16px 0}body[data-mode=receive] .gift-dedication{display:block}body[data-mode=receive] .preview-badge{color:#a99a83;letter-spacing:3px;background:0 0;border:0;margin:0;padding:0;font-size:9px;display:inline-block}body[data-mode=receive] .gift-dedication :is(h1,.app-state-title){letter-spacing:1px;color:#e5d9c4;text-wrap:balance;margin:10px 0 7px;font:400 clamp(19px,1.7vw,27px)/1.6 Songti SC,Noto Serif SC,serif}body[data-mode=receive] #receiver-name{color:#f1e5ce}body[data-mode=receive] .reading-title-divider{color:#83735e;padding:0 8px}body[data-mode=receive] .receive-from{color:#a5a1ad;justify-content:center;margin:0;font-size:10px}body[data-mode=receive] .dedication-line{display:none}body[data-mode=receive] .universe>.stage{grid-area:2/1;align-self:stretch;width:100%;max-width:none;height:100%;min-height:0;margin:0;position:relative;top:auto}body[data-mode=receive] .camera-reset{bottom:16px;right:22px}.reading-dock{text-align:center;z-index:2;grid-area:3/1;justify-self:center;width:min(100%,440px);min-height:209px}body[data-mode=receive] .receive-control{max-width:none;box-shadow:none;background:0 0;border:0;margin:0;padding:0}.reading-stats{justify-content:center;align-items:center;gap:27px;display:flex}.reading-stat{align-items:baseline;gap:12px;display:flex}.reading-stat-label{color:#a1a7b8;letter-spacing:1px;font-size:11px}.reading-stat-label i{color:#c8ae85;margin-right:5px;font-size:12px;font-style:normal}.reading-stat-value{align-items:baseline;gap:5px;display:flex}.reading-stat-value strong{font-variant-numeric:tabular-nums;color:#e6d0ac;font-size:27px;font-weight:300}.reading-stat-value small{color:#7f8a9c;font-size:9px}.unopened .reading-stat-value strong{color:#c0c7dc}.reading-stat-divider{background:#bca57f35;width:1px;height:18px}body[data-mode=receive] .receive-progress{margin:11px 0 14px}body[data-mode=receive] .receive-progress progress{background:#abb6d019;border:0;border-radius:3px;width:100%;height:2px;display:block;overflow:hidden}.receive-progress progress::-webkit-progress-bar{background:#abb6d019}.receive-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#a98e70,#ead3ab)}.receive-progress progress::-moz-progress-bar{background:#d4b994}body[data-mode=receive] .receive-progress>div{color:#939bac;justify-content:space-between;gap:8px;margin-top:8px;font-size:9px;display:flex}body[data-mode=receive] #receive-rule{color:#b6a283}body[data-mode=receive] #open-next{color:#302719;letter-spacing:2px;background:linear-gradient(110deg,#efe1c5,#d2b58a);border-radius:99px;justify-content:center;width:240px;min-width:0;max-width:100%;min-height:45px;font-size:12px;box-shadow:0 5px 30px #d7b27b15}body[data-mode=receive] #open-next:disabled{color:#acb2c2;cursor:default;box-shadow:none;background:#bdc3db0a;border:1px solid #bdc3db25}body[data-mode=receive] #unlock-hint{color:#8f98a9;margin:10px 0 0;font-size:10px;line-height:1.8}body[data-mode=receive] .receive-tools{flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:9px 0 0;display:flex}body[data-mode=receive] .receive-tools :is(a,button){color:#a59781;padding:7px 0;font-size:10px}body[data-mode=receive] #view-opened{display:none}body[data-mode=receive] #receive-journal{background:linear-gradient(155deg,#23233177,#0d1420bb);border:1px solid #c7b79d26;border-radius:22px;flex-direction:column;grid-area:1/2/4;max-width:none;min-height:0;margin:0;padding:0;display:flex;overflow:hidden;box-shadow:inset 0 1px #fff6e706}.journal-heading{border-bottom:1px solid #c7b79d20;flex-shrink:0;padding:25px 23px 21px}.journal-heading .eyebrow{letter-spacing:2.4px;color:#a9987b;font-size:8px}.journal-heading h2{color:#e7dece;letter-spacing:1px;justify-content:space-between;align-items:center;gap:14px;margin:10px 0 8px;font:400 24px/1.5 Songti SC,Noto Serif SC,serif;display:flex}.journal-heading h2>span{text-align:center;color:#cfb994;border:1px solid #d5bb8c35;border-radius:99px;min-width:25px;padding:6px 8px;font:11px/1 sans-serif}.journal-heading p{color:#929bad;margin:0;font-size:10px;line-height:1.8}.journal-kept{display:none}.journal-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c8b29030 transparent;flex:1;min-height:0;padding:18px;overflow:auto}.recipient-actions{background:#11172480;border-top:1px solid #c7b79d20;flex-shrink:0;padding:16px 20px}.recipient-actions p{color:#a8adbc;text-wrap:pretty;margin:0;font-size:11px;line-height:1.8}.recipient-save-button{color:#e5d0af;width:100%;min-height:38px;font:inherit;cursor:pointer;background:#d5bd9410;border:1px solid #d5bd9455;border-radius:10px;margin:10px 0 0;padding:8px 14px;font-size:12px;line-height:1.5;display:block}.recipient-save-button:hover{background:#d5bd941c;border-color:#d5bd9499}.recipient-actions .text-action{color:#dfc69f;white-space:normal;text-align:left;overflow-wrap:anywhere;margin:0;padding:5px 0;font-size:12px;line-height:1.7}.recipient-send{padding-top:12px}.receive-save-prompt:not([hidden])~.recipient-send{border-top:1px solid #c7b79d20;margin-top:14px}.recipient-actions :is(button,a):focus-visible{outline-offset:3px;outline:2px solid #d5bd94}.reading-records{flex-direction:column;gap:10px;display:flex}.reading-memory{border-radius:12px;flex-shrink:0;padding:13px 15px}.memory-top{font-size:8px}.memory-kind{padding:4px 7px;font-size:8px}.memory-content{min-height:58px;padding:11px 0}.memory-excerpt{-webkit-line-clamp:2;font-size:15px;line-height:1.7}.memory-bottom{gap:8px;padding-top:9px}.memory-author i{width:22px;height:22px}.memory-author{font-size:10px}.memory-again{font-size:9px}.memory-thumb{height:100px;margin-bottom:9px}.memory-media-mark{height:52px;margin-bottom:9px}.reading-memory.is-new{animation:.6s ease-out both collect-memory}@keyframes collect-memory{0%{opacity:0;border-color:#efd2a899;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reading-empty{text-align:center;padding:65px 10px}.reading-empty-stars{color:#b49b7c;justify-content:center;align-items:center;gap:23px;font-size:20px;display:flex}.reading-empty-stars span:nth-child(2){color:#dec8a1;text-shadow:0 0 25px #b9a18040;font-size:31px}.reading-empty h3{color:#d5c6b0;margin:23px 0 10px;font:400 18px/1.6 Songti SC,serif}.reading-empty p{color:#8993a7;margin:0;font-size:11px;line-height:1.9}body[data-mode=receive] .reading-journal .receive-ending{text-align:center;background:0 0;border:0;border-top:1px solid #c5b28e24;border-radius:0;max-width:none;margin:14px 0 0;padding:13px 0 2px}body[data-mode=receive] .receive-ending h2{margin:0 0 4px;font:400 14px/1.5 Songti SC,serif}body[data-mode=receive] .receive-ending p{color:#959cab;margin:0;font-size:10px;line-height:1.6}body[data-mode=receive] #read-list{border-bottom:0;margin:20px 0 0;padding:16px 0 0}body[data-mode=receive] #read-list summary{font-size:10px}#journal-unopened{margin-left:6px;font-size:9px}body[data-mode=receive] #receive-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body[data-mode=receive] #receive-list button{padding:10px 8px}@media (min-width:761px) and (max-width:1100px){body[data-mode=receive] .star-jar-app>main{grid-template-columns:minmax(0,1fr) 300px;gap:0 12px;padding:20px}.reading-heading{padding-left:0;padding-right:0}.reading-dock{width:min(100%,360px)}.journal-heading{padding:20px 18px}.journal-scroll{padding:12px}}@media (max-width:760px){body[data-mode=receive] .star-jar-app>main{grid-template-rows:auto 350px auto auto;grid-template-columns:minmax(0,1fr);gap:0;height:auto;min-height:0;padding:22px 20px}body[data-mode=receive] .gift-dedication :is(h1,.app-state-title){margin:9px 0 7px;font-size:20px;line-height:1.65}body[data-mode=receive] .reading-title-divider{font-size:0;line-height:0;display:block}body[data-mode=receive] .universe>.stage{width:calc(100% + 40px);margin:0 -20px}body[data-mode=receive] .camera-reset{bottom:9px;right:20px}.reading-dock{width:100%;max-width:400px}body[data-mode=receive] #view-opened{display:inline-flex}body[data-mode=receive] #receive-journal{max-height:650px;scroll-margin-top:calc(var(--header-height) + 12px);grid-area:4/1;margin-top:28px}.journal-heading{padding:20px}.journal-heading h2{font-size:23px}.reading-empty{padding:40px 10px}.reading-stats{gap:20px}}@media (prefers-reduced-motion:reduce){.reading-memory{transition:none}.reading-memory.is-new{animation:none}.reading-memory:hover{transform:none}}.star-jar-app #flow-dialog:has(.creator-memories){background:linear-gradient(155deg,#1c2130,#0d1420);border:1px solid #c7b79d40;border-radius:22px;width:min(560px,100vw - 32px);height:min(740px,100dvh - 40px);max-height:calc(100dvh - 40px);padding:0;overflow:hidden;box-shadow:inset 0 1px #fff6e709,0 24px 80px #0008}.star-jar-app #flow-dialog:has(.creator-memories) #dialog-content{height:100%;min-height:0}.star-jar-app #flow-dialog:has(.creator-memories) #close-dialog{z-index:2;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;line-height:1;display:grid;top:14px;right:16px}.star-jar-app #flow-dialog:has(.creator-memories) #close-dialog:hover{background:#e0eaff0a}.star-jar-app #flow-dialog:has(.creator-memories) #close-dialog:focus-visible{outline-offset:2px;outline:2px solid #d5bd9480}.creator-memories{flex-direction:column;height:100%;min-height:0;display:flex}.creator-memories .journal-heading{padding-right:52px}.creator-memories .journal-scroll{overflow-x:hidden}.creator-memories .reading-memory{width:100%}.creator-memories .reading-records .reading-memory{padding:10px 14px}.creator-memories .reading-records .memory-content{min-height:44px;padding:8px 0}.creator-memories .reading-records .memory-excerpt{-webkit-line-clamp:unset;cursor:text;display:block}.creator-memories .reading-records .memory-bottom{padding-top:7px}.creator-memories .reading-records .memory-thumb{object-fit:contain;height:88px;margin-bottom:8px}.creator-memories .reading-memory{cursor:default}.creator-memories .reading-memory:hover{background:linear-gradient(140deg,#2223308c,#0e1521b3);border-color:#c6b79f2c;transform:none}.creator-memories .memory-inline-media{border-radius:10px;width:100%;margin-bottom:8px}.creator-memories video.memory-inline-media{background:#080d17;max-height:30dvh}.creator-memories audio.memory-inline-media{height:32px}@media (max-width:520px){.star-jar-app #flow-dialog:has(.creator-memories){border-radius:18px;width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}}#flow-dialog:has(.keepsake-preview){width:min(660px,100vw - 24px);padding:28px}.keepsake-preview h2{margin:0 30px 8px 0;font-size:23px}.keepsake-preview p{margin:0 0 18px;font-size:12px}.keepsake-image-scroll{background:#080c15;border-radius:8px;max-height:62dvh;overflow:auto}.keepsake-image-scroll img{width:100%;height:auto;display:block}.keepsake-preview-actions{justify-content:space-between;align-items:center;gap:14px;margin:14px 0 0;display:flex}.keepsake-preview-actions[hidden]{display:none}.keepsake-preview-actions span{color:#b7a587;font-size:12px}.keepsake-preview-actions button:disabled{opacity:.3;cursor:default}.keepsake-preview #keepsake-save-all{margin:18px auto 0;display:block}@media (max-width:600px){#flow-dialog:has(.keepsake-preview){padding:24px 16px 18px}}#flow-dialog:has(.keepsake-video-preview){width:min(540px,100vw - 24px);padding:28px}.keepsake-video-preview h2{margin:0 28px 12px 0;font-size:23px}.keepsake-video-preview p{color:#aaa6b1;font-size:13px;line-height:1.8}.keepsake-video-preview video{background:#080c15;border-radius:10px;max-width:100%;max-height:60dvh;margin:16px auto;display:block}.keepsake-video-preview #keepsake-video-progress{color:#ddc7a2}.keepsake-video-preview .text-action{margin:18px auto 0;display:block}body[data-mode=receive] #open-all{color:#d5bd94;min-height:36px;margin:5px auto 0;padding:8px 16px;font-size:11px;display:block}body[data-mode=receive] #open-all:disabled{opacity:.55;cursor:wait}
.memory-film{grid-template-columns:1fr 1fr;align-items:center;gap:36px;padding:50px 0;display:grid;position:relative}.memory-film-copy{z-index:1;position:relative}.memory-film-copy>.eyebrow{letter-spacing:2.7px;color:#ad9677;font-size:10px}.memory-film-copy h2{letter-spacing:1px;color:#ede4d5;margin:23px 0;font-family:Songti SC,serif;font-size:clamp(32px,3.6vw,48px);font-weight:400;line-height:1.5}.memory-film-copy h2 span{color:#e3c69b}.memory-film-intro{color:#929db1;font-size:14px;line-height:2.1}.memory-film-chapters{gap:22px;margin:28px 0 32px;padding:0;list-style:none;display:flex}.memory-film-chapters li{align-items:flex-start;gap:9px;display:flex}.memory-film-chapters li>span{color:#c7ad85;font-size:17px;line-height:22px}.memory-film-chapters strong{color:#d9cbb6;letter-spacing:1px;font-size:12px;font-weight:500;display:block}.memory-film-chapters small{color:#7d879a;max-width:98px;margin-top:6px;font-size:10px;line-height:1.7;display:block}.memory-film-actions{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.memory-film-actions .primary{gap:12px;min-height:48px;padding:0 24px}.memory-film-actions a{font-size:12px;text-decoration:none}.memory-film-entitlement{color:#788297;margin:22px 0 0;font-size:10px;line-height:2}.memory-film-entitlement>span{color:#b9a181;letter-spacing:.5px;margin-bottom:3px;font-size:11px;display:block}.memory-film-stage{isolation:isolate;flex-direction:column;align-items:center;padding:8px 0 0;display:flex;position:relative}.memory-film-stage:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(#45385d50 0%,#17243e38 40%,#0000 70%);position:absolute;inset:5% -6% 4%}.memory-film-orbit{z-index:-1;pointer-events:none;border:1px solid #bfa78620;border-radius:50%;width:110%;height:36%;position:absolute;top:33%;transform:rotate(-28deg)}.memory-film-orbit:after{content:"";border:1px solid #8d9cc217;border-radius:50%;position:absolute;inset:-26px 20px}.memory-film-frame{background:linear-gradient(145deg,#262633,#111723 70%);border:1px solid #d9bf8d40;border-radius:20px;width:380px;max-width:100%;padding:7px;position:relative;overflow:hidden;box-shadow:0 28px 70px #0007,0 0 35px #9980b00a}.memory-film-frame video{aspect-ratio:9/16;object-fit:contain;background:#080e1c;border-radius:13px;width:100%;height:auto;display:block}.memory-film-cover{color:#e6d6bc;cursor:pointer;letter-spacing:2px;background:linear-gradient(#0000 46%,#080e1c25 65%,#080e1cad);border:0;border-radius:13px;flex-direction:column;justify-content:flex-end;align-items:center;gap:15px;padding:0 12px 43px;font-size:11px;display:flex;position:absolute;inset:7px}.memory-film-cover[hidden]{display:none}.memory-film-play{background:#e4ca9e12;border:1px solid #e8cfa56b;border-radius:50%;place-items:center;width:60px;height:60px;padding-left:3px;font-size:30px;transition:background .2s,transform .2s;display:grid;box-shadow:0 0 36px #e4ca9e14}.memory-film-cover:hover .memory-film-play{background:#e4ca9e2b;transform:scale(1.06)}.memory-film-cover:focus-visible{outline-offset:-5px;outline:2px solid #e4ca9e}.memory-film-spark{color:#d9c49e;text-shadow:0 0 22px #c7a9d9a0;pointer-events:none;position:absolute}.memory-film-spark-one{font-size:22px;top:21%;left:9%;transform:rotate(12deg)}.memory-film-spark-two{font-size:17px;bottom:24%;right:8%}.memory-film-status:empty{display:none}.memory-film-status{color:#c9b48e;text-align:center;min-height:16px;margin:8px 0 0;font-size:11px}.memory-film-credit{text-align:center;max-width:100%;margin:12px 0 0;font-size:10px;line-height:1.8}.memory-film-credit a{color:#929db1;text-underline-offset:3px;text-decoration:underline}.memory-film-credit a:focus-visible{outline-offset:4px;outline:2px solid #e4ca9e}.star-jar-app #memory-film-preview{width:420px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px;overflow:auto}.memory-film-preview-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.memory-film-preview-heading h2{margin:0;font-size:18px;line-height:1.5}#close-memory-film-preview{color:#d9cbb6;border-radius:50%;flex-shrink:0;width:44px;height:44px;font-size:26px}#close-memory-film-preview:hover{background:#e4ca9e14}#memory-film-preview-video{aspect-ratio:9/16;object-fit:contain;background:#080e1c;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 180px);margin:auto;display:block}@media (max-width:900px){.memory-film{gap:20px}.memory-film-chapters{gap:12px}.memory-film-orbit{width:100%}.memory-film-spark-one{left:0}.memory-film-spark-two{right:0}}@media (max-width:680px){.memory-film{grid-template-columns:1fr;gap:38px}.memory-film-copy{text-align:center}.memory-film-copy h2{margin:18px 0;font-size:34px}.memory-film-intro{font-size:13px}.memory-film-chapters{text-align:left;justify-content:center;gap:18px;margin:24px 0}.memory-film-chapters li{gap:6px}.memory-film-chapters small{max-width:80px}.memory-film-actions{justify-content:center}.memory-film-stage{width:100%;max-width:400px;margin:auto}.memory-film-frame{width:330px}.memory-film-orbit{width:96%}.memory-film-entitlement{font-size:10px}.memory-film-copy>.eyebrow{letter-spacing:2px;font-size:9px}}