.private-gate{min-height:100dvh;display:grid;place-items:center;padding:40px 22px;background:radial-gradient(ellipse at 50% 40%,#eae5d84d,transparent 65%),var(--paper)}.gate-card{width:min(100%,420px);text-align:center}.gate-planet{margin:0 auto 26px}.gate-card>.eyebrow{color:#697260;font-size:10px}.gate-card h1{font:400 clamp(31px,5vw,39px) / 1.3 var(--serif);letter-spacing:-1px;margin:16px 0 20px}.gate-card h1 em{color:#9b6c54}.gate-card>p:not(.eyebrow):not(.gate-signoff){font-size:13px;line-height:1.9;color:#626e60;max-width:355px;margin:0 auto 22px}.gate-signoff{font:27px Caveat,cursive;color:#9b6c54;margin-top:32px}.gate-form{text-align:left;margin-top:30px}.gate-reset{margin:12px auto 0;min-height:44px}.gate-card a{text-decoration:none}.gate-form fieldset,.writing-form fieldset{border:0;padding:0;margin:0;min-width:0;display:flex;flex-direction:column;gap:21px}.gate-form label,.writing-form label,.list-filter{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:500;line-height:1.5;color:#4f6056}.gate-form input,.writing-form input,.writing-form textarea,.writing-form select,.list-filter select{width:100%;min-width:0;max-width:100%;border:1px solid #d9d7c9;background:#fcf9f2;color:#334644;border-radius:4px;padding:12px 13px;font:400 14px/1.6 DM Sans,sans-serif;min-height:46px}.gate-form input:focus,.writing-form input:focus,.writing-form textarea:focus,.writing-form select:focus,.list-filter select:focus{outline:2px solid #9d8064;outline-offset:2px}.password-field{position:relative;display:block}.password-field input{padding-right:82px}.password-field button{position:absolute;right:5px;top:5px;height:38px;padding:0 8px;font-size:11px;background:transparent;color:#64715f}.form-message{padding:13px 15px;margin:18px 0 0;border:1px solid;border-radius:4px;font-size:12px;line-height:1.8;white-space:pre-line}.form-message.error{background:#f5e9e0;color:#883f32;border-color:#dcc0ad}.form-message.success{background:#e9eee3;color:#425b41;border-color:#c4d1b8}.account-links{display:inline-flex;align-items:center;justify-content:flex-end;gap:20px;font-size:11px;flex-wrap:wrap}.account-links a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.account-links button{background:transparent;font:inherit;padding:10px 0;min-height:44px}.account-links a:hover{color:#9b6249}.site-footer>.account-links{margin-left:auto}.sync-warning{text-align:center;background:#eee3ce;border-bottom:1px solid #dbcaac;color:#665535;padding:11px 22px;font-size:12px;line-height:1.7}.admin-shell{max-width:1240px;padding:0 48px;margin:auto}.admin-header{min-height:105px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-intro{padding:42px 0 31px}.admin-intro .eyebrow{font-size:9px;color:#68715f}.admin-intro h1{font:400 clamp(28px,3vw,39px) / 1.4 var(--serif);letter-spacing:-1px;margin:11px 0}.admin-intro em{color:#9c6c54}.admin-intro>p:last-child{font-size:12px;line-height:1.8;color:#68715f}.admin-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:28px}.admin-tabs button{display:flex;align-items:center;gap:8px;background:transparent;padding:14px 0 17px;border-bottom:2px solid transparent;font-size:12px}.admin-tabs button.active{border-color:#a8785d;color:#9c6c54}.admin-tabs span{display:grid;place-items:center;min-width:19px;height:19px;background:#e8e7db;border-radius:50%;font-size:10px;color:#697361}.writing-layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:34px;align-items:start}.letter-list-panel>.primary-button{font-size:12px}.list-filter{margin:23px 0 18px;font-size:10px}.list-filter select{font-size:12px;padding:10px;min-height:42px}.letter-list{display:flex;flex-direction:column;gap:10px;max-height:570px;overflow:auto;padding:3px}.letter-list-item{display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left;background:#f9f6ed;border:1px solid #e2dbcc;border-radius:5px;padding:17px;width:100%}.letter-list-item:hover{border-color:#bfa88b;background:#fcf8ed}.letter-list-item.selected{border-color:#9c8065;background:#f1eadc}.letter-list-item strong{font-family:var(--serif);font-size:15px;font-weight:400;line-height:1.6;overflow-wrap:anywhere}.letter-list-item>span:last-child{font-size:10px;color:#68715f}.letter-status{font-size:9px;font-weight:550;padding:3px 7px;border-radius:3px;letter-spacing:.02em}.status-draft{color:#796140;background:#eae0cc}.status-scheduled{color:#486249;background:#e1e8d8}.list-empty{padding:35px 24px;text-align:center;color:#6b7461;font-size:12px;line-height:1.8}.list-empty>span{font-size:32px;color:#b09b76;display:block;margin-bottom:17px}.letter-list-panel>.editor-help{margin:20px 4px 0}.writing-paper{position:relative;background:#fcf9f2;border:1px solid #e3dcca;box-shadow:0 10px 30px #6b573a09;border-radius:7px;padding:30px 35px}.writing-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.writing-heading>.eyebrow,.writing-paper>.eyebrow{font-size:8px;color:#6c745f}.writing-heading>span{font-size:9px;color:#6c745f}.writing-paper h2{font:400 25px/1.5 var(--serif);letter-spacing:-.7px;margin:13px 0 26px}.writing-form .field-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.optional{font-weight:400;font-size:10px;color:#68715f;display:inline}.writing-form textarea{resize:vertical;line-height:1.9}.writing-form .letter-textarea{font-family:var(--serif);font-size:15px;line-height:2;min-height:310px}.writing-form input::placeholder,.writing-form textarea::placeholder{color:#757b6e;opacity:1}.field-hint{align-self:end;min-height:46px;font-size:12px;color:#68715f;line-height:1.8}.editor-help{font-size:10px!important;line-height:1.9!important;color:#68715f!important;font-weight:400}.writing-form .editor-help{margin-top:-7px}.editor-actions{display:flex;gap:13px;margin-top:1px}.photo-attachment{min-width:0;padding:18px;border:1px dashed #ddc3d5;border-radius:8px;background:#fffafc}.photo-attachment .editor-help{margin-top:8px}.photo-attachment input[type=file]{width:100%;min-width:0;padding:10px;font-size:12px}.photo-attachment input::file-selector-button{margin-right:12px;padding:8px 12px;border:1px solid #ddc3d5;border-radius:4px;background:#f8edf4;color:#754966;font:inherit;cursor:pointer}.photo-filename{overflow-wrap:anywhere}.editor-actions>.primary-button{width:auto;flex:1}.secondary-button{background:#f0eade;border:1px solid #dcd1be;border-radius:4px;min-height:48px;padding:13px 20px;font-size:12px}.secondary-button:hover{background:#e7decb}.writing-form fieldset[disabled]{opacity:.65}.writing-form>.primary-button{margin-top:10px}.writing-form .text-button{align-self:flex-start;padding:3px 0;min-height:40px;font-size:11px}.draft-delete{border-top:1px solid #e5decc;margin-top:18px;padding-top:10px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.draft-delete>.text-button{font-size:10px;color:#8a5748}.draft-delete>p{width:100%;font-size:11px;color:#795340;line-height:1.8;margin:8px 0 0}.danger-button{background:#8d4a39;color:#fff7eb;border:1px solid #8d4a39;border-radius:4px;padding:12px 17px;font-size:11px}.danger-button:hover{background:#703a2d;color:#fff}.settings-wrap{max-width:790px;margin:auto}.admin-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:38px;padding:23px 0;font:italic 11px var(--serif);color:#68715f;line-height:1.8}.admin-footer span{font:24px Caveat,cursive;color:#97694e}.writing-paper .paper-dialog .eyebrow{margin-top:7px}.writing-paper .paper-dialog .signature{margin-bottom:15px}.private-gate{background:radial-gradient(ellipse at 20% 20%,#f7dce9 0%,transparent 55%),radial-gradient(ellipse at 90% 80%,#dcecf8 0%,transparent 55%),#fff8f5}.gate-card{padding:32px 28px;border:1px solid #ebd4e2;border-radius:20px;background:#fffbf7e6;box-shadow:0 7px #ead8e44d}.gate-card h1,.admin-intro h1,.writing-paper h2,.letter-list-item strong{color:var(--ink)}.gate-card h1 em,.admin-intro em,.gate-signoff,.admin-footer span{color:#a45683}.gate-card>.eyebrow,.gate-card>p:not(.eyebrow):not(.gate-signoff),.gate-form label,.writing-form label,.list-filter,.editor-help,.field-hint,.optional{color:#71617a!important}.admin-shell{padding-top:6px}.admin-header{border-color:#e5d5e3}.admin-tabs button.active{border-color:#b4729e;color:#94537e}.admin-tabs span{background:#f2dfe9;color:#7e5879}.writing-paper{background:#fffbf7;border-color:#e3d2e1;border-radius:14px;box-shadow:0 5px #e9d9e94d}.gate-form input,.writing-form input,.writing-form textarea,.writing-form select,.list-filter select{background:#fffcfa;border-color:#dcccdf;color:#48415f;border-radius:8px}.gate-form input:focus,.writing-form input:focus,.writing-form textarea:focus,.writing-form select:focus,.list-filter select:focus{outline-color:#ac80b4}.letter-list-item{background:#fbf1f6;border-color:#e4d0df;border-radius:10px}.letter-list-item.selected,.letter-list-item:hover{background:#f4e1ed;border-color:#bb8bb0}.status-draft{background:#f4e4ec;color:#865771}.status-scheduled{background:#dfedf8;color:#4f6484}.secondary-button{background:#e6eef8;border-color:#c9d7e9;border-radius:8px;color:#526382}.secondary-button:hover{background:#dce7f4}.admin-footer{color:#71617a}.account-links{color:#756280}@media(max-width:850px){.admin-shell{padding:0 28px}.writing-layout{grid-template-columns:220px minmax(0,1fr);gap:20px}.writing-paper{padding:25px 23px}.writing-heading{flex-direction:column;align-items:flex-start;gap:6px}.editor-actions{flex-direction:column}.writing-form .field-pair{grid-template-columns:1fr}}@media(max-width:640px){.admin-shell{padding:0 20px}.admin-header{min-height:90px;gap:10px}.admin-header .brand{font-size:9px;gap:8px}.admin-header .brand strong{font-size:11px}.admin-header .brand img{width:28px;height:28px}.account-links{font-size:10px;gap:15px}.admin-intro{padding:29px 0 22px}.admin-intro h1{font-size:29px;line-height:1.5}.admin-intro>p:last-child{font-size:11px}.admin-tabs{gap:26px;margin-bottom:22px}.admin-tabs button{font-size:11px}.writing-layout{display:flex;flex-direction:column;gap:24px}.letter-list-panel{width:100%}.letter-list-panel>.primary-button{width:100%}.list-filter{margin:17px 0 12px}.letter-list{flex-direction:row;max-height:none;overflow-x:auto;max-width:100%;gap:10px;padding:3px 3px 7px}.letter-list-item{min-width:200px;width:200px;flex-shrink:0;padding:14px;min-height:130px}.letter-list-item strong{font-size:14px}.list-empty{width:100%;padding:20px;display:flex;align-items:center;gap:17px;text-align:left}.list-empty>span{margin:0}.letter-list-panel>.editor-help{margin-top:12px}.writing-paper{width:100%;padding:24px 21px}.writing-paper h2{font-size:23px;margin:11px 0 24px}.writing-form fieldset{gap:20px}.writing-form label{font-size:11px}.writing-form input,.writing-form select,.writing-form textarea{font-size:16px}.writing-form .letter-textarea{font-size:15px;min-height:340px}.editor-actions{gap:10px}.admin-footer{font-size:10px;align-items:flex-start;margin-top:27px}.admin-footer span{font-size:23px;white-space:nowrap}.private-gate{padding:32px 25px}.gate-card>p:not(.eyebrow):not(.gate-signoff){font-size:12px}.gate-form input{font-size:16px}.gate-card h1{font-size:34px}.gate-planet{margin-bottom:21px}.gate-form{margin-top:26px}.gate-signoff{margin-top:25px}.sync-warning{font-size:11px}}@font-face{font-family:Caveat;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/planet-0.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/planet-1.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lora;font-style:italic;font-weight:400 500;font-display:swap;src:url(/fonts/planet-2.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lora;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/planet-3.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:DM Sans,sans-serif;color:#48415f;background:#fff7f5;font-synthesis:none;font-weight:400;font-size:16px;--paper: #fff7f5;--ink: #48415f;--muted: #756b84;--terracotta: #a54a74;--line: #e8dbe7;--serif: "Lora", Georgia, serif}*{box-sizing:border-box}body{margin:0}button,select,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;color:inherit;border:0}a{color:inherit}button:disabled{cursor:default;opacity:.65}:is(button,a,select,input,textarea,audio):focus-visible{outline:3px solid #8551a2;outline-offset:5px}::selection{background:#f4c4d9;color:#48415f}h1,h2,h3,p{margin:0}button,a{transition:background .2s,color .2s,transform .2s,box-shadow .2s}button:hover{color:#9c426d}.app{min-height:100dvh;overflow:clip;background:radial-gradient(ellipse at 50% 39%,#f3e6f6 0%,transparent 56%),linear-gradient(180deg,#fff3f4,#f8f0fa 48%,#f1f7fb 77%,#fff8f2)}.app main{outline:none}.skip-link{position:fixed;left:16px;top:-80px;padding:12px 20px;background:var(--ink);color:#fff;z-index:20}.skip-link:focus{top:15px}.page-heading{text-align:center;padding:62px 24px 0;position:relative;z-index:1}.page-heading h1{font-size:clamp(38px,5vw,66px);font-weight:700;line-height:1.13;letter-spacing:-3px;color:#49415f}.page-heading h1 span{display:block;color:#bb608a}.our-world{max-width:1160px;margin:-18px auto 0}.scene-window{overflow:hidden;width:100%;position:relative}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.motion-toggle{position:absolute;right:8%;bottom:12%;width:44px;height:44px;display:grid;place-items:center;background:#fff6;border:1px solid #d8cbe0;border-radius:50%;color:#7c6b91}.motion-toggle:hover{background:#fff9}.scene-paused *,.reading .scene-canvas *{animation-play-state:paused!important}.scene-canvas{position:relative;width:100%;aspect-ratio:2.4}.pixel-world{display:block;width:100%;height:auto;overflow:visible}.scene-signoff{position:absolute;left:48%;top:5%;color:#9e6d99;font:500 25px Caveat,cursive;transform:rotate(-7deg)}.scene-signoff span{font-family:DM Sans,sans-serif;color:#c879a1}.mini-hit{position:absolute;padding:0;background:transparent;border-radius:12px}.mini-hit{top:33.5%;height:29%;width:8%;transform:translate(-50%);min-width:44px}.mini-hit-left{left:var(--mini-left)}.mini-hit-right{left:var(--mini-right)}.mini-hit>span{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);color:#575172;font-size:12px;font-weight:600;padding:5px 12px;border:1px solid #fff8;background:#fff7f2d9;border-radius:7px}.mini-hit:hover{background:#fff2}.mini-hit:hover>span{background:#fff9f4;transform:translate(-50%,-3px)}.countdown{display:flex;align-items:center;justify-content:center;gap:17px;margin:8px 20px 0;position:relative}.countdown h2{font-size:18px;font-weight:500;letter-spacing:-.3px;line-height:1.5}.countdown strong{font-weight:700;color:#9c4e7d}.countdown p{font-size:12px;color:#756b84;margin-top:4px}.little-calendar{width:48px;height:49px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fffaf6;border:2px solid #c798b6;box-shadow:3px 3px #e6cfe1;border-radius:6px;color:#8d5377;font-size:19px;font-weight:700;padding-top:7px;position:relative}.little-calendar>span{position:absolute;left:0;top:0;right:0;height:10px;background:#efbfd2;border-bottom:2px solid #c798b6}.little-calendar:before,.little-calendar:after{content:"";position:absolute;top:-6px;width:3px;height:9px;border-radius:2px;background:#a8819e;z-index:1}.little-calendar:before{left:9px}.little-calendar:after{right:9px}.daily-post{text-align:center;position:relative;margin:30px auto 0;padding:0 24px;width:fit-content;max-width:100%}.post-button{display:flex;align-items:center;justify-content:center;gap:19px;padding:19px 29px;min-height:66px;border:2px solid #b96992;background:#f7c9dc;color:#603c5a;box-shadow:0 5px #c58cab;border-radius:16px;font-size:17px;font-weight:600}.post-button:hover{transform:translateY(-3px);background:#f9d6e5;color:#603c5a;box-shadow:0 8px #c58cab}.post-button:active{transform:translateY(3px);box-shadow:0 2px #c58cab}.post-spark{position:absolute;left:-2px;top:18px;color:#bb96c7;font-size:22px;transform:rotate(-12deg)}.daily-post>p{font-size:12px;margin-top:15px;color:#756b84}.world-actions{display:flex;gap:15px;justify-content:center;padding:35px 20px 0}.world-action{text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;min-height:52px;font-size:13px;font-weight:500;border-radius:13px;border:1px solid;box-shadow:0 3px #b4bbd333}.archive-action{background:#e3edf8;border-color:#c1d4e9;color:#4b5e7d}.missing-action{background:#f9e3eb;border-color:#e8c5d6;color:#88516f}.world-action:hover{transform:translateY(-3px);color:#61446f}.archive-action:hover{background:#d6e6f6}.missing-action:hover{background:#f6d5e2}.count-pill{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:6px;background:#fff9;font-size:11px;color:#52617a}.site-footer{max-width:1060px;padding:40px 28px 25px;margin:auto;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.site-footer .dedication-button{font:500 25px Caveat,cursive;color:#956584;min-height:44px;padding:4px 8px;background:transparent}.demo-label{font-size:10px;color:#756b84}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em;line-height:1.8}.text-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 0;background:transparent;font-size:13px}.primary-button{min-height:50px;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 22px;background:#77537f;color:#fffaf8;border:1px solid #694572;border-radius:9px;font-size:14px;font-weight:500;text-decoration:none}.primary-button:hover{background:#65416e;color:#fff}.icon-button{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:transparent}.icon-button:hover{background:#f5e3ed}.brand{display:flex;gap:12px;align-items:center;font-size:12px;text-decoration:none;line-height:1.5}.brand strong{font-size:14px;font-weight:600}.brand-mark{color:#ac6a94;display:flex}.archive-page{max-width:940px;margin:35px auto 0;padding:0 30px;min-height:390px}.back-to-world{color:#856387;margin-bottom:12px}.archive-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 0 20px;border-bottom:1px dashed #cfb9d2;gap:15px}.archive-heading h2{font-size:24px;letter-spacing:-.7px}.archive-heading>span{font-size:12px;color:#756b84}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:26px 0}.archive-letter{background:#fffaf4;border:1px solid #e5cfdb;border-radius:11px;box-shadow:3px 4px #e7d6e6;padding:24px;text-align:left;min-height:220px;display:flex;flex-direction:column;align-items:flex-start}.archive-letter:nth-child(3n+2){background:#edf5fc;border-color:#c5d9eb;box-shadow:3px 4px #d7e3f0}.archive-letter:nth-child(3n+3){background:#fff0f4}.archive-letter:hover{transform:translateY(-5px) rotate(-1deg);color:var(--ink)}.archive-letter-top{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:23px;color:#b97c9f}.archive-letter-top>span{font-size:22px}.archive-letter .eyebrow{font-size:10px;color:#756b84}.archive-letter h3{font:500 20px/1.5 var(--serif);margin:9px 0 25px;overflow-wrap:anywhere}.archive-category{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;font-size:11px;margin-top:auto;color:#756b84}.empty-archive{padding:65px 20px;text-align:center;color:#ac7b9f}.empty-archive h3{font-size:21px;color:var(--ink);margin-top:25px}.reunion-archive{margin:24px auto;color:#9b517b}.paper-dialog{padding:0;border:2px solid #dcbdd2;border-radius:16px;background:#fffbf5;color:var(--ink);width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:7px 8px #ad83a649,0 25px 100px #57426033}.paper-dialog[open]{animation:open-letter .25s ease-out}.paper-dialog::backdrop{background:#57426066;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-inner{position:relative;padding:47px 55px 30px}.close-dialog{position:absolute;right:12px;top:12px}.dialog-symbol{color:#b5779c;text-align:center;margin-bottom:18px}.dialog-inner>.eyebrow{text-align:center;color:#7f6b80}.dialog-inner h2{font:500 32px/1.4 var(--serif);text-align:center;margin:15px 0 30px;letter-spacing:-.8px}.letter-body{font:400 17px/2 var(--serif);color:#51465a}.letter-body p{margin-bottom:23px;white-space:pre-line;overflow-wrap:anywhere}.letter-photo{width:100%;max-width:440px;min-width:0;margin:28px auto;padding:clamp(10px,3vw,16px);padding-bottom:clamp(22px,5vw,32px);border:1px solid #e5cddd;border-radius:5px;background:#fffdfa;box-shadow:0 4px 14px #79536d12,3px 4px #eadce44d}.letter-photo img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;border-radius:2px;background:#f9f1f5}.letter-photo-status{padding:24px 8px;text-align:center;font:400 13px/1.8 DM Sans,sans-serif;color:var(--muted)}.signature{font-size:16px;color:#9c5d85;margin-top:30px}.signature span{display:block;font:500 33px Caveat,cursive;margin-top:5px;transform:rotate(-3deg);transform-origin:left}.demo-note{font-size:10px;color:#756b84;border-top:1px dashed #e6d4df;padding-top:17px;margin-top:28px;text-align:center;line-height:1.8}.intro-dialog .letter-body{text-align:center}.intro-actions{display:flex;flex-direction:column;gap:8px;margin-top:26px}.intro-actions .primary-button{align-self:center}.dialog-inner audio{width:100%;margin-top:20px}.preview-bar{display:flex;align-items:center;justify-content:center;gap:16px;padding:9px 20px;background:#594867;color:#fff6f8;font-size:10px;line-height:1.5;position:relative;z-index:2}.preview-bar select{background:#fff5f5;color:#594867;border:0;border-radius:5px;padding:6px 10px;max-width:180px;font-size:12px}.preview-bar a{text-underline-offset:3px}.mini-body{animation:mini-idle 8s steps(1,end) infinite}.mini-right .mini-body{animation-delay:-3s}.mini-eyes{animation:mini-blink 6s steps(1,end) infinite}.mini-right .mini-eyes{animation-delay:-2.2s}.mini-reaction{opacity:0;animation:mini-happy 18s steps(1,end) infinite}.mini-left .mini-reaction{animation-delay:-8s}.ambient-heart{offset-rotate:0deg;opacity:0;animation:ambient-delivery 18s linear infinite}.sent-heart{offset-rotate:0deg;animation:heart-delivery 2.4s ease-in-out forwards}.hidden-heart,.pixel-letter{opacity:0;pointer-events:none}.pixel-letter{offset-rotate:0deg}.letter-in-flight{animation:letter-delivery 1s ease-in-out forwards}.exchanging .ambient-heart{visibility:hidden}.exchanging.from-left .mini-right .mini-reaction,.exchanging.from-right .mini-left .mini-reaction{animation:receive-heart 3.4s steps(1,end) both}.is-reunited .mini-left .mini-reaching-arm{transform-origin:12px -32px;transform:rotate(-65deg)}.is-reunited .mini-right .mini-rest-arm{transform-origin:-12px -32px;transform:rotate(65deg)}.is-reunited .mini-hit-left>span{margin-left:-12px}.is-reunited .mini-hit-right>span{margin-left:12px}.cloud{animation:cloud-drift 14s steps(10,end) infinite alternate}.cloud-two{animation-delay:-5s}.pixel-smoke{animation:smoke-rise 6s steps(4,end) infinite}.petals{animation:petal-fall 7s steps(8,end) infinite}.water-shimmer{animation:water-glow 5s steps(2,end) infinite}.sky-sparkles{animation:star-glow 5s steps(1,end) infinite}.butterfly{animation:butterfly-fly 12s steps(12,end) infinite alternate}.dove{pointer-events:none;offset-path:path("M88 65 C140 38 238 36 326 54 C391 69 363 39 294 45 C226 50 174 81 192 56 C222 32 302 42 326 56 C343 66 350 73 350 84");offset-anchor:0px 0px;offset-rotate:0deg;offset-distance:100%;animation:dove-arrive 18s linear forwards}.dove-sprite{animation:dove-face 18s steps(1,end) forwards}.dove-flight-wing{opacity:0;animation:dove-flight-wing 18s steps(1,end) forwards}.dove-wing-beat{transform-origin:-1px -5px;animation:dove-flap .36s steps(2,end) 50}.dove-folded-wing{animation:dove-fold-wing 18s steps(1,end) forwards}@keyframes dove-arrive{0%{offset-distance:0%}75%{offset-distance:82%}92%{offset-distance:96%}to{offset-distance:100%}}@keyframes dove-face{0%,38%{transform:scaleX(1)}39%,66%{transform:scaleX(-1)}67%,to{transform:scaleX(1)}}@keyframes dove-flight-wing{0%,99%{opacity:1}to{opacity:0}}@keyframes dove-fold-wing{0%,99%{opacity:0}to{opacity:1}}@keyframes dove-flap{0%,to{transform:scaleY(1)}50%{transform:scaleY(-.45)}}.wandering-ant{pointer-events:none;offset-anchor:0px 0px;offset-rotate:auto;animation:ant-wander 82s linear infinite}.ant-one{offset-path:path("M143 141 163 143 190 143 211 145 224 145 254 145 270 143 290 140 310 141 326 138 321 135 303 136 280 140 264 145 247 145 220 145 208 142 182 139 160 138 143 141Z");animation-delay:-10s}.ant-two{offset-path:path("M296 147 280 148 264 145 216 145 198 147 177 146 158 143 151 142 159 139 183 140 207 143 216 145 264 145 284 142 309 141 324 143 314 146 296 147Z");animation-duration:98s;animation-delay:-31s}.ant-legs-a,.ant-legs-b{animation:ant-step .24s steps(2,end) infinite alternate}.ant-legs-b{animation-direction:alternate-reverse}.ant-two .ant-legs-a,.ant-two .ant-legs-b{animation-duration:.28s}@keyframes ant-wander{0%{offset-distance:0%}12%,15%{offset-distance:14%}36%,39%{offset-distance:44%}62%,65%{offset-distance:68%}88%,92%{offset-distance:93%}to{offset-distance:100%}}@keyframes ant-step{0%{transform:translate(-.2px)}to{transform:translate(.2px)}}@keyframes mini-idle{0%,45%,55%,to{transform:translateY(0)}48%,52%{transform:translateY(-2px)}}@keyframes mini-blink{0%,94%,98%,to{opacity:1}95%,97%{opacity:0}}@keyframes mini-happy{0%,40%,55%,to{opacity:0}42%,52%{opacity:1}}@keyframes ambient-delivery{0%,25%{opacity:0;offset-distance:0%}26%{opacity:1}40%{opacity:1;offset-distance:100%}41%,to{opacity:0;offset-distance:100%}}@keyframes heart-delivery{0%{opacity:0;offset-distance:0%}10%,85%{opacity:1}to{opacity:0;offset-distance:100%}}@keyframes receive-heart{0%,65%{opacity:0}66%,to{opacity:1}}@keyframes letter-delivery{0%{opacity:0;offset-distance:0%}10%,80%{opacity:1}to{opacity:0;offset-distance:100%}}@keyframes cloud-drift{to{transform:translate(8px)}}@keyframes smoke-rise{0%{transform:translateY(4px);opacity:.5}to{transform:translateY(-7px);opacity:0}}@keyframes petal-fall{0%{transform:translateY(-3px);opacity:0}20%,80%{opacity:1}to{transform:translate(5px,12px);opacity:0}}@keyframes water-glow{50%{opacity:.35;transform:translate(2px)}}@keyframes star-glow{50%{opacity:.35}}@keyframes butterfly-fly{to{transform:translate(16px,-9px)}}@keyframes open-letter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.our-world{max-width:1280px}}@media(max-width:760px){.app{display:flex;flex-direction:column}.app main{display:flex;flex-direction:column;flex:1}.page-heading{padding-top:46px;flex-shrink:0}.page-heading h1{font-size:47px;letter-spacing:-2px}.our-world{margin-top:0;width:100%;flex:1;display:flex;flex-direction:column;justify-content:space-evenly}.our-world>*{flex-shrink:0}.archive-page{width:100%;flex:1}.world-actions,.site-footer{flex-shrink:0}.site-footer{width:100%;margin:0 auto;padding-bottom:max(25px,env(safe-area-inset-bottom,0px))}.scene-canvas{width:780px;left:50%;margin-left:-390px}.countdown{margin-top:10px}.countdown h2{font-size:16px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.page-heading{padding:clamp(26px,4.5dvh,43px) 20px 0}.page-heading h1{font-size:39px;letter-spacing:-1.8px;line-height:1.17}.our-world{margin-top:5px}.scene-canvas{width:650px;margin-left:-325px}.mini-hit>span{font-size:11px;padding:4px 9px;top:calc(100% + 6px)}.scene-signoff{font-size:22px}.motion-toggle{right:18px;bottom:5%;width:44px;height:44px}.countdown{margin:15px 18px 0;gap:13px}.countdown h2{font-size:15px;letter-spacing:-.3px}.countdown p{font-size:11px}.little-calendar{width:43px;height:45px;font-size:18px}.daily-post{margin-top:27px;padding:0 21px}.post-button{padding:17px 21px;font-size:15px;gap:14px;border-radius:13px;min-height:62px}.post-spark{left:-2px;font-size:18px}.world-actions{gap:10px;padding:29px 18px 0}.world-action{font-size:12px;padding:13px 15px;gap:8px}.site-footer{padding:24px 20px max(16px,env(safe-area-inset-bottom,0px));gap:15px}.site-footer .account-links{justify-content:center}.archive-page{padding:0 22px;margin-top:25px}.archive-heading h2{font-size:22px}.archive-grid{grid-template-columns:1fr;gap:18px}.archive-letter{min-height:205px}.paper-dialog{max-height:calc(100dvh - 26px)}.dialog-inner{padding:48px 25px 25px}.dialog-inner h2{font-size:26px}.letter-body{font-size:16px;line-height:1.95}.preview-bar{flex-wrap:wrap;gap:8px 12px;padding:9px 12px}.preview-bar label{display:none}.preview-bar>span{font-size:9px}.preview-bar a{display:none}}@media(max-width:360px){.page-heading h1{font-size:35px}.scene-canvas{width:600px;margin-left:-300px}.countdown h2{font-size:13px}.world-action{padding:12px;font-size:11px;white-space:nowrap}.world-action .count-pill{display:none}.post-button{font-size:14px;gap:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.exchanging.from-left .mini-right .mini-reaction,.exchanging.from-right .mini-left .mini-reaction{opacity:1}}