.shout-page{max-width:1000px;margin:0 auto;padding:28px 20px 70px;color:#71344e}.shout-page header{padding:32px 0 20px}.shout-page h1{font:clamp(30px,5vw,56px)/1.1 Georgia,serif;margin:15px 0}.shout-page header p{line-height:1.7}.shout-date{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:#fff3f8;border:1px solid #edc7d8;border-radius:22px;padding:18px;margin:10px 0 24px}.shout-date label{font-size:12px;display:grid;gap:6px}.shout-date input,.shout-date button{border:1px solid #e5b7ce;border-radius:99px;padding:10px 16px;background:#fffaf4;color:#773c58;font:inherit}.shout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px}.shout-card{border:1px solid #ebc9d8;background:linear-gradient(140deg,#fff6eb,#fce1ed);border-radius:26px;padding:25px;overflow-wrap:anywhere}.shout-card:nth-child(3n+2){background:linear-gradient(140deg,#f6efff,#f9e5f5)}.shout-card:nth-child(3n){background:linear-gradient(140deg,#fff4d7,#ffe3d4)}.shout-card>span{font-size:24px;color:#bb718e}.shout-card>p{font:22px/1.5 Georgia,serif;white-space:pre-wrap}.shout-card footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px}.shout-card a{color:#813652}.shout-remove{border:0;background:transparent;font:inherit;color:#83536b;text-decoration:underline;font-size:11px;margin-top:18px;padding:0}.shout-note{font-size:12px;line-height:1.7;color:#846675;margin-top:22px}.shout-empty{text-align:center;border:1px dashed #d9adc5;border-radius:28px;padding:45px 20px;grid-column:1/-1}.shout-empty>span{font-size:45px;color:#c483a8}#shout-dialog{border:1px solid #e4b8ce;border-radius:28px;background:#fff8f2;color:#71344e;box-sizing:border-box;width:min(94vw,540px);max-height:88dvh;padding:30px;overflow:auto}#shout-dialog::backdrop{background:#3a183966;backdrop-filter:blur(5px)}#shout-dialog h2{font:32px/1.2 Georgia,serif}#shout-dialog label{display:grid;gap:10px}#shout-dialog textarea{width:100%;box-sizing:border-box;resize:vertical;border:1px solid #e4bed2;border-radius:16px;background:white;padding:15px;font:inherit;color:inherit}#shout-dialog .shout-close{float:right;background:transparent;border:0;font-size:24px;color:inherit}.shout-page button,#shout-dialog button{cursor:pointer}.shout-page button:focus-visible,#shout-dialog button:focus-visible{outline:3px solid #ac639a;outline-offset:3px}.shout-action{margin:12px 0;font-size:13px}

.story-photo{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;background:#f9e9ef;border-radius:20px}#profile-shoutouts{padding:24px 0;margin:18px 0 25px;border-top:1px solid #ebc9d8;border-bottom:1px solid #ebc9d8}#profile-shoutouts header h2{font:30px Georgia,serif;color:#813652}#profile-shoutouts .shout-grid{margin-bottom:20px}#profile-shoutouts .shout-card p{font-size:20px}.creator-tile:has(.story-photo)>.shout-action{background:#fae2ed;border:1px solid #e4b1ca;border-radius:99px;padding:10px 16px;margin:12px}.creator-compose{flex-wrap:wrap}
.profile-sun-sign{display:inline-flex;align-items:center;gap:8px;border:1px solid #e9bfd2;border-radius:99px;background:#fff0da;padding:8px 15px;font-size:13px;margin:0 0 12px;color:#8b445c}.creator-word.story-cloud,.word-backdrop.story-cloud{border-radius:60px 85px 55px 80px;border:1px solid #dfc8eb;background:radial-gradient(ellipse at 20% 15%,#fff9ff 0%,transparent 50%),linear-gradient(135deg,#efdafa,#f8d8e9 65%,#fff1d8);box-shadow:0 12px 25px #9a709d12;padding:40px 28px;min-height:240px}.story-cloud>span{color:#af80b6}.shout-public-choice{display:flex!important;align-items:flex-start;gap:10px!important;padding:16px;background:#fce2ec;border-radius:15px;margin:15px 0;font-size:13px}.shout-public-choice input{width:auto!important}

.story-cloud.backdrop-saffron{background:radial-gradient(ellipse at 20% 15%,#fffef9 0%,transparent 50%),linear-gradient(135deg,#fff1cb,#f8dca9 70%,#ffe2e2)}.story-cloud.backdrop-lilac{background:radial-gradient(ellipse at 20% 15%,#fffaff 0%,transparent 50%),linear-gradient(135deg,#e2d6fc,#f1dcf5 70%,#e6ecff)}