:root{--ink:#0b0b0e;--paper:#f2f0e9;--pink:#ff4f87;--acid:#d6ff3f;--blue:#75e7ff;--muted:#9a9994;--line:rgba(255,255,255,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,Arial,sans-serif;min-height:100vh}.noise{position:fixed;inset:0;pointer-events:none;opacity:.08;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}header{height:92px;padding:22px 4vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{color:inherit;text-decoration:none;display:flex;flex-direction:column;font-size:.68rem;letter-spacing:.14em;line-height:1.05}.brand b{font-size:1rem;letter-spacing:-.02em}.wall-link,.back{background:none;color:inherit;border:0;font:500 .75rem DM Mono,monospace;letter-spacing:.08em;cursor:pointer}.wall-link span{color:var(--pink);font-size:1.2rem}.composer{width:min(950px,92vw);margin:0 auto;padding:72px 0 90px}.eyebrow,.modal-kicker{font:500 .72rem DM Mono,monospace;letter-spacing:.14em}.status-dot{display:inline-block;width:7px;height:7px;background:var(--acid);border-radius:50%;margin-right:8px;box-shadow:0 0 12px var(--acid)}h1,h2{font-size:clamp(3.1rem,8vw,7.2rem);letter-spacing:-.075em;line-height:.84;margin:22px 0 20px}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--pink)}.intro{color:#b8b7b1;font-size:1.1rem;margin:0 0 42px}.phone-shell{border:1px solid rgba(255,255,255,.35);background:#121216;box-shadow:10px 10px 0 var(--pink);margin-bottom:28px}.phone-top,.to-row,.letter-meta{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);font:500 .7rem DM Mono,monospace;color:#aaa}.blocked-pill{color:var(--pink)}.to-row{justify-content:flex-start;gap:12px}.to-row input{flex:1;background:none;border:0;outline:0;color:var(--paper);font:500 .9rem DM Mono,monospace}.phone-shell textarea{display:block;width:100%;min-height:230px;resize:vertical;background:transparent;color:#fff;border:0;outline:0;padding:30px;font:400 clamp(1.1rem,2.4vw,1.55rem)/1.55 Inter,sans-serif}.phone-shell textarea::placeholder{color:#67666b}.letter-meta{border:0;border-top:1px solid var(--line)}.moods{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 25px}.mood,.filter{background:transparent;color:#a6a5a0;border:1px solid #444349;border-radius:999px;padding:10px 15px;font:500 .73rem DM Mono,monospace;cursor:pointer}.mood:hover,.mood.active,.filter.active{background:var(--paper);color:var(--ink);border-color:var(--paper)}.send-button{width:100%;border:0;background:var(--pink);color:var(--ink);min-height:66px;padding:0 24px;font:800 .88rem Inter,sans-serif;letter-spacing:.06em;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:.18s}.send-button:hover{background:var(--acid);transform:translate(-3px,-3px);box-shadow:6px 6px 0 #fff}.send-icon{font-size:1.4rem}.fine-print{text-align:center;color:#6f6e73;font:400 .66rem DM Mono,monospace;margin-top:16px}.hidden{display:none!important}.decision{width:min(1120px,92vw);margin:0 auto;padding:36px 0 90px}.back{margin-bottom:42px;color:#aaa}.verdict{display:grid;grid-template-columns:130px 1fr;align-items:start}.verdict>span{font:500 .7rem DM Mono,monospace;color:var(--pink);padding-top:14px}.verdict h2{margin:0;font-size:clamp(3rem,7vw,6.8rem)}.verdict p{grid-column:2;color:#aaa}.letter-preview{border-left:4px solid var(--pink);background:#151519;padding:24px 28px;margin:45px 0;color:#cac9c4}.preview-label{font:500 .65rem DM Mono,monospace;color:#777;margin-bottom:12px}.letter-preview p{white-space:pre-wrap;margin:0;font-family:Georgia,serif;font-size:1.15rem;line-height:1.55}.decision h3{font-size:1rem;margin:35px 0 14px}.fates{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fate{min-height:180px;text-align:left;padding:24px;background:#141418;border:1px solid var(--line);color:white;cursor:pointer;display:flex;flex-direction:column;transition:.2s}.fate:hover{transform:translateY(-5px);border-color:var(--pink);background:#1b171d}.fate-icon{font:500 1.8rem DM Mono,monospace;color:var(--pink);margin-bottom:auto}.fate b{font-size:1rem}.fate small{color:#888;margin-top:8px}.tomorrow{background:#16180d}.publish{background:var(--paper);color:var(--ink)}.publish small{color:#666}.result{min-height:calc(100vh - 92px);display:grid;place-items:center;position:relative;overflow:hidden;padding:40px}.result-content{text-align:center;max-width:780px;z-index:2}.stamp{display:inline-block;border:2px solid var(--pink);color:var(--pink);padding:8px 13px;transform:rotate(-3deg);font:500 .8rem DM Mono,monospace}.result h2{font-size:clamp(3.4rem,8vw,7rem)}.result p{color:#aaa;font-size:1.1rem;margin:0 auto 30px}.result .send-button{max-width:470px;margin:0 auto}.effect{position:absolute;inset:0;pointer-events:none}.effect.burning{background:radial-gradient(circle at 50% 80%,#ff7b00 0,rgba(255,52,0,.4) 14%,transparent 40%);animation:pulse 1.2s infinite}.effect.voiding{background:radial-gradient(circle,#000 0 8%,transparent 9%),repeating-radial-gradient(circle,transparent 0 20px,rgba(255,79,135,.09) 22px 23px);animation:spin 9s linear infinite}.effect.burying{background:linear-gradient(0deg,#332116 0 45%,transparent 46%)}.effect.shredding{background:repeating-linear-gradient(95deg,transparent 0 30px,rgba(255,255,255,.05) 31px 35px)}@keyframes pulse{50%{filter:brightness(1.5);transform:scale(1.04)}}@keyframes spin{to{transform:rotate(360deg) scale(1.2)}}.wall{width:min(1200px,92vw);margin:0 auto;padding:40px 0 100px}.wall-head{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:end}.wall-head h2{font-size:clamp(3rem,6vw,6rem)}.wall-head>p{color:#aaa;line-height:1.6}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 28px}.letters-grid{columns:3 270px;column-gap:14px}.wall-card{break-inside:avoid;background:var(--paper);color:var(--ink);padding:24px;margin:0 0 14px;transform:rotate(var(--r));box-shadow:5px 5px 0 var(--c)}.wall-card:nth-child(even){background:#ffb6ce}.wall-card:nth-child(7n + 4){background:var(--acid)}.wall-card small{font:500 .62rem DM Mono,monospace;text-transform:uppercase}.wall-card p{font:500 1rem/1.5 Georgia,serif}.wall-card footer{font:500 .64rem DM Mono,monospace;color:#4f4f4f;border-top:1px solid rgba(0,0,0,.2);padding-top:12px}.modal{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.85);display:grid;place-items:center;padding:20px}.modal-card{background:var(--paper);color:var(--ink);padding:35px;width:min(590px,100%);position:relative;box-shadow:12px 12px 0 var(--pink)}.modal-card h2{font-size:clamp(2.4rem,6vw,4.4rem);margin:17px 0 22px}.modal-card p{line-height:1.55}.modal-x{position:absolute;right:18px;top:12px;background:none;border:0;font-size:2rem;cursor:pointer}.check{display:flex;gap:12px;align-items:flex-start;background:#ddd9cd;padding:16px;margin:24px 0;font-size:.88rem;line-height:1.4}.check input{margin-top:3px;accent-color:var(--pink)}.modal .send-button:disabled{opacity:.35;cursor:not-allowed}.modal-card>small{display:block;color:#777;margin-top:14px;text-align:center}@media(max-width:720px){header{height:74px}.composer{padding-top:45px}.phone-shell{box-shadow:6px 6px 0 var(--pink)}.fates{grid-template-columns:1fr 1fr}.fate{min-height:155px}.verdict{display:block}.verdict>span{display:block;margin-bottom:12px}.verdict p{margin-top:12px}.wall-head{display:block}.modal-card{padding:28px 22px}}@media(max-width:440px){.fates{grid-template-columns:1fr}.fate{min-height:140px}h1{font-size:3.25rem}.phone-shell textarea{padding:22px;min-height:210px}}

.wall-card footer{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:.75rem}.wall-card time{white-space:nowrap}
/* The user's actual note is the animated surface. */
.result.animating .result-content{opacity:0;visibility:hidden;pointer-events:none}.result-content{transition:opacity .35s ease}.fate-status{position:absolute;bottom:12%;left:20px;right:20px;text-align:center;font:400 .875rem DM Mono,monospace;color:#b8b7b1;z-index:3}.fate-stage{position:absolute;top:42%;left:50%;width:min(340px,76vw);height:240px;transform:translate(-50%,-50%);perspective:1000px;--pw:min(340px,76vw)}.fate-paper{position:absolute;inset:0;background:var(--paper);color:#171419;box-shadow:0 18px 70px #0008;transform-style:preserve-3d}.paper-content{width:var(--pw);height:240px;padding:24px;overflow:hidden;background:var(--paper);color:#171419}.paper-content small{font:500 .75rem DM Mono,monospace;display:block;border-bottom:1px solid #17141933;padding-bottom:10px}.result .paper-content p{color:#171419;font:400 1rem/1.5 Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0}.paper-flap{position:absolute;left:0;width:100%;height:50%;overflow:hidden;backface-visibility:visible;background:#dad5c9}.paper-flap.top{top:0;transform-origin:bottom center}.paper-flap.bottom{bottom:0;transform-origin:top center}.paper-flap.bottom .paper-content{transform:translateY(-120px)}
.fate-burn .paper-flap.top,.fate-tomorrow .paper-flap.top{animation:fold-note 1s .4s ease-in-out forwards}.fate-burn .paper-flap.bottom,.fate-tomorrow .paper-flap.bottom{animation:fold-bottom 1s .4s ease-in-out forwards}.fate-burn .fate-paper>.paper-content,.fate-tomorrow .fate-paper>.paper-content{animation:hide-note .01s 1.35s forwards}.fate-burn .fate-paper{animation:burn-note 4.4s ease-in forwards}.fate-burn .fate-paper:after{content:'';position:absolute;left:-4%;width:108%;height:22px;bottom:0;opacity:0;background:linear-gradient(0deg,#8c2010,#ff6020,#ffdc7c,transparent);filter:blur(5px);box-shadow:0 0 35px 14px #ff652988;animation:burn-edge 4.4s ease-in forwards}.fate-burn .fate-stage{animation:burn-glow 4.4s ease-in forwards}
@keyframes fold-note{to{transform:rotateX(-178deg)}}@keyframes fold-bottom{to{transform:rotateX(35deg)}}@keyframes hide-note{to{opacity:0}}
@keyframes burn-note{0%,12%{transform:rotate(-4deg)}32%{transform:rotate(2deg) scale(.94);background:#d3b38b}45%{filter:sepia(.8);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}65%{filter:sepia(1) brightness(.65);clip-path:polygon(0 0,100% 0,100% 66%,80% 72%,65% 61%,45% 69%,25% 57%,0 65%)}88%{filter:brightness(.2);clip-path:polygon(0 0,100% 0,100% 15%,80% 10%,65% 18%,45% 8%,25% 16%,0 10%);opacity:1}100%{transform:translateY(-30px) scale(.85);clip-path:polygon(0 0,100% 0,100% 0,0 0);opacity:0}}
@keyframes burn-edge{0%,32%{opacity:0;bottom:0}42%{opacity:1;bottom:0}65%{bottom:35%;opacity:1}88%{bottom:88%;opacity:.8}100%{bottom:100%;opacity:0}}@keyframes burn-glow{0%,30%,100%{filter:drop-shadow(0 0 0 transparent)}55%,75%{filter:drop-shadow(0 12px 28px #ee581d88)}}
.paper-strip{position:absolute;top:0;left:calc(var(--i)*100%/12);width:calc(100%/12 + .3px);height:240px;overflow:hidden;opacity:0}.paper-strip .paper-content{position:absolute;left:calc(var(--i)*var(--pw)/-12)}.fate-shred .fate-paper{animation:hide-note .01s .65s forwards}.fate-shred .paper-strip{animation:shred-note 2.3s calc(.65s + var(--i)*.025s) ease-in forwards}.fate-shred .fate-stage:after{content:'';position:absolute;left:-6%;right:-6%;height:4px;top:100%;background:var(--pink);box-shadow:0 0 18px #ff4f8780;animation:hide-note .01s 3s reverse forwards}
@keyframes shred-note{0%{opacity:1;transform:translateY(0)}35%{opacity:1;transform:translateY(35px)}100%{opacity:0;transform:translate(var(--drift),380px) rotate(var(--twist))}}
.fate-void .fate-paper{animation:void-note 3s ease-in forwards}@keyframes void-note{0%,12%{transform:scale(1) rotate(-3deg)}65%{opacity:1;transform:scale(.45) rotate(180deg);filter:blur(0)}100%{opacity:0;transform:scale(0) rotate(420deg);filter:blur(8px)}}
.fate-bury .fate-stage{overflow:hidden;border-bottom:2px solid #918171}.fate-bury .fate-paper{animation:bury-note 3s ease-in forwards}@keyframes bury-note{0%,15%{transform:translateY(0) rotate(-3deg)}65%{opacity:1}100%{transform:translateY(110%) rotate(8deg);opacity:0}}
.fate-tomorrow .fate-paper{animation:keep-note 3s ease-in-out forwards}@keyframes keep-note{0%,45%{transform:scale(1)}75%{transform:scale(.7) translateY(20px);opacity:1}100%{transform:scale(.5) translateY(80px);opacity:0}}
@media(prefers-reduced-motion:reduce){.fate-stage *,.fate-stage,.fate-stage:after{animation:none!important}.fate-stage{transition:opacity .3s;opacity:.6}.result-content{transition:none}}

.name-search:focus-within{border-color:var(--acid)}