:root{color-scheme:light;--ink: #122233;--ink-soft: #354b5f;--muted: #607487;--line: #d5e4ee;--line-strong: #a8cde0;--blue: #1688c2;--blue-dark: #0b5b86;--blue-soft: #eaf7fd;--page: #e9f5fb;--surface: #ffffff;--heart: #e2334f;--heart-soft: rgba(226, 51, 79, .72);--danger: #b42318;--focus: #084fd8;--shadow: 0 24px 70px rgba(31, 91, 130, .18);--shadow-soft: 0 10px 28px rgba(31, 91, 130, .1);font-family:Inter,Helvetica Neue,Helvetica,Arial,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:radial-gradient(circle at 50% -8%,rgba(255,255,255,.96),transparent 34%),linear-gradient(135deg,#b7e0f4,#edf7fc 45%,#f7fbfe)}button,input,textarea{font:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,p{margin:0}.page-shell{display:grid;min-height:100vh;place-items:start center;padding:clamp(18px,5vw,56px)}.tweet-app{width:min(760px,100%);overflow:hidden;border:1px solid rgba(125,178,205,.55);border-radius:28px;background:#fffffff0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-header{position:relative;display:grid;place-items:center;gap:16px;padding:clamp(30px,7vw,56px) clamp(20px,5vw,48px);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fffffff0,#eff9feeb),var(--surface);text-align:center}.masthead-heart{position:absolute;width:1em;height:1em;color:var(--heart);font-size:clamp(1.75rem,4.4vw,2.7rem);line-height:1;pointer-events:none;text-shadow:0 6px 18px rgba(226,51,79,.2)}.masthead-heart:before{content:"♥"}.masthead-heart-left{top:18%;left:clamp(26px,10vw,86px);transform:rotate(-12deg)}.masthead-heart-right{top:27%;right:clamp(24px,10vw,92px);transform:rotate(14deg) scale(.92)}.heart-burst{position:absolute;top:clamp(58px,13vw,112px);left:50%;z-index:3;width:1px;height:1px;pointer-events:none}.heart-burst span{position:absolute;width:1em;height:1em;color:var(--heart-soft);font-size:1.15rem;line-height:1;opacity:0;animation:heart-drift 1.2s ease-out forwards;text-shadow:0 6px 16px rgba(226,51,79,.2)}.heart-burst span:before{content:"♥"}.heart-burst span:nth-child(1){--heart-x: -54px;--heart-y: -62px;animation-delay:0ms}.heart-burst span:nth-child(2){--heart-x: -24px;--heart-y: -78px;animation-delay:80ms}.heart-burst span:nth-child(3){--heart-x: 8px;--heart-y: -66px;animation-delay:35ms}.heart-burst span:nth-child(4){--heart-x: 38px;--heart-y: -82px;animation-delay:.11s}.heart-burst span:nth-child(5){--heart-x: 62px;--heart-y: -54px;animation-delay:50ms}@keyframes heart-drift{0%{opacity:0;transform:translate(-50%) scale(.72) rotate(-8deg)}18%{opacity:1}to{opacity:0;transform:translate(var(--heart-x),var(--heart-y)) scale(1.12) rotate(10deg)}}.archive-stamp{position:absolute;right:clamp(18px,7vw,54px);bottom:clamp(16px,5vw,34px);z-index:4;max-width:min(260px,70vw);border:2px solid rgba(226,51,79,.72);border-radius:10px;padding:8px 11px;color:#c0243f;background:#ffffffe0;font-size:clamp(.68rem,2vw,.78rem);font-weight:950;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;transform:rotate(-5deg);animation:archive-stamp-pop 1.7s ease-out forwards;pointer-events:none;box-shadow:0 10px 24px #e2334f1f}@keyframes archive-stamp-pop{0%{opacity:0;transform:translateY(10px) rotate(-8deg) scale(.82)}18%{opacity:1;transform:translateY(0) rotate(-5deg) scale(1.04)}72%{opacity:1}to{opacity:0;transform:translateY(-8px) rotate(-4deg) scale(.98)}}.bird-widget{display:grid;justify-items:center;gap:0}.bird-stage{position:relative;display:grid;width:clamp(138px,28vw,220px);aspect-ratio:1.16;place-items:center;cursor:grab;perspective:760px;touch-action:none;-webkit-user-select:none;user-select:none}.bird-stage:active{cursor:grabbing}.bird-stage:after{position:absolute;right:16%;bottom:3%;left:16%;height:13%;border-radius:999px;background:radial-gradient(ellipse,rgba(18,78,114,.22),transparent 70%);content:"";filter:blur(4px);transform:rotateX(74deg)}.masthead-logo{position:relative;z-index:1;width:100%;height:auto;filter:drop-shadow(0 16px 22px rgba(22,88,128,.18));transform-origin:center;transform-style:preserve-3d;will-change:transform}h1{max-width:680px;font-size:clamp(3.1rem,11vw,6.4rem);font-weight:950;letter-spacing:0;line-height:.86}.masthead-caption{max-width:620px;margin:0 auto;color:var(--muted);font-size:clamp(.98rem,2.9vw,1.18rem);font-style:italic;font-weight:500;line-height:1.45}h2{font-size:clamp(1.25rem,4vw,1.65rem)}.composer{display:grid;gap:18px;padding:clamp(20px,5vw,34px);border-bottom:1px solid var(--line);background:#f8fcff}.prompt-card{display:flex;flex-direction:column;gap:14px;align-items:stretch;justify-content:space-between;border:1px solid #c7dfec;border-radius:18px;padding:15px;background:linear-gradient(135deg,#fffffff5,#ecf9ffe6),#fff;box-shadow:var(--shadow-soft)}.prompt-card span,.featured-heading span{color:var(--blue-dark);font-size:.76rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.prompt-card p{margin-top:5px;color:var(--ink);font-size:1.05rem;font-weight:850;line-height:1.35}.prompt-button{width:42px;min-width:42px;min-height:38px;align-self:flex-end;padding:0;border-color:#b7d5e4;background:#fff;color:var(--blue-dark);font-size:1.28rem;line-height:1;box-shadow:0 7px 16px #1f5b8214}.prompt-button span{display:inline-flex;transform:translateY(-1px)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.field-group{display:grid;gap:8px}.field-group label{color:var(--blue-dark);font-size:.95rem;font-weight:900}.field-group label span{color:var(--muted);font-weight:700}input,textarea{width:100%;border:1px solid #b7d5e4;border-radius:16px;color:var(--ink);background:#fff;box-shadow:inset 0 1px 2px #1222330f}input{min-height:46px;padding:0 14px}textarea{resize:vertical;min-height:132px;padding:15px;line-height:1.5}input:focus,textarea:focus{border-color:var(--blue)}.photo-attachment{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.photo-button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;border:1px solid #b7d5e4;border-radius:999px;padding:8px 14px;background:#fff;color:var(--blue-dark);box-shadow:0 7px 16px #1f5b8214;cursor:pointer;font-size:.88rem;font-weight:900;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.photo-button:hover{border-color:var(--line-strong);box-shadow:0 10px 18px #0f5f8d21;transform:translateY(-1px)}.photo-attachment input:focus-visible+.photo-button{outline:3px solid var(--focus);outline-offset:3px}.photo-preview{display:grid;gap:10px;margin:0;overflow:hidden;border:1px solid #c7dfec;border-radius:18px;background:#fff}.photo-preview img{display:block;width:100%;max-height:280px;object-fit:cover}.photo-preview figcaption{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:0 12px 12px;color:var(--muted);font-size:.86rem;font-weight:800}.remove-photo-button{min-height:32px;min-width:0;padding:6px 12px;border-color:#d8c7cd;background:#fff8fa;color:#9f1d34;font-size:.82rem;box-shadow:none}.name-field{max-width:360px}.composer-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch}.counter,.status,.tweet-meta,.app-footer{color:var(--muted);font-size:.92rem}.counter-danger{color:var(--danger);font-weight:800}button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:8px;border:1px solid #0a5f8f;border-radius:999px;padding:10px 22px;background:linear-gradient(#1688c2,#0b6596);color:#fff;font-weight:900;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}button:hover{transform:translateY(-1px);box-shadow:0 10px 18px #0f5f8d2e}button:active{transform:translateY(1px);box-shadow:none}button:disabled{cursor:not-allowed;border-color:#c5dce9;background:#e1eef5;color:#607482;box-shadow:none;transform:none}.submit-icon-button{position:relative;width:52px;min-width:52px;min-height:52px;padding:0;overflow:hidden}.submit-icon-button:after{content:"";position:absolute;right:13px;bottom:14px;width:17px;height:2px;border-radius:999px;background:#ffffffdb;opacity:.72;transform:rotate(-12deg) scaleX(.7);transform-origin:left center;animation:pen-trail 1.8s ease-in-out infinite}.submit-icon-button:disabled:after{background:#60748261;animation:none}.submit-pen{display:inline-flex;font-size:1.25rem;line-height:1;transform:translateY(-1px) rotate(-8deg);animation:pen-write 1.8s ease-in-out infinite}.submit-icon-button:disabled .submit-pen{animation:none}@keyframes pen-write{0%,to{transform:translate(-1px,-2px) rotate(-11deg)}45%{transform:translate(3px,2px) rotate(-2deg)}70%{transform:translate(0) rotate(-8deg)}}@keyframes pen-trail{0%,to{opacity:.28;transform:rotate(-12deg) scaleX(.45)}45%{opacity:.86;transform:rotate(-12deg) scaleX(1)}70%{opacity:.48;transform:rotate(-12deg) scaleX(.62)}}.record{display:grid}.featured-note{display:grid;gap:14px;padding:20px clamp(20px,5vw,34px);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#f6fbfe)}.featured-heading{display:grid;gap:4px}.featured-heading h2{font-size:clamp(1.18rem,3vw,1.45rem)}.record-header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px clamp(20px,5vw,34px);border-bottom:1px solid var(--line);background:#fff}.record-header span{color:var(--muted);font-size:.9rem;font-weight:800}.empty-state{padding:30px clamp(20px,5vw,34px);color:var(--muted)}.tweet-list{display:grid;margin:0;padding:0;list-style:none}.tweet-list-item{display:grid}.tweet-card{display:grid;gap:12px;padding:20px clamp(20px,5vw,34px);border-bottom:1px solid var(--line);background:#fff}.tweet-list-item:last-child .tweet-card{border-bottom:0}.featured-card{border:1px solid #b8d8e8;border-radius:18px;background:#fff;box-shadow:var(--shadow-soft)}.tweet-meta{display:flex;gap:11px;align-items:center}.tweet-meta div{display:grid;gap:2px}.tweet-meta strong{color:var(--ink);font-size:.98rem}.tweet-card p{color:var(--ink-soft);font-size:1.08rem;line-height:1.48}.tweet-photo{margin:0;overflow:hidden;border:1px solid #d5e4ee;border-radius:18px;background:#eef7fb}.tweet-photo img{display:block;width:100%;max-height:420px;object-fit:cover}.tweet-actions{display:grid;gap:10px}.reaction-group,.share-group{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.heart-button,.reaction-button{display:inline-flex;min-height:32px;align-items:center;justify-content:center;border:1px solid #d5e4ee;border-radius:999px;padding:5px 10px;background:#fff;color:var(--muted);font-size:.82rem;font-weight:900;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.share-group>span{color:var(--muted);font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.heart-button{gap:6px;min-width:0;background:#fff8fa;color:#9f1d34}.reaction-button{gap:6px;min-width:0;background:#f8fcff;color:#315d78}.heart-button span{color:#d43f72}.reaction-button span{color:#0b5b86;font-weight:950}.share-face-link{position:relative;display:inline-grid;width:42px;height:42px;place-items:center;overflow:hidden;border:2px solid #ffffff;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #c9dce8,0 8px 18px #1f5b8224;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.share-face-link img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.share-face-link-elon{box-shadow:0 0 0 1px #28313b,0 8px 18px #0b131c2e}.share-face-link-zuck{box-shadow:0 0 0 1px #8abfe1,0 8px 18px #0e74a529}.heart-button:hover,.reaction-button:hover{border-color:var(--line-strong);box-shadow:0 8px 18px #1f5b821c;transform:translateY(-1px)}.share-face-link:hover{box-shadow:0 0 0 2px var(--blue),0 10px 22px #1f5b8233;filter:saturate(1.08);transform:translateY(-1px) scale(1.03)}.share-face-link:active,.heart-button:active,.reaction-button:active{box-shadow:none;transform:translateY(1px)}.avatar{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid #9bcbe3;border-radius:12px;background:linear-gradient(#f7fdff,#bee6f7);color:var(--blue-dark);font-size:.72rem;font-weight:900}.app-footer{display:grid;gap:6px;padding:18px clamp(20px,5vw,34px);border-top:1px solid var(--line);background:var(--blue-soft);line-height:1.45}@media(min-width:620px){.prompt-card{flex-direction:row;align-items:center}.composer-actions{flex-direction:row;justify-content:space-between;align-items:center}button{min-width:132px}.heart-button,.reaction-button,.prompt-button,.submit-icon-button{min-width:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}