.cloud-login{max-width:480px;margin:14vh auto;padding:32px;background:white;border:1px solid #dce3dc;border-radius:16px}.cloud-login input{display:block;width:100%;margin:12px 0 20px}.cloud-login button{width:100%}.media-reader{max-width:1200px;margin:0 auto;padding:20px}.media-reader header{display:flex;gap:15px;align-items:center;justify-content:space-between;position:sticky;top:0;background:#f5f6f1ed;padding:12px;z-index:1}.media-reader h1{font-size:20px;overflow-wrap:anywhere}.media-reader article{margin:20px auto;max-width:1100px}.media-reader img{display:block;width:100%;height:auto;background:#fff;box-shadow:0 2px 18px #16332918}.media-reader .page-number{text-align:center;color:#687a70;margin:10px}.cloud-media-options{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 0}.cloud-media-options select{max-width:180px}.media-speed{max-width:800px;margin:40px auto;padding:24px}.media-speed select{display:block;margin:15px 0}.media-speed pre{white-space:pre-wrap}.media-speed .notice{margin:20px 0}@media(max-width:600px){.cloud-login{margin:8vh 12px;padding:22px}.media-reader{padding:6px}.media-reader header{display:block}.media-speed{margin:20px 8px;padding:16px}}