.story51-shell{max-width:700px;margin:0 auto;min-height:100vh;padding-bottom:115px;color:#fff;background:radial-gradient(circle at 100% 0%,rgba(255,73,103,.15),transparent 24%),radial-gradient(circle at 0% 20%,rgba(255,153,61,.10),transparent 22%),#08080a}
.story51-head{padding:30px 18px 18px}
.story51-head>small,.story51-feed-head small,.story51-write>small,.story51-relay>small,.story51-day-top small{font-size:8px;letter-spacing:.18em;color:#ff8b85;font-weight:900}
.story51-head h1{font-size:52px;line-height:.88;margin:8px 0 12px;letter-spacing:-.07em}
.story51-head h1 em{font-style:normal;color:#ff4566}
.story51-head p{max-width:470px;font-size:12px;line-height:1.55;color:#898993}
.story51-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 16px}
.story51-choice-card{min-height:98px;border-radius:20px;background:#101015;border:1px solid rgba(255,255,255,.07);padding:14px;color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.story51-choice-card.active{box-shadow:inset 0 0 0 1px rgba(255,112,133,.2)}
.story51-choice-card:before{content:"";position:absolute;inset:auto -15px -15px auto;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(255,83,112,.20),transparent 65%)}
.story51-choice-card span{font-size:20px;margin-bottom:auto;color:#ff7085;position:relative;z-index:1}
.story51-choice-card b{font-size:11px;position:relative;z-index:1}
.story51-choice-card small{font-size:8px;color:#6d6d76;margin-top:3px;position:relative;z-index:1}
.story51-day{margin:22px 16px 0;padding:18px 18px 16px;border-radius:24px;background:linear-gradient(135deg,#ff4468,#ff7c3a);color:#fff;box-shadow:0 10px 30px rgba(255,73,103,.18)}
.story51-day-top{display:flex;justify-content:space-between;align-items:center}
.story51-day-top small{color:rgba(255,255,255,.85)}
.story51-day-top span{padding:7px 10px;border-radius:99px;background:rgba(255,255,255,.18);font-size:8px;font-weight:1000;letter-spacing:.08em}
.story51-day blockquote{margin:12px 0 14px;font-size:20px;line-height:1.35;font-weight:900;letter-spacing:-.03em}
.story51-day-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}
.story51-day-meta b{font-size:10px}
.story51-day-meta small{font-size:8px;color:rgba(255,255,255,.82)}
.story51-write{margin:24px 16px 0;padding:20px;border-radius:22px;background:#101015;border:1px solid rgba(255,255,255,.08)}
.story51-write h2{font-size:28px;line-height:.95;margin:7px 0 10px}
.story51-write>p{font-size:11px;color:#7f7f89;line-height:1.5}
.story51-primary{display:block;padding:15px;border-radius:14px;background:linear-gradient(100deg,#ff315f,#ff7b28);color:#fff;text-decoration:none;font-size:10px;font-weight:1000}
.story51-login{display:block;text-align:center;margin-top:11px;color:#777;text-decoration:none;font-size:8px}
.story51-used{margin-top:14px;padding:15px;border-radius:15px;background:#15261d}
.story51-used>span{font-size:8px;color:#86edaf;font-weight:900}
.story51-used p{font-size:14px;line-height:1.45;margin:6px 0}
.story51-used small{font-size:8px;color:#79aa8d}
.story51-form label span{display:block;font-size:8px;color:#81818b;font-weight:900;margin:12px 0 6px}
.story51-form textarea{width:100%;box-sizing:border-box;resize:none;background:#09090c;border:1px solid rgba(255,255,255,.09);border-radius:14px;color:#fff;padding:14px;font:inherit;line-height:1.5}
.story51-form-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.story51-form-bottom small{font-size:8px;color:#666}
.story51-form-bottom button{border:0;border-radius:12px;padding:12px 14px;background:#fff;color:#111;font-size:9px;font-weight:1000}
.story51-feed{padding:30px 16px 0}
.story51-feed-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07)}
.story51-feed-head h2{font-size:24px;margin:4px 0 0}
.story51-feed-head>span{font-size:8px;color:#666}
.story51-empty{padding:20px 0;color:#666;font-size:11px}
.story51-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:16px}
.story51-card{position:relative;min-height:205px;padding:16px;border-radius:22px;color:#fff;overflow:hidden;display:flex;flex-direction:column}
.story51-card p{font-size:16px;line-height:1.45;margin:12px 0 14px;letter-spacing:-.01em}
.story51-card-top,.story51-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}
.story51-card-bottom{margin-top:auto}
.story51-card-bottom b{font-size:9px}
.story51-card-bottom small,.story51-card-top small{font-size:7px;color:rgba(255,255,255,.75)}
.story51-badge{display:inline-flex;padding:7px 10px;border-radius:99px;font-size:8px;font-weight:1000;letter-spacing:.08em}
.story51-card.sticker{background:linear-gradient(140deg,#191922,#0f1016);border:1px solid rgba(255,255,255,.08);transform:rotate(-1deg)}
.story51-card.sticker:before{content:"";position:absolute;right:-18px;top:-18px;width:88px;height:88px;border-radius:50%;background:radial-gradient(circle,rgba(255,86,120,.25),transparent 65%)}
.story51-card.sticker .story51-badge{background:#ff5a78;color:#fff}
.story51-card.ticket{background:linear-gradient(160deg,#ff8752,#ff4b72);color:#fff}
.story51-card.ticket:before,.story51-card.ticket:after{content:"";position:absolute;top:50%;width:18px;height:18px;background:#08080a;border-radius:50%;transform:translateY(-50%)}
.story51-card.ticket:before{left:-9px}.story51-card.ticket:after{right:-9px}
.story51-card.ticket .story51-badge{background:rgba(255,255,255,.18);color:#fff}
.story51-card.note{background:#fff3bf;color:#1d1d20;transform:rotate(1deg);box-shadow:0 10px 30px rgba(0,0,0,.14)}
.story51-card.note .story51-badge{background:#1d1d20;color:#fff}
.story51-card.note .story51-card-top small,.story51-card.note .story51-card-bottom small{color:rgba(29,29,32,.62)}
.story51-card.note .story51-card-bottom b{color:#1d1d20}
.story51-card.note:before{content:"";position:absolute;top:12px;right:20px;width:46px;height:14px;border-radius:3px;background:rgba(255,138,157,.45);transform:rotate(-6deg)}
.story51-relay{margin:24px 16px 0;padding:18px;border-radius:20px;background:#0e0e12;border:1px solid rgba(255,255,255,.06)}
.story51-relay h2{font-size:20px;margin:6px 0 7px}
.story51-relay p{font-size:9px;line-height:1.5;color:#6d6d76;margin:0}
@media(max-width:640px){.story51-grid{grid-template-columns:1fr}.story51-head h1{font-size:46px}}
@media(max-width:460px){.story51-choice{grid-template-columns:1fr}}