/* Shared accessible controls on all functional preview pages. */
.th-skip-link{position:fixed;left:16px;top:-100px;z-index:200000;padding:12px 18px;background:#f5f1ff;color:#231537;border-radius:8px;font:700 15px system-ui}
.th-skip-link:focus{top:12px}
.th-account{position:relative}
.th-account-toggle{width:44px;height:44px;border:1px solid #9578d1;border-radius:50%;background:#32214b;color:#fff;font:700 14px system-ui;cursor:pointer}
.th-account-options{position:absolute;right:0;top:calc(100% + 10px);width:min(280px,calc(100vw - 24px));padding:10px;border:1px solid #665580;border-radius:12px;background:#181524;color:#f5f1ff;z-index:1000;font:15px/1.5 system-ui}
.th-account-options[hidden],.th-notifications[hidden]{display:none!important}
.th-account-name{display:block;padding:10px 12px;overflow-wrap:anywhere;border-bottom:1px solid #43384f;margin-bottom:6px}
.th-account-options a,.th-account-options button{display:flex;align-items:center;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:6px;background:transparent;color:#f5f1ff;text-decoration:none;text-align:left;font:inherit;cursor:pointer}
.th-account-options a:hover,.th-account-options button:hover{background:#332743}
#th027e-bell{width:44px!important;height:44px!important;border-radius:10px!important;color:#f1ebff!important}
.th-ui #th027e-bell{position:relative!important;inset:auto!important;padding:10px!important;flex:none;z-index:auto!important}
#th027e-bell>span:first-child{display:block;width:22px;height:22px;background:none!important;mask:none!important;-webkit-mask:none!important;font-size:0}
#th027e-bell svg{display:block;width:22px;height:22px}
#th027e-badge{font:700 11px system-ui!important}
.th-notifications{position:fixed;z-index:100200;max-height:min(540px,calc(100dvh - 110px));display:flex;flex-direction:column;border:1px solid #665580;border-radius:14px;background:#181524;color:#f5f1ff;font:15px/1.5 system-ui;overflow:hidden}
.th-notifications header,.th-notifications footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #43384f;gap:10px}
.th-notifications h2{margin:0;font-size:18px}
.th-notifications footer{border-top:1px solid #43384f;border-bottom:0}
.th-notifications button{min-width:44px;min-height:44px;border:1px solid #715889;border-radius:8px;padding:8px 12px;background:#30213f;color:#fff;font:inherit;cursor:pointer}
.th-notification-list{overflow:auto;overscroll-behavior:contain;padding:0 16px}
.th-notification-list>p{padding:12px 0}
.th-notification-list article{padding:16px 0;border-bottom:1px solid #43384f;overflow-wrap:anywhere}
.th-notification-list article p{margin:6px 0;color:#ddd5e9}
.th-notification-list small{display:block;color:#bdb0ce;margin-bottom:10px}
.th-notification-list .is-read{color:#bdb0ce}
:focus-visible{outline:3px solid #c2a1ff!important;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}