#aden-spin-entry { border:1px solid #b08d57!important; color:#f1d18f!important; font-weight:700; white-space:nowrap; border-radius:5px; }
#aden-spin-entry[hidden] { display:none!important; }
#aden-spin-dialog { width:min(960px,calc(100vw - 24px)); max-width:none; height:min(850px,calc(100vh - 24px)); height:min(850px,calc(100dvh - 24px)); max-height:none; margin:auto; padding:0; border:1px solid #b08d57; border-radius:12px; background:#14110f; color:#e8dcc8; overflow:hidden; box-shadow:0 16px 70px #0009; font-family:"Microsoft JhengHei",system-ui,sans-serif; }
#aden-spin-dialog[open] { display:flex; flex-direction:column; }
#aden-spin-dialog::backdrop { background:rgba(0,0,0,.76); }
#aden-spin-dialog header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 14px; flex:none; border-bottom:1px solid #3a3126; }
#aden-spin-dialog h2 { margin:0; font-size:18px; font-weight:700; color:#e4c88f; }
#aden-spin-dialog header button { min-height:44px; padding:8px 14px; flex:none; border:1px solid #b08d57; border-radius:6px; background:#302619; color:#f4dfb0; cursor:pointer; font:inherit; }
#aden-spin-dialog button:focus-visible,#aden-spin-entry:focus-visible { outline:2px solid #f4dfb0; outline-offset:2px; }
#aden-spin-dialog .aden-spin-note,#aden-spin-dialog .aden-spin-status { padding:7px 14px; margin:0; color:#b5a78f; font-size:12px; line-height:1.5; flex:none; }
#aden-spin-dialog .aden-spin-status[hidden] { display:none; }
#aden-spin-frame { display:block; flex:1 1 auto; width:100%; min-height:0; border:0; background:#14110f; }
@media(max-width:600px) { #aden-spin-dialog { width:100vw; height:100vh; height:100dvh; border-radius:0; border:0; } #aden-spin-dialog header { padding-top:max(10px,env(safe-area-inset-top)); } }