:root{--eh-primary: #7d86e8;--eh-primary-deep: #5862bf;--eh-warm: #ff9f68;--eh-sun: #ffd76f;--eh-ink: #263754;--eh-muted: #68758f;--eh-bg: #fff9ef;--eh-line: rgba(72, 84, 131, .14);--eh-card: rgba(255, 255, 255, .78);color:var(--eh-ink);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:var(--eh-bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,rgba(255,255,255,.38) 0 1px,transparent 1px 100%),linear-gradient(152deg,#fff8ec,#e9f5ff 45%,#f4eaff);background-size:84px 84px,cover}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}.write-page,.success-page,.reply-page,.wall-page,.notice-page{min-height:100vh;width:min(100%,620px);margin:0 auto;padding:18px 18px 34px}.home-page{position:relative;isolation:isolate;min-height:100vh;width:100%;margin:0;padding:0 clamp(20px,3vw,52px) 54px;overflow-x:hidden;color:var(--eh-ink);background:radial-gradient(circle at 75% 18%,rgba(205,222,255,.78),transparent 22rem),radial-gradient(circle at 18% 22%,rgba(255,219,160,.72),transparent 25rem),radial-gradient(circle at 56% 88%,rgba(234,213,255,.75),transparent 28rem),linear-gradient(90deg,rgba(255,255,255,.45) 0 1px,transparent 1px 100%),linear-gradient(145deg,#fff9ee,#edf7ff 48%,#f6ecff);background-size:cover,cover,cover,112px 112px,cover}.home-page:before,.home-page:after{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;content:""}.home-page:before{top:88px;right:min(7vw,96px);width:min(35vw,520px);height:min(35vw,520px);background:radial-gradient(circle,#ffe59361,#ffe59300);filter:blur(4px)}.home-page:after{left:-120px;bottom:16%;width:420px;height:420px;background:radial-gradient(circle,#b4d8ff6b,#b4d8ff00)}.home-page.light_note{--eh-primary: #6fae9f;--eh-primary-deep: #458f84;--eh-warm: #ffad70}.home-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.atmo-cloud,.atmo-paper,.atmo-star{position:absolute;display:block}.atmo-cloud{width:190px;height:66px;border-radius:999px;background:#ffffffa3;filter:blur(.2px)}.atmo-cloud:before,.atmo-cloud:after{position:absolute;bottom:14px;border-radius:50%;background:inherit;content:""}.atmo-cloud:before{left:28px;width:74px;height:74px}.atmo-cloud:after{right:34px;width:92px;height:92px}.atmo-cloud-one{left:8%;top:19%;opacity:.52;animation:atmo-drift 10s ease-in-out infinite}.atmo-cloud-two{right:9%;top:66%;opacity:.42;transform:scale(.82);animation:atmo-drift 12s ease-in-out 1.4s infinite}.atmo-paper{width:78px;height:56px;border-radius:12px;background:#fff7cb;box-shadow:0 16px 34px #6d6c951f;transform:rotate(-8deg);animation:atmo-float 7s ease-in-out infinite}.atmo-paper:before{position:absolute;left:13px;right:13px;top:18px;height:5px;border-radius:999px;background:#c48e5973;box-shadow:0 14px #c48e5947;content:""}.atmo-paper-one{left:45%;top:13%}.atmo-paper-two{right:4%;top:38%;background:#f2eaff;transform:rotate(9deg);animation-delay:1.3s}.atmo-star{width:24px;height:24px;clip-path:polygon(50% 0,61% 34%,98% 34%,68% 55%,79% 91%,50% 68%,21% 91%,32% 55%,2% 34%,39% 34%);background:#ffcd5ed1;animation:star-twinkle 3.7s ease-in-out infinite}.atmo-star-one{left:10%;top:56%}.atmo-star-two{right:17%;top:15%;width:18px;height:18px;background:#f59eb9db;animation-delay:1.1s}.home-nav,.home-hero,.entry-section,.featured-notes,.home-page>.soft-footer{position:relative;z-index:1;width:min(100%,1440px);margin-right:auto;margin-left:auto}.home-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding-top:max(8px,env(safe-area-inset-top))}.brand-row{display:inline-flex;align-items:center;gap:11px;min-height:44px;border:0;padding:0;color:#263754;background:transparent;font-weight:950}.brand-mark{position:relative;width:21px;height:21px;border-radius:8px;background:linear-gradient(135deg,#7d86e8,#ff9f68);box-shadow:0 0 26px #ffaa6885;transform:rotate(-9deg)}.brand-mark:after{position:absolute;left:5px;top:5px;width:7px;height:7px;border-radius:50%;background:#ffffffb8;content:""}.desktop-nav{display:inline-flex;align-items:center;gap:7px;padding:8px;border:1px solid rgba(255,255,255,.74);border-radius:999px;background:#ffffff9e;box-shadow:0 16px 38px #5c699f21;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.desktop-nav button{min-height:38px;border:0;border-radius:999px;padding:0 17px;color:#52617e;background:transparent;font-weight:900}.desktop-nav button:hover{color:var(--eh-primary-deep);background:#7d86e81f}.home-hero{display:grid;grid-template-columns:minmax(420px,.45fr) minmax(620px,.55fr);align-items:center;gap:clamp(22px,4vw,72px);min-height:calc(100vh - 86px);padding:0 0 30px}.hero-copy{max-width:650px;padding-bottom:4vh}.hero-kicker{display:inline-flex;align-items:center;min-height:38px;margin-bottom:20px;border:1px solid rgba(255,255,255,.78);border-radius:999px;padding:0 16px;color:var(--eh-primary-deep);background:#ffffffb3;box-shadow:0 14px 28px #6873b11c;font-size:15px;font-weight:950}.hero-copy h1{margin:0;max-width:8.4em;color:#243651;font-size:clamp(56px,5vw,72px);line-height:1.08;letter-spacing:0;text-wrap:balance}.hero-subtitle{max-width:33em;margin:24px 0 0;color:#5d6b88;line-height:1.9;font-size:clamp(18px,1.45vw,22px);font-weight:600}.hero-support{display:inline-flex;margin:14px 0 0;border-radius:999px;padding:7px 12px;color:#7b668b;background:#ffffff8a;font-size:14px;font-weight:800}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:32px}.primary-button,.secondary-button,.text-button,.action-grid button,.interaction-row button,.target-panel button,.note-action{border:0;border-radius:8px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:62px;border-radius:999px;font-weight:950;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background .18s ease}.primary-button{gap:10px;padding:0 30px;color:#fff;background:linear-gradient(135deg,#7985ee,#ff9f68);box-shadow:0 22px 44px #6d77d34d}.primary-button:hover,.secondary-button:hover{transform:translateY(-3px)}.primary-button:hover{filter:saturate(1.06);box-shadow:0 28px 56px #6d77d35c}.secondary-button{padding:0 24px;color:var(--eh-primary-deep);background:#ffffffbd;box-shadow:0 16px 34px #5e6aa41f}.secondary-button:hover{background:#ffffffeb;box-shadow:0 20px 42px #5e6aa429}.primary-button.full{width:100%;margin-top:16px}.button-pencil{position:relative;width:18px;height:18px;transform:rotate(-28deg)}.button-pencil:before{position:absolute;left:7px;top:1px;width:5px;height:15px;border-radius:4px;background:#fff8d8;content:""}.button-pencil:after{position:absolute;left:5px;top:14px;width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent;border-top:7px solid #704f65;content:""}.hero-mini-notes{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-mini-notes span{display:inline-flex;align-items:center;min-height:34px;border:1px solid rgba(255,255,255,.76);border-radius:12px;padding:0 12px;color:#667392;background:#ffffff8f;box-shadow:0 10px 22px #6570aa17;font-size:13px;font-weight:900;transform:rotate(-2deg)}.hero-mini-notes span:nth-child(2){background:#fff5bfad;transform:rotate(2deg)}.hero-mini-notes span:nth-child(3){background:#ebf8f2b8;transform:rotate(-1deg)}.hero-visual{display:grid;place-items:center;min-width:0;justify-self:stretch}.house-scene{position:relative;display:grid;place-items:center;width:min(100%,700px);min-height:min(46vw,640px)}.house-scene:before{position:absolute;top:6%;right:0;bottom:3%;left:0;border-radius:58px;background:radial-gradient(circle at 50% 48%,rgba(255,226,139,.36),transparent 36%),linear-gradient(140deg,#ffffff73,#ffffff1f);box-shadow:inset 0 0 0 1px #ffffff61,0 30px 80px #5c67a01f;content:""}.house-svg{position:relative;display:block;width:100%;max-width:680px;height:auto}.house-scene.glow .warm-window,.house-scene.glow .porch-lamp,.house-scene.glow .light-area,.house-scene.glow .scene-halo{animation:breathe-light 3.2s ease-in-out infinite}.house-scene.glow .light-area{transform-origin:395px 436px}.floating-paper{transform-origin:center;animation:float-note 5.4s ease-in-out infinite}.paper-two{animation-delay:.7s}.paper-three{animation-delay:1.35s}.paper-four{animation-delay:2.05s}.house-scene.still .floating-paper{animation:none}.scene-star,.twinkle-dot{transform-origin:center;animation:star-twinkle 3.8s ease-in-out infinite}.star-two,.dot-two{animation-delay:1s}.star-three,.dot-three{animation-delay:1.8s}.scene-cloud{animation:cloud-drift 8s ease-in-out infinite}.cloud-two{animation-delay:1.8s}.cloud-three{animation-delay:2.6s}.cat-friend{transform-origin:220px 578px;animation:cat-breathe 4.2s ease-in-out infinite}.entry-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:-28px;padding-bottom:56px}.entry-card,.paper-card,.reply-card,.wall-card,.query-box,.write-shell,.success-panel,.notice-shell{border:1px solid var(--eh-line);border-radius:8px;background:var(--eh-card);box-shadow:0 18px 46px #5b65971f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.entry-card{position:relative;min-height:282px;border-radius:26px;padding:26px;overflow:hidden;box-shadow:0 24px 60px #58649d26;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.entry-card:before,.entry-card:after{position:absolute;content:""}.entry-card:before{top:0;right:0;bottom:0;left:0;opacity:.98}.entry-card:after{right:-28px;top:-32px;width:150px;height:150px;border-radius:50%;background:#ffffff6b}.entry-card>*{position:relative;z-index:1}.entry-private:before{background:linear-gradient(145deg,#fff5c9,#ffe6ef)}.entry-reply:before{background:linear-gradient(145deg,#e7f4ff,#fff0d4)}.entry-wall:before{background:linear-gradient(145deg,#f0e9ff,#e6f8ed)}.entry-card:hover{transform:translateY(-8px);border-color:#7d86e83d;box-shadow:0 32px 72px #58649d33}.entry-illustration{position:relative;width:136px;height:108px;margin-bottom:24px}.entry-paper,.entry-accent,.entry-line{position:absolute;display:block}.entry-paper{left:10px;top:12px;width:78px;height:86px;border:2px solid rgba(82,87,130,.12);border-radius:16px;background:#fffdf2;box-shadow:0 16px 30px #585b8224;transform:rotate(-7deg)}.entry-paper:before{position:absolute;left:12px;top:-9px;width:42px;height:18px;border-radius:6px;background:#ffffffad;box-shadow:0 4px 10px #5f5e821f;content:""}.entry-line{left:30px;top:42px;width:42px;height:6px;border-radius:999px;background:#d8a263;box-shadow:0 17px #e8c18e,0 34px #d8a2637a;transform:rotate(-7deg)}.entry-accent{right:10px;bottom:18px;width:60px;height:60px;border-radius:50%;background:#a8b6ff;box-shadow:inset 0 -10px #4752921f,0 16px 26px #7a84c926}.entry-private .entry-accent{right:9px;bottom:28px;width:68px;height:13px;border-radius:999px;background:#8068c5;transform:rotate(-35deg)}.entry-private .entry-accent:after{position:absolute;right:-12px;top:0;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:17px solid #f6c98a;content:""}.entry-reply .entry-paper{top:25px;width:94px;height:64px;border-radius:14px;background:#fff4dc;transform:rotate(3deg)}.entry-reply .entry-paper:after{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%);border-radius:14px;background:#ffc56f75;content:""}.entry-reply .entry-accent{right:9px;bottom:24px;width:46px;height:42px;border-radius:50% 50% 45% 45%;background:#f09aaf;transform:rotate(45deg)}.entry-reply .entry-accent:before,.entry-reply .entry-accent:after{position:absolute;border-radius:50%;background:#f09aaf;content:""}.entry-reply .entry-accent:before{left:-14px;top:11px;width:32px;height:32px}.entry-reply .entry-accent:after{left:7px;top:-14px;width:32px;height:32px}.entry-wall .entry-paper{left:8px;top:32px;width:108px;height:58px;border:0;border-radius:14px;background:#ba8c6d;transform:rotate(0)}.entry-wall .entry-paper:before,.entry-wall .entry-paper:after{position:absolute;left:14px;right:14px;height:6px;border-radius:999px;background:#ffefcb85;content:""}.entry-wall .entry-paper:before{top:15px}.entry-wall .entry-paper:after{bottom:15px}.entry-wall .entry-accent{right:3px;top:7px;width:52px;height:44px;border-radius:12px;background:#fff2a5;transform:rotate(8deg)}.entry-wall .entry-line{left:72px;top:18px;width:44px;height:38px;border-radius:10px;background:#ffe7ef;box-shadow:none;transform:rotate(-9deg)}.entry-card h2{margin:0 0 10px;color:#273954;font-size:24px;letter-spacing:0}.entry-card p{min-height:62px;margin:0 0 24px;color:#63718c;line-height:1.72;font-weight:600}.text-button{display:inline-grid;grid-template-columns:1fr 42px;align-items:center;gap:12px;width:100%;min-height:42px;padding:0;color:var(--eh-primary-deep);background:transparent;font-weight:950}.text-button-arrow{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#ffffffb8;box-shadow:0 12px 26px #5c669e21;transition:transform .16s ease,background .16s ease}.text-button-arrow:before{width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);content:""}.text-button:hover .text-button-arrow{background:#fffffff0;transform:translate(3px)}.featured-notes{padding:2px 0 18px}.section-heading{display:flex;align-items:center;gap:14px;margin-bottom:26px}.section-mark{position:relative;width:36px;height:36px;border-radius:12px;background:#ffe5a4;box-shadow:0 12px 24px #e09e552e;transform:rotate(-8deg)}.section-mark:before,.section-mark:after{position:absolute;border-radius:999px;background:#ed98b5;content:""}.section-mark:before{left:12px;top:-9px;width:12px;height:28px}.section-mark:after{left:-5px;top:10px;width:28px;height:12px}.section-heading h2{margin:0;color:#273954;font-size:34px;letter-spacing:0}.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.note-card{position:relative;min-height:218px;border:1px solid rgba(255,255,255,.72);border-radius:22px 22px 28px;padding:42px 22px 20px;box-shadow:0 24px 54px #5f679729;transform:rotate(-2.2deg);transition:transform .18s ease,box-shadow .18s ease}.note-card:nth-child(2n){transform:rotate(1.8deg)}.note-card:nth-child(3n){transform:rotate(-.8deg)}.note-card:hover,.note-card:nth-child(2n):hover,.note-card:nth-child(3n):hover{transform:translateY(-7px) rotate(0);box-shadow:0 32px 68px #5f679733}.tone-1{background:linear-gradient(160deg,#fff4a8,#ffecc6)}.tone-2{background:linear-gradient(160deg,#dff5ff,#f0fbff)}.tone-3{background:linear-gradient(160deg,#ffe0ea,#fff0f4)}.tone-4{background:linear-gradient(160deg,#e8f6d8,#f4fbeb)}.note-tape{position:absolute;left:50%;top:-13px;width:74px;height:25px;border-radius:7px;background:#ffffffb8;box-shadow:0 7px 16px #5e5c7d1f;transform:translate(-50%) rotate(-4deg)}.note-card:before{position:absolute;right:24px;top:24px;width:18px;height:18px;clip-path:polygon(50% 0,61% 34%,98% 34%,68% 55%,79% 91%,50% 68%,21% 91%,32% 55%,2% 34%,39% 34%);background:#ffb75dc7;content:""}.note-card:after{position:absolute;left:22px;bottom:20px;width:18px;height:18px;border-radius:50% 50% 45% 45%;background:#ef97b1b8;transform:rotate(45deg);content:""}.note-card p{margin:0 0 28px;color:#526078;line-height:1.78;font-weight:650}.note-action{min-height:38px;padding:0 14px;color:#4e5f87;background:#ffffff9e;box-shadow:0 10px 22px #6064911a;font-size:13px;font-weight:950}.note-action:hover{color:var(--eh-primary-deep);background:#ffffffe6}.soft-footer{padding:18px 4px;color:var(--eh-muted);line-height:1.7;font-size:13px}.home-page>.soft-footer{padding-bottom:16px}.home-notice-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}.home-notice-footer p{margin:0}.notice-link-button{min-height:42px;border:1px solid rgba(125,134,232,.18);border-radius:999px;padding:0 16px;color:var(--eh-primary-deep);background:#ffffffad;box-shadow:0 12px 26px #5f69a01a;font-weight:900}.notice-link-button:hover{background:#ffffffeb}.mobile-tabbar{display:none}.topbar{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;margin:-18px -18px 18px;padding:max(12px,env(safe-area-inset-top)) 18px 12px;background:#fff6ecd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-weight:800;text-align:center}.icon-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--eh-line);border-radius:8px;color:var(--eh-ink);background:#ffffffad;font-size:24px}.write-shell{position:relative;padding:72px 14px 12px;overflow:hidden}.mailbox{position:absolute;top:16px;left:50%;width:112px;height:48px;transform:translate(-50%);border-radius:8px 8px 20px 20px;background:#79afa2;box-shadow:inset 0 -10px #00000014}.mailbox.receive{animation:mailbox-glow .7s ease}.mailbox-slot{position:absolute;left:18px;right:18px;top:18px;height:6px;border-radius:999px;background:#254d4859}.note-editor{width:100%;min-height:300px;resize:vertical;border:0;border-radius:8px;padding:18px;color:#4d3f3a;background:linear-gradient(180deg,#fffdf6,#fff8df);box-shadow:inset 0 0 0 1px #7e5b4817;line-height:1.75;outline:none}.note-editor.flying{animation:fly-into-mailbox .55s ease-in forwards}.editor-footer{display:flex;justify-content:flex-end;padding:9px 2px 0;color:var(--eh-muted);font-size:13px}.target-panel{display:grid;gap:10px;margin-top:14px}.target-panel button{display:grid;gap:4px;min-height:70px;padding:14px;border:1px solid var(--eh-line);color:var(--eh-ink);background:#ffffff9e;text-align:left}.target-panel button.active{border-color:color-mix(in srgb,var(--eh-primary),white 28%);background:color-mix(in srgb,var(--eh-primary),white 83%)}.target-panel span{color:var(--eh-muted);font-size:13px}.submit-notice{display:grid;gap:8px;margin-top:14px;border:1px solid rgba(125,134,232,.16);border-radius:8px;padding:14px;color:#53617c;background:#ffffff94;box-shadow:0 14px 30px #5b659714;line-height:1.7;font-size:13px}.submit-notice strong{color:var(--eh-ink);font-size:14px}.submit-notice p{margin:0}.error-text{color:#b94b4b;line-height:1.55}.success-page{display:grid;place-items:center}.success-panel{width:100%;padding:28px 18px;text-align:center}.success-panel h1{margin:18px 0 12px;font-size:27px;letter-spacing:0}.note-code{display:inline-flex;justify-content:center;width:100%;max-width:320px;margin:6px auto 8px;padding:13px;border-radius:8px;background:#fff6dc;color:#7a543a;font-weight:900;word-break:break-all}.soft-alert{margin:14px 0;padding:12px;border-radius:8px;background:#fff1dbdb;color:#866048;line-height:1.65;text-align:left}.care-alert p{margin:0}.care-alert p+p{margin-top:8px}.notice-shell{padding:24px 18px;color:#4f5c77;line-height:1.78}.notice-shell p,.notice-shell ul,.notice-shell ol{margin:12px 0 0}.notice-lede{color:var(--eh-ink);font-size:20px;font-weight:900}.notice-section{margin-top:28px}.notice-section h2{margin:0 0 10px;color:var(--eh-ink);font-size:18px;letter-spacing:0}.notice-section ul,.notice-section ol{padding-left:22px}.notice-section li+li{margin-top:6px}.notice-quote{border-left:4px solid color-mix(in srgb,var(--eh-primary),white 30%);border-radius:8px;padding:12px 14px;color:#455370;background:#ffffffa8;font-weight:800}.notice-footer-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.notice-footer-actions .primary-button,.notice-footer-actions .secondary-button{min-height:50px}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.action-grid button{min-height:46px;border:1px solid var(--eh-line);color:var(--eh-ink);background:#fff;font-weight:700}.open-envelope{position:relative;width:110px;height:78px;margin:0 auto;border-radius:8px;background:linear-gradient(160deg,#ffe2ab,#ffbc8c);box-shadow:0 16px 34px #9159402e}.open-envelope.small{width:78px;height:56px;margin-bottom:14px}.envelope-lid{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0 0,50% 58%,100% 0);border-radius:8px 8px 0 0;background:#ffc875;transform-origin:top center;animation:envelope-open 1.4s ease-in-out infinite alternate}.open-envelope.still .envelope-lid{animation:none}.open-envelope.alert{background:linear-gradient(160deg,#f4c4b6,#e88d7c)}.query-box{padding:18px}.query-box input{width:100%;min-height:48px;border:1px solid var(--eh-line);border-radius:8px;padding:0 14px;outline-color:var(--eh-primary)}.reply-result{display:grid;gap:12px;margin-top:16px}.status-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;color:var(--eh-muted);font-size:13px}.paper-card,.reply-card{padding:16px;line-height:1.75}.reply-card{background:#ecf9f1c7}.reply-card.muted{color:var(--eh-muted)}.wall-list{display:grid;gap:14px}.empty-text{margin:36px 0;color:var(--eh-muted);text-align:center}.wall-card{position:relative;padding:18px}.wall-list.float .wall-card{animation:wall-card-float 4.8s ease-in-out infinite}.wall-list.float .wall-card:nth-child(2n){animation-delay:.8s}.featured-label{display:inline-flex;margin-bottom:10px;padding:4px 8px;border-radius:6px;color:#7d5d36;background:#ffe6a8;font-size:12px;font-weight:800}.wall-card p{margin:0 0 14px;line-height:1.75}.interaction-row{display:grid;grid-template-columns:1fr;gap:8px}.interaction-row button{min-height:40px;padding:0 10px;color:#5b4b45;background:#fffc;border:1px solid var(--eh-line)}@media(max-width:1240px){.home-hero{grid-template-columns:minmax(360px,.46fr) minmax(540px,.54fr);gap:28px}.house-scene{width:min(100%,640px)}.house-svg{max-width:640px}}@media(max-width:1080px){.home-page{padding-right:22px;padding-left:22px}.home-hero{grid-template-columns:minmax(0,1fr);gap:8px;min-height:auto;padding:0 0 34px}.hero-visual{order:1}.hero-copy{order:2;max-width:720px;margin:0 auto;padding-bottom:0;text-align:center}.hero-copy h1{max-width:none;font-size:46px}.hero-subtitle{margin-right:auto;margin-left:auto;font-size:17px}.hero-actions,.hero-mini-notes{justify-content:center}.house-scene{width:min(100%,560px);min-height:460px}.house-svg{max-width:560px}.entry-section{margin-top:4px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:560px){.target-panel,.interaction-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){body{background-size:58px 58px,cover}.home-page{padding:0 16px 98px;background-size:cover,cover,cover,68px 68px,cover}.atmo-cloud-one{left:-34px;top:210px;transform:scale(.62)}.atmo-cloud-two,.atmo-paper-two{display:none}.atmo-paper-one{left:auto;right:14px;top:97px;transform:scale(.78) rotate(8deg)}.home-nav{min-height:60px}.desktop-nav{display:none}.brand-row{min-height:38px;font-size:15px}.brand-mark{width:17px;height:17px}.home-hero{padding-top:0}.house-scene{width:min(100%,430px);min-height:342px;margin:0 auto}.house-scene:before{top:5%;right:-5%;bottom:3%;left:-5%;border-radius:36px}.house-svg{max-width:430px}.hero-kicker,.hero-mini-notes{display:none}.hero-copy h1{font-size:36px;line-height:1.14}.hero-subtitle{margin:16px auto 0;line-height:1.76;font-size:15px}.hero-support{margin-top:10px;font-size:12px}.hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}.primary-button,.secondary-button{min-height:54px;width:100%}.entry-section{grid-template-columns:1fr;gap:14px;padding-bottom:34px}.entry-card{min-height:222px;border-radius:24px;padding:20px}.entry-card:after{right:0;top:-42px;width:118px;height:118px}.entry-illustration{float:left;width:108px;height:92px;margin:0 16px 10px 0;transform:scale(.86);transform-origin:left top}.entry-card h2{font-size:21px}.entry-card p{min-height:0;margin-bottom:16px;font-size:14px}.section-heading{margin-bottom:18px}.section-heading h2{font-size:25px}.featured-notes{margin-right:-16px}.featured-grid{display:grid;grid-auto-columns:minmax(230px,76vw);grid-auto-flow:column;grid-template-columns:none;gap:14px;overflow-x:auto;padding:10px 16px 18px 0;scroll-snap-type:x proximity}.featured-grid::-webkit-scrollbar{display:none}.note-card{min-height:178px;scroll-snap-align:start}.home-page>.soft-footer{padding-bottom:8px}.home-notice-footer{grid-template-columns:1fr;gap:12px}.notice-link-button{justify-self:start}.mobile-tabbar{position:fixed;right:12px;bottom:12px;left:12px;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;min-height:58px;border:1px solid rgba(255,255,255,.78);border-radius:20px;padding:7px;background:#ffffffd6;box-shadow:0 18px 42px #57629429;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-tabbar button{border:0;border-radius:16px;color:#65718d;background:transparent;font-size:13px;font-weight:950}.mobile-tabbar button.active{color:#fff;background:linear-gradient(135deg,var(--eh-primary),#ffac73)}}@keyframes breathe-light{0%,to{opacity:.74;filter:drop-shadow(0 0 2px rgba(255,221,132,.28))}50%{opacity:1;filter:drop-shadow(0 0 20px rgba(255,204,93,.72))}}@keyframes float-note{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-18px) rotate(2deg)}}@keyframes star-twinkle{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}@keyframes cloud-drift{0%,to{transform:translate(0)}50%{transform:translate(12px)}}@keyframes cat-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes atmo-float{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-16px) rotate(6deg)}}@keyframes atmo-drift{0%,to{transform:translate(0)}50%{transform:translate(18px)}}@keyframes fly-into-mailbox{to{transform:translateY(-230px) scale(.22) rotate(8deg);opacity:0}}@keyframes mailbox-glow{50%{box-shadow:inset 0 -10px #00000014,0 0 32px #ffb260a6}}@keyframes envelope-open{0%{transform:rotateX(0)}to{transform:rotateX(58deg)}}@keyframes wall-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto;animation-duration:1ms;animation-iteration-count:1;transition-duration:1ms}}