.mcs-account { box-sizing: border-box; width: min(510px, calc(100vw - 24px)); padding: 0; border: 2px solid #526045; border-radius: 7px; color: #293029; background: #fffdf6; font: 16px/1.45 Arial, sans-serif; box-shadow: 5px 6px 0 #263d4a55; max-height: calc(100vh - 24px); overflow: auto; }
.mcs-account::backdrop { background: #172c46a6; }
.mcs-account *, .mcs-account *::before { box-sizing: border-box; }
.mcs-account header { display: flex; gap: 12px; align-items: center; padding: 13px 17px; background: #dcb039; border-bottom: 3px solid #ac8425; }
.mcs-account header svg { width: 33px; height: 36px; fill: none; stroke: currentColor; stroke-width: 2.4; flex: none; }
.mcs-account h2 { margin: 0; font: bold 23px/1.15 Arial, sans-serif; flex: 1; }
.mcs-account .mcs-account-close { border-radius: 50%; width: 31px; height: 31px; padding: 0; flex: none; background: #c83e32; border: 1px solid #96302b; color: white; font-size: 25px; line-height: 25px; cursor: pointer; }
.mcs-account form { padding: 15px 20px 19px; margin: 0; }
.mcs-account p { margin: 0 0 12px; }
.mcs-account label { display: block; font-weight: bold; margin: 10px 0 4px; }
.mcs-account input { width: 100%; height: 42px; padding: 7px 10px; border: 1px solid #849076; border-radius: 3px; background: white; color: #222; font: 17px Arial, sans-serif; }
.mcs-account input:focus, .mcs-account button:focus-visible, .mcs-account a:focus-visible { outline: 3px solid #537fb2; outline-offset: 2px; }
.mcs-account small { display: block; margin: 6px 0 12px; color: #4a5544; font-size: 14px; }
.mcs-account .mcs-account-actions { display: flex; gap: 10px; align-items: center; margin-top: 15px; flex-wrap: wrap; }
.mcs-account .mcs-account-primary { border: 1px solid #557b28; border-bottom-width: 3px; border-radius: 4px; background: #6a9931; color: white; padding: 9px 17px; font: bold 17px Arial, sans-serif; cursor: pointer; }
.mcs-account .mcs-account-link { padding: 5px 0; background: none; border: 0; color: #365e8e; font: 15px Arial, sans-serif; text-decoration: underline; cursor: pointer; }
.mcs-account .mcs-account-error { background: #fff0eb; border-left: 4px solid #c74735; padding: 8px 10px; margin-top: 10px; color: #7a281b; }
.mcs-account [hidden] { display: none !important; }
.mcs-account .mcs-account-password { display: flex; gap: 7px; align-items: center; }
.mcs-account .mcs-account-password button { flex: none; padding: 6px; border: 1px solid #a6ad9a; background: #f0f2e9; border-radius: 3px; cursor: pointer; color: #33432b; }
.mcs-account button:disabled { opacity: .6; cursor: wait; }
.mcs-account #mcsAccountCode { letter-spacing: .3em; max-width: 230px; font-size: 24px; }
.mcs-account-page { margin: 0; min-height: 100vh; font: 17px/1.5 Arial,sans-serif; color: #293029; background: #52779e; }
.mcs-account-page > header { background: #55594f; color: white; padding: 13px 22px; border-bottom: 4px solid #82b642; font-size: 25px; font-weight: bold; }
.mcs-account-page > main { max-width: 560px; margin: 50px auto; padding: 20px; background: #fffdf6; border: 2px solid #536044; border-radius: 5px; }
.mcs-account-page > main button { background: #6a9931; color: white; border: 1px solid #557b28; border-radius: 4px; padding: 10px 20px; font: bold 18px Arial,sans-serif; cursor: pointer; }
.mcs-view-share-bar { position:fixed; z-index:1000; right:12px; bottom:24px; max-width:calc(100vw - 24px); padding:7px 9px; background:#fffdf6; border:1px solid #77895d; border-bottom:3px solid #638b31; border-radius:4px; display:flex; gap:7px; align-items:center; flex-wrap:wrap; box-shadow:2px 3px 5px #0003; font:14px/1.3 Arial,sans-serif; color:#34412f; }
.mcs-view-share-bar button { background:#6a9931; color:white; padding:6px 10px; border:1px solid #517329; border-radius:3px; font: bold 14px Arial,sans-serif; cursor:pointer; }
.mcs-view-share-bar .mcs-share-stop { color:#873529; background:#fff6ef; border-color:#ba7461; }
.mcs-view-share-bar button:disabled { opacity:.6; cursor:wait; }
.mcs-view-share-bar .mcs-share-link { flex-basis:100%; min-width:0; box-sizing:border-box; padding:6px; border:1px solid #9ea78e; font:14px Arial,sans-serif; }
.mcs-view-share-bar [hidden] { display:none !important; }
.mcs-view-share-bar button:focus-visible { outline:3px solid #547ca6; outline-offset:2px; }

.mcs-account-page > header { display:flex; align-items:center; gap:9px; }
.mcs-account-page > header img { width:47px; height:auto; }