.mm{--paper:#fbf5ea;--paper-2:#f4ead8;--paper-3:#eadcc2;--ink:#2a241b;--ink-2:#57503f;--ink-3:#8a8069;--rule:#dfd2b8;--verm:#c3452f;--verm-2:#9c3220;--moss:#5a6b44;--gold:#c99633;--disp:var(--font-serif-sc),"Noto Serif SC","Songti SC",serif;--body:var(--font-serif-sc),"Noto Serif SC","Songti SC",serif;--r:16px;background:var(--paper);color:var(--ink);letter-spacing:.01em;background-image:radial-gradient(900px 420px at 50% -160px,#c3452f1a,#0000 62%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");line-height:1.75}.mm h1{letter-spacing:.02em;font-size:30px;font-weight:700;line-height:1.35}.mm h2,.mm h3{letter-spacing:.02em;font-weight:700}.mm .q{font-style:normal;font-weight:500}.mm .eyebrow{letter-spacing:.22em}.mm .lede{font-size:17px}.mm .brand{letter-spacing:.06em;align-items:center;gap:9px;font-size:17px;font-weight:700;display:flex}.mm .brand .ember,.mm .flame{box-shadow:none;filter:drop-shadow(0 0 7px #c3452f80);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23E88C4A'/%3E%3Cstop offset='.55' stop-color='%23C3452F'/%3E%3Cstop offset='1' stop-color='%23922E1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23FCD98A'/%3E%3Cstop offset='1' stop-color='%23F2A65A'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z'/%3E%3Cpath fill='url(%23c)' d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z' transform='translate(7.2,10.8) scale(.42)'/%3E%3C/svg%3E") 50%/contain no-repeat;border-radius:0}.mm .brand .ember{transform-origin:50% 90%;flex:none;width:24px;height:26px;animation:2.4s ease-in-out infinite flick}.mm .brand small{font-family:var(--mono);letter-spacing:.18em;color:var(--ink-3);font-size:10px;font-weight:400}.mm .take{border-bottom:1px dashed var(--rule);padding:14px 0}.mm .take .body{font-size:16px;line-height:1.8}.mm .mimg{border-radius:8px;max-width:100%;max-height:280px;margin-top:10px;display:block;box-shadow:0 4px 14px #2a241b24}.mm .letter{border:1px solid var(--rule);box-shadow:0 12px 28px #2a241b14, 0 2px 0 var(--paper-3);color:inherit;background:#fffdf6;border-radius:6px;margin:4px 0 18px;padding:18px 20px 16px;text-decoration:none;display:block;position:relative}.mm .letter:before{content:"";background:linear-gradient(90deg,var(--verm),var(--gold));opacity:.7;border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:20px;right:20px}.mm .letter .excerpt{color:var(--ink-2);margin:8px 0 6px;font-size:15.5px;line-height:1.85}.mm .sheet-box{border:1.5px solid var(--rule);background:#fffdf6;border-radius:12px;box-shadow:inset 0 1px 5px #2a241b0d}.mm .sheet-box:focus-within{border-color:var(--verm)}.mm textarea.sheet{background-image:repeating-linear-gradient(transparent 0 calc(1.9em - 1px), var(--rule) calc(1.9em - 1px) 1.9em);background-position:0 6px;font-size:16.5px;line-height:1.9}.mm .chip{border-color:var(--rule);color:var(--ink-2);background:#fffdf6;border-radius:999px}.mm .chip.on{background:var(--verm);border-color:var(--verm);color:#fffdf6}.mm .btn{font-family:var(--disp);letter-spacing:.04em;border-radius:999px;font-weight:700}.mm .btn.v{background:linear-gradient(135deg,var(--verm) 0%,var(--verm-2) 100%);box-shadow:0 8px 22px #c3452f4d}.mm .card.ink{background:#312a20;border-color:#312a20;box-shadow:0 14px 34px #2a241b40}.mm .card.ink .eyebrow{color:#c9b995}.mm{--echo:#6e5fa3}.mm .echo{background:#6e5fa30f;border:1px solid #6e5fa347;border-radius:12px;margin:0 0 20px;padding:15px 18px 13px}.mm .echo-cap{letter-spacing:.14em;color:var(--echo);margin:0 0 10px;font-size:12px;font-weight:700}.mm .echo-q{font-family:var(--disp);margin:0;font-size:15px;line-height:1.75}.mm .echo-who{text-align:right;color:var(--ink-3);font-size:12.5px;font-family:var(--body);display:block}.mm .echo-tie{border-left:1.5px dashed #6e5fa38c;height:16px;margin:4px 0 4px 12px}.mm .echo-note{color:var(--ink-3);margin:10px 0 0;font-size:12.5px}.mm .kindred-quote{font-size:17px;font-weight:500;line-height:1.8}.mm .glowline{background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.5;border:0;height:2px;margin:14px 0}.mm .step{animation:.38s cubic-bezier(.2,.7,.3,1) both stepIn}@keyframes stepIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.mm .wizbar{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.mm .qbig{font-family:var(--disp);text-wrap:balance;margin:0 0 16px;font-size:24px;font-weight:700;line-height:1.45}@media (min-width:700px){.mm .qbig{font-size:27px}}.mm .linkbtn{font:inherit;color:var(--ink-3);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:13.5px;display:inline-flex}.mm .linkbtn:hover{color:var(--verm)}.mm .kicker{color:var(--ink-2);letter-spacing:.02em;margin:0 0 10px;font-size:14.5px}.mm .bonfire{margin:0 0 26px}.mm .flames{align-items:flex-end;gap:8px;width:max-content;margin-bottom:8px;padding:6px 6px 3px;display:flex;position:relative}.mm .flames:before{content:"";filter:blur(3px);background:radial-gradient(55% 100% at 50% 100%,#d96a386b,#0000 72%);border-radius:50%;height:15px;animation:2.8s ease-in-out infinite bedglow;position:absolute;bottom:-5px;left:-6px;right:-6px}@keyframes bedglow{0%,to{opacity:.55}50%{opacity:1}}.mm .flame{transform-origin:50% 90%;width:17px;height:18px;animation:1.9s ease-in-out infinite flick;position:relative}.mm .flame:nth-child(2n){animation-delay:.8s}.mm .flame:nth-child(3n){animation-delay:1.5s}.mm .flames .flame:after{content:"";opacity:0;background:#e8926b;border-radius:50%;width:4px;height:4px;animation:2.2s ease-out infinite spark;position:absolute;top:-2px;left:50%}.mm .flames .flame:nth-child(2n):after{background:#d96a38;animation-delay:1.3s}.mm .flames .flame:nth-child(3n):after{animation-delay:2.2s}.mm .flames .flame:before{content:"";opacity:0;background:#f2a65a;border-radius:50%;width:3px;height:3px;animation:2.7s ease-out .9s infinite spark2;position:absolute;top:1px;left:35%}.mm .flames .flame:nth-child(2n):before{animation-delay:2s}@keyframes spark2{0%{opacity:0;transform:translate(0)scale(.7)}15%{opacity:.9}70%{opacity:0;transform:translate(-6px,-19px)scale(.2)}to{opacity:0;transform:translate(-6px,-19px)scale(.2)}}.mm .flame.next:after,.mm .flame.next:before{display:none}@keyframes spark{0%{opacity:0;transform:translate(-50%)scale(.8)}12%{opacity:1}65%{opacity:0;transform:translate(calc(7px - 50%),-24px)scale(.2)}to{opacity:0;transform:translate(calc(7px - 50%),-24px)scale(.2)}}.mm .flame.next{filter:none;opacity:.75;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%238A8069' stroke-width='1.6' stroke-dasharray='3 2.4' d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z'/%3E%3C/svg%3E") 50%/contain no-repeat;animation:none}@keyframes flick{0%,to{filter:drop-shadow(0 0 6px #c3452f73)brightness(.96);transform:scaleY(.96)rotate(-4deg)}25%{filter:drop-shadow(0 0 10px #c3452f99)brightness(1.12);transform:scale(1.08,1.22)rotate(3deg)}50%{filter:drop-shadow(0 0 7px #c3452f80)brightness();transform:scale(.94,1.05)rotate(-3deg)}75%{filter:drop-shadow(0 0 11px #c3452fa6)brightness(1.15);transform:scale(1.06,1.16)rotate(4.5deg)}}.mm .cmt{color:var(--ink-2);border-left:2px solid var(--paper-3);margin:7px 0 0;padding-left:10px;font-size:13.5px;line-height:1.7}.mm .cmt b{color:var(--ink);font-weight:700}.mm .trow{border-bottom:1px dashed var(--rule)}.mm .trow summary{cursor:pointer;align-items:baseline;gap:12px;padding:10px 0;list-style:none;display:flex}.mm .trow summary::-webkit-details-marker{display:none}.mm .trow .ts{letter-spacing:.08em;width:9.5em;color:var(--ink-3);flex:none;font-size:11px}.mm .trow .tq{font-size:15px;line-height:1.55}.mm .trow[open] summary .tq{color:var(--verm)}.mm .trow .vc{font-family:var(--mono);color:var(--moss);border:1px solid var(--rule);border-radius:99px;flex:none;margin-left:auto;padding:1px 7px;font-size:10.5px}.mm .attach{box-sizing:border-box;border:1.5px dashed var(--rule);width:100%;color:var(--ink-2);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fffdf68c;border-radius:12px;justify-content:center;align-items:center;gap:9px;margin-top:10px;padding:14px;font-size:14.5px;display:flex}.mm .attach:active{border-color:var(--verm);color:var(--verm)}.mm .attach.has{cursor:default;justify-content:flex-start;gap:14px}.mm .attach.has img{object-fit:cover;border-radius:8px;flex:none;width:64px;height:64px;box-shadow:0 2px 10px #2a241b38}.mm .sect{align-items:center;gap:8px;margin:24px 0 10px;display:flex}.mm .sect svg{color:var(--verm);flex:none}.mm .sect .t{font-family:var(--disp);letter-spacing:.02em;font-size:17px;font-weight:700}.mm .sect .s{color:var(--ink-3);text-align:right;margin-left:auto;font-size:12px}.mm .letter .take:last-child{border-bottom:0;padding-bottom:4px}.mm .invite{text-align:center;background:0 0;border:1.5px dashed #c3452f73}.mm .card.resonate{background:#6e5fa312;border:1.5px solid #6e5fa359;box-shadow:0 10px 26px #6e5fa31f}.mm .card.keep{background:#c996330f;border:1.5px solid #c9963373}.mm .wkpill{font-family:var(--mono);letter-spacing:.06em;background:var(--paper-2);border:1px solid var(--rule);color:var(--ink-3);border-radius:99px;padding:2px 9px;font-size:10px}.mm .waitbar{background:var(--paper-3);border-radius:99px;height:3px;margin-top:14px;overflow:hidden}.mm .waitbar i{background:linear-gradient(90deg,var(--verm),var(--gold));border-radius:99px;height:100%;animation:24s cubic-bezier(.15,.6,.3,1) forwards fillup;display:block}@keyframes fillup{0%{width:2%}to{width:94%}}body:has(.mm){background:#ede3cc;padding:0}body:has(.mm) #app{max-width:none;min-height:100dvh;box-shadow:none;background:0 0;border-radius:0}.mm{flex-direction:column;align-items:center;display:flex}.mm>section.screen,.mm section.screen{width:100%;max-width:560px;animation:none}@media (min-width:700px){.mm{padding:48px 24px 64px}.mm section.screen{background:var(--paper);border:1px solid var(--rule);box-shadow:0 24px 60px #2a241b24, 0 2px 0 var(--paper-3);background-image:radial-gradient(700px 300px at 50% -120px,#c3452f14,#0000 62%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");border-radius:10px;padding:44px 52px 52px}}@media (max-width:699px){.mm{background-image:radial-gradient(900px 420px at 50% -160px,#c3452f1a,#0000 62%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}}.mm h1{text-wrap:balance;font-size:26px}@media (min-width:700px){.mm h1{font-size:30px}}
