.service-page{max-width:1100px;padding-bottom:40px}.service-page .card{margin-bottom:20px}.mailbox-card{display:flex;gap:24px;align-items:center;padding:32px}.mailbox-card h2{overflow-wrap:anywhere}.mailbox-mark{display:grid;place-items:center;width:80px;height:80px;flex:0 0 80px;border-radius:24px;color:#b71d6b;background:#fcebf3;font-size:calc(36px * var(--ui-font-scale, 1));font-weight:700}.service-status{display:grid;grid-template-columns:minmax(90px,1fr) 3fr;gap:14px;padding:10px 0 24px}.service-status dd{margin:0}.service-links{display:grid;grid-template-columns:1fr 1fr;gap:18px}.service-links a{color:inherit;text-decoration:none}.service-page form label{display:grid;gap:7px;margin-bottom:16px}.creator-toolbar{margin:28px 0 18px}.creator-post{padding:24px}.creator-caption{white-space:pre-wrap;overflow-wrap:anywhere}.creator-player{margin:18px 0}.creator-player video{width:100%;max-height:520px;border-radius:14px;background:#141419}.creator-player audio{width:100%}.creator-post h3{margin:16px 0 10px}.service-page .row{display:flex;gap:12px;flex-wrap:wrap}#creator-progress{font-size:calc(13px * var(--ui-font-scale, 1));max-width:70%;overflow-wrap:anywhere}
@media(max-width:600px){.service-page{padding:24px 16px 90px}.mailbox-card{padding:22px 18px;align-items:flex-start;gap:15px}.mailbox-mark{width:52px;height:52px;flex-basis:52px;font-size:calc(26px * var(--ui-font-scale, 1));border-radius:18px}.service-links{grid-template-columns:1fr;gap:0}.service-status{grid-template-columns:80px 1fr;font-size:calc(14px * var(--ui-font-scale, 1))}.creator-toolbar{gap:12px}.creator-toolbar h2{font-size:calc(20px * var(--ui-font-scale, 1))}.creator-post{padding:18px}}
.leisure-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:24px}.leisure-layout aside{align-self:start;line-height:1.8}.leisure-layout select{width:auto}.gomoku-board{display:grid;grid-template-columns:repeat(15,1fr);aspect-ratio:1;max-width:600px;margin:24px auto;background:#e8cd9b;padding:8px;border:1px solid #bc9563;border-radius:8px}.gomoku-cell{border:0;padding:0;display:grid;place-items:center;aspect-ratio:1;cursor:pointer;background:linear-gradient(0deg,transparent calc(50% - .5px),#ae8d5b calc(50% - .5px),#ae8d5b calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(50% - .5px),#ae8d5b calc(50% - .5px),#ae8d5b calc(50% + .5px),transparent calc(50% + .5px))}.gomoku-cell span{width:80%;height:80%;border-radius:50%}.gomoku-cell.stone-1 span{background:#25242a;box-shadow:1px 2px 3px #0004}.gomoku-cell.stone-2 span{background:#fff;box-shadow:1px 2px 3px #0004}.gomoku-cell.last-stone span:after{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#c82779;margin:calc(50% - 2.5px)}.gomoku-cell:focus-visible{outline:2px solid #c82779}.gomoku-cell:disabled{cursor:default;opacity:1}@media(max-width:800px){.leisure-layout{grid-template-columns:1fr}.leisure-layout .card{padding:16px}.gomoku-board{padding:4px}}
.mail-client .mail-folders{margin:16px 0}.mail-client .mail-folders [aria-pressed=true]{background:var(--primary,#b71d6b);color:white}.mail-message-list{display:grid;gap:10px}.mail-message{display:grid!important;text-align:left!important;gap:5px;max-width:100%;white-space:normal!important;overflow-wrap:anywhere}.mail-message small,.mail-message span{font-weight:400;opacity:.75}.mail-reader{margin-top:24px;border-top:1px solid #ddd;padding-top:20px;overflow-wrap:anywhere}.mail-text{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:20px 0}.mail-client h2{margin-right:auto}#mail-draft-form label{display:grid;gap:8px;margin:14px 0}

.mail-attachments{display:grid;gap:10px;margin:18px 0}.mail-attachment{white-space:normal;overflow-wrap:anywhere;text-align:left}.mail-file-row{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:10px 0}.mail-file-row span{min-width:0;overflow-wrap:anywhere}.mail-file-row button{flex-shrink:0}#mail-file-list{margin-bottom:14px}