@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:wght@400;500;600&display=swap');
:root{--forest:#173f36;--deep:#10342d;--green:#547861;--cream:#f5f4ee;--paper:#fffefa;--ink:#213e34;--muted:#7b887f;--line:#e5e8df;--red:#ad4844;--gold:#b69659;--sans:'DM Sans',system-ui,sans-serif;--serif:'Fraunces',Georgia,serif;color:var(--ink);font-family:var(--sans);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:38px;letter-spacing:-1.3px;line-height:1.15}h2{font-size:27px;letter-spacing:-.65px;line-height:1.25}h3{font-size:21px;letter-spacing:-.3px}p{line-height:1.7}small{font-size:11px;color:var(--muted)}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:10px;font-size:12px;line-height:1.5;font-weight:600;transition:background .15s,transform .15s}.button:hover{filter:brightness(.96)}.button:active{transform:translateY(1px)}.button .icon{width:17px;height:17px}.primary{background:var(--forest);color:#fffefa}.secondary{background:#e9eee5;color:var(--forest)}.cream{background:#f8f1db;color:var(--forest)}.quiet{background:transparent;color:#84625a;border:1px solid #e5dcd4}.full{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;background:transparent;color:#819084;border-radius:8px}.icon-button:hover{background:#dde5d953;color:var(--forest)}.text-button{display:inline-flex;align-items:center;gap:7px;background:none;color:#526f57;font-size:11px;font-weight:600;padding:6px 0}.text-button .icon{width:15px;height:15px}.danger-text{color:#a74943!important}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;line-height:1.7;color:#9a7b49;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}.eyebrow .icon{width:14px;height:14px}.eyebrow.light{color:#d1c397}.subtle{font-size:12px;line-height:1.8;color:var(--muted)}.brand{font-family:var(--serif);font-size:28px;letter-spacing:-.9px;display:flex;align-items:center;gap:10px;color:#f8f5e9;white-space:nowrap}.brand>.icon{width:27px;height:27px;color:#d6bc82}.brand>span{font-family:var(--sans);font-size:12px;color:#ccb47a;margin-left:5px}.card{background:var(--paper);border:1px solid var(--line);border-radius:15px}.app-shell{min-height:100dvh;display:grid;grid-template-columns:228px minmax(0,1fr);max-width:1700px;margin:0 auto}.sidebar{position:sticky;top:0;height:100dvh;background:var(--forest);padding:34px 22px 20px;color:#f5f3e9;display:flex;flex-direction:column}.sidebar-edition{font-size:7px;letter-spacing:1.7px;color:#a8bdb0;margin-top:10px}.sidebar nav{margin-top:43px;display:grid;gap:6px}.nav-item{background:transparent;color:#bbccc0;display:flex;align-items:center;gap:13px;text-align:left;padding:12px 14px;border-radius:9px;font-size:12px;min-height:44px}.nav-item>.icon{width:18px;height:18px;opacity:.8}.nav-item:hover{background:#ffffff09}.nav-item.active{color:#fffdf4;background:#ffffff12}.nav-item.active>.icon{color:#e2c88f;opacity:1}.unread{margin-left:auto;border-radius:12px;background:#ecd6a0;color:var(--forest);min-width:19px;text-align:center;font-size:10px;padding:3px}.sidebar-foot{margin-top:auto;border-top:1px solid #ffffff14;padding-top:22px;display:flex;gap:9px;align-items:center}.sidebar-foot strong{font-size:10px;display:block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.sidebar-foot small{display:block;color:#9db4a5;font-size:9px;margin-top:4px}.sidebar-foot .logout{margin-left:auto;min-width:25px}.family-avatar{width:32px;height:32px;border-radius:8px;background:#ffffff13;display:grid;place-items:center;color:#c9b681}.family-avatar .icon{width:16px}.app-body{min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#faf9f3}.breadcrumb{font-size:11px;color:#7c8b80}.breadcrumb>span{padding:0 13px;color:#b0b9ab}.top-actions{display:flex;align-items:center;gap:16px}.profile-button{border-radius:50%;width:32px;height:32px;background:#e3e9dc;color:#557356;font:500 14px var(--serif)}.connection-status{font-size:10px;color:#7f8c7f;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.connection-status i{width:5px;height:5px;border-radius:50%;background:#7a9c78}.connection-status.offline{color:#ad4844}.connection-status.offline i{background:#ad4844}.top-actions>.icon-button{min-width:25px}.top-actions>.icon-button .icon{width:17px;height:17px}main{max-width:1230px;padding:36px 40px 20px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:29px}.page-heading h1{margin-top:8px}.date-label{font-size:10px;color:#829080;white-space:nowrap;display:flex;align-items:center;gap:8px;padding-bottom:6px}.date-label>.icon{width:15px;height:15px;color:#a99465}.footer{display:flex;align-items:center;justify-content:center;gap:10px;color:#a0a998;font-size:7px;letter-spacing:1.6px;margin-top:35px;padding:15px}.footer>.icon{width:14px;height:14px}.mobile-brand,.mobile-nav{display:none}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px}.home-grid:not(:has(.countdown-card)){grid-template-columns:1fr}.hero-card{background:var(--forest);border-radius:15px;color:#faf4e5;min-height:290px;position:relative;overflow:hidden;display:flex}.hero-card:before{content:'';position:absolute;inset:0;opacity:.15;background-image:radial-gradient(#ddd2b7 1px,transparent 1px);background-size:27px 29px}.hero-copy{padding:32px;position:relative;z-index:1;max-width:74%}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.5px}.hero-copy h2{font-size:34px;line-height:1.14;letter-spacing:-1px;margin:14px 0;color:#fbf8ec}.hero-copy p{font-size:11px;max-width:280px;color:#bccfc1;margin:14px 0 20px;line-height:1.8}.hero-copy .button{padding:10px 15px;font-size:10px}.hero-decoration{position:absolute;right:2%;bottom:12px;width:190px;height:245px;display:flex;align-items:end;justify-content:center}.hero-decoration>svg{position:relative;width:170px;height:210px}.orbit{position:absolute;border:1px solid #c5b88122;border-radius:50%;width:230px;height:230px;top:-10px;left:0}.orbit.two{width:290px;height:290px;left:-30px;top:-40px}.spark{position:absolute;color:#e1c581}.spark.a{right:6px;top:15px;font-size:24px}.spark.b{left:24px;top:45px;font-size:21px}.spark.c{right:-4px;bottom:50px;font-size:13px}.countdown-card{padding:26px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;background:#faf6e9}.countdown-card>.eyebrow{font-size:7px;letter-spacing:1.4px;color:#a18a55}.countdown-card>.icon{width:25px;height:25px;color:#b99c62;margin-top:22px}.countdown-card>strong{font-family:var(--serif);font-weight:400;font-size:75px;letter-spacing:-4px;color:var(--forest);line-height:1.1;margin:10px 0}.countdown-card>h3{font-size:18px}.countdown-card>small{font-size:9px;margin-top:13px;color:#9b967e}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:14px;margin:20px 0 28px}.mini-stat{display:flex;gap:14px;align-items:center;background:#eeefe7;border-radius:11px;padding:18px}.mini-stat>.icon{color:#7e9274;width:23px;height:23px}.mini-stat>div{display:flex;flex-direction:column}.mini-stat strong{font-size:22px;font-weight:500;letter-spacing:-1px}.mini-stat span{font-size:9px;color:#8a9585;margin-top:4px}.content-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.letter-card{padding:26px;background:#fbf6e8;border-color:#ece5d3;position:relative}.letter-top{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px}.letter-top .eyebrow{font-size:8px;letter-spacing:1.1px}.letter-stamp{display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1.5;border:1px dashed #cab477;color:#b39b65;width:34px;height:39px;transform:rotate(7deg);font-size:8px;flex-shrink:0}.letter-card h2{font-size:24px;line-height:1.3}.letter-body{font-size:12px;line-height:1.9;color:#777c66;margin:18px 0;white-space:pre-wrap;overflow-wrap:anywhere}.signature{font-family:var(--serif);font-style:italic;font-size:12px;color:#9a8256;line-height:1.6;margin-top:22px}.signature strong{font-size:19px;font-weight:400}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}.section-head h2{font-size:22px}.mission-list{display:grid;gap:12px}.mission{display:flex;align-items:start;gap:15px;padding:21px}.mission-check{width:34px;height:34px;border:1px solid #d8dfcf;background:#f1f3e9;border-radius:50%;display:grid;place-items:center;color:#9caa85;flex-shrink:0}.mission-check .icon{width:16px;height:16px}.mission.completed .mission-check{background:var(--green);color:white;border-color:var(--green)}.mission.completed h3{color:#8a9885;text-decoration:line-through}.mission-copy{flex:1;min-width:0}.mission h3{font-size:19px;line-height:1.4;margin:8px 0 5px;overflow-wrap:anywhere}.mission p{font-size:11px;color:#84907e;margin:8px 0;white-space:pre-wrap}.mission small{font-size:9px;color:#a09470}.mission-meta{display:flex;gap:12px;align-items:center;font-size:8px;color:#97a08e}.category{font-size:7px;letter-spacing:.6px;text-transform:uppercase;background:#eef0e5;color:#7e8c6a;border-radius:4px;padding:4px 6px}.mission>.icon-button{min-width:24px;height:30px}.mission>.icon-button .icon{width:15px;height:15px}.soft-card{padding:22px}.soft-card p{font-size:12px;color:#8c9683}.no-letter{padding:35px 27px;background:#f3f0e4}.no-letter>.icon{width:30px;height:30px;color:#a7956d;margin-bottom:18px}.no-letter h2{font-size:25px}.no-letter p{font-size:12px;color:#8a917e;margin-top:15px}.no-letter>.text-button{margin-top:15px}.workshop-shortcuts{display:flex;gap:10px;margin-top:15px}.workshop-shortcuts>button{background:#e9ede1;color:#6b7c5f;display:flex;align-items:center;justify-content:center;gap:9px;flex:1;border-radius:9px;padding:14px 10px;font-size:10px}.workshop-shortcuts .icon{width:15px;height:15px}.page-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.page-toolbar>.subtle{max-width:65%}.segmented{display:flex;gap:3px;border:1px solid #e2e6d9;background:#ebece3;padding:4px;border-radius:9px}.segmented button{background:none;color:#88927f;padding:8px 13px;font-size:10px;border-radius:6px}.segmented button.active{background:#fffef8;color:#476344;box-shadow:0 1px 4px #33442208}.progress-card{padding:22px;display:flex;align-items:center;gap:25px;margin-bottom:20px;background:#f0f2e6}.progress-card>div:first-child{min-width:190px}.progress-card strong{font-size:12px;font-weight:500;display:block}.progress-card span{font-size:10px;color:#8b967d;display:block;margin-top:7px}.progress-track{height:5px;background:#dde4cf;flex:1;border-radius:4px;overflow:hidden}.progress-track i{display:block;height:100%;background:#81966b}.progress-card>.icon{color:#a99564;width:25px;height:25px}.info-strip{display:flex;gap:10px;align-items:center;padding:16px 20px;border:1px solid #e7e5d7;border-radius:10px;color:#8e8b70;background:#f6f2e5;font-size:10px;margin-bottom:22px}.info-strip .icon{width:15px;height:15px}.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.note-grid .empty-state{grid-column:1/-1}.note-date{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#8f967e;letter-spacing:1px;margin-bottom:12px;min-height:26px}.status-pill{font-size:8px;letter-spacing:0;background:#e9eee0;color:#7a8c64;padding:6px 9px;border-radius:5px;font-family:var(--sans);display:inline-flex;align-items:center;line-height:1.4}.note-actions{display:flex;gap:22px;margin:10px 0}.note-actions .text-button{font-size:10px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.photo-card{overflow:hidden}.photo-card>img{display:block;width:100%;height:210px;object-fit:cover;cursor:zoom-in;background:#e4e9dd}.photo-card>div{padding:17px}.photo-card strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;font-weight:500;line-height:1.6}.photo-card small{display:block;font-size:9px;margin-top:9px}.wish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.wish-card{padding:24px;position:relative;overflow:hidden}.wish-icon{width:43px;height:43px;display:grid;place-items:center;background:#f3ead7;border-radius:11px;color:#b3985e;margin-bottom:20px}.wish-icon>.icon{width:22px;height:22px}.wish-card h2{font-size:25px;line-height:1.35;margin-top:15px;overflow-wrap:anywhere}.wish-card p{font-size:11px;color:#87927e;margin-top:12px;white-space:pre-wrap;overflow-wrap:anywhere}.wish-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.wish-bottom small{font-size:9px}.wish-bottom .icon{width:15px;height:15px}.compact-label{font-size:9px;margin-top:15px}.compact-label select{font-size:10px;padding:9px}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.badge-card{padding:36px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.badge-medal{width:80px;height:80px;border-radius:50%;background:#f4edda;box-shadow:0 0 0 7px #f8f5e9,0 0 0 8px #ebe2cd;display:grid;place-items:center;color:#b99d60;margin:8px 0 30px}.badge-medal>.icon{width:36px;height:36px;stroke-width:1.1}.badge-medal.tone-1{background:#e7ecdf;box-shadow:0 0 0 7px #f1f4eb,0 0 0 8px #dbe3d0;color:#8b9b70}.badge-medal.tone-2{background:#f4e5de;box-shadow:0 0 0 7px #f9f0e9,0 0 0 8px #edd9ce;color:#bb8772}.badge-card .eyebrow{font-size:7px}.badge-card h2{font-size:24px;margin:11px 0}.badge-card small{font-size:9px}.badge-card>.icon-button{position:absolute;right:8px;top:8px}.badge-card>.icon-button .icon{width:14px;height:14px}.empty-state{padding:65px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;grid-column:1/-1;width:100%;background:#f1f1e8;border-radius:14px;min-height:250px}.empty-state>.icon{width:42px;height:42px;color:#aab69b;stroke-width:1.1;margin-bottom:22px}.empty-state h3{font-size:25px;color:#71856b}.empty-state p{font-size:12px;color:#939c86;max-width:310px;margin-top:12px}.settings-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:24px}.settings-card{padding:28px;margin-bottom:20px}.section-kicker{font-size:8px;letter-spacing:1px;color:#a58f5e;display:flex;align-items:center;gap:9px;margin-bottom:18px}.section-kicker .icon{width:15px;height:15px}.settings-card h2{font-size:26px;margin-bottom:18px}.settings-subhead{font-size:20px;margin:30px 0 8px}.settings-card>.subtle{margin-bottom:18px}label{display:flex;flex-direction:column;gap:9px;font-size:11px;font-weight:500;color:#607559;margin:19px 0}input,textarea,select{width:100%;background:#fafaf5;border:1px solid #e1e5d8;border-radius:9px;padding:13px;color:var(--ink);outline:none;font-size:12px;line-height:1.6;min-width:0}input:focus,textarea:focus,select:focus{border-color:#9ead8f;box-shadow:0 0 0 3px #9ead8f12}input::placeholder,textarea::placeholder{color:#a2ac96}textarea{resize:vertical}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-hint{font-size:10px;line-height:1.8;color:#929c85;margin:15px 0 22px}.switch-row{display:flex;flex-direction:row;align-items:center;gap:10px;border-bottom:1px solid #edf0e4;margin:0;padding:16px 0;font-size:11px}.switch-row>span:first-child{flex:1}.switch-row input{position:absolute;opacity:0;width:1px;height:1px}.switch{width:31px;height:18px;border-radius:20px;background:#d9dfd0;position:relative;transition:background .2s}.switch:after{content:'';width:12px;height:12px;position:absolute;top:3px;left:3px;border-radius:50%;background:white;transition:left .2s;box-shadow:0 1px 2px #0001}.switch-row input:checked+.switch{background:#5c7d60}.switch-row input:checked+.switch:after{left:16px}.switch-row input:focus-visible+.switch{outline:2px solid var(--gold);outline-offset:4px}.code{background:#f0f2e7;padding:13px;border-radius:8px;color:#5c704f;font-size:11px;font-family:monospace;overflow-wrap:anywhere;user-select:all}.server-address{background:#f2f3e9;border-radius:8px;padding:14px;color:#6c805e;font-size:12px;overflow-wrap:anywhere}.mailbox-card{padding:55px;max-width:650px;text-align:center;margin:auto}.mailbox-card>.elf-avatar{width:80px;height:80px;margin:0 auto 26px}.mailbox-card .eyebrow{display:block}.mailbox-card h2{font-size:34px;margin:18px 0}.mailbox-card p{font-size:13px;color:#86917c;margin-bottom:25px}.mailbox-card .privacy-line{justify-content:center}.mailbox-card .button{margin-top:15px}.chat-card{overflow:hidden}.chat-heading{padding:22px 26px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line)}.elf-avatar{width:44px;height:44px;display:block;flex-shrink:0}.elf-avatar svg{width:100%;height:100%}.chat-heading h2{font-size:23px}.chat-heading>div>span{display:block;font-size:9px;color:#8e9987;margin-top:6px}.chat-heading>.icon-button{margin-left:auto}.chat-search{display:flex;align-items:center;gap:9px;border-bottom:1px solid #edf0e5;padding:3px 25px;background:#fafbf5}.chat-search>.icon{width:15px;height:15px;color:#9ba58d}.chat-search input{border:0;background:none;box-shadow:none;padding:11px 0;font-size:10px}.chat-search>span{font-size:9px;color:#9aa78b;white-space:nowrap}.chat-log{height:clamp(300px,48dvh,640px);padding:20px 30px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:17px;background-color:#fffefa;background-image:radial-gradient(#bdc7b521 .8px,transparent .8px);background-size:20px 20px}.date-divider{align-self:center;color:#9ca58e;font-size:8px;text-transform:uppercase;letter-spacing:1px;padding:7px 15px;background:#f2f3e9;border-radius:20px;margin:5px 0 10px}.message{position:relative;align-self:flex-start;max-width:76%;min-width:100px}.message.mine{align-self:flex-end}.message-body{background:#edf1e6;border:1px solid #e7eddc;border-radius:2px 12px 12px 12px;padding:13px 16px;font-size:12px;line-height:1.7;color:#52664b;overflow:hidden}.message-body p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.mine .message-body{background:var(--forest);color:#fffdf2;border-color:var(--forest);border-radius:12px 2px 12px 12px}.message-meta{display:flex;gap:10px;align-items:center;font-size:8px;color:#9ba58f;padding-top:6px;justify-content:flex-start}.mine .message-meta{justify-content:flex-end}.read-status{color:#9c9f7a}.message-meta .icon{width:10px;height:10px}.message-menu{position:absolute;top:0;right:-35px;width:28px;height:30px;min-width:28px;opacity:.55}.mine .message-menu{left:-35px;right:auto}.message-menu>.icon{width:18px;height:18px}.message-menu:hover{opacity:1}.message img{display:block;width:100%;max-width:310px;max-height:300px;object-fit:contain;border-radius:7px;margin-top:8px;cursor:zoom-in;background:#dce4d2;min-height:40px}.message.deleted .message-body{background:#f4f4ec;color:#a4ad97;border:1px dashed #dde2d3}.quoted{border-left:2px solid #bba875;background:#ffffff0c;border-radius:3px;padding:5px 9px;font-size:10px;margin-bottom:9px;max-width:280px}.quoted strong{font-weight:500;display:block;font-size:9px;margin-bottom:3px}.quoted span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px;opacity:.7}.reaction-list{display:flex;gap:4px;margin-top:6px}.mine .reaction-list{justify-content:flex-end}.reaction-list button{background:#f0f2e9;border:1px solid #e4e9dc;border-radius:20px;padding:3px 8px;font-size:12px}.reaction-list button.own{border-color:#b9c8a5;background:#eaf0df}.composer{padding:17px 22px 12px;border-top:1px solid #e9eddf;background:var(--paper)}.composer-row{display:flex;align-items:end;gap:10px}.composer-row>.icon-button{height:42px;color:#8f9d7f}.composer textarea{resize:none;background:#f4f5ed;border-color:#e9eddf;border-radius:10px;min-height:44px;max-height:100px;height:44px;font-size:12px;padding:12px 15px}.send-button{height:44px;width:44px;flex-shrink:0;background:var(--red);color:#fff8e6;border-radius:10px;display:grid;place-items:center}.send-button>.icon{width:20px;height:20px}.composer-foot{font-size:8px;color:#acb39e;text-align:center;display:flex;gap:5px;align-items:center;justify-content:center;margin-top:10px}.composer-foot>.icon{width:10px;height:10px}.quick-replies{display:flex;align-items:center;gap:7px;padding:10px 22px;overflow:auto;border-top:1px solid #edf0e3;white-space:nowrap}.quick-replies>span{font-size:7px;letter-spacing:1px;color:#a7af99;margin-right:7px}.quick-replies>button{background:#f1f3e8;color:#7e8d6d;border:1px solid #e6eadb;border-radius:20px;padding:7px 10px;font-size:9px;white-space:nowrap}.pin-banner{display:flex;align-items:center;gap:9px;width:100%;background:#f6f2e4;padding:12px 25px;color:#9b8758;text-align:left;font-size:10px;border-bottom:1px solid #ece7d6}.pin-banner .icon{width:14px;height:14px}.pin-banner>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.pin-banner>b{font-weight:400;font-size:8px}.reply-preview,.attachment-preview{display:flex;align-items:center;gap:12px;background:#f4f5ea;border-radius:8px;padding:10px 13px;margin-bottom:12px}.reply-preview>.icon{width:17px;height:17px;color:#9fa882}.reply-preview>div,.attachment-preview>div{flex:1;min-width:0}.reply-preview strong,.attachment-preview strong{display:block;font-size:10px;color:#7f8c6e}.reply-preview span,.attachment-preview small{display:block;font-size:9px;color:#9da68e;margin-top:5px;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-preview img{height:48px;width:48px;border-radius:5px;object-fit:cover}.reply-preview>.icon-button,.attachment-preview>.icon-button{height:25px;min-width:25px}.reply-preview>.icon-button .icon,.attachment-preview>.icon-button .icon{width:15px;height:15px}dialog{width:460px;max-width:calc(100% - 30px);max-height:90dvh;border:1px solid #e5e9d9;border-radius:18px;background:var(--paper);color:var(--ink);padding:35px 30px;box-shadow:0 30px 100px #0d211b33}dialog::backdrop{background:#0c271f66;backdrop-filter:blur(3px)}dialog h2{font-size:29px;margin:12px 0 23px}.modal-close{position:absolute;right:10px;top:10px}.modal-close .icon{width:17px;height:17px}.template-chips{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.template-chips>button{border-radius:20px;background:#eef1e6;color:#8a9879;padding:7px 11px;font-size:9px}.more-menu{display:grid}.more-menu>button{background:none;border-bottom:1px solid #e9eddf;text-align:left;padding:16px 4px;color:#718166;display:flex;align-items:center;gap:13px;font-size:12px}.more-menu>button>.icon{width:18px;height:18px}.more-menu>button>.icon:last-child:not(:first-child){margin-left:auto}.emoji-picker{display:flex;gap:7px;justify-content:space-between;padding:5px 0 15px;border-bottom:1px solid var(--line)}.emoji-picker>button{background:#f3f4ea;border-radius:9px;width:44px;height:44px;font-size:21px}.photo-modal{width:auto;padding:40px 15px 15px;max-width:95vw}.photo-view img{display:block;max-width:85vw;max-height:75dvh;object-fit:contain}.pinned-list{display:grid;gap:10px}.pinned-list>button{display:flex;align-items:start;gap:12px;border-radius:8px;background:#f6f3e7;color:#8f8059;text-align:left;padding:15px;font-size:12px;line-height:1.7}.pinned-list small{display:block;font-size:9px;margin-top:10px}.pinned-list .icon{width:15px;height:15px;flex-shrink:0}.auth-layout{min-height:100dvh;display:grid;grid-template-columns:46% 54%}.auth-art{background:var(--forest);padding:42px 45px;color:#f8f3e4;position:relative;overflow:hidden;display:flex;flex-direction:column}.auth-art:before,.auth-art:after{content:'';border:1px solid #d8c9911c;position:absolute;border-radius:50%;width:650px;height:650px;bottom:-350px;left:-150px}.auth-art:after{width:800px;height:800px;left:-225px;bottom:-425px}.auth-art-copy{margin:auto 0;padding:60px 5px 80px;position:relative;z-index:1}.auth-art-copy h1{font-size:58px;color:#f6f0dc;line-height:1.15;margin:22px 0}.auth-art-copy p{font-size:13px;color:#b6c7b8;line-height:1.9}.postmark{margin-top:45px;border:1px dashed #b5a36a;border-radius:50%;width:100px;height:100px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;transform:rotate(-15deg);font-size:8px;letter-spacing:2px;color:#c2b47f;line-height:2.2}.auth-caption{font-size:7px;letter-spacing:1.7px;color:#95ad9a;position:relative;z-index:1}.auth-form-wrap{display:flex;flex-direction:column;padding:45px 8%;background:#faf9f3}.auth-form{margin:auto 0;padding:40px 0}.auth-form h2{font-size:39px;margin:15px 0;letter-spacing:-1px}.auth-form>.subtle{font-size:13px;line-height:1.9;margin-bottom:30px}.auth-form label{margin:23px 0;font-size:11px}.auth-form input{background:#fffefa;padding:14px}.auth-form .button{margin-top:8px}.auth-toggle{margin-top:16px;font-size:10px;font-weight:400;color:#8b987c;width:100%;justify-content:center}.privacy-line{font-size:9px;color:#a7af98;display:flex;align-items:center;gap:7px;line-height:1.8;margin-top:28px}.privacy-line .icon{width:12px;height:12px}.auth-bottom{font-size:8px;letter-spacing:1px;color:#8e9c81;display:flex;justify-content:space-between;gap:20px}.auth-bottom>span{font-size:7px;color:#acb49b}.startup-error{display:flex;min-height:100dvh;padding:35px;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:25px}.startup-error>.icon{width:50px;height:50px;color:#a8b496}.startup-error h1{font-size:33px}.startup-error p{font-size:13px;color:#85927b}.startup-error .button{min-width:160px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(15px);max-width:calc(100% - 35px);background:var(--forest);color:#f4efd9;font-size:12px;line-height:1.6;box-shadow:0 12px 35px #1b3d3226;border:1px solid #527661;border-radius:12px;padding:14px 22px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(min-width:1400px){.hero-card{min-height:325px}.hero-copy{padding:40px}.hero-copy h2{font-size:39px}.hero-copy p{font-size:12px}.hero-decoration{right:8%;width:210px;bottom:15px;height:260px}.hero-decoration>svg{width:200px;height:245px}.countdown-card>strong{font-size:87px}.home-grid{grid-template-columns:1fr 270px}}
@media(max-width:1150px){.app-shell{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding:29px 16px 19px}.sidebar .brand{font-size:25px;gap:7px}.sidebar .brand>.icon{width:23px}.sidebar-edition{font-size:6px;letter-spacing:1.4px}.nav-item{font-size:11px;gap:10px;padding:12px}.topbar{padding:0 27px;height:67px}main{padding:28px 27px 18px}h1{font-size:32px}.home-grid{grid-template-columns:minmax(0,1fr) 200px;gap:16px}.hero-copy{padding:25px;max-width:77%}.hero-copy h2{font-size:30px}.hero-copy .eyebrow{font-size:6px}.hero-copy p{max-width:235px;font-size:10px}.hero-decoration{right:-10px;width:145px;bottom:10px}.hero-decoration>svg{width:150px;height:185px}.countdown-card{padding:25px 12px}.countdown-card>strong{font-size:68px}.countdown-card h3{font-size:16px}.countdown-card>.eyebrow{font-size:6px}.countdown-card>small{font-size:8px}.mini-stat{padding:15px;gap:10px}.mini-stat>.icon{width:19px}.mini-stat span{font-size:8px}.content-columns{gap:18px}.section-head h2{font-size:19px}.letter-card{padding:22px}.mission{padding:17px;gap:12px}.mission h3{font-size:18px}.mission-meta{gap:8px}.photo-grid,.wish-grid,.badge-grid{grid-template-columns:repeat(2,1fr)}.photo-card>img{height:190px}.settings-grid{gap:18px}.settings-card{padding:23px}.date-label{font-size:9px}.auth-art-copy h1{font-size:47px}.auth-art{padding:35px}.auth-form-wrap{padding:35px 9%}}
@media(max-width:850px) and (min-width:701px){.home-grid{grid-template-columns:1fr}.countdown-card{display:grid;grid-template-columns:1fr auto;text-align:left;align-items:center;gap:4px 15px;padding:20px 25px}.countdown-card>.eyebrow{grid-column:1;grid-row:1}.countdown-card>.icon{display:none}.countdown-card>strong{grid-column:2;grid-row:1/4;margin:0;font-size:58px}.countdown-card>h3{grid-column:1;grid-row:2}.countdown-card>small{grid-column:1;grid-row:3;margin-top:5px}.hero-decoration{right:25px}.hero-card{min-height:280px}.content-columns{grid-template-columns:1fr}.note-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.date-label{display:none}.progress-card{flex-wrap:wrap;gap:15px}.progress-card>div:first-child{min-width:100%;order:0}.progress-card>.progress-track{order:1}.progress-card>.icon{order:2}.page-toolbar{gap:12px}.segmented button{padding:8px}.page-toolbar>.button{padding:10px;font-size:10px}}
@media(max-width:700px){body{background:#f5f4ee}.app-shell{display:block;padding-bottom:75px}.sidebar{display:none}.topbar{position:sticky;top:0;z-index:5;height:62px;padding:0 20px;background:#faf9f5}.topbar .mobile-brand{display:flex;color:var(--forest);font-size:25px;gap:8px}.topbar .brand>.icon{width:24px;height:24px;color:#aa925b}.topbar .breadcrumb{display:none}.top-actions{gap:9px}.connection-status{font-size:8px}.top-actions>.icon-button{min-width:24px}.profile-button{width:28px;height:28px;font-size:12px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fffef9f5;border-top:1px solid #e4e9dc;z-index:6;padding:8px 9px max(9px,env(safe-area-inset-bottom));backdrop-filter:blur(15px);min-height:68px}.mobile-nav>button{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:transparent;color:#a1ad95;padding:4px 0}.mobile-nav>button>.icon{width:20px;height:20px}.mobile-nav>button>span{font-size:8px}.mobile-nav>button.active{color:var(--forest)}.mobile-nav>button.active>.icon{background:#e8edde;box-shadow:0 0 0 7px #e8edde;border-radius:2px}main{padding:26px 18px 10px}.page-heading{margin-bottom:22px;gap:10px;align-items:center}.page-heading h1{font-size:30px;margin-top:8px;letter-spacing:-1px}.page-heading .eyebrow{font-size:7px;letter-spacing:1.4px}.date-label{display:none}.home-grid{grid-template-columns:1fr;gap:15px}.hero-card{min-height:275px}.hero-copy{padding:25px;max-width:78%}.hero-copy h2{font-size:32px;margin:14px 0}.hero-copy p{max-width:225px;font-size:10px;line-height:1.8;margin:13px 0 20px}.hero-copy .eyebrow{font-size:6px;letter-spacing:1px}.hero-decoration{right:0;width:140px;bottom:12px}.hero-decoration>svg{width:155px;height:190px}.spark.a{right:0;top:30px}.spark.b{left:5px;top:70px}.hero-copy .button{font-size:9px;padding:10px 13px}.countdown-card{display:grid;grid-template-columns:1fr auto;text-align:left;align-items:center;gap:4px 15px;padding:20px 24px}.countdown-card>.eyebrow{grid-column:1;grid-row:1;font-size:6px}.countdown-card>.icon{display:none}.countdown-card>strong{grid-column:2;grid-row:1/4;margin:0;font-size:59px;letter-spacing:-3px}.countdown-card>h3{grid-column:1;grid-row:2;font-size:21px}.countdown-card>small{grid-column:1;grid-row:3;margin-top:4px;font-size:8px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 25px}.mini-stat{padding:16px;gap:12px}.mini-stat strong{font-size:24px}.mini-stat span{font-size:8px}.mini-stat>.icon{width:20px}.content-columns{grid-template-columns:1fr;gap:27px}.letter-card{padding:25px}.letter-top .eyebrow{font-size:7px}.letter-card h2{font-size:27px}.letter-body{font-size:12px}.section-head h2{font-size:22px}.mission{padding:18px;gap:12px}.mission h3{font-size:20px}.mission p{font-size:11px}.mission-meta{font-size:8px}.mission small{font-size:9px}.mission>.icon-button{min-width:20px}.mission>.icon-button .icon{width:14px}.mission-check{width:31px;height:31px}.page-toolbar{gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.page-toolbar>.subtle{max-width:100%;font-size:11px}.page-toolbar>.button{font-size:10px;padding:11px 14px}.segmented{padding:3px}.segmented button{font-size:9px;padding:8px 10px}.progress-card{padding:20px;flex-wrap:wrap;gap:15px}.progress-card>div:first-child{min-width:100%}.progress-card>.progress-track{order:1}.progress-card>.icon{order:2;width:20px}.progress-card strong{font-size:12px}.progress-card span{font-size:10px}.note-grid{grid-template-columns:1fr;gap:26px}.note-date{font-size:8px}.info-strip{font-size:10px;padding:14px;line-height:1.8}.photo-grid{grid-template-columns:1fr 1fr;gap:12px}.photo-card>img{height:170px}.photo-card>div{padding:13px}.photo-card strong{font-size:10px}.photo-card small{font-size:8px}.wish-grid{grid-template-columns:1fr;gap:15px}.wish-card{padding:23px}.wish-icon{margin-bottom:15px}.wish-card h2{font-size:27px}.wish-card p{font-size:12px}.badge-grid{grid-template-columns:1fr 1fr;gap:13px}.badge-card{padding:25px 15px}.badge-card h2{font-size:21px;line-height:1.4}.badge-card small{font-size:8px}.badge-medal{width:65px;height:65px;margin:10px 0 25px}.badge-medal>.icon{width:30px;height:30px}.badge-card .eyebrow{font-size:6px}.badge-card>.icon-button{right:3px;top:3px;width:28px;height:28px;min-width:28px}.empty-state{padding:45px 25px;min-height:250px}.empty-state h3{font-size:24px}.empty-state p{font-size:11px}.settings-grid{grid-template-columns:1fr}.settings-card{padding:24px}.settings-card h2{font-size:27px}.two-col{gap:12px}.switch-row{font-size:11px;padding:17px 0}.mailbox-card{padding:40px 25px}.mailbox-card h2{font-size:29px}.mailbox-card p{font-size:12px}.chat-heading{padding:17px;gap:10px}.chat-heading h2{font-size:21px}.chat-heading>div>span{font-size:8px;line-height:1.5}.elf-avatar{width:39px;height:39px}.chat-heading>.icon-button{min-width:30px}.chat-heading>.icon-button .icon{width:18px}.chat-search{padding:3px 17px}.chat-search input{font-size:11px}.chat-log{height:clamp(230px,calc(100dvh - 490px),600px);padding:15px 21px;gap:17px;min-height:250px}.message{max-width:82%;min-width:90px}.message-body{padding:12px 13px;font-size:12px}.message img{max-height:230px}.message-menu{min-width:22px;width:22px;right:-24px;height:27px}.mine .message-menu{left:-24px}.message-menu>.icon{width:16px;height:16px}.message-meta{font-size:7px;gap:6px}.composer{padding:13px 12px 10px}.composer-row{gap:6px}.composer-row>.icon-button{min-width:27px}.composer textarea{font-size:12px;height:42px;min-height:42px;padding:11px 12px}.send-button{height:42px;width:40px}.composer-foot{font-size:7px;gap:4px;margin-top:9px}.quick-replies{padding:10px 14px}.quick-replies>span{display:none}.quick-replies>button{font-size:8px;padding:7px 10px}.pin-banner{padding:12px 16px;font-size:9px}.pin-banner>b{font-size:7px}.reply-preview,.attachment-preview{padding:8px 10px}.reply-preview span{max-width:210px}.footer{font-size:6px;letter-spacing:1px;padding:10px;margin-top:23px}.auth-layout{display:block;min-height:100dvh;background:#faf9f3}.auth-art{display:none}.auth-form-wrap{min-height:100dvh;padding:30px 28px;display:flex;flex-direction:column}.auth-form-wrap>.mobile-brand{display:flex;color:var(--forest);font-size:29px;margin-bottom:45px}.auth-form{margin:auto 0;padding:15px 0 40px}.auth-form h2{font-size:36px}.auth-form>.eyebrow{font-size:8px}.auth-form>.subtle{font-size:12px;margin-bottom:25px}.auth-form label{font-size:11px;margin:21px 0}.auth-form .two-col{grid-template-columns:1fr;gap:0}.auth-form .two-col label{margin:12px 0}.auth-form .button{margin-top:10px;padding:15px}.auth-bottom{font-size:7px;letter-spacing:1px}.auth-bottom>span{font-size:6px}.privacy-line{font-size:8px}.auth-toggle{font-size:10px}.auth-bottom{padding-top:30px}dialog{padding:32px 24px;max-width:calc(100% - 24px);border-radius:15px}dialog h2{font-size:28px}.emoji-picker>button{width:38px;height:40px;font-size:19px}.more-menu>button{padding:18px 4px}.template-chips{gap:6px}.template-chips>button{font-size:9px}.photo-modal{padding:40px 10px 10px}.photo-view img{max-width:88vw}#toast{bottom:86px;font-size:11px;padding:13px 18px}.startup-error{min-height:85dvh}.startup-error h1{font-size:31px}}
@media(max-width:370px){.hero-decoration{right:-25px}.hero-copy{max-width:85%;padding:22px}.hero-copy h2{font-size:29px}.topbar{padding:0 15px}.connection-status{font-size:7px}.top-actions{gap:5px}.topbar .brand{font-size:23px}.mini-stat{padding:13px;gap:10px}.mini-stat span{font-size:7px}.page-heading h1{font-size:27px}.mission{padding:15px;gap:9px}.mission h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
.tracker-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start}.tracker-map-card{overflow:hidden}.tracker-map-heading{padding:24px;display:flex;justify-content:space-between;gap:15px;align-items:start}.tracker-map-heading h2{font-size:25px;margin-top:9px}.tracker-map-heading .status-pill{font-size:8px;max-width:120px;text-align:center}.tracker-map{height:440px;background:#e5eee8;position:relative;z-index:1}.tracker-map-fallback{height:100%}#tracker-map-fallback>svg{width:100%;height:100%;object-fit:contain}.map-fallback-label{position:absolute;bottom:10px;left:10px;font-size:8px;color:#7d927d;background:#f3f7efcc;padding:7px;border-radius:5px}.tracker-map-footer{display:flex;align-items:center;gap:8px;padding:15px 20px;color:#98a18d;font-size:8px;line-height:1.7}.tracker-map-footer .icon{width:14px;height:14px}.tracker-status{padding:24px;margin-bottom:18px}.tracker-status h2{font-size:26px;margin:15px 0;overflow-wrap:anywhere}.tracker-status .progress-track{height:5px;margin:15px 0 20px}.tracker-percent{display:flex;gap:9px;align-items:center;margin-top:22px;color:#a3ad96;font-size:9px}.tracker-percent>span:first-child{font-family:var(--serif);font-size:33px;color:#7e946d}.tracker-status dl{margin:0 0 20px;display:grid;gap:12px}.tracker-status dl>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.tracker-status dt{font-size:9px;color:#9aa68c}.tracker-status dd{font-size:9px;color:#627d54;margin:0;text-align:right}.tracker-status>small{font-size:8px}.tracker-stops{padding:24px}.tracker-stop{display:flex;gap:11px;align-items:center;margin-top:21px}.tracker-stop>b{width:25px;height:25px;display:flex;align-items:center;justify-content:center;background:#f0f2e7;border:1px solid #e1e7d5;border-radius:50%;font-size:9px;font-weight:400;color:#a1ac8f;flex-shrink:0}.tracker-stop.visited>b{background:#718d62;color:white;border-color:#718d62}.tracker-stop strong{font-size:11px;display:block;font-weight:500;line-height:1.6}.tracker-stop small{display:block;font-size:8px;margin-top:4px}.santa-map-marker{border-radius:50%;background:#ad4844;box-shadow:0 0 0 4px #fff6df,0 3px 10px #173f3655;color:#fff6df;display:flex;align-items:center;justify-content:center;font-size:26px;line-height:36px;text-align:center}.santa-map-marker>span{width:36px;display:block}.tracker-editor{width:800px}.tracker-editor h2{margin-bottom:25px}.route-editor-head{display:flex;align-items:center;justify-content:space-between;margin:25px 0 12px}.route-editor-head h3{font-size:23px}.route-editor-head>span{font-size:9px;color:#9ca48d}.route-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #e7ebdd}.route-row>b{width:20px;font-size:10px;color:#a6ae97}.route-row>label{margin:7px 0;font-size:8px;flex:1;min-width:0}.route-row>label:first-of-type{flex:2}.route-row input{padding:9px;font-size:11px}.route-row .icon-button{min-width:25px;margin-top:18px}.route-row .icon-button>.icon{width:14px;height:14px}.route-order{display:grid;gap:5px;margin-top:18px}.route-order>button{background:#eef1e6;color:#8a9979;border-radius:4px;font-size:10px;padding:2px 5px}.tracker-editor #add-stop{margin:20px 0 5px;font-size:10px}.leaflet-container{font-family:var(--sans)}.leaflet-control-attribution{font-size:8px!important}.leaflet-tooltip{font-family:var(--sans);font-size:10px}.leaflet-container a{color:#687e58}@media(max-width:1100px){.tracker-layout{grid-template-columns:minmax(0,1fr) 220px}.tracker-map-heading{padding:20px;display:block}.tracker-map-heading .status-pill{margin-top:15px;max-width:none}.tracker-map-heading h2{font-size:23px}.tracker-map{height:400px}.tracker-status,.tracker-stops{padding:20px}}@media(max-width:900px){.tracker-layout{grid-template-columns:1fr}.tracker-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tracker-status{margin-bottom:0}.tracker-map{height:370px}}@media(max-width:700px){.tracker-layout{gap:16px}.tracker-map-heading{padding:20px}.tracker-map-heading h2{font-size:25px}.tracker-map-heading .eyebrow{font-size:7px}.tracker-map{height:330px}.tracker-layout>aside{grid-template-columns:1fr}.tracker-status{padding:23px}.tracker-stops{padding:23px}.route-row{gap:6px;flex-wrap:wrap}.route-row>b{width:15px}.route-row>label{flex:1;min-width:65px}.route-row>label:first-of-type{flex:1.5;min-width:95px}.route-row .icon-button{margin-top:17px;min-width:20px}.route-row input{padding:8px 6px;font-size:10px}.route-order{gap:4px}.tracker-editor .two-col{grid-template-columns:1fr;gap:0}.tracker-editor .two-col label{margin:12px 0}.tracker-editor h2{font-size:28px}.tracker-editor .route-editor-head h3{font-size:21px}.tracker-map-footer{font-size:8px;padding:13px 16px}.map-fallback-label{font-size:7px;max-width:75%}}
.read-only-chat{padding:20px 25px;background:#f4f3e8;border-top:1px solid #e8e9db;display:flex;gap:13px;align-items:center;color:#8a9779}.read-only-chat>.icon{width:20px;height:20px;color:#ab9c6d}.read-only-chat strong{font-size:11px;font-weight:500;color:#718460}.read-only-chat p{font-size:10px;color:#98a187;margin-top:5px}@media(max-width:700px){.read-only-chat{padding:18px;gap:10px}.read-only-chat strong{font-size:10px}.read-only-chat p{font-size:9px}}