body:has(.native-preview) .theme-bar{position:fixed;z-index:5;top:max(18px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));margin:0;padding:0;max-width:none}body:has(.native-preview) .theme-control{color:#f5eee2}body:has(.native-preview) .theme-control>svg{display:none}body:has(.native-preview) .theme-control select{background:rgba(19,40,45,.7);border:1px solid rgba(244,237,224,.3);color:#f5eee2;backdrop-filter:blur(14px)}.native-preview{position:relative;isolation:isolate;width:100%;height:100svh;min-height:560px;overflow:hidden;background:#283c35;color:#fff6e8;font-family:var(--font-sans),system-ui,sans-serif}.native-preview-shade,.native-preview-world{position:absolute;inset:0;z-index:-1;pointer-events:none}.native-preview-world{overflow:hidden}.native-preview-world picture{position:absolute;inset:0}.native-preview-world .native-preview-art{top:-3%!important;height:163%!important;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 9%;object-position:50% 9%}.native-preview-shade{background:linear-gradient(90deg,rgba(7,25,25,.55),transparent 65%),linear-gradient(0deg,rgba(7,25,25,.83),transparent 43%,rgba(7,25,25,.19))}.native-preview a{color:inherit;text-decoration:none}.native-preview button,.native-preview summary{font:inherit;cursor:pointer}.native-preview a:focus-visible,.native-preview button:focus-visible,.native-preview summary:focus-visible{outline:3px solid #f3cc84;outline-offset:4px}.native-preview-header{position:absolute;top:max(20px,env(safe-area-inset-top));left:clamp(20px,4vw,64px);display:flex;align-items:center;gap:22px;max-width:calc(100% - 170px)}.native-preview-header>a{display:inline-flex;min-height:44px;align-items:center}.native-preview-header .brand{font-size:25px;color:#fff6e8}.native-preview-header .brand-mark{background:rgba(14,40,37,.6);border-color:rgba(243,204,132,.55);box-shadow:none;color:#f3cc84}.native-preview-header>span{font-size:11px;color:#f2e5d0;text-shadow:0 1px 8px rgba(0,0,0,.6)}.native-preview-intro{position:absolute;bottom:160px;left:clamp(20px,4vw,64px);max-width:500px;text-shadow:0 2px 24px rgba(0,0,0,.35)}.native-preview-place{display:flex;align-items:center;gap:8px;margin:0 0 13px;font-size:12px;color:#f0dfc5}.native-preview-place>span{width:6px;height:6px;background:#f3cc84;border-radius:50%}.native-preview-intro h1{margin:0;font-family:var(--font-display),Georgia,serif;font-size:clamp(43px,5.2vw,76px);line-height:1.02;font-weight:550;letter-spacing:-.035em}.native-preview-intro>p:last-child{margin:16px 0 0;font-size:14px;color:#e6e7db}.native-preview-dock{position:absolute;z-index:2;bottom:max(30px,env(safe-area-inset-bottom));left:clamp(20px,4vw,64px);display:flex;align-items:center;gap:6px;padding:7px;border:1px solid rgba(249,238,218,.3);border-radius:19px;background:rgba(17,40,43,.72);backdrop-filter:blur(18px);box-shadow:0 10px 34px rgba(0,15,18,.2)}.native-preview-dock>a,.native-preview-dock>button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:8px 17px;border:0;border-radius:12px;background:transparent;color:#fff6e8;font-size:13px;font-weight:650;white-space:nowrap}.native-preview-dock>button.native-preview-view{background:#f0c479;color:#183033}.native-preview-dock>button:hover{background:#f8d99c}.native-preview-dock>a:hover{background:rgba(244,236,218,.09)}.native-preview-about{position:relative}.native-preview-about summary{display:grid;place-items:center;list-style:none;width:44px;min-height:48px;border-radius:12px;color:#eee8db}.native-preview-about summary::-webkit-details-marker{display:none}.native-preview-about[open] summary{background:rgba(244,236,218,.12)}.native-preview-about-body{position:absolute;right:0;bottom:calc(100% + 18px);width:min(285px,calc(100vw - 40px));padding:20px;border:1px solid rgba(244,236,218,.25);border-radius:15px;background:rgba(17,40,43,.96);box-shadow:0 10px 36px rgba(0,0,0,.2)}.native-preview-about-body strong{font-size:17px}.native-preview-about-body p{margin:9px 0;font-size:13px;line-height:1.6;color:#d6ded6}.native-preview-about-body nav{display:flex;gap:18px}.native-preview-about-body a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;text-decoration:underline;text-underline-offset:4px}.native-preview-viewer{width:min(680px,calc(100vw - 24px));height:calc(100svh - 24px);max-width:none;max-height:none;margin:auto;padding:12px;border:1px solid rgba(244,236,218,.3);border-radius:18px;background:rgba(16,35,39,.97);color:#fff6e8;overflow:hidden}.native-preview-viewer::backdrop{background:rgba(5,18,20,.8);backdrop-filter:blur(12px)}.native-preview-viewer[open]{display:flex;flex-direction:column}.native-preview-viewer header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 5px 12px}.native-preview-viewer h2{margin:0;font:550 24px/1.1 var(--font-display),Georgia,serif}.native-preview-viewer header p{margin:4px 0 0;color:#c3d1cd;font-size:11px}.native-preview-viewer form{margin:0}.native-preview-viewer button{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid rgba(244,236,218,.3);border-radius:9px;background:transparent;color:inherit;font:inherit;cursor:pointer}.native-preview-frame{flex:1;min-height:0}.native-preview-frame picture{display:block;height:100%}.native-preview-frame img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}@media(min-width:900px){.native-preview-viewer{width:min(1180px,calc(100vw - 24px))}.native-preview-world .native-preview-art{top:-3%!important;height:163%!important;-o-object-position:50% 10%;object-position:50% 10%}.native-preview-shade{background:linear-gradient(90deg,rgba(8,29,29,.77),rgba(8,29,29,.07) 75%),linear-gradient(0deg,rgba(8,29,29,.75),transparent 45%)}}@media(max-width:600px){.native-preview-header{left:20px;gap:0;flex-direction:column;align-items:flex-start}.native-preview-header .brand{font-size:22px}.native-preview-header>span{margin:3px 0 0 46px;font-size:9px}.native-preview-intro{left:22px;bottom:138px;max-width:calc(100% - 44px)}.native-preview-intro h1{font-size:44px}.native-preview-place{margin-bottom:8px;font-size:11px}.native-preview-intro>p:last-child{margin-top:11px;font-size:12px}.native-preview-dock{left:16px;right:16px;bottom:max(20px,env(safe-area-inset-bottom));gap:3px;padding:6px;border-radius:17px}.native-preview-dock>a,.native-preview-dock>button{flex:1;gap:6px;min-width:0;padding:8px 7px;font-size:11px}.native-preview-about summary{width:44px}}@media(max-height:600px) and (min-width:601px){.native-preview{min-height:360px}.native-preview-intro{bottom:120px}.native-preview-intro h1{font-size:42px}.native-preview-intro>p:last-child{display:none}.native-preview-dock{bottom:20px}}@media(prefers-reduced-transparency:reduce){.native-preview-about-body,.native-preview-dock,.native-preview-viewer{background:#152d32}}