.od1-messages{min-height:100svh;padding:calc(88px + env(safe-area-inset-top)) 0 calc(42px + env(safe-area-inset-bottom));background:radial-gradient(circle at 80% 0,color-mix(in srgb,var(--od1-artist-accent) 18%,transparent),transparent 38%),#08080b;color:#fff}.od1-messages__shell{max-width:760px}.od1-messages__header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.od1-messages__header>a,.od1-messages__header>button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff24;border-radius:50%;background:#ffffff0b;color:#fff;text-decoration:none;font-size:22px}.od1-messages__header>button{margin-left:auto}.od1-messages__header h1{margin:.1rem 0 0;font-size:clamp(1.8rem,6vw,3rem)}.od1-messages__header p{margin:0}.od1-messages__auth,.od1-messages__locked,.od1-messages__inbox{border:1px solid #ffffff1c;border-radius:24px;background:#111117;box-shadow:0 26px 80px #0008;overflow:hidden}.od1-messages__auth,.od1-messages__locked{max-width:520px;margin:auto;padding:clamp(22px,5vw,38px)}.od1-messages__intro{text-align:center}.od1-messages__intro>span,.od1-messages__locked>span{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 15px;border-radius:20px;background:color-mix(in srgb,var(--od1-artist-accent) 20%,#181820);font-size:28px}.od1-messages__intro h2,.od1-messages__locked h2{margin:0 0 8px}.od1-messages__intro p,.od1-messages__locked p{color:#b8b8c3}.od1-messages__tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;margin:24px 0 18px;border-radius:14px;background:#08080c}.od1-messages__tabs button{padding:11px;border:0;border-radius:11px;background:transparent;color:#aaa}.od1-messages__tabs button.is-active{background:#24242d;color:#fff}.od1-messages form label{display:grid;gap:7px;margin:13px 0;font-size:.88rem;font-weight:700}.od1-messages input,.od1-messages textarea{box-sizing:border-box;width:100%;padding:13px 14px;border:1px solid #ffffff22;border-radius:12px;background:#08080d;color:#fff;font:inherit;resize:vertical}.od1-messages input:focus,.od1-messages textarea:focus{outline:2px solid color-mix(in srgb,var(--od1-artist-accent) 65%,transparent);border-color:transparent}.od1-messages label small,.od1-messages__composer small{color:#8f8f9d;font-weight:400}.od1-messages__check{grid-template-columns:auto 1fr!important;align-items:start!important}.od1-messages__check input{width:18px;margin-top:2px}.od1-messages form>.od1-artist-button{width:100%;justify-content:center;margin-top:8px}.od1-messages__locked{text-align:center}.od1-messages__locked>small{display:block;margin-top:16px;color:#a9a9b5}.od1-messages__notice{margin:0 0 15px;padding:12px 15px;border:1px solid #ff6b7c55;border-radius:12px;background:#ff334c18;color:#ffd5da}.od1-messages__notice.is-success{border-color:#57d89b55;background:#25b47519;color:#caffea}.od1-messages__account{display:flex;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #ffffff16}.od1-messages__account div{display:grid;gap:3px}.od1-messages__account small,.od1-messages__account>span{color:#92929e;font-size:.78rem}.od1-messages__thread{display:flex;flex-direction:column;gap:12px;min-height:280px;max-height:52svh;padding:20px;overflow:auto}.od1-messages__empty{margin:auto;color:#888895;text-align:center}.od1-message{align-self:flex-start;max-width:min(82%,520px);padding:12px 14px;border-radius:7px 17px 17px 17px;background:#25252e}.od1-message.is-fan{align-self:flex-end;border-radius:17px 7px 17px 17px;background:color-mix(in srgb,var(--od1-artist-accent) 38%,#181820)}.od1-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.od1-message footer{display:flex;align-items:center;gap:8px;margin-top:7px;color:#a8a8b3;font-size:.69rem}.od1-message footer button{padding:0;border:0;background:none;color:#fff;text-decoration:underline}.od1-messages__composer{padding:0 20px 20px;border-top:1px solid #ffffff16}.od1-messages__composer>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.od1-messages__composer small{max-width:430px}.od1-messages__composer button{flex:none}.od1-messages button[disabled]{opacity:.5;cursor:not-allowed}@media(max-width:520px){.od1-messages__account>span{display:none}.od1-messages__composer>div{align-items:stretch;flex-direction:column}.od1-messages__composer button{width:100%;justify-content:center}.od1-message{max-width:90%}}
.od1-messages__account>button{padding:7px 10px;border:1px solid #ffffff20;border-radius:999px;color:#aaa;background:transparent;font:inherit;font-size:.75rem}