.s53-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}
.s53-head{padding:30px 18px 18px}.s53-head small,.s53-sec-head small,.s53-write small,.s53-day-top small{font-size:8px;letter-spacing:.18em;color:#ff8b85;font-weight:900}.s53-head h1{font-size:50px;line-height:.9;margin:8px 0 12px}.s53-head h1 em{font-style:normal;color:#ff4566}.s53-head p{font-size:12px;color:#898993}
.s53-day{margin:22px 16px 0;padding:18px;border-radius:24px;background:linear-gradient(135deg,#ff4468,#ff7c3a)}.s53-day-top,.s53-day-meta,.s53-sec-head,.s53-top,.s53-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.s53-day-top span{padding:7px 10px;border-radius:99px;background:rgba(255,255,255,.18);font-size:8px;font-weight:1000}.s53-day blockquote{margin:12px 0 14px;font-size:20px;line-height:1.35;font-weight:900}.s53-day-meta b{font-size:10px}.s53-day-meta small{font-size:8px;color:rgba(255,255,255,.82)}
.s53-section{padding:28px 16px 0}.s53-sec-head{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07)}.s53-sec-head h2{font-size:24px;margin:4px 0 0}.s53-sec-head>span{font-size:8px;color:#666}
.s53-write{margin:24px 16px 0;padding:20px;border-radius:22px;background:#101015;border:1px solid rgba(255,255,255,.08)}.s53-write h2{font-size:28px;line-height:.95;margin:7px 0 10px}.s53-write>p{font-size:11px;color:#7f7f89;line-height:1.5}
.s53-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}.s53-login{display:block;text-align:center;margin-top:11px;color:#777;text-decoration:none;font-size:8px}
.s53-used{margin-top:14px;padding:15px;border-radius:15px;background:#15261d}.s53-used>span{font-size:8px;color:#86edaf;font-weight:900}.s53-used p{font-size:14px;margin:6px 0}.s53-used small{font-size:8px;color:#79aa8d}
.s53-form label span{display:block;font-size:8px;color:#81818b;font-weight:900;margin:12px 0 6px}.s53-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}.s53-form-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.s53-form-bottom button{border:0;border-radius:12px;padding:12px 14px;background:#fff;color:#111;font-size:9px;font-weight:1000}
.s53-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:16px}.s53-empty{padding:20px 0;color:#666;font-size:11px}
.s53-card{position:relative;min-height:235px;padding:16px;border-radius:22px;color:#fff;overflow:hidden;display:flex;flex-direction:column}.s53-card p{font-size:16px;line-height:1.45;margin:12px 0 14px}.s53-bottom{margin-top:auto;align-items:flex-end}.s53-bottom>div:first-child{display:flex;flex-direction:column;gap:2px}.s53-bottom b{font-size:9px}.s53-bottom small,.s53-top small{font-size:7px;color:rgba(255,255,255,.75)}.s53-badge{display:inline-flex;padding:7px 10px;border-radius:99px;font-size:8px;font-weight:1000}.s53-card-meta{font-size:8px;color:rgba(255,255,255,.78);margin-bottom:8px}
.s53-rank{position:absolute;top:12px;right:12px;padding:7px 10px;border-radius:999px;background:#fff;color:#111;font-size:8px;font-weight:1000}
.s53-card.sticker{background:linear-gradient(140deg,#191922,#0f1016);border:1px solid rgba(255,255,255,.08);transform:rotate(-1deg)}.s53-card.sticker .s53-badge{background:#ff5a78}
.s53-card.ticket{background:linear-gradient(160deg,#ff8752,#ff4b72)}.s53-card.ticket .s53-badge{background:rgba(255,255,255,.18)}
.s53-card.note{background:#fff3bf;color:#1d1d20;transform:rotate(1deg)}.s53-card.note .s53-badge{background:#1d1d20;color:#fff}.s53-card.note .s53-top small,.s53-card.note .s53-bottom small,.s53-card.note .s53-card-meta{color:rgba(29,29,32,.65)}.s53-card.note .s53-bottom b,.s53-card.note .s53-rank{color:#111}.s53-card.note .s53-rank{background:#1d1d20;color:#fff}
.s53-reacts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.s53-react{border:0;border-radius:999px;padding:7px 9px;background:rgba(255,255,255,.14);color:#fff;font-size:9px;font-weight:900;cursor:pointer}.s53-react span{margin-left:3px}.s53-react.done,.s53-react:disabled{opacity:.7;cursor:default}.s53-card.note .s53-react{background:rgba(29,29,32,.12);color:#1d1d20}
@media(max-width:640px){.s53-grid{grid-template-columns:1fr}.s53-head h1{font-size:46px}}