:root{--bg:#fff7ed;--ink:#2d1b0e;--muted:#7c5b43;--card:#ffffffc7;--accent:#ff6b6b;--accent-2:#4ecdc4;--accent-3:#ffd166;--shadow:0 20px 60px #743e1c29}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 0 0,#ffd16699,#0000 32rem),radial-gradient(circle at 88% 10%,#4ecdc473,#0000 26rem),linear-gradient(135deg,#fff7ed 0%,#ffe8e8 50%,#eefcf8 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea{font:inherit}.page{width:min(1080px,100% - 32px);margin:0 auto;padding:56px 0 72px}.hero{text-align:center;margin-bottom:32px}.badge{color:var(--muted);background:#ffffffad;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-weight:700;display:inline-flex;box-shadow:0 8px 30px #743e1c1a}h1{letter-spacing:-.08em;margin:22px 0 12px;font-size:clamp(42px,8vw,92px);line-height:.92}.hero p{max-width:640px;color:var(--muted);margin:0 auto;font-size:clamp(18px,2vw,22px);line-height:1.55}.composer{background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffffb8;border-radius:32px;padding:22px;position:relative}textarea{resize:vertical;width:100%;min-height:132px;color:var(--ink);background:#ffffffb8;border:0;border-radius:22px;outline:0;padding:18px;font-size:18px;line-height:1.5;box-shadow:inset 0 0 0 1px #7c5b431f}textarea::placeholder{color:#7c5b439e}.actions{justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.hint{color:var(--muted);font-weight:650}.submit{color:#fff;background:linear-gradient(135deg, var(--accent), #ff8e53);cursor:pointer;border:0;border-radius:999px;padding:14px 22px;font-weight:900;transition:transform .18s,filter .18s;box-shadow:0 14px 28px #ff6b6b4d}.submit:hover{filter:brightness(1.03);transform:translateY(-2px)}.submit:disabled{cursor:not-allowed;opacity:.62;transform:none}.error{color:#b42318;margin-top:12px;font-weight:750}.surprise{pointer-events:none;font-size:54px;animation:1.1s forwards pop;position:absolute;top:-34px;right:26px}@keyframes pop{0%{opacity:0;transform:translateY(18px)scale(.45)rotate(-18deg)}28%{opacity:1;transform:translateY(-8px)scale(1.2)rotate(10deg)}to{opacity:0;transform:translateY(-58px)scale(.9)rotate(24deg)}}.wall-header{justify-content:space-between;align-items:flex-end;gap:16px;margin:44px 0 18px;display:flex}.wall-header h2{letter-spacing:-.04em;margin:0;font-size:clamp(26px,4vw,42px)}.wall-header span{color:var(--muted);font-weight:750}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.message-card{background:#ffffffb8;border:1px solid #fffc;border-radius:26px;flex-direction:column;justify-content:space-between;min-height:170px;padding:20px;display:flex;box-shadow:0 16px 36px #743e1c1f}.message-text{white-space:pre-wrap;word-break:break-word;font-size:18px;line-height:1.5}.author{color:var(--muted);align-items:center;gap:10px;margin-top:18px;font-weight:850;display:flex}.avatar{background:linear-gradient(135deg, var(--accent-2), var(--accent-3));border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.empty{color:var(--muted);text-align:center;background:#ffffff9e;border-radius:26px;padding:30px;font-size:18px;font-weight:750}@media (max-width:640px){.page{padding-top:34px}.actions{flex-direction:column;align-items:stretch}.submit{width:100%}.wall-header{flex-direction:column;align-items:start}}