@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Manrope:wght@300;400;600;700&display=swap";:root{color-scheme:light;--bg: #f5ebe0;--bg-deep: #edede9;--ink: #4b3f35;--muted: #6f6258;--primary: #d5bdaf;--primary-dark: #bca293;--accent: #d6ccc2;--card: #e3d5ca;--border: #d6ccc2;--shadow: 0 18px 40px rgba(75, 63, 53, .12)}*{box-sizing:border-box}body{margin:0;font-family:Manrope,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at top,var(--bg-deep),var(--bg));color:var(--ink)}.app{max-width:1100px;margin:0 auto;padding:32px 20px 60px}.header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.eyebrow{text-transform:uppercase;letter-spacing:.3em;font-size:.7rem;color:var(--muted);margin:0 0 8px}h1{font-family:"DM Serif Display",serif;font-size:2.2rem;margin:0}.canvas-panel{background:var(--card);border-radius:24px;padding:20px;box-shadow:var(--shadow);border:1px solid var(--border)}.canvas-frame{width:100%;aspect-ratio:3 / 4;background:#f5ebe0;border-radius:18px;overflow:hidden;border:1px solid #d6ccc2;position:relative}.canvas-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 20%,rgba(75,63,53,.03) 0,transparent 55%),radial-gradient(circle at 80% 30%,rgba(75,63,53,.025) 0,transparent 50%),repeating-linear-gradient(0deg,rgba(75,63,53,.02) 0,rgba(75,63,53,.02) 1px,transparent 1px,transparent 6px),repeating-linear-gradient(90deg,rgba(75,63,53,.015) 0,rgba(75,63,53,.015) 1px,transparent 1px,transparent 5px);mix-blend-mode:multiply;pointer-events:none}canvas{width:100%;height:100%;touch-action:none;display:block;position:relative;z-index:1}.canvas-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;text-align:center;padding:24px;color:var(--muted);font-weight:600;background:linear-gradient(135deg,#f5ebe0e6,#edede9bf);pointer-events:none}.canvas-placeholder p{margin:0;font-size:1rem}.stamp-preview{position:absolute;width:36px;height:36px;transform:translate(-50%,-50%);z-index:3;pointer-events:none}.stamp-preview svg{width:100%;height:100%;filter:drop-shadow(0 4px 8px rgba(75,63,53,.18))}.tools{margin-top:18px;display:flex;flex-direction:column;gap:14px}.tool-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.tool-row.caption{position:relative}.label{font-size:.8rem;color:var(--muted);min-width:64px}button{border:none;padding:10px 16px;border-radius:999px;font-weight:600;cursor:pointer;font-family:inherit}button.primary{background:var(--primary);color:#fff}button.primary:disabled{background:#f1b4c3;cursor:not-allowed}button.secondary{background:#edede9;color:var(--ink);border:1px solid #d6ccc2}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0}.icon-button svg{width:18px;height:18px}.send-button{position:relative;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 10px 24px #4b3f352e}.send-button.sent{animation:inkLift .45s ease}.send-button:hover:not(:disabled){box-shadow:0 14px 28px #4b3f353d}@keyframes inkLift{0%{transform:translateY(0);opacity:1;box-shadow:none}45%{transform:translateY(-3px);opacity:.85;box-shadow:0 8px 16px #4b3f352e}to{transform:translateY(0);opacity:1;box-shadow:none}}.confetti{position:absolute;right:14px;top:-8px;width:120px;height:80px;pointer-events:none;overflow:visible}.confetti-piece{position:absolute;top:20px;background:#d24a4a;border-radius:4px;animation:confettiFall .9s ease forwards;opacity:.9}.confetti-piece:nth-child(3n){background:#f2d07c}.confetti-piece:nth-child(4n){background:#d6ccc2}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:.9}to{transform:translateY(30px) rotate(140deg);opacity:0}}.reactions{display:flex;gap:8px;margin-top:8px;align-items:center}.reaction{border:none;background:#edede9;padding:6px 10px;border-radius:999px;cursor:pointer;font-size:.85rem}.reaction.active{background:#d5bdaf}.reaction.subtle{background:transparent;color:var(--muted);font-size:.75rem}.colors{display:flex;gap:8px}.color{width:28px;height:28px;aspect-ratio:1 / 1;border-radius:50%;border:2px solid transparent}.color.active{border-color:var(--ink)}.caption input{flex:1;min-width:180px;padding:10px 12px;border-radius:12px;border:1px solid #d6ccc2;font-family:inherit;background:#f5ebe0;color:var(--ink)}.hint{margin:0;font-size:.85rem;color:var(--muted)}.thread{margin-top:36px}.thread-header{display:flex;align-items:center;justify-content:space-between}.thread-grid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{background:var(--card);border-radius:18px;border:1px solid var(--border);overflow:hidden;box-shadow:0 12px 24px #0000000d}.card img{width:100%;display:block}.card-meta{padding:12px;font-size:.8rem;color:var(--muted)}.card-meta p{margin:6px 0 0;color:var(--ink)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--card) 25%,var(--accent) 50%,var(--card) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px}.skeleton-image{width:100%;aspect-ratio:3 / 4;border-radius:0;display:block}.skeleton-text{height:13px;width:55%}.push{display:flex;align-items:center;gap:12px}.peer-drawing{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;color:var(--muted);font-weight:600;white-space:nowrap}.peer-dot{width:8px;height:8px;border-radius:50%;background:#f26d6d;animation:peerPulse 1.2s ease-in-out infinite;flex-shrink:0}@keyframes peerPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.muted{color:var(--muted)}.error{color:#c0392b}@media (min-width: 900px){.header{flex-direction:row;align-items:center;justify-content:space-between}}