@charset "UTF-8";
/* CSS Document */

            /* MIRAI — Media/Blog Reader Modal (V1.0) */
            #miraiBlogReaderModal .modal-dialog {
            max-width: 1100px;
            }
            #miraiBlogReaderModal .modal-content {
            border-radius: 18px;
            border: 1px solid rgba(0,0,0,.08);
            background: rgba(255,255,255,.78);
            backdrop-filter: blur(14px) saturate(140%);
            -webkit-backdrop-filter: blur(14px) saturate(140%);
            box-shadow: 0 20px 70px rgba(0,0,0,.18);
            overflow: hidden;
            }
            #miraiBlogReaderModal .modal-header, #miraiBlogReaderModal .modal-footer {
            border-color: rgba(0,0,0,.07);
            }
            #miraiBlogReaderModal .modal-title {
            letter-spacing: .10em;
            text-transform: uppercase;
            font-size: .85rem;
            margin: 0;
            }
            #miraiBlogReaderModal .mirai-blog-reader-sub {
            font-size: .85rem;
            opacity: .75;
            margin-top: .25rem;
            }
            #miraiBlogReaderModal .mirai-blog-reader-shell {
            position: relative;
            padding: 12px;
            }
            #miraiBlogReaderModal .mirai-blog-reader-frame {
            width: 100%;
            height: min(72vh, 760px);
            border: 0;
            border-radius: 14px;
            background: #fff;
            }
            #miraiBlogReaderModal .mirai-blog-reader-loader {
            position: absolute;
            inset: 12px;
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            background: rgba(255,255,255,.72);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            opacity: 0;
            pointer-events: none;
            transition: opacity .15s ease;
            }
            #miraiBlogReaderModal.is-loading .mirai-blog-reader-loader {
            opacity: 1;
            pointer-events: auto;
            }
            #miraiBlogReaderModal .btn {
            border-radius: 12px;
            }
            /* Backdrop ince ayar (sadece bu modal için JS ile class enjekte edilir) */
            .modal-backdrop.mirai-blog-backdrop.show {
            opacity: .45;
            }
            @media (max-width: 991.98px) {
            #miraiBlogReaderModal .modal-dialog {
            margin: .75rem;
            }
            #miraiBlogReaderModal .mirai-blog-reader-frame {
            height: 74vh;
            }
            }