#tomi-loader{position:fixed;inset:0;z-index:1000;place-items:center;background:#f7f7f6;color:#111;font-family:"Noto Sans TC","PingFang TC",sans-serif}
#tomi-loader:not([hidden]){display:grid}
html.tomi-loading,html.tomi-loading body{overflow:hidden}
.tomi-loading main{visibility:hidden}
.tomi-loader-inner{width:min(100% - 48px,320px);text-align:center}
.tomi-loader-mark{width:80px;margin:0 auto;text-align:left}.tomi-loader-dot{display:block;width:11px;height:11px;border-radius:50%;background:#111}.tomi-loader-brand{margin:12px 0 10px;font:700 18px/1 "Montserrat","Avenir Next",sans-serif;letter-spacing:5px}.tomi-loader-bar{display:block;width:16px;height:2px;background:#111}
.tomi-loader-line{position:relative;width:72px;height:1px;margin:24px auto 0;overflow:hidden;background:#d6d6d4}
.tomi-loader-line::after{content:"";position:absolute;inset:0;background:#111;transform:translateX(-100%);animation:tomi-loading-line 1.4s cubic-bezier(.16,1,.3,1) infinite}
.tomi-loader-message{margin:24px 0 0;min-height:44px;color:#555;font-size:13px;font-weight:400;line-height:1.8}
.tomi-loader-actions{display:flex;justify-content:center;gap:24px;margin-top:24px}
.tomi-loader-actions button{min-height:44px;padding:8px 0;border:0;background:none;color:#555;font:400 13px/1.5 "Noto Sans TC","PingFang TC",sans-serif;text-decoration:underline;text-underline-offset:5px;cursor:pointer}
.tomi-loader-actions button:hover{color:#111}
.tomi-loader-actions button:focus-visible{outline:2px solid #111;outline-offset:5px}
#tomi-loader[data-stalled] .tomi-loader-line::after{animation:none;transform:none;opacity:.45}
@keyframes tomi-loading-line{0%{transform:translateX(-100%)}65%,100%{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.tomi-loader-line::after{animation:none;transform:scaleX(.35)}}

#tomi-loader[data-paused] .tomi-loader-line::after{animation-play-state:paused}